@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #E5E7EB; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9CA3AF; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9CA3AF; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-5{
  inset: 1.25rem;
}
.inset-7{
  inset: 1.75rem;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-8{
  left: 2rem;
  right: 2rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-8{
  bottom: -2rem;
}
.-left-8{
  left: -2rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-10{
  right: -2.5rem;
}
.-right-14{
  right: -3.5rem;
}
.-right-3{
  right: -0.75rem;
}
.-right-6{
  right: -1.5rem;
}
.-right-8{
  right: -2rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-16{
  top: -4rem;
}
.-top-3{
  top: -0.75rem;
}
.-top-8{
  top: -2rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-\[-62px\]{
  bottom: -62px;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-5{
  left: 1.25rem;
}
.left-\[-36px\]{
  left: -36px;
}
.left-\[16\.5\%\]{
  left: 16.5%;
}
.left-\[2\.75rem\]{
  left: 2.75rem;
}
.left-\[5px\]{
  left: 5px;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-\[16\.5\%\]{
  right: 16.5%;
}
.right-\[2\.75rem\]{
  right: 2.75rem;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 3rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-20{
  top: 5rem;
}
.top-24{
  top: 6rem;
}
.top-3{
  top: 0.75rem;
}
.top-3\.5{
  top: 0.875rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-7{
  top: 1.75rem;
}
.top-\[-24px\]{
  top: -24px;
}
.top-\[-38px\]{
  top: -38px;
}
.top-\[calc\(100\%\+0\.5rem\)\]{
  top: calc(100% + 0.5rem);
}
.top-full{
  top: 100%;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[10001\]{
  z-index: 10001;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[10010\]{
  z-index: 10010;
}
.z-\[10020\]{
  z-index: 10020;
}
.z-\[10050\]{
  z-index: 10050;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[11000\]{
  z-index: 11000;
}
.z-\[12000\]{
  z-index: 12000;
}
.z-\[1200\]{
  z-index: 1200;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[70\]{
  z-index: 70;
}
.z-\[9998\]{
  z-index: 9998;
}
.z-\[9999\]{
  z-index: 9999;
}
.order-1{
  order: 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.m-4{
  margin: 1rem;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.\!mt-1{
  margin-top: 0.25rem !important;
}
.-mt-16{
  margin-top: -4rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-\[13px\]{
  margin-left: 13px;
}
.ml-\[15px\]{
  margin-left: 15px;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[4\/1\]{
  aspect-ratio: 4/1;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.\!h-\[50px\]{
  height: 50px !important;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[176px\]{
  height: 176px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[290px\]{
  height: 290px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[46px\]{
  height: 46px;
}
.h-\[480px\]{
  height: 480px;
}
.h-\[520px\]{
  height: 520px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[72vh\]{
  height: 72vh;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[92vh\]{
  height: 92vh;
}
.h-\[min\(820px\2c calc\(100vh-48px\)\)\]{
  height: min(820px,calc(100vh - 48px));
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-16{
  max-height: 4rem;
}
.max-h-20{
  max-height: 5rem;
}
.max-h-24{
  max-height: 6rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-36{
  max-height: 9rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-52{
  max-height: 13rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[520px\]{
  max-height: 520px;
}
.max-h-\[55vh\]{
  max-height: 55vh;
}
.max-h-\[78vh\]{
  max-height: 78vh;
}
.max-h-\[800px\]{
  max-height: 800px;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92dvh\]{
  max-height: 92dvh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[calc\(100dvh-1\.5rem\)\]{
  max-height: calc(100dvh - 1.5rem);
}
.max-h-\[calc\(100vh-180px\)\]{
  max-height: calc(100vh - 180px);
}
.max-h-\[calc\(100vh-48px\)\]{
  max-height: calc(100vh - 48px);
}
.max-h-\[min\(620px\2c calc\(100vh-100px\)\)\]{
  max-height: min(620px,calc(100vh - 100px));
}
.max-h-\[min\(75vh\2c 38rem\)\]{
  max-height: min(75vh,38rem);
}
.max-h-\[min\(760px\2c calc\(100vh-3rem\)\)\]{
  max-height: min(760px,calc(100vh - 3rem));
}
.max-h-full{
  max-height: 100%;
}
.\!min-h-12{
  min-height: 3rem !important;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-24{
  min-height: 6rem;
}
.min-h-28{
  min-height: 7rem;
}
.min-h-32{
  min-height: 8rem;
}
.min-h-40{
  min-height: 10rem;
}
.min-h-44{
  min-height: 11rem;
}
.min-h-9{
  min-height: 2.25rem;
}
.min-h-\[106px\]{
  min-height: 106px;
}
.min-h-\[110px\]{
  min-height: 110px;
}
.min-h-\[112px\]{
  min-height: 112px;
}
.min-h-\[116px\]{
  min-height: 116px;
}
.min-h-\[132px\]{
  min-height: 132px;
}
.min-h-\[144px\]{
  min-height: 144px;
}
.min-h-\[150px\]{
  min-height: 150px;
}
.min-h-\[160px\]{
  min-height: 160px;
}
.min-h-\[182px\]{
  min-height: 182px;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[240px\]{
  min-height: 240px;
}
.min-h-\[250px\]{
  min-height: 250px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[32px\]{
  min-height: 32px;
}
.min-h-\[340px\]{
  min-height: 340px;
}
.min-h-\[380px\]{
  min-height: 380px;
}
.min-h-\[3rem\]{
  min-height: 3rem;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[420px\]{
  min-height: 420px;
}
.min-h-\[48px\]{
  min-height: 48px;
}
.min-h-\[5\.5rem\]{
  min-height: 5.5rem;
}
.min-h-\[520px\]{
  min-height: 520px;
}
.min-h-\[54px\]{
  min-height: 54px;
}
.min-h-\[58px\]{
  min-height: 58px;
}
.min-h-\[76px\]{
  min-height: 76px;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[92px\]{
  min-height: 92px;
}
.min-h-\[96px\]{
  min-height: 96px;
}
.min-h-\[calc\(100vh-80px\)\]{
  min-height: calc(100vh - 80px);
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-auto{
  width: auto !important;
}
.\!w-full{
  width: 100% !important;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-1\/5{
  width: 20%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-2\/5{
  width: 40%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-52{
  width: 13rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[110px\]{
  width: 110px;
}
.w-\[14\%\]{
  width: 14%;
}
.w-\[140px\]{
  width: 140px;
}
.w-\[16\%\]{
  width: 16%;
}
.w-\[18\%\]{
  width: 18%;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[19\%\]{
  width: 19%;
}
.w-\[190px\]{
  width: 190px;
}
.w-\[200\%\]{
  width: 200%;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[248px\]{
  width: 248px;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[26\%\]{
  width: 26%;
}
.w-\[264px\]{
  width: 264px;
}
.w-\[28\%\]{
  width: 28%;
}
.w-\[360px\]{
  width: 360px;
}
.w-\[38px\]{
  width: 38px;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[68px\]{
  width: 68px;
}
.w-\[72px\]{
  width: 72px;
}
.w-\[min\(20rem\2c calc\(100vw-2\.5rem\)\)\]{
  width: min(20rem,calc(100vw - 2.5rem));
}
.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\]{
  width: min(22rem,calc(100vw - 2rem));
}
.w-\[min\(360px\2c calc\(100vw-24px\)\)\]{
  width: min(360px,calc(100vw - 24px));
}
.w-\[min\(420px\2c calc\(100vw-24px\)\)\]{
  width: min(420px,calc(100vw - 24px));
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-9{
  min-width: 2.25rem;
}
.min-w-\[1\.75rem\]{
  min-width: 1.75rem;
}
.min-w-\[10\.5rem\]{
  min-width: 10.5rem;
}
.min-w-\[1000px\]{
  min-width: 1000px;
}
.min-w-\[1100px\]{
  min-width: 1100px;
}
.min-w-\[1180px\]{
  min-width: 1180px;
}
.min-w-\[130px\]{
  min-width: 130px;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[170px\]{
  min-width: 170px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[190px\]{
  min-width: 190px;
}
.min-w-\[2\.75rem\]{
  min-width: 2.75rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[230px\]{
  min-width: 230px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[280px\]{
  min-width: 280px;
}
.min-w-\[2rem\]{
  min-width: 2rem;
}
.min-w-\[300px\]{
  min-width: 300px;
}
.min-w-\[560px\]{
  min-width: 560px;
}
.min-w-\[760px\]{
  min-width: 760px;
}
.min-w-\[780px\]{
  min-width: 780px;
}
.min-w-\[8\.75rem\]{
  min-width: 8.75rem;
}
.min-w-\[9\.5rem\]{
  min-width: 9.5rem;
}
.min-w-\[900px\]{
  min-width: 900px;
}
.min-w-\[960px\]{
  min-width: 960px;
}
.min-w-\[96px\]{
  min-width: 96px;
}
.min-w-\[980px\]{
  min-width: 980px;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-none{
  max-width: none !important;
}
.max-w-20{
  max-width: 5rem;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[1180px\]{
  max-width: 1180px;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[1280px\]{
  max-width: 1280px;
}
.max-w-\[1400px\]{
  max-width: 1400px;
}
.max-w-\[1500px\]{
  max-width: 1500px;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.max-w-\[430px\]{
  max-width: 430px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[64px\]{
  max-width: 64px;
}
.max-w-\[85vw\]{
  max-width: 85vw;
}
.max-w-\[920px\]{
  max-width: 920px;
}
.max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.table-fixed{
  table-layout: fixed;
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[calc\(100\%\+0\.4rem\)\]{
  --tw-translate-x: calc(calc(100% + 0.4rem) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[calc\(100\%\+0\.4rem\)\]{
  --tw-translate-x: calc(100% + 0.4rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3{
  --tw-translate-y: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce{

  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce{
  animation: bounce 1s infinite;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start{
  scroll-snap-align: start;
}
.scroll-mt-6{
  scroll-margin-top: 1.5rem;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.auto-cols-\[100\%\]{
  grid-auto-columns: 100%;
}
.\!grid-flow-col{
  grid-auto-flow: column !important;
}
.\!grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[1\.05fr\2c 1fr\2c 0\.9fr\2c 0\.9fr\2c 0\.85fr\2c 0\.75fr\2c 0\.7fr\]{
  grid-template-columns: 1.05fr 1fr 0.9fr 0.9fr 0.85fr 0.75fr 0.7fr;
}
.grid-cols-\[1\.15fr\2c 1fr\2c 1\.05fr\2c 0\.8fr\2c 0\.8fr\2c 0\.85fr\]{
  grid-template-columns: 1.15fr 1fr 1.05fr 0.8fr 0.8fr 0.85fr;
}
.grid-cols-\[1\.2fr\2c 1\.35fr\2c 0\.95fr\2c 0\.85fr\2c 0\.85fr\2c 0\.75fr\]{
  grid-template-columns: 1.2fr 1.35fr 0.95fr 0.85fr 0.85fr 0.75fr;
}
.grid-cols-\[1fr\2c 0\.95fr\2c 0\.85fr\2c 0\.9fr\2c 0\.75fr\2c 0\.7fr\]{
  grid-template-columns: 1fr 0.95fr 0.85fr 0.9fr 0.75fr 0.7fr;
}
.grid-cols-\[1fr\2c 0\.95fr\2c 0\.9fr\2c 0\.85fr\2c 0\.75fr\2c 0\.7fr\]{
  grid-template-columns: 1fr 0.95fr 0.9fr 0.85fr 0.75fr 0.7fr;
}
.grid-cols-\[1fr\2c 1fr\2c 0\.8fr\2c 0\.8fr\2c 0\.8fr\2c 0\.9fr\]{
  grid-template-columns: 1fr 1fr 0.8fr 0.8fr 0.8fr 0.9fr;
}
.grid-cols-\[44px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 44px minmax(0,1fr);
}
.grid-cols-\[52px\2c 1fr\2c auto\]{
  grid-template-columns: 52px 1fr auto;
}
.grid-cols-\[minmax\(0\2c 1fr\)_40px\]{
  grid-template-columns: minmax(0,1fr) 40px;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[\#E2E8F0\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity));
}
.divide-\[\#E8E8E8\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(232 232 232 / var(--tw-divide-opacity));
}
.divide-\[\#EAE7E0\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(234 231 224 / var(--tw-divide-opacity));
}
.divide-\[\#EEEAE6\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(238 234 230 / var(--tw-divide-opacity));
}
.divide-\[\#EEEEEE\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-divide-opacity));
}
.divide-\[\#EFECE9\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(239 236 233 / var(--tw-divide-opacity));
}
.divide-\[var\(--brand-border\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--brand-border);
}
.divide-\[var\(--brand-border\2c \#e2e8f0\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--brand-border,#e2e8f0);
}
.divide-black\/5 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(0 0 0 / 0.05);
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}
.divide-slate-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity));
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.\!overflow-x-auto{
  overflow-x: auto !important;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-\[10px\]{
  border-radius: 10px !important;
}
.\!rounded-\[20px\]{
  border-radius: 20px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[11px\]{
  border-radius: 11px;
}
.rounded-\[12px\]{
  border-radius: 12px;
}
.rounded-\[13px\]{
  border-radius: 13px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[17px\]{
  border-radius: 17px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[26px\]{
  border-radius: 26px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[2rem\]{
  border-radius: 2rem;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[9px\]{
  border-radius: 9px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-\[24px\]{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.\!border{
  border-width: 1px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-\[3px\]{
  border-bottom-width: 3px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-l-\[3px\]{
  border-left-width: 3px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.\!border-\[\#DEDEDE\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(222 222 222 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#E8E8E8\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(232 232 232 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#F20A24\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(242 10 36 / var(--tw-border-opacity)) !important;
}
.\!border-primary{
  --tw-border-opacity: 1 !important;
  border-color: rgb(10 31 68 / var(--tw-border-opacity)) !important;
}
.\!border-success{
  --tw-border-opacity: 1 !important;
  border-color: rgb(16 185 129 / var(--tw-border-opacity)) !important;
}
.border-\[\#0A1F44\]{
  --tw-border-opacity: 1;
  border-color: rgb(10 31 68 / var(--tw-border-opacity));
}
.border-\[\#171717\]{
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / var(--tw-border-opacity));
}
.border-\[\#CBD5E1\]{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-\[\#CCCCCC\]{
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#D4D4D4\]{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.border-\[\#D62828\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 40 40 / var(--tw-border-opacity));
}
.border-\[\#D62828\]\/15{
  border-color: rgb(214 40 40 / 0.15);
}
.border-\[\#D62828\]\/20{
  border-color: rgb(214 40 40 / 0.2);
}
.border-\[\#D62828\]\/35{
  border-color: rgb(214 40 40 / 0.35);
}
.border-\[\#D62828\]\/40{
  border-color: rgb(214 40 40 / 0.4);
}
.border-\[\#D7AAB0\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 170 176 / var(--tw-border-opacity));
}
.border-\[\#D7E0EA\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 224 234 / var(--tw-border-opacity));
}
.border-\[\#D8D4CB\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 212 203 / var(--tw-border-opacity));
}
.border-\[\#D8F0E0\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 240 224 / var(--tw-border-opacity));
}
.border-\[\#DADADA\]{
  --tw-border-opacity: 1;
  border-color: rgb(218 218 218 / var(--tw-border-opacity));
}
.border-\[\#DDD7D1\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 215 209 / var(--tw-border-opacity));
}
.border-\[\#DDD8D4\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 216 212 / var(--tw-border-opacity));
}
.border-\[\#DDDDDD\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
.border-\[\#DEDEDE\]{
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.border-\[\#E2E0D7\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 224 215 / var(--tw-border-opacity));
}
.border-\[\#E2E2E2\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity));
}
.border-\[\#E2E8F0\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-\[\#E4E0D7\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 224 215 / var(--tw-border-opacity));
}
.border-\[\#E5EAF2\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 234 242 / var(--tw-border-opacity));
}
.border-\[\#E8E4E0\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 228 224 / var(--tw-border-opacity));
}
.border-\[\#E8E8E8\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 232 232 / var(--tw-border-opacity));
}
.border-\[\#EAE7E0\]{
  --tw-border-opacity: 1;
  border-color: rgb(234 231 224 / var(--tw-border-opacity));
}
.border-\[\#EAE7E4\]{
  --tw-border-opacity: 1;
  border-color: rgb(234 231 228 / var(--tw-border-opacity));
}
.border-\[\#ECE7E2\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 231 226 / var(--tw-border-opacity));
}
.border-\[\#EE001C\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 0 28 / var(--tw-border-opacity));
}
.border-\[\#EE001C\]\/40{
  border-color: rgb(238 0 28 / 0.4);
}
.border-\[\#EEEAE6\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 234 230 / var(--tw-border-opacity));
}
.border-\[\#EEECE6\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 236 230 / var(--tw-border-opacity));
}
.border-\[\#EEEEEE\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
.border-\[\#F1F1F1\]{
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity));
}
.border-\[\#F1F5F9\]{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-\[\#F20A24\]{
  --tw-border-opacity: 1;
  border-color: rgb(242 10 36 / var(--tw-border-opacity));
}
.border-\[\#F3D2D7\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 210 215 / var(--tw-border-opacity));
}
.border-\[\#FFD9DE\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 217 222 / var(--tw-border-opacity));
}
.border-\[\#FFDCE1\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 220 225 / var(--tw-border-opacity));
}
.border-\[\#b91c1c\]{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.border-\[\#dadada\]{
  --tw-border-opacity: 1;
  border-color: rgb(218 218 218 / var(--tw-border-opacity));
}
.border-\[\#e3e3e3\]{
  --tw-border-opacity: 1;
  border-color: rgb(227 227 227 / var(--tw-border-opacity));
}
.border-\[\#eae7e4\]{
  --tw-border-opacity: 1;
  border-color: rgb(234 231 228 / var(--tw-border-opacity));
}
.border-\[\#ee001c\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 0 28 / var(--tw-border-opacity));
}
.border-\[\#f2c2c2\]{
  --tw-border-opacity: 1;
  border-color: rgb(242 194 194 / var(--tw-border-opacity));
}
.border-\[\#ffc9a8\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 201 168 / var(--tw-border-opacity));
}
.border-\[\#ffd7bf\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 215 191 / var(--tw-border-opacity));
}
.border-\[var\(--brand-blue\)\]{
  border-color: var(--brand-blue);
}
.border-\[var\(--brand-blue\2c \#2563eb\)\]{
  border-color: var(--brand-blue,#2563eb);
}
.border-\[var\(--brand-border\)\]{
  border-color: var(--brand-border);
}
.border-\[var\(--brand-border\2c \#cbd5e1\)\]{
  border-color: var(--brand-border,#cbd5e1);
}
.border-\[var\(--brand-border\2c \#e2e8f0\)\]{
  border-color: var(--brand-border,#e2e8f0);
}
.border-\[var\(--brand-border-strong\)\]{
  border-color: var(--brand-border-strong);
}
.border-\[var\(--brand-dark\2c \#0f172a\)\]{
  border-color: var(--brand-dark,#0f172a);
}
.border-\[var\(--brand-primary\2c \#3b82f6\)\]{
  border-color: var(--brand-primary,#3b82f6);
}
.border-\[var\(--merchant-border\)\]{
  border-color: var(--merchant-border);
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}
.border-amber-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity));
}
.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity));
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}
.border-blue-100{
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity));
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.border-brand-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 246 250 / var(--tw-border-opacity));
}
.border-current{
  border-color: currentColor;
}
.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity));
}
.border-emerald-100\/70{
  border-color: rgb(209 250 229 / 0.7);
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}
.border-emerald-200\/60{
  border-color: rgb(167 243 208 / 0.6);
}
.border-emerald-200\/80{
  border-color: rgb(167 243 208 / 0.8);
}
.border-emerald-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity));
}
.border-emerald-900\/20{
  border-color: rgb(6 78 59 / 0.2);
}
.border-error\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-fuchsia-200{
  --tw-border-opacity: 1;
  border-color: rgb(245 208 254 / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-green-100{
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity));
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}
.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}
.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}
.border-pink-200{
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(10 31 68 / var(--tw-border-opacity));
}
.border-primary\/10{
  border-color: rgb(10 31 68 / 0.1);
}
.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}
.border-rose-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity));
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}
.border-rose-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity));
}
.border-sky-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / var(--tw-border-opacity));
}
.border-sky-200{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-slate-200\/80{
  border-color: rgb(226 232 240 / 0.8);
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-teal-100\/70{
  border-color: rgb(204 251 241 / 0.7);
}
.border-teal-200{
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-violet-100{
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity));
}
.border-violet-200{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-white\/70{
  border-color: rgb(255 255 255 / 0.7);
}
.border-white\/80{
  border-color: rgb(255 255 255 / 0.8);
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
}
.border-l-\[\#F20A24\]{
  --tw-border-opacity: 1;
  border-left-color: rgb(242 10 36 / var(--tw-border-opacity));
}
.border-t-\[\#F20A24\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(242 10 36 / var(--tw-border-opacity));
}
.border-t-transparent{
  border-top-color: transparent;
}
.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-opacity-20{
  --tw-border-opacity: 0.2;
}
.\!bg-\[\#F20A24\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 10 36 / var(--tw-bg-opacity)) !important;
}
.\!bg-primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(10 31 68 / var(--tw-bg-opacity)) !important;
}
.\!bg-success{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity)) !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#00574f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 87 79 / var(--tw-bg-opacity));
}
.bg-\[\#090f1f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(9 15 31 / var(--tw-bg-opacity));
}
.bg-\[\#0A1F44\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 31 68 / var(--tw-bg-opacity));
}
.bg-\[\#0A1F44\]\/10{
  background-color: rgb(10 31 68 / 0.1);
}
.bg-\[\#0A1F44\]\/30{
  background-color: rgb(10 31 68 / 0.3);
}
.bg-\[\#0A1F44\]\/35{
  background-color: rgb(10 31 68 / 0.35);
}
.bg-\[\#0A1F44\]\/40{
  background-color: rgb(10 31 68 / 0.4);
}
.bg-\[\#0A1F44\]\/5{
  background-color: rgb(10 31 68 / 0.05);
}
.bg-\[\#0A1F44\]\/80{
  background-color: rgb(10 31 68 / 0.8);
}
.bg-\[\#0a6d64\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 109 100 / var(--tw-bg-opacity));
}
.bg-\[\#171717\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-\[\#171717\]\/55{
  background-color: rgb(23 23 23 / 0.55);
}
.bg-\[\#172033\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 32 51 / var(--tw-bg-opacity));
}
.bg-\[\#1E3A8A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.bg-\[\#1E3A8A\]\/10{
  background-color: rgb(30 58 138 / 0.1);
}
.bg-\[\#2563EB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-\[\#2563eb\]\/10{
  background-color: rgb(37 99 235 / 0.1);
}
.bg-\[\#25D366\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 211 102 / var(--tw-bg-opacity));
}
.bg-\[\#929292\]{
  --tw-bg-opacity: 1;
  background-color: rgb(146 146 146 / var(--tw-bg-opacity));
}
.bg-\[\#B8B8B8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(184 184 184 / var(--tw-bg-opacity));
}
.bg-\[\#CBD5E1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.bg-\[\#D4D4D4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}
.bg-\[\#D62828\]{
  --tw-bg-opacity: 1;
  background-color: rgb(214 40 40 / var(--tw-bg-opacity));
}
.bg-\[\#D62828\]\/10{
  background-color: rgb(214 40 40 / 0.1);
}
.bg-\[\#D62828\]\/95{
  background-color: rgb(214 40 40 / 0.95);
}
.bg-\[\#DADADA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(218 218 218 / var(--tw-bg-opacity));
}
.bg-\[\#E2E8F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-\[\#E7F8EF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(231 248 239 / var(--tw-bg-opacity));
}
.bg-\[\#E8E8E8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
.bg-\[\#EAF8F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 248 240 / var(--tw-bg-opacity));
}
.bg-\[\#ECF9F1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 249 241 / var(--tw-bg-opacity));
}
.bg-\[\#EE001C\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 0 28 / var(--tw-bg-opacity));
}
.bg-\[\#EEECE6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 236 230 / var(--tw-bg-opacity));
}
.bg-\[\#F0F0F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
.bg-\[\#F1F1F1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.bg-\[\#F1F5F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-\[\#F20A24\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 10 36 / var(--tw-bg-opacity));
}
.bg-\[\#F2F0EE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 238 / var(--tw-bg-opacity));
}
.bg-\[\#F3F1EF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 239 / var(--tw-bg-opacity));
}
.bg-\[\#F3F3F3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.bg-\[\#F3F5F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 247 / var(--tw-bg-opacity));
}
.bg-\[\#F5F3EE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 238 / var(--tw-bg-opacity));
}
.bg-\[\#F5F3F1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 241 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#F7F5F3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 243 / var(--tw-bg-opacity));
}
.bg-\[\#F7F6F4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 246 244 / var(--tw-bg-opacity));
}
.bg-\[\#F7F7F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.bg-\[\#F8FAFC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-\[\#FAF9F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 247 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#FBFAF6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 246 / var(--tw-bg-opacity));
}
.bg-\[\#FCFAF8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 248 / var(--tw-bg-opacity));
}
.bg-\[\#FCFBFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity));
}
.bg-\[\#FFE4E7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 231 / var(--tw-bg-opacity));
}
.bg-\[\#FFF0F1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 241 / var(--tw-bg-opacity));
}
.bg-\[\#FFF0F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 242 / var(--tw-bg-opacity));
}
.bg-\[\#FFF1F3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 243 / var(--tw-bg-opacity));
}
.bg-\[\#FFF2F4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 244 / var(--tw-bg-opacity));
}
.bg-\[\#FFF6E5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 229 / var(--tw-bg-opacity));
}
.bg-\[\#FFF7F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#FFF8F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#dc2626\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-\[\#ee001c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 0 28 / var(--tw-bg-opacity));
}
.bg-\[\#f8f8f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 247 / var(--tw-bg-opacity));
}
.bg-\[\#fff5eb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 235 / var(--tw-bg-opacity));
}
.bg-\[\#fff8f1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 241 / var(--tw-bg-opacity));
}
.bg-\[var\(--brand-accent\2c \#6366f1\)\]{
  background-color: var(--brand-accent,#6366f1);
}
.bg-\[var\(--brand-bg\)\]{
  background-color: var(--brand-bg);
}
.bg-\[var\(--brand-bg\2c \#fff7f7\)\]{
  background-color: var(--brand-bg,#fff7f7);
}
.bg-\[var\(--brand-bg-elevated\)\]{
  background-color: var(--brand-bg-elevated);
}
.bg-\[var\(--brand-bg-elevated\2c \#eff6ff\)\]{
  background-color: var(--brand-bg-elevated,#eff6ff);
}
.bg-\[var\(--brand-bg-elevated\2c \#f8fafc\)\]{
  background-color: var(--brand-bg-elevated,#f8fafc);
}
.bg-\[var\(--brand-bg-elevated\2c \#fdfdfd\)\]{
  background-color: var(--brand-bg-elevated,#fdfdfd);
}
.bg-\[var\(--brand-bg-elevated\2c \#fff\)\]{
  background-color: var(--brand-bg-elevated,#fff);
}
.bg-\[var\(--brand-bg-muted\)\]{
  background-color: var(--brand-bg-muted);
}
.bg-\[var\(--brand-bg-muted\2c \#f1f5f9\)\]{
  background-color: var(--brand-bg-muted,#f1f5f9);
}
.bg-\[var\(--brand-bg-muted\2c \#f8fafc\)\]{
  background-color: var(--brand-bg-muted,#f8fafc);
}
.bg-\[var\(--brand-bg-subtle\2c \#f7f7f7\)\]{
  background-color: var(--brand-bg-subtle,#f7f7f7);
}
.bg-\[var\(--brand-bg-subtle\2c \#f8fafc\)\]{
  background-color: var(--brand-bg-subtle,#f8fafc);
}
.bg-\[var\(--brand-blue\)\]{
  background-color: var(--brand-blue);
}
.bg-\[var\(--brand-blue\2c \#2563eb\)\]{
  background-color: var(--brand-blue,#2563eb);
}
.bg-\[var\(--brand-border\)\]{
  background-color: var(--brand-border);
}
.bg-\[var\(--brand-border\2c \#e2e8f0\)\]{
  background-color: var(--brand-border,#e2e8f0);
}
.bg-\[var\(--brand-dark\)\]{
  background-color: var(--brand-dark);
}
.bg-\[var\(--brand-dark\2c \#0f172a\)\]{
  background-color: var(--brand-dark,#0f172a);
}
.bg-\[var\(--dv-red\)\]{
  background-color: var(--dv-red);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-amber-400\/15{
  background-color: rgb(251 191 36 / 0.15);
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-amber-50\/60{
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-50\/70{
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-50\/80{
  background-color: rgb(255 251 235 / 0.8);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/95{
  background-color: rgb(0 0 0 / 0.95);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-50\/50{
  background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-50\/70{
  background-color: rgb(239 246 255 / 0.7);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-brand-500{
  --tw-bg-opacity: 1;
  background-color: rgb(214 40 40 / var(--tw-bg-opacity));
}
.bg-brand-700{
  --tw-bg-opacity: 1;
  background-color: rgb(15 43 85 / var(--tw-bg-opacity));
}
.bg-current{
  background-color: currentColor;
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-emerald-100\/70{
  background-color: rgb(209 250 229 / 0.7);
}
.bg-emerald-400\/15{
  background-color: rgb(52 211 153 / 0.15);
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.bg-emerald-50\/40{
  background-color: rgb(236 253 245 / 0.4);
}
.bg-emerald-50\/45{
  background-color: rgb(236 253 245 / 0.45);
}
.bg-emerald-50\/50{
  background-color: rgb(236 253 245 / 0.5);
}
.bg-emerald-50\/60{
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-50\/80{
  background-color: rgb(236 253 245 / 0.8);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-emerald-700{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}
.bg-emerald-800{
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity));
}
.bg-error\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-error\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-fuchsia-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity));
}
.bg-fuchsia-500{
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-indigo-50\/10{
  background-color: rgb(238 242 255 / 0.1);
}
.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}
.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(10 31 68 / var(--tw-bg-opacity));
}
.bg-primary-light{
  --tw-bg-opacity: 1;
  background-color: rgb(30 78 145 / var(--tw-bg-opacity));
}
.bg-primary\/10{
  background-color: rgb(10 31 68 / 0.1);
}
.bg-primary\/5{
  background-color: rgb(10 31 68 / 0.05);
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-50\/30{
  background-color: rgb(254 242 242 / 0.3);
}
.bg-red-50\/40{
  background-color: rgb(254 242 242 / 0.4);
}
.bg-red-50\/80{
  background-color: rgb(254 242 242 / 0.8);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-500\/70{
  background-color: rgb(239 68 68 / 0.7);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}
.bg-rose-400\/15{
  background-color: rgb(251 113 133 / 0.15);
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.bg-rose-50\/50{
  background-color: rgb(255 241 242 / 0.5);
}
.bg-rose-50\/60{
  background-color: rgb(255 241 242 / 0.6);
}
.bg-rose-50\/70{
  background-color: rgb(255 241 242 / 0.7);
}
.bg-rose-50\/80{
  background-color: rgb(255 241 242 / 0.8);
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}
.bg-rose-500\/10{
  background-color: rgb(244 63 94 / 0.1);
}
.bg-rose-600\/95{
  background-color: rgb(225 29 72 / 0.95);
}
.bg-rose-700{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
}
.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.bg-sky-400\/15{
  background-color: rgb(56 189 248 / 0.15);
}
.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-100\/70{
  background-color: rgb(241 245 249 / 0.7);
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-slate-200\/80{
  background-color: rgb(226 232 240 / 0.8);
}
.bg-slate-200\/90{
  background-color: rgb(226 232 240 / 0.9);
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-50\/40{
  background-color: rgb(248 250 252 / 0.4);
}
.bg-slate-50\/50{
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-50\/70{
  background-color: rgb(248 250 252 / 0.7);
}
.bg-slate-50\/80{
  background-color: rgb(248 250 252 / 0.8);
}
.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.bg-slate-700\/90{
  background-color: rgb(51 65 85 / 0.9);
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.bg-slate-900\/10{
  background-color: rgb(15 23 42 / 0.1);
}
.bg-slate-900\/5{
  background-color: rgb(15 23 42 / 0.05);
}
.bg-slate-900\/70{
  background-color: rgb(15 23 42 / 0.7);
}
.bg-slate-950{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-slate-950\/45{
  background-color: rgb(2 6 23 / 0.45);
}
.bg-slate-950\/5{
  background-color: rgb(2 6 23 / 0.05);
}
.bg-slate-950\/50{
  background-color: rgb(2 6 23 / 0.5);
}
.bg-slate-950\/55{
  background-color: rgb(2 6 23 / 0.55);
}
.bg-slate-950\/60{
  background-color: rgb(2 6 23 / 0.6);
}
.bg-slate-950\/70{
  background-color: rgb(2 6 23 / 0.7);
}
.bg-slate-950\/80{
  background-color: rgb(2 6 23 / 0.8);
}
.bg-success{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-teal-50\/30{
  background-color: rgb(240 253 250 / 0.3);
}
.bg-teal-50\/60{
  background-color: rgb(240 253 250 / 0.6);
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}
.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}
.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}
.bg-violet-700{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/55{
  background-color: rgb(255 255 255 / 0.55);
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.\!bg-none{
  background-image: none !important;
}
.bg-\[linear-gradient\(135deg\2c \#0A1F44_0\%\2c \#153160_52\%\2c \#D62828_130\%\)\]{
  background-image: linear-gradient(135deg,#0A1F44 0%,#153160 52%,#D62828 130%);
}
.bg-\[linear-gradient\(135deg\2c \#E0E7FF_0\%\2c \#FFFFFF_100\%\)\]{
  background-image: linear-gradient(135deg,#E0E7FF 0%,#FFFFFF 100%);
}
.bg-\[linear-gradient\(135deg\2c \#EDE9FE_0\%\2c \#FFFFFF_100\%\)\]{
  background-image: linear-gradient(135deg,#EDE9FE 0%,#FFFFFF 100%);
}
.bg-\[linear-gradient\(135deg\2c \#FFFFFF_0\%\2c \#F4FAFF_100\%\)\]{
  background-image: linear-gradient(135deg,#FFFFFF 0%,#F4FAFF 100%);
}
.bg-\[linear-gradient\(135deg\2c \#eff6ff_0\%\2c \#ffffff_42\%\2c \#f8fafc_100\%\)\]{
  background-image: linear-gradient(135deg,#eff6ff 0%,#ffffff 42%,#f8fafc 100%);
}
.bg-\[linear-gradient\(135deg\2c \#fff8f1\2c \#fff1e5\)\]{
  background-image: linear-gradient(135deg,#fff8f1,#fff1e5);
}
.bg-\[linear-gradient\(145deg\2c \#0A1F44_0\%\2c \#153160_55\%\2c \#D62828_130\%\)\]{
  background-image: linear-gradient(145deg,#0A1F44 0%,#153160 55%,#D62828 130%);
}
.bg-\[linear-gradient\(155deg\2c \#ffffff_0\%\2c \#fff7f2_58\%\2c \#eef5ff_100\%\)\]{
  background-image: linear-gradient(155deg,#ffffff 0%,#fff7f2 58%,#eef5ff 100%);
}
.bg-\[linear-gradient\(155deg\2c \#ffffff_0\%\2c \#fff7f5_58\%\2c \#eef5ff_100\%\)\]{
  background-image: linear-gradient(155deg,#ffffff 0%,#fff7f5 58%,#eef5ff 100%);
}
.bg-\[linear-gradient\(165deg\2c \#ffffff_0\%\2c \#fff8f8_66\%\2c \#f0f7ff_100\%\)\]{
  background-image: linear-gradient(165deg,#ffffff 0%,#fff8f8 66%,#f0f7ff 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(10\2c 31\2c 68\2c 0\.16\)\2c rgba\(10\2c 31\2c 68\2c 0\.85\)_82\%\)\]{
  background-image: linear-gradient(180deg,rgba(10,31,68,0.16),rgba(10,31,68,0.85) 82%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(10\2c 31\2c 68\2c 0\.18\)\2c rgba\(10\2c 31\2c 68\2c 0\.88\)_82\%\)\]{
  background-image: linear-gradient(180deg,rgba(10,31,68,0.18),rgba(10,31,68,0.88) 82%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(255\2c 255\2c 255\2c 0\.98\)\2c rgba\(248\2c 250\2c 252\2c 0\.96\)\)\]{
  background-image: linear-gradient(180deg,rgba(255,255,255,0.98),rgba(248,250,252,0.96));
}
.bg-\[linear-gradient\(180deg\2c transparent\2c rgba\(10\2c 31\2c 68\2c 0\.92\)\)\]{
  background-image: linear-gradient(180deg,transparent,rgba(10,31,68,0.92));
}
.bg-\[linear-gradient\(90deg\2c \#f8fafc\2c \#eef2f7\2c \#f8fafc\)\]{
  background-image: linear-gradient(90deg,#f8fafc,#eef2f7,#f8fafc);
}
.bg-\[linear-gradient\(90deg\2c var\(--dv-red\)\2c \#ff7180\)\]{
  background-image: linear-gradient(90deg,var(--dv-red),#ff7180);
}
.bg-\[radial-gradient\(circle_at_top_left\2c rgba\(255\2c 255\2c 255\2c 0\.22\)\2c transparent_45\%\)\]{
  background-image: radial-gradient(circle at top left,rgba(255,255,255,0.22),transparent 45%);
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#0A1F44\]{
  --tw-gradient-from: #0A1F44 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 31 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#172033\]{
  --tw-gradient-from: #172033 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 32 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#D62828\]{
  --tw-gradient-from: #D62828 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(214 40 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#D62828\]\/15{
  --tw-gradient-from: rgb(214 40 40 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(214 40 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F1FBF4\]{
  --tw-gradient-from: #F1FBF4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 251 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ef4444\]{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--brand-primary\2c \#3b82f6\)\]{
  --tw-gradient-from: var(--brand-primary,#3b82f6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50{
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/20{
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40{
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/55{
  --tw-gradient-from: rgb(0 0 0 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-100{
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50{
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50{
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-50{
  --tw-gradient-from: #fdf4ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500{
  --tw-gradient-from: #6B7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400{
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-50{
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600{
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50{
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50{
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500{
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-50{
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-50{
  --tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50{
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-50{
  --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#0A1F44\]\/20{
  --tw-gradient-to: rgb(10 31 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(10 31 68 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#132E5B\]{
  --tw-gradient-to: rgb(19 46 91 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #132E5B var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#243A5A\]{
  --tw-gradient-to: rgb(36 58 90 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #243A5A var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#EA4335\]{
  --tw-gradient-to: rgb(234 67 53 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #EA4335 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#dc2626\]{
  --tw-gradient-to: rgb(220 38 38 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/5{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-600{
  --tw-gradient-to: rgb(220 38 38 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#0A1F44\]{
  --tw-gradient-to: #0A1F44 var(--tw-gradient-to-position);
}
.to-\[\#1e3a6e\]{
  --tw-gradient-to: #1e3a6e var(--tw-gradient-to-position);
}
.to-\[\#2563eb\]{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-\[\#D62828\]{
  --tw-gradient-to: #D62828 var(--tw-gradient-to-position);
}
.to-\[\#F20A24\]{
  --tw-gradient-to: #F20A24 var(--tw-gradient-to-position);
}
.to-\[\#F97316\]{
  --tw-gradient-to: #F97316 var(--tw-gradient-to-position);
}
.to-\[\#FCFAF8\]{
  --tw-gradient-to: #FCFAF8 var(--tw-gradient-to-position);
}
.to-\[var\(--brand-accent\2c \#8b5cf6\)\]{
  --tw-gradient-to: var(--brand-accent,#8b5cf6) var(--tw-gradient-to-position);
}
.to-amber-100\/60{
  --tw-gradient-to: rgb(254 243 199 / 0.6) var(--tw-gradient-to-position);
}
.to-black\/40{
  --tw-gradient-to: rgb(0 0 0 / 0.4) var(--tw-gradient-to-position);
}
.to-blue-100{
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-100\/60{
  --tw-gradient-to: rgb(219 234 254 / 0.6) var(--tw-gradient-to-position);
}
.to-blue-400{
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.to-blue-500{
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-cyan-500{
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-emerald-100\/60{
  --tw-gradient-to: rgb(209 250 229 / 0.6) var(--tw-gradient-to-position);
}
.to-fuchsia-100\/60{
  --tw-gradient-to: rgb(250 232 255 / 0.6) var(--tw-gradient-to-position);
}
.to-gray-600{
  --tw-gradient-to: #4B5563 var(--tw-gradient-to-position);
}
.to-indigo-100{
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-indigo-100\/60{
  --tw-gradient-to: rgb(224 231 255 / 0.6) var(--tw-gradient-to-position);
}
.to-indigo-700{
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-orange-500{
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-pink-500{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-purple-100{
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-100\/60{
  --tw-gradient-to: rgb(243 232 255 / 0.6) var(--tw-gradient-to-position);
}
.to-purple-50{
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-rose-100\/60{
  --tw-gradient-to: rgb(255 228 230 / 0.6) var(--tw-gradient-to-position);
}
.to-sky-100\/60{
  --tw-gradient-to: rgb(224 242 254 / 0.6) var(--tw-gradient-to-position);
}
.to-slate-100{
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-teal-100\/60{
  --tw-gradient-to: rgb(204 251 241 / 0.6) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.fill-amber-400{
  fill: #fbbf24;
}
.fill-current{
  fill: currentColor;
}
.fill-gray-300{
  fill: #D1D5DB;
}
.fill-yellow-400{
  fill: #facc15;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-\[70\%_center\]{
  -o-object-position: 70% center;
     object-position: 70% center;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.\!p-6{
  padding: 1.5rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[18px\]{
  padding: 18px;
}
.\!px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[14px\]{
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-28{
  padding-bottom: 7rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[14px\]{
  padding-bottom: 14px;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pl-\[9px\]{
  padding-left: 9px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-20{
  padding-right: 5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[18px\]{
  padding-top: 18px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-serif{
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.\!text-\[15px\]{
  font-size: 15px !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.58rem\]{
  font-size: 0.58rem;
}
.text-\[0\.62rem\]{
  font-size: 0.62rem;
}
.text-\[0\.64rem\]{
  font-size: 0.64rem;
}
.text-\[0\.65rem\]{
  font-size: 0.65rem;
}
.text-\[0\.68rem\]{
  font-size: 0.68rem;
}
.text-\[0\.72rem\]{
  font-size: 0.72rem;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[0\.76rem\]{
  font-size: 0.76rem;
}
.text-\[0\.7rem\]{
  font-size: 0.7rem;
}
.text-\[0\.85rem\]{
  font-size: 0.85rem;
}
.text-\[0\.95rem\]{
  font-size: 0.95rem;
}
.text-\[0\.98rem\]{
  font-size: 0.98rem;
}
.text-\[1\.05rem\]{
  font-size: 1.05rem;
}
.text-\[1\.15rem\]{
  font-size: 1.15rem;
}
.text-\[1\.25rem\]{
  font-size: 1.25rem;
}
.text-\[1\.2rem\]{
  font-size: 1.2rem;
}
.text-\[1\.35rem\]{
  font-size: 1.35rem;
}
.text-\[1\.3rem\]{
  font-size: 1.3rem;
}
.text-\[1\.55rem\]{
  font-size: 1.55rem;
}
.text-\[1\.5rem\]{
  font-size: 1.5rem;
}
.text-\[1\.65rem\]{
  font-size: 1.65rem;
}
.text-\[1\.7rem\]{
  font-size: 1.7rem;
}
.text-\[1\.85rem\]{
  font-size: 1.85rem;
}
.text-\[1\.8rem\]{
  font-size: 1.8rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[1rem\]{
  font-size: 1rem;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[23px\]{
  font-size: 23px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[26px\]{
  font-size: 26px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[2rem\]{
  font-size: 2rem;
}
.text-\[30px\]{
  font-size: 30px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[38px\]{
  font-size: 38px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-\[650\]{
  font-weight: 650 !important;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[1\.08\]{
  line-height: 1.08;
}
.leading-\[1\.4\]{
  line-height: 1.4;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-\.03em\]{
  letter-spacing: -.03em;
}
.tracking-\[-0\.025em\]{
  letter-spacing: -0.025em;
}
.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}
.tracking-\[-0\.035em\]{
  letter-spacing: -0.035em;
}
.tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}
.tracking-\[-0\.045em\]{
  letter-spacing: -0.045em;
}
.tracking-\[-0\.04em\]{
  letter-spacing: -0.04em;
}
.tracking-\[\.08em\]{
  letter-spacing: .08em;
}
.tracking-\[\.14em\]{
  letter-spacing: .14em;
}
.tracking-\[\.1em\]{
  letter-spacing: .1em;
}
.tracking-\[0\.07em\]{
  letter-spacing: 0.07em;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.11em\]{
  letter-spacing: 0.11em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.13em\]{
  letter-spacing: 0.13em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\]{
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\]{
  letter-spacing: 0.18em;
}
.tracking-\[0\.1em\]{
  letter-spacing: 0.1em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.35em\]{
  letter-spacing: 0.35em;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-\[\#171717\]{
  --tw-text-opacity: 1 !important;
  color: rgb(23 23 23 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#333333\]{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#525252\]{
  --tw-text-opacity: 1 !important;
  color: rgb(82 82 82 / var(--tw-text-opacity)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#003f39\]{
  --tw-text-opacity: 1;
  color: rgb(0 63 57 / var(--tw-text-opacity));
}
.text-\[\#0A1F44\]{
  --tw-text-opacity: 1;
  color: rgb(10 31 68 / var(--tw-text-opacity));
}
.text-\[\#128C7E\]{
  --tw-text-opacity: 1;
  color: rgb(18 140 126 / var(--tw-text-opacity));
}
.text-\[\#16834D\]{
  --tw-text-opacity: 1;
  color: rgb(22 131 77 / var(--tw-text-opacity));
}
.text-\[\#171717\]{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
.text-\[\#172033\]{
  --tw-text-opacity: 1;
  color: rgb(23 32 51 / var(--tw-text-opacity));
}
.text-\[\#181818\]{
  --tw-text-opacity: 1;
  color: rgb(24 24 24 / var(--tw-text-opacity));
}
.text-\[\#248A58\]{
  --tw-text-opacity: 1;
  color: rgb(36 138 88 / var(--tw-text-opacity));
}
.text-\[\#2563EB\]{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-\[\#333333\]{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-\[\#334155\]{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-\[\#444444\]{
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-\[\#454545\]{
  --tw-text-opacity: 1;
  color: rgb(69 69 69 / var(--tw-text-opacity));
}
.text-\[\#475569\]{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-\[\#4C4C4C\]{
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}
.text-\[\#4F4D47\]{
  --tw-text-opacity: 1;
  color: rgb(79 77 71 / var(--tw-text-opacity));
}
.text-\[\#525252\]{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.text-\[\#555555\]{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-\[\#555\]{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-\[\#5A7863\]{
  --tw-text-opacity: 1;
  color: rgb(90 120 99 / var(--tw-text-opacity));
}
.text-\[\#5F5852\]{
  --tw-text-opacity: 1;
  color: rgb(95 88 82 / var(--tw-text-opacity));
}
.text-\[\#64748B\]{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-\[\#666666\]{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#68665F\]{
  --tw-text-opacity: 1;
  color: rgb(104 102 95 / var(--tw-text-opacity));
}
.text-\[\#686868\]{
  --tw-text-opacity: 1;
  color: rgb(104 104 104 / var(--tw-text-opacity));
}
.text-\[\#6B6B6B\]{
  --tw-text-opacity: 1;
  color: rgb(107 107 107 / var(--tw-text-opacity));
}
.text-\[\#6D4045\]{
  --tw-text-opacity: 1;
  color: rgb(109 64 69 / var(--tw-text-opacity));
}
.text-\[\#6F6B67\]{
  --tw-text-opacity: 1;
  color: rgb(111 107 103 / var(--tw-text-opacity));
}
.text-\[\#75736D\]{
  --tw-text-opacity: 1;
  color: rgb(117 115 109 / var(--tw-text-opacity));
}
.text-\[\#77716C\]{
  --tw-text-opacity: 1;
  color: rgb(119 113 108 / var(--tw-text-opacity));
}
.text-\[\#777777\]{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}
.text-\[\#777\]{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}
.text-\[\#7A5A32\]{
  --tw-text-opacity: 1;
  color: rgb(122 90 50 / var(--tw-text-opacity));
}
.text-\[\#7C3038\]{
  --tw-text-opacity: 1;
  color: rgb(124 48 56 / var(--tw-text-opacity));
}
.text-\[\#888888\]{
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-\[\#8A837D\]{
  --tw-text-opacity: 1;
  color: rgb(138 131 125 / var(--tw-text-opacity));
}
.text-\[\#8A8A8A\]{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}
.text-\[\#8D8980\]{
  --tw-text-opacity: 1;
  color: rgb(141 137 128 / var(--tw-text-opacity));
}
.text-\[\#8a4a1f\]{
  --tw-text-opacity: 1;
  color: rgb(138 74 31 / var(--tw-text-opacity));
}
.text-\[\#8f1f1f\]{
  --tw-text-opacity: 1;
  color: rgb(143 31 31 / var(--tw-text-opacity));
}
.text-\[\#909090\]{
  --tw-text-opacity: 1;
  color: rgb(144 144 144 / var(--tw-text-opacity));
}
.text-\[\#929292\]{
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity));
}
.text-\[\#94A3B8\]{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-\[\#99918A\]{
  --tw-text-opacity: 1;
  color: rgb(153 145 138 / var(--tw-text-opacity));
}
.text-\[\#999999\]{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#9F1827\]{
  --tw-text-opacity: 1;
  color: rgb(159 24 39 / var(--tw-text-opacity));
}
.text-\[\#9b4a1f\]{
  --tw-text-opacity: 1;
  color: rgb(155 74 31 / var(--tw-text-opacity));
}
.text-\[\#A0A0A0\]{
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}
.text-\[\#A3A3A3\]{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-\[\#A51D31\]{
  --tw-text-opacity: 1;
  color: rgb(165 29 49 / var(--tw-text-opacity));
}
.text-\[\#A61B2B\]{
  --tw-text-opacity: 1;
  color: rgb(166 27 43 / var(--tw-text-opacity));
}
.text-\[\#B42318\]{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}
.text-\[\#B81427\]{
  --tw-text-opacity: 1;
  color: rgb(184 20 39 / var(--tw-text-opacity));
}
.text-\[\#B8B3AE\]{
  --tw-text-opacity: 1;
  color: rgb(184 179 174 / var(--tw-text-opacity));
}
.text-\[\#C7C7C7\]{
  --tw-text-opacity: 1;
  color: rgb(199 199 199 / var(--tw-text-opacity));
}
.text-\[\#C8172A\]{
  --tw-text-opacity: 1;
  color: rgb(200 23 42 / var(--tw-text-opacity));
}
.text-\[\#CBD5E1\]{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-\[\#D62828\]{
  --tw-text-opacity: 1;
  color: rgb(214 40 40 / var(--tw-text-opacity));
}
.text-\[\#D90820\]{
  --tw-text-opacity: 1;
  color: rgb(217 8 32 / var(--tw-text-opacity));
}
.text-\[\#E6001B\]{
  --tw-text-opacity: 1;
  color: rgb(230 0 27 / var(--tw-text-opacity));
}
.text-\[\#F20A24\]{
  --tw-text-opacity: 1;
  color: rgb(242 10 36 / var(--tw-text-opacity));
}
.text-\[\#FF6B6B\]{
  --tw-text-opacity: 1;
  color: rgb(255 107 107 / var(--tw-text-opacity));
}
.text-\[\#FFD9DE\]{
  --tw-text-opacity: 1;
  color: rgb(255 217 222 / var(--tw-text-opacity));
}
.text-\[\#a11f1f\]{
  --tw-text-opacity: 1;
  color: rgb(161 31 31 / var(--tw-text-opacity));
}
.text-\[\#d62828\]{
  --tw-text-opacity: 1;
  color: rgb(214 40 40 / var(--tw-text-opacity));
}
.text-\[\#ee001c\]{
  --tw-text-opacity: 1;
  color: rgb(238 0 28 / var(--tw-text-opacity));
}
.text-\[var\(--brand-blue\)\]{
  color: var(--brand-blue);
}
.text-\[var\(--brand-blue\2c \#2563eb\)\]{
  color: var(--brand-blue,#2563eb);
}
.text-\[var\(--brand-dark\)\]{
  color: var(--brand-dark);
}
.text-\[var\(--brand-dark\2c \#0f172a\)\]{
  color: var(--brand-dark,#0f172a);
}
.text-\[var\(--brand-dark\2c \#171717\)\]{
  color: var(--brand-dark,#171717);
}
.text-\[var\(--brand-dark\2c \#334155\)\]{
  color: var(--brand-dark,#334155);
}
.text-\[var\(--brand-muted\)\]{
  color: var(--brand-muted);
}
.text-\[var\(--brand-muted\2c \#475569\)\]{
  color: var(--brand-muted,#475569);
}
.text-\[var\(--brand-muted\2c \#64748b\)\]{
  color: var(--brand-muted,#64748b);
}
.text-\[var\(--brand-muted\2c \#94a3b8\)\]{
  color: var(--brand-muted,#94a3b8);
}
.text-\[var\(--brand-muted\2c \#cbd5e1\)\]{
  color: var(--brand-muted,#cbd5e1);
}
.text-\[var\(--brand-primary\)\]{
  color: var(--brand-primary);
}
.text-\[var\(--brand-primary\2c \#3b82f6\)\]{
  color: var(--brand-primary,#3b82f6);
}
.text-\[var\(--brand-red\2c \#dc2626\)\]{
  color: var(--brand-red,#dc2626);
}
.text-\[var\(--brand-text\2c \#0a1f44\)\]{
  color: var(--brand-text,#0a1f44);
}
.text-\[var\(--merchant-ink\)\]{
  color: var(--merchant-ink);
}
.text-\[var\(--merchant-muted\)\]{
  color: var(--merchant-muted);
}
.text-amber-300{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}
.text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}
.text-blue-950{
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity));
}
.text-brand-500{
  --tw-text-opacity: 1;
  color: rgb(214 40 40 / var(--tw-text-opacity));
}
.text-emerald-200{
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity));
}
.text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}
.text-emerald-50{
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity));
}
.text-emerald-50\/75{
  color: rgb(236 253 245 / 0.75);
}
.text-emerald-50\/85{
  color: rgb(236 253 245 / 0.85);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.text-emerald-700\/75{
  color: rgb(4 120 87 / 0.75);
}
.text-emerald-700\/80{
  color: rgb(4 120 87 / 0.8);
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}
.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}
.text-emerald-950{
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity));
}
.text-error{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-fuchsia-600{
  --tw-text-opacity: 1;
  color: rgb(192 38 211 / var(--tw-text-opacity));
}
.text-fuchsia-700{
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / var(--tw-text-opacity));
}
.text-fuchsia-950{
  --tw-text-opacity: 1;
  color: rgb(74 4 78 / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}
.text-indigo-100{
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity));
}
.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.text-indigo-950{
  --tw-text-opacity: 1;
  color: rgb(30 27 75 / var(--tw-text-opacity));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}
.text-primary{
  --tw-text-opacity: 1;
  color: rgb(10 31 68 / var(--tw-text-opacity));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}
.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity));
}
.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}
.text-purple-950{
  --tw-text-opacity: 1;
  color: rgb(59 7 100 / var(--tw-text-opacity));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-rose-300{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity));
}
.text-rose-400{
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-rose-800{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}
.text-rose-900{
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity));
}
.text-rose-950{
  --tw-text-opacity: 1;
  color: rgb(76 5 25 / var(--tw-text-opacity));
}
.text-sky-200{
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity));
}
.text-sky-300{
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}
.text-sky-600{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}
.text-sky-900{
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity));
}
.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}
.text-teal-600{
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity));
}
.text-teal-700\/75{
  color: rgb(15 118 110 / 0.75);
}
.text-teal-700\/80{
  color: rgb(15 118 110 / 0.8);
}
.text-teal-800\/80{
  color: rgb(17 94 89 / 0.8);
}
.text-teal-950{
  --tw-text-opacity: 1;
  color: rgb(4 47 46 / var(--tw-text-opacity));
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}
.text-violet-950{
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity));
}
.text-warning{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}
.text-white\/45{
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65{
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85{
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}
.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.decoration-white\/40{
  text-decoration-color: rgb(255 255 255 / 0.4);
}
.decoration-dotted{
  text-decoration-style: dotted;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-\[var\(--brand-muted\)\]::-moz-placeholder{
  color: var(--brand-muted);
}
.placeholder-\[var\(--brand-muted\)\]::placeholder{
  color: var(--brand-muted);
}
.placeholder-gray-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
.accent-\[\#16a34a\]{
  accent-color: #16a34a;
}
.accent-\[\#F20A24\]{
  accent-color: #F20A24;
}
.accent-\[\#ee001c\]{
  accent-color: #ee001c;
}
.accent-\[var\(--brand-blue\2c \#2563eb\)\]{
  accent-color: var(--brand-blue,#2563eb);
}
.accent-brand-500{
  accent-color: #D62828;
}
.accent-red-600{
  accent-color: #dc2626;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.mix-blend-multiply{
  mix-blend-mode: multiply;
}
.\!shadow-\[0_8px_24px_rgba\(20\2c 20\2c 20\2c 0\.05\)\]{
  --tw-shadow: 0 8px 24px rgba(20,20,20,0.05) !important;
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_24px_rgba\(23\2c 23\2c 23\2c 0\.06\)\]{
  --tw-shadow: 0 -8px 24px rgba(23,23,23,0.06);
  --tw-shadow-colored: 0 -8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(37\2c 99\2c 235\2c 0\.12\)\]{
  --tw-shadow: 0 0 0 3px rgba(37,99,235,0.12);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_22px_-16px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{
  --tw-shadow: 0 12px 22px -16px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 12px 22px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_24px_-16px_rgba\(16\2c 185\2c 129\2c 0\.85\)\]{
  --tw-shadow: 0 12px 24px -16px rgba(16,185,129,0.85);
  --tw-shadow-colored: 0 12px 24px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_24px_-16px_rgba\(185\2c 28\2c 28\2c 0\.9\)\]{
  --tw-shadow: 0 12px 24px -16px rgba(185,28,28,0.9);
  --tw-shadow-colored: 0 12px 24px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_24px_-16px_rgba\(245\2c 158\2c 11\2c 0\.85\)\]{
  --tw-shadow: 0 12px 24px -16px rgba(245,158,11,0.85);
  --tw-shadow-colored: 0 12px 24px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_-24px_rgba\(15\2c 23\2c 42\2c 0\.4\)\]{
  --tw-shadow: 0 12px 28px -24px rgba(15,23,42,0.4);
  --tw-shadow-colored: 0 12px 28px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_rgba\(10\2c 31\2c 68\2c 0\.22\)\]{
  --tw-shadow: 0 12px 28px rgba(10,31,68,0.22);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_28px_-18px_rgba\(37\2c 99\2c 235\2c 1\)\]{
  --tw-shadow: 0 14px 28px -18px rgba(37,99,235,1);
  --tw-shadow-colored: 0 14px 28px -18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_30px_-16px_rgba\(10\2c 31\2c 68\2c 0\.85\)\]{
  --tw-shadow: 0 14px 30px -16px rgba(10,31,68,0.85);
  --tw-shadow-colored: 0 14px 30px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_30px_rgba\(10\2c 31\2c 68\2c 0\.18\)\]{
  --tw-shadow: 0 14px 30px rgba(10,31,68,0.18);
  --tw-shadow-colored: 0 14px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_30px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{
  --tw-shadow: 0 14px 30px rgba(15,23,42,0.16);
  --tw-shadow-colored: 0 14px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_32px_-24px_rgba\(214\2c 40\2c 40\2c 0\.55\)\]{
  --tw-shadow: 0 14px 32px -24px rgba(214,40,40,0.55);
  --tw-shadow-colored: 0 14px 32px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_40px_rgba\(214\2c 40\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0 14px 40px rgba(214,40,40,0.12);
  --tw-shadow-colored: 0 14px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_28px_-16px_rgba\(10\2c 31\2c 68\2c 0\.85\)\]{
  --tw-shadow: 0 16px 28px -16px rgba(10,31,68,0.85);
  --tw-shadow-colored: 0 16px 28px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_34px_-22px_rgba\(16\2c 185\2c 129\2c 0\.95\)\]{
  --tw-shadow: 0 18px 34px -22px rgba(16,185,129,0.95);
  --tw-shadow-colored: 0 18px 34px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_34px_-22px_rgba\(37\2c 99\2c 235\2c 0\.95\)\]{
  --tw-shadow: 0 18px 34px -22px rgba(37,99,235,0.95);
  --tw-shadow-colored: 0 18px 34px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_34px_-28px_rgba\(15\2c 23\2c 42\2c 0\.2\)\]{
  --tw-shadow: 0 18px 34px -28px rgba(15,23,42,0.2);
  --tw-shadow-colored: 0 18px 34px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_36px_-26px_rgba\(15\2c 23\2c 42\2c 0\.65\)\]{
  --tw-shadow: 0 18px 36px -26px rgba(15,23,42,0.65);
  --tw-shadow-colored: 0 18px 36px -26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-24px_rgba\(16\2c 185\2c 129\2c 0\.8\)\]{
  --tw-shadow: 0 18px 40px -24px rgba(16,185,129,0.8);
  --tw-shadow-colored: 0 18px 40px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-28px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 18px 40px -28px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 18px 40px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-28px_rgba\(37\2c 99\2c 235\2c 0\.55\)\]{
  --tw-shadow: 0 18px 40px -28px rgba(37,99,235,0.55);
  --tw-shadow-colored: 0 18px 40px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-30px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{
  --tw-shadow: 0 18px 40px -30px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-30px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 18px 40px -30px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-34px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 18px 40px -34px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 18px 40px -34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_rgba\(10\2c 31\2c 68\2c 0\.22\)\]{
  --tw-shadow: 0 18px 40px rgba(10,31,68,0.22);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_45px_rgba\(2\2c 6\2c 23\2c \.32\)\]{
  --tw-shadow: 0 18px 45px rgba(2,6,23,.32);
  --tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_50px_rgba\(0\2c 0\2c 0\2c \.12\)\]{
  --tw-shadow: 0 18px 50px rgba(0,0,0,.12);
  --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_48px_-38px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 20px 48px -38px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 20px 48px -38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_rgba\(10\2c 31\2c 68\2c 0\.08\)\]{
  --tw-shadow: 0 20px 50px rgba(10,31,68,0.08);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_48px_-30px_rgba\(28\2c 20\2c 17\2c 0\.55\)\]{
  --tw-shadow: 0 22px 48px -30px rgba(28,20,17,0.55);
  --tw-shadow-colored: 0 22px 48px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_50px_-32px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 22px 50px -32px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 22px 50px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_60px_-30px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]{
  --tw-shadow: 0 24px 60px -30px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 24px 60px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-48px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 24px 70px -48px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 24px 70px -48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-52px_rgba\(15\2c 23\2c 42\2c 0\.5\)\]{
  --tw-shadow: 0 24px 70px -52px rgba(15,23,42,0.5);
  --tw-shadow-colored: 0 24px 70px -52px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_rgba\(0\2c 87\2c 79\2c 0\.18\)\]{
  --tw-shadow: 0 24px 70px rgba(0,87,79,0.18);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_rgba\(10\2c 31\2c 68\2c 0\.22\)\]{
  --tw-shadow: 0 24px 70px rgba(10,31,68,0.22);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-32px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]{
  --tw-shadow: 0 24px 80px -32px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 24px 80px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: 0 24px 80px rgba(0,0,0,0.18);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(20\2c 20\2c 20\2c 0\.18\)\]{
  --tw-shadow: 0 24px 80px rgba(20,20,20,0.18);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_26px_80px_rgba\(10\2c 31\2c 68\2c 0\.18\)\]{
  --tw-shadow: 0 26px 80px rgba(10,31,68,0.18);
  --tw-shadow-colored: 0 26px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_50px_-28px_rgba\(10\2c 31\2c 68\2c 0\.95\)\]{
  --tw-shadow: 0 28px 50px -28px rgba(10,31,68,0.95);
  --tw-shadow-colored: 0 28px 50px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_50px_-28px_rgba\(214\2c 40\2c 40\2c 0\.9\)\]{
  --tw-shadow: 0 28px 50px -28px rgba(214,40,40,0.9);
  --tw-shadow-colored: 0 28px 50px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_90px_-32px_rgba\(15\2c 23\2c 42\2c 0\.42\)\]{
  --tw-shadow: 0 28px 90px -32px rgba(15,23,42,0.42);
  --tw-shadow-colored: 0 28px 90px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_-34px_rgba\(15\2c 23\2c 42\2c 0\.75\)\]{
  --tw-shadow: 0 30px 90px -34px rgba(15,23,42,0.75);
  --tw-shadow-colored: 0 30px 90px -34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_90px_-32px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]{
  --tw-shadow: 0 32px 90px -32px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 32px 90px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(10\2c 31\2c 68\2c 0\.4\)\]{
  --tw-shadow: 0 4px 12px rgba(10,31,68,0.4);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_rgba\(242\2c 10\2c 36\2c 0\.08\)\]{
  --tw-shadow: 0 6px 18px rgba(242,10,36,0.08);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(242\2c 10\2c 36\2c 0\.18\)\]{
  --tw-shadow: 0 8px 20px rgba(242,10,36,0.18);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(20\2c 20\2c 20\2c 0\.04\)\]{
  --tw-shadow: 0 8px 24px rgba(20,20,20,0.04);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(20\2c 20\2c 20\2c 0\.05\)\]{
  --tw-shadow: 0 8px 24px rgba(20,20,20,0.05);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.04\)\]{
  --tw-shadow: 0 8px 30px rgb(0,0,0,0.04);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgba\(15\2c 23\2c 42\2c 0\.04\)\]{
  --tw-shadow: 0 8px 30px rgba(15,23,42,0.04);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_var\(--brand-blue\)\]{
  --tw-shadow: inset 3px 0 0 var(--brand-blue);
  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#E8E8E8\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 232 232 / var(--tw-ring-opacity));
}
.ring-\[\#F20A24\]\/15{
  --tw-ring-color: rgb(242 10 36 / 0.15);
}
.ring-\[\#FFF2F4\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 242 244 / var(--tw-ring-opacity));
}
.ring-\[\#dc2626\]\/10{
  --tw-ring-color: rgb(220 38 38 / 0.1);
}
.ring-\[var\(--brand-border\)\]{
  --tw-ring-color: var(--brand-border);
}
.ring-amber-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity));
}
.ring-amber-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity));
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-black\/\[0\.02\]{
  --tw-ring-color: rgb(0 0 0 / 0.02);
}
.ring-blue-50{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 246 255 / var(--tw-ring-opacity));
}
.ring-blue-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
.ring-blue-700\/10{
  --tw-ring-color: rgb(29 78 216 / 0.1);
}
.ring-emerald-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity));
}
.ring-emerald-100\/70{
  --tw-ring-color: rgb(209 250 229 / 0.7);
}
.ring-emerald-300\/60{
  --tw-ring-color: rgb(110 231 183 / 0.6);
}
.ring-emerald-500\/20{
  --tw-ring-color: rgb(16 185 129 / 0.2);
}
.ring-emerald-600\/20{
  --tw-ring-color: rgb(5 150 105 / 0.2);
}
.ring-gray-500\/10{
  --tw-ring-color: rgb(107 114 128 / 0.1);
}
.ring-green-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity));
}
.ring-indigo-500\/20{
  --tw-ring-color: rgb(99 102 241 / 0.2);
}
.ring-sky-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
}
.ring-slate-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
}
.ring-teal-100\/70{
  --tw-ring-color: rgb(204 251 241 / 0.7);
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15{
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-white\/25{
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.ring-white\/30{
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-white\/50{
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm{
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[3px\]{
  --tw-backdrop-blur: blur(3px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* ================================
   dolivory BRAND DESIGN TOKENS
================================ */

:root {
  --brand-red: #d62828;
  --brand-red-light: #f04a4a;
  --brand-red-dark: #9b1c1c;
  --brand-blue: #0a1f44;
  --brand-blue-light: #1e4e91;
  --brand-blue-dark: #0a1f44;
  --brand-accent-orange: #f77f00;
  --brand-accent-light: #ffd166;
  --brand-bg: #f1f5f9;
  --brand-bg-elevated: #ffffff;
  --brand-bg-muted: #f8fafc;
  --brand-dark: #0a1f44;
  --brand-text: #1e293b;
  --brand-muted: #64748b;
  --brand-disabled: #94a3b8;
  --brand-border: rgba(226, 232, 240, 1);
  --brand-border-strong: rgba(203, 213, 225, 1);
  --brand-gradient-primary: linear-gradient(135deg, #0a1f44 0%, #1e4e91 100%);
  --brand-gradient-blue: linear-gradient(135deg, #0a1f44 0%, #1e4e91 100%);
  --brand-gradient-red: linear-gradient(135deg, #d62828 0%, #f04a4a 100%);
  --shadow-soft: 0 4px 16px rgba(10, 31, 68, 0.08);
  --shadow-medium: 0 8px 30px rgba(10, 31, 68, 0.12);
  --shadow-strong: 0 16px 48px rgba(10, 31, 68, 0.18);
  --delivery-surface: #ffffff;
  --delivery-surface-strong: #f8fafc;
  --delivery-table-head: rgba(10, 31, 68, 0.04);
  --delivery-table-row-hover: rgba(10, 31, 68, 0.03);
  --delivery-border: rgba(226, 232, 240, 1);
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1.6;
  font-weight: 400;
  color: var(--brand-text);
  background-color: var(--brand-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body,
#root {
  min-height: 100%;
  background: var(--brand-bg);
}

/* Keep the destination surface visible while product details mount. */
.customer-product-details-page {
  animation: customer-product-details-enter 180ms ease-out both;
  backface-visibility: hidden;
}

@keyframes customer-product-details-enter {
  from {
    opacity: 0.82;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ─────────────────────────────────────────
   Utility markers
───────────────────────────────────────── */
.velofleet-journey-marker {
  background: transparent;
  border: 0;
}

/* ─────────────────────────────────────────
   Page shells — transparent pass-through
───────────────────────────────────────── */
.delivery-main-shell {
  position: relative;
  overflow: hidden;
  border: none;
  background: transparent;
  box-shadow: none;
}

.delivery-content-shell {
  position: relative;
  overflow: hidden;
  border: none;
  background: transparent;
  box-shadow: none;
}

.delivery-content-shell::after {
  display: none;
}

/* ─────────────────────────────────────────
   Standard interactive card surface
───────────────────────────────────────── */
.delivery-card-surface {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  box-shadow:
    0 1px 3px rgba(10, 31, 68, 0.06),
    0 4px 12px rgba(10, 31, 68, 0.04);
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.delivery-card-surface:hover {
  box-shadow:
    0 4px 20px rgba(10, 31, 68, 0.1),
    0 8px 28px rgba(10, 31, 68, 0.06);
}

.delivery-card-surface::before {
  display: none;
}

.delivery-card-surface p {
  font-size: 0.875rem; /* text-sm default for consistency */
}

/* ─────────────────────────────────────────
   Feature / KPI stat card
───────────────────────────────────────── */
.delivery-feature-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  box-shadow:
    0 1px 3px rgba(10, 31, 68, 0.06),
    0 4px 12px rgba(10, 31, 68, 0.04);
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.delivery-feature-card:hover {
  box-shadow:
    0 6px 24px rgba(10, 31, 68, 0.1),
    0 12px 32px rgba(10, 31, 68, 0.06);
}

.delivery-feature-card::before {
  display: none;
}

.delivery-feature-card p:not(.text-3xl, .text-xl, .text-xs) {
  font-size: 0.875rem; /* text-sm default for consistency */
}

/* ─────────────────────────────────────────
   Data tables
───────────────────────────────────────── */
.delivery-table-shell {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(10, 31, 68, 0.06);
}

.delivery-table {
  border-collapse: separate;
  border-spacing: 0;
}

.delivery-table thead {
  background: rgba(10, 31, 68, 0.04);
}

.delivery-table thead th {
  color: #0a1f44;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-size: 0.72rem;
  text-transform: uppercase;
  padding: 0.875rem 1rem;
}

.delivery-table tbody tr + tr td {
  border-top: 1px solid #e2e8f0;
}

.delivery-table tbody td {
  padding: 1rem;
  font-size: 0.875rem; /* Equivalent to text-sm */
  color: var(--brand-dark);
}

.delivery-table tbody tr:hover {
  background: rgba(10, 31, 68, 0.03);
}

/* ─────────────────────────────────────────
   Plain elevated Tailwind cards override
───────────────────────────────────────── */
:is(
    div,
    section,
    article,
    aside,
    li,
    a
  )[class*='rounded-2xl'][class*='border'][class*='border-[var(--brand-border'][class*='bg-[var(--brand-bg-elevated'],
:is(
    div,
    section,
    article,
    aside,
    li,
    a
  )[class*='rounded-3xl'][class*='border'][class*='border-[var(--brand-border'][class*='bg-[var(--brand-bg-elevated'],
:is(
    div,
    section,
    article,
    aside,
    li,
    a
  )[class*='rounded-2xl'][class*='border'][class*='border-[var(--brand-border'][class*='bg-white'],
:is(
    div,
    section,
    article,
    aside,
    li,
    a
  )[class*='rounded-3xl'][class*='border'][class*='border-[var(--brand-border'][class*='bg-white'],
button[class*='rounded-2xl'][class*='border'][class*='border-[var(--brand-border'][class*='bg-[var(--brand-bg-elevated'][class*='text-left'],
button[class*='rounded-3xl'][class*='border'][class*='border-[var(--brand-border'][class*='bg-[var(--brand-bg-elevated'][class*='text-left'] {
  position: relative;
  border-color: #e2e8f0;
  background: #ffffff;
  box-shadow:
    0 1px 3px rgba(10, 31, 68, 0.06),
    0 4px 12px rgba(10, 31, 68, 0.04);
}

/* ─────────────────────────────────────────
   Search surface
───────────────────────────────────────── */
.app-search-surface {
  position: relative;
  border-color: #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.customer-dashboard-search > .app-search-surface {
  background: #e9edf1 !important;
}

.customer-dashboard-search__results {
  position: absolute !important;
  z-index: 60 !important;
  max-height: min(24rem, calc(100vh - 9rem));
  overflow-y: auto;
  border-color: rgba(226, 232, 240, 0.92) !important;
  background: #e9edf1 !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.customer-dashboard-search__result-title {
  display: block;
  color: #0a1f44;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
  white-space: normal;
}
.customer-dashboard-search__result-description {
  display: block;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}

.app-search-surface::before {
  display: none !important;
}

/* ─────────────────────────────────────────
   Logo surface (for navy sidebar)
───────────────────────────────────────── */
.app-logo-surface {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.app-logo-surface::before {
  display: none !important;
}

/* ─────────────────────────────────────────
   Scrollbar hiding utility
───────────────────────────────────────── */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

/* Public welcome page: shared dimensions and the intentionally restrained hero. */
.welcome-public {
  background: #fff;
  color: #171717;
}
.welcome-public,
.welcome-public * {
  box-sizing: border-box;
}
.welcome-public__container {
  width: calc(100% - 64px);
  max-width: 1360px;
  margin-inline: auto;
}
.welcome-public #how-it-works,
.welcome-public #partners {
  scroll-margin-top: 90px;
}
.welcome-public__header {
  height: 62px;
  border-bottom: 1px solid #f4f4f5;
  background: #fff;
}
.welcome-public__header-inner {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0 clamp(22px, 4vw, 58px);
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.welcome-public__header img {
  display: block;
  width: 94px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.welcome-public__header nav {
  display: flex;
  align-items: center;
  gap: 26px;
}
.welcome-public__header nav a {
  position: relative;
  border-radius: 0;
  padding: 8px 0;
  color: #555961;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.welcome-public__header nav a::after {
  position: absolute;
  right: 0;
  bottom: 3px;
  left: 0;
  height: 1px;
  background: #ee001c;
  content: '';
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.24s ease;
}
.welcome-public__header nav a:hover,
.welcome-public__header nav a:focus-visible {
  color: #ee001c;
  outline: none;
}
.welcome-public__header nav a:hover::after,
.welcome-public__header nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.welcome-public__header .welcome-public__sign-in {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 8px 0;
  color: #ee001c;
  font-weight: 700;
}
.welcome-public__hero {
  position: relative;
  height: clamp(590px, 46vw, 860px);
  overflow: hidden;
}
.welcome-public__hero-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-right: 42%;
}
.welcome-public__hero-copy > p:first-child {
  margin: 0;
  color: #555;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.welcome-public__hero h1 {
  max-width: 670px;
  margin: 14px 0 0;
  color: #171717;
  font:
    800 clamp(62px, 5vw, 72px)/0.96 'Plus Jakarta Sans',
    sans-serif;
  letter-spacing: -0.055em;
}
.welcome-public__hero h1 span {
  color: #f20a24;
}
.welcome-public__hero-description {
  max-width: 600px;
  margin: 24px 0 0;
  color: #666;
  font-size: 17px;
  line-height: 1.55;
}
.welcome-public__hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
  color: #777;
  font-size: 14px;
}
.welcome-public__create-account {
  display: inline-flex;
  height: 52px;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: #f20a24;
  padding: 0 24px;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}
.welcome-public__create-account:hover {
  background: #d90820;
}
.welcome-public__create-account svg {
  width: 17px;
  height: 17px;
}
.welcome-public__hero-actions a:not(.welcome-public__create-account) {
  color: #f20a24;
  font-weight: 700;
  text-decoration: none;
}
.welcome-public__hero-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.welcome-public__hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center right;
     object-position: center right;
}
.welcome-public__hero-image > div {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(255, 255, 255, 0.04) 42%,
    transparent 62%
  );
  pointer-events: none;
}
@media (max-width: 900px) {
  .welcome-public__container {
    width: calc(100% - 48px);
  }
  .welcome-public__header nav {
    gap: 18px;
  }
  .welcome-public__header nav a:not(.welcome-public__sign-in) {
    display: none;
  }
  .welcome-public__hero {
    height: 600px;
  }
  .welcome-public__hero-copy {
    justify-content: flex-start;
    height: auto;
    padding-top: 64px;
    padding-right: 42%;
  }
  .welcome-public__hero-image {
    top: 190px;
  }
  .welcome-public__hero-image > div {
    background: linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0.74) 18%,
      rgba(255, 255, 255, 0) 42%
    );
  }
}
@media (max-width: 600px) {
  .welcome-public__container {
    width: calc(100% - 36px);
  }
  .welcome-public__hero {
    height: 620px;
  }
  .welcome-public__hero-copy {
    padding-top: 48px;
    padding-right: 0;
  }
  .welcome-public__hero h1 {
    font-size: clamp(44px, 13vw, 52px);
  }
  .welcome-public__hero-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .welcome-public__hero-image {
    top: 220px;
  }
}
.category-card__image {
  transition: transform 0.28s ease;
}
.group:hover .category-card__image {
  transform: scale(1.025);
}
.group:hover > div + div > svg {
  transform: translateX(4px);
}
.partner-card__icon {
  position: absolute;
  right: -1px;
  bottom: -24px;
  width: 192px;
  height: 192px;
  pointer-events: none;
  color: #c9c6c5;
  transition:
    transform 0.3s ease,
    color 0.3s ease;
}
.group:hover .partner-card__icon {
  color: #ee001c;
  transform: scale(1.05);
}
.welcome-features {
  position: relative;
  width: 100vw;
  min-height: 800px;
  overflow: hidden;
  margin: 0 0 96px calc(50% - 50vw);
  padding: 96px 24px 72px;
  border-radius: 0;
  background: #fdf2f5;
  text-align: center;
}
.welcome-features__intro {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto;
}
.welcome-features__intro h2 {
  max-width: 760px;
  margin: 14px auto 18px;
  color: #f24b62;
  font-size: clamp(40px, 4.2vw, 58px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.98;
}
.welcome-features__intro > p:last-child {
  max-width: 520px;
  margin-inline: auto;
  color: #58627a;
  font-size: 18px;
  line-height: 1.45;
}
.welcome-features__grid {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  max-width: 820px;
  height: 450px;
  margin: 52px auto 0;
}
.welcome-feature {
  position: absolute;
  display: flex;
  width: 112px;
  min-height: 110px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #eee7ea;
  border-radius: 20px;
  background: #fff;
  padding: 14px 10px;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.055);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}
.welcome-feature:nth-child(1) {
  top: 0;
  left: calc(50% - 300px);
}
.welcome-feature:nth-child(2) {
  top: 116px;
  left: calc(50% - 340px);
}
.welcome-feature:nth-child(3) {
  top: 232px;
  left: calc(50% - 350px);
}
.welcome-feature:nth-child(4) {
  top: 340px;
  left: calc(50% - 300px);
}
.welcome-feature:nth-child(5) {
  top: 0;
  right: calc(50% - 300px);
}
.welcome-feature:nth-child(6) {
  top: 116px;
  right: calc(50% - 340px);
}
.welcome-feature:nth-child(7) {
  top: 232px;
  right: calc(50% - 350px);
}
.welcome-feature:nth-child(8) {
  top: 340px;
  right: calc(50% - 300px);
}
.welcome-feature:hover {
  transform: translateY(-5px);
  border-color: #ffc4cc;
  box-shadow: 0 13px 24px rgba(238, 0, 28, 0.13);
}
.welcome-feature__icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #fff1f3;
  color: #ee4058;
}
.welcome-feature__icon svg {
  width: 20px;
  height: 20px;
}
.welcome-feature strong {
  color: #1f2430;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}
.welcome-feature small {
  color: #7c8291;
  font-size: 10px;
}
.welcome-features__device {
  position: absolute;
  z-index: 2;
  top: 370px;
  left: 50%;
  width: 290px;
  height: 520px;
  border: 8px solid #17191d;
  border-radius: 38px 38px 0 0;
  background: #fff;
  box-shadow: 0 16px 30px rgba(23, 23, 23, 0.2);
  transform: translateX(-50%);
}
.welcome-features__device-notch {
  width: 80px;
  height: 23px;
  margin: 0 auto;
  border-radius: 0 0 14px 14px;
  background: #17191d;
}
.welcome-features__device-screen {
  display: flex;
  height: 360px;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 28px 18px 16px;
  color: #343b4d;
  font-size: 11px;
  text-align: left;
}
.welcome-features__schedule-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.welcome-features__schedule-head svg {
  width: 24px;
  height: 24px;
  color: #ee4058;
}
.welcome-features__schedule-label {
  margin-top: 10px;
  color: #8a8f9d;
  font-size: 10px;
  font-weight: 700;
}
.welcome-features__times {
  display: flex;
  gap: 5px;
}
.welcome-features__times b {
  border: 1px solid #eee7ea;
  border-radius: 7px;
  padding: 7px 5px;
  color: #58627a;
  font-size: 10px;
  font-weight: 600;
}
.welcome-features__times b.is-selected {
  border-color: #f24b62;
  background: #fff1f3;
  color: #ee4058;
}
.welcome-features__location {
  margin: 0;
  border: 1px solid #eee7ea;
  border-radius: 8px;
  padding: 8px;
  color: #343b4d;
  font-size: 10px;
}
.welcome-features__device-screen button {
  margin-top: 8px;
  border: 0;
  border-radius: 8px;
  background: #f24b62;
  padding: 9px 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}
@media (max-width: 700px) {
  .welcome-features {
    min-height: 0;
    margin-left: calc(50% - 50vw);
    padding: 56px 14px 64px;
  }
  .welcome-features__intro h2 {
    font-size: clamp(40px, 11vw, 52px);
  }
  .welcome-features__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(118px, 140px));
    height: auto;
    gap: 14px;
  }
  .welcome-feature {
    position: static;
    width: auto;
  }
  .welcome-features__device {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    width: 240px;
    height: 420px;
    margin: 32px auto -170px;
    transform: none;
  }
}
.welcome-download {
  border: 1px solid #ffd9de;
  background: linear-gradient(135deg, #fff9fa 0%, #fff1f3 100%);
}
.welcome-download__store {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 8px;
  border-radius: 9px;
  background: #171717;
  padding: 0 13px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}
.welcome-download__store svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
}
.welcome-download__store:hover {
  transform: translateY(-2px);
  background: #ee001c;
}
.welcome-download__store span {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.1;
}
.welcome-download__store small {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.welcome-download__visual {
  display: flex;
  min-height: 330px;
  align-items: flex-end;
  justify-content: center;
  padding: 28px 24px 0;
  background: radial-gradient(circle at 50% 55%, rgba(238, 0, 28, 0.13), transparent 54%);
}
.welcome-download__phone {
  position: relative;
  display: flex;
  width: 280px;
  height: 560px;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: -280px;
  border: 8px solid #161719;
  border-radius: 42px;
  background: #fff;
  box-shadow:
    0 20px 32px rgba(23, 23, 23, 0.22),
    inset 0 0 0 2px rgba(255, 255, 255, 0.16);
}
.welcome-download__phone::before {
  position: absolute;
  top: 76px;
  right: -12px;
  width: 4px;
  height: 52px;
  border-radius: 0 3px 3px 0;
  background: #55565b;
  content: '';
}
.welcome-download__phone::after {
  position: absolute;
  top: 112px;
  left: -12px;
  width: 4px;
  height: 30px;
  border-radius: 3px 0 0 3px;
  background: #55565b;
  box-shadow: 0 42px #55565b;
  content: '';
}
.welcome-download__notch {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 82px;
  height: 24px;
  border-radius: 0 0 15px 15px;
  background: #161719;
  transform: translateX(-50%);
}
.welcome-download__notch span {
  display: block;
  width: 7px;
  height: 7px;
  margin: 7px auto 0;
  border-radius: 50%;
  background: #313944;
  box-shadow: 0 0 0 2px #0d0e10;
}
.welcome-download__qr {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  padding: 14px 12px 12px;
  color: #555961;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 700px) {
  .welcome-download__visual {
    min-height: 290px;
  }
  .welcome-download__phone {
    width: 220px;
    height: 450px;
    margin-bottom: -225px;
    border-radius: 34px;
  }
  .welcome-download__qr {
    margin-top: 24px;
    transform: scale(0.88);
  }
}
.welcome-footer {
  border-top: 1px solid #ececee;
  background: #fafafa;
  padding: 64px clamp(22px, 4vw, 58px) 24px;
}
.welcome-footer__inner {
  display: grid;
  grid-template-columns: minmax(240px, 1.15fr) 1.85fr;
  gap: 64px;
  max-width: 1360px;
  margin: 0 auto;
}
.welcome-footer__brand img {
  width: 104px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.welcome-footer__brand p {
  max-width: 260px;
  margin: 18px 0 0;
  color: #777;
  font-size: 13px;
  line-height: 1.6;
}
.welcome-footer__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.welcome-footer__columns > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.welcome-footer__columns strong {
  margin-bottom: 5px;
  color: #171717;
  font-size: 12px;
}
.welcome-footer__columns a {
  color: #777;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.welcome-footer__columns a:hover {
  color: #ee001c;
}
.welcome-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  max-width: 1360px;
  margin: 54px auto 0;
  padding-top: 18px;
  border-top: 1px solid #e7e7e9;
  color: #999;
  font-size: 11px;
}
@media (max-width: 700px) {
  .welcome-footer__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .welcome-footer__columns {
    gap: 16px;
  }
  .welcome-footer__bottom {
    flex-direction: column;
    margin-top: 36px;
  }
}
.auth-login__form h1 {
  color: #171717 !important;
  letter-spacing: -0.04em;
}
.auth-login {
  background: #fff !important;
}
.auth-login__form {
  background: transparent !important;
}
.auth-login__form > div:first-child > div {
  max-width: 430px !important;
  border: 0;
  border-radius: 0;
  background: #fff;
  padding: 0 !important;
  box-shadow: none;
}
.auth-login__visual {
  position: relative;
  width: 54%;
  height: 100vh;
  min-height: 100vh;
  flex: 0 0 54%;
  overflow: hidden;
  background: #f8f8f8;
}
.auth-login__visual > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.auth-login__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.42));
}
.auth-login__visual-logo {
  position: absolute;
  top: 32px;
  left: 40px;
  display: inline-flex;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  padding: 10px 14px;
}
.auth-login__visual-logo img {
  width: 94px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.auth-login__visual-copy {
  position: absolute;
  bottom: 44px;
  left: 40px;
  color: #fff;
}
.auth-login__visual-copy h2 {
  margin: 0;
  font-size: clamp(42px, 4vw, 52px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
}
.auth-login__visual-copy p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16px;
  line-height: 1.5;
}
.auth-login {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}
.auth-login__form {
  height: 100vh;
  min-height: 100vh;
  overflow-y: auto;
}
.auth-topbar {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: flex-end;
  padding: 18px 48px 0;
}
.auth-login__back {
  color: #666;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.auth-login__back:hover {
  color: #ee001c;
}
.auth-form-wrap {
  padding-top: clamp(35px, 8vh, 80px) !important;
  padding-bottom: 24px !important;
}
.auth-form-wrap h1 {
  font-size: clamp(36px, 3vw, 40px) !important;
}
.auth-form-wrap .mb-8 {
  margin-bottom: 26px !important;
}
.auth-form-wrap input {
  height: 50px !important;
}
.auth-form-wrap #login-submit {
  min-height: 50px !important;
}
.auth-form-wrap form {
  gap: 16px;
}
@media (max-height: 800px) and (min-width: 901px) {
  .auth-form-wrap {
    padding-top: 35px !important;
  }
  .auth-form-wrap h1 {
    font-size: 34px !important;
  }
  .auth-form-wrap input,
  .auth-form-wrap #login-submit {
    height: 48px !important;
    min-height: 48px !important;
  }
}
@media (max-width: 700px) {
  .auth-login {
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }
  .auth-login__form {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .auth-topbar {
    min-height: 52px;
    padding: 12px 20px 0;
  }
  .auth-form-wrap {
    padding-top: 28px !important;
  }
}
.auth-login__form input {
  border: 1px solid #e8e8ea !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
}
.auth-login__form input:focus {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.1) !important;
}
.auth-login__form input:-webkit-autofill,
.auth-login__form input:-webkit-autofill:hover,
.auth-login__form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #171717 !important;
}
.auth-login__form label {
  color: #343434 !important;
}
.auth-login__form #login-submit {
  border-radius: 10px !important;
  background: #ee001c !important;
  box-shadow: 0 8px 18px rgba(238, 0, 28, 0.2) !important;
}
.auth-login__form #login-submit:hover {
  background: #d90019 !important;
}
.auth-login__form form > div:first-child > span {
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ee001c !important;
}
.auth-login__form form > div:first-child > span > span {
  display: none;
}
.auth-login__form .mb-8 > span {
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ee001c !important;
}
.auth-login__form .mb-8 > span > span {
  display: none;
}
.auth-login__form button[aria-label='Continue with Google'] {
  border-color: #e8e8ea !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
}

/* Keep the Dolivory mark legible on every auth surface, including busy photo panels. */
.auth-login__visual-logo,
.auth-register__visual-logo {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 190px !important;
  height: 64px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none;
}
.auth-login__visual-logo img,
.auth-register__visual-logo img {
  width: 190px !important;
  height: 64px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.auth-login__visual-logo img,
img.auth-register__visual-logo {
  filter: brightness(0) invert(1);
}

/* Customer registration follows the same quiet, editorial auth language as sign in. */
.auth-register {
  background: #fafafa !important;
  color: #171717;
}
.auth-register__header {
  position: sticky;
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid #ececee !important;
  box-shadow: 0 1px 12px rgba(20, 20, 20, 0.04) !important;
  backdrop-filter: blur(14px);
}
.auth-register__header img {
  height: 30px !important;
}
.auth-register__content {
  padding-top: clamp(28px, 5vw, 56px) !important;
  padding-bottom: 56px !important;
}
.auth-register__content > div {
  max-width: 680px !important;
}
.auth-register__intro {
  margin-bottom: 28px !important;
}
.auth-register__intro > div:first-child {
  background: #fff0f2 !important;
  color: #ee001c !important;
  border-radius: 999px !important;
  letter-spacing: 0.12em !important;
}
.auth-register__intro h1 {
  color: #171717 !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em;
}
.auth-register__intro p {
  color: #737373 !important;
  font-size: 15px !important;
}
.auth-register__form {
  gap: 18px !important;
}
.auth-register__form > div {
  border: 1px solid #e8e8ea !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.035) !important;
  padding: 22px !important;
}
.auth-register__form > div > p,
.auth-register__form > div > span {
  color: #4b4b4b !important;
  letter-spacing: 0.11em !important;
  font-size: 11px !important;
}
.auth-register__form input:not([type='checkbox']),
.auth-register__form select,
.auth-register__form [aria-label='Country code'] {
  border: 1px solid #e4e4e7 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
  min-height: 48px;
}
.auth-register__form input:not([type='checkbox']):focus,
.auth-register__form select:focus {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.1) !important;
  outline: none;
}
.auth-register__form label {
  color: #4b4b4b !important;
}
.auth-register__form #registration-submit {
  min-height: 52px;
  border-radius: 11px !important;
  background: #ee001c !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(238, 0, 28, 0.2) !important;
  font-size: 15px;
}
.auth-register__form #registration-submit:hover {
  background: #d90019 !important;
}
.auth-register__form + div a {
  color: #ee001c !important;
}
.auth-register__progress {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 28px;
  color: #a1a1a1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  width: 100%;
  justify-content: space-between;
}
.auth-register__progress span {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.auth-register__progress span + span::before {
  display: none;
}
.auth-register__progress-divider {
  display: block;
  flex: 1 1 auto;
  height: 1px;
  min-width: 28px;
  background: #e4e4e4;
}
.auth-register__progress span.is-active {
  color: #ee001c;
}
.auth-register__progress b {
  font-size: 12px;
}
.auth-register__back-step {
  color: #6b6b6b;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}
.auth-register__back-step:hover {
  color: #ee001c;
}
.auth-register__form[data-step='1'] > div:nth-child(3),
.auth-register__form[data-step='1'] > div:nth-child(4),
.auth-register__form[data-step='1'] > div:nth-child(5),
.auth-register__form[data-step='2'] > div:nth-child(-n + 2),
.auth-register__form[data-step='2'] > div:nth-child(3),
.auth-register__form[data-step='2'] > div:nth-child(5),
.auth-register__form[data-step='3'] > div:nth-child(-n + 4) {
  display: none !important;
}
.auth-register__form[data-step='2'] > div:nth-child(4) select,
.auth-register__form[data-step='2'] > div:nth-child(4) input[name='city'],
.auth-register__form[data-step='2'] > div:nth-child(4) input[name='stateProvince'],
.auth-register__form[data-step='2'] > div:nth-child(4) input[name='postalCode'],
.auth-register__form[data-step='2'] > div:nth-child(4) input[name='latitude'],
.auth-register__form[data-step='2'] > div:nth-child(4) input[name='longitude'],
.auth-register__form[data-step='2'] > div:nth-child(4) label {
  display: none !important;
}
.auth-register__form[data-step='2'] > div:nth-child(4) {
  display: block !important;
}
.auth-register__form[data-step='3'] > div:nth-child(5) > .mb-4,
.auth-register__form[data-step='3'] > div:nth-child(5) input[name='deviceId'],
.auth-register__form[data-step='3'] > div:nth-child(5) input[name='fcmToken'] {
  display: none !important;
}
.auth-register__form[data-step='1'] > div:first-child > div:first-of-type {
  display: none !important;
}
.auth-register__summary {
  display: grid;
  gap: 12px;
  margin-bottom: 20px;
}
.auth-register__summary > div {
  display: grid;
  gap: 3px;
  padding: 14px 16px;
  border: 1px solid #ededed;
  border-radius: 11px;
  background: #fafafa;
}
.auth-register__summary small {
  color: #ee001c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.auth-register__summary strong {
  color: #171717;
  font-size: 15px;
}
.auth-register__summary span {
  color: #737373;
  font-size: 13px;
}
.auth-register__form > div:first-child {
  display: flex !important;
  flex-direction: column;
  gap: 0 !important;
}
.auth-register__form > div:first-child > div:nth-child(3) {
  order: 1;
}
.auth-register__form > div:first-child > label:nth-child(4) {
  order: 2;
}
.auth-register__form > div:first-child > label:nth-child(6) {
  order: 3;
}
.auth-register__form > div:first-child > div:nth-child(5) {
  order: 4;
  margin-top: 16px;
}
.auth-register__form > div:first-child > div:nth-child(5) p {
  color: #8a8a8a !important;
  font-size: 11px;
}
.auth-register__form > div:first-child > label:nth-child(6) {
  margin-top: 16px;
}
.auth-register__form > div:nth-child(2) button {
  color: #777 !important;
}
.auth-register__form > div:nth-child(2) button:hover {
  color: #171717 !important;
}
.auth-register__visual {
  display: none;
}
.auth-register__visual > img:first-child {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.auth-register__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0.04), rgba(10, 10, 10, 0.48));
}
.auth-register__visual-logo {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 138px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0;
}
.auth-register__visual-copy {
  position: absolute;
  left: 40px;
  right: 36px;
  bottom: 74px;
  color: #fff;
}
.auth-register__visual-copy h2 {
  margin: 0;
  font-size: clamp(38px, 3.6vw, 52px);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
}
.auth-register__visual-copy p {
  max-width: 390px;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16px;
  line-height: 1.5;
}
.auth-register__visual-glow {
  position: absolute;
  inset: auto -12% -18% -12%;
  height: 58%;
  background: radial-gradient(ellipse at 50% 100%, rgba(238, 0, 28, 0.22), transparent 68%);
  pointer-events: none;
}
.auth-register__visual-copy {
  isolation: isolate;
}
.auth-register__visual-copy::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -28px -28px -30px -24px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(18, 18, 18, 0.38), rgba(18, 18, 18, 0.08));
  backdrop-filter: blur(7px);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.16);
}
.auth-register__visual-copy-inner {
  animation: auth-register-visual-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.auth-register__visual-eyebrow {
  display: inline-block;
  margin-bottom: 13px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
}
.auth-register__visual-dots {
  display: flex;
  gap: 7px;
  margin-top: 24px;
}
.auth-register__visual-dots i {
  display: block;
  width: 20px;
  height: 3px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.38);
  transition:
    width 0.35s ease,
    background-color 0.35s ease;
}
.auth-register__visual-dots i.is-active {
  width: 34px;
  background: #fff;
}
@keyframes auth-register-visual-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Keep the image open and natural: readability comes from a bottom fade, not a blurred card. */
.auth-register__visual-overlay {
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 0.02) 22%,
    rgba(8, 8, 8, 0.08) 45%,
    rgba(8, 8, 8, 0.78) 100%
  ) !important;
}
.auth-register__visual-copy::before {
  display: none !important;
}
.auth-register__visual-copy {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 96px 40px 52px;
}

/* OTP verification uses the same calm split-auth form factor as registration. */
.auth-otp {
  background: #fff;
  color: #171717;
}
.auth-otp__content {
  width: 54%;
  height: 100vh;
  margin-left: 46%;
  padding: 32px 56px !important;
  align-items: center !important;
}
.auth-otp__panel {
  max-width: 500px !important;
  animation: auth-register-content-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.auth-otp__intro {
  animation: auth-register-content-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.auth-otp__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 14px;
  background: #fff1f3;
  color: #ee001c;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 3px;
}
.auth-otp__code-panel {
  border: 1px solid #e4e4e4;
  border-radius: 14px;
  background: #fff;
}
.auth-otp__input {
  min-height: 58px;
  border: 1px solid #ddd;
  border-radius: 10px;
  color: #171717;
  background: #fff;
  letter-spacing: 0.48em;
}
.auth-otp__input:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.08) !important;
  transform: translateY(-1px);
}
.auth-otp__submit {
  background: #ee001c;
  box-shadow: 0 8px 20px rgba(238, 0, 28, 0.16);
}
.auth-otp__submit:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(238, 0, 28, 0.22);
}
.auth-otp__feedback {
  border-radius: 10px;
  font-size: 13px;
}
.auth-otp__feedback--error {
  color: #b42318;
  background: #fff5f4;
  border: 1px solid #f2c6c2;
  animation: auth-register-error 0.35s ease both;
}
.auth-otp__feedback--success {
  color: #147a4b;
  background: #f2fbf6;
  border: 1px solid #bfe8cf;
  animation: auth-register-content-in 0.35s ease both;
}
.auth-otp__resend button {
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.auth-otp__resend button:hover {
  transform: translateY(-1px);
}
@media (min-width: 901px) {
  .auth-otp {
    display: block !important;
    height: 100vh;
    overflow: hidden;
  }
  .auth-otp__visual {
    display: block;
    position: fixed;
    inset: 0 auto 0 0;
    width: 46%;
    height: 100vh;
    overflow: hidden;
    background: #f8f8f8;
  }
  .auth-otp__header {
    display: none !important;
  }
  .auth-otp > footer {
    display: none !important;
  }
}
@media (max-width: 900px) {
  .auth-otp__content {
    width: 100%;
    margin-left: 0;
    min-height: calc(100vh - 65px);
    padding: 34px 20px 42px !important;
  }
  .auth-otp__panel {
    max-width: 520px !important;
  }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .auth-register__visual-copy {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.auth-register__back-link {
  display: inline-block;
  margin-bottom: 18px;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.auth-register__back-link:hover {
  color: #ee001c;
}
.auth-register__form > div {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.auth-register__form > div > p,
.auth-register__form > div > span {
  display: none !important;
}
.auth-register__form label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #303030 !important;
}
.auth-register__form label input:not([type='checkbox']) {
  width: 100%;
}
.auth-register__phone-field > div {
  margin-top: 7px;
}
.auth-register__phone-field > div > input {
  width: auto !important;
  flex: 1;
  min-width: 0;
}
.auth-register__phone-control {
  height: 52px;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  background: #fff;
  overflow: hidden;
}
.auth-register__phone-control:focus-within {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06);
}
.auth-register__phone-country {
  height: 100%;
  width: 96px;
  min-width: 96px;
  flex: 0 0 96px;
  padding: 0 14px !important;
  background: #f7f7f7 !important;
  border-right: 1px solid #e2e2e2 !important;
  border-radius: 10px 0 0 10px;
  color: #303030 !important;
  white-space: nowrap;
}
.auth-register__phone-input {
  height: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}
.auth-register__form .auth-register__phone-input {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.auth-register__form label.auth-register__phone-field input.auth-register__phone-input {
  border-radius: 0 !important;
}
.auth-register__phone-input:focus {
  box-shadow: none !important;
}
.auth-register__password-field > label {
  display: block;
}
.auth-register__password-field > label > input {
  margin-top: 7px;
  padding-right: 46px !important;
}
.auth-register__password-toggle {
  color: #777 !important;
  line-height: 0;
  top: calc(50% + 11px) !important;
}
.auth-register__password-toggle:hover,
.auth-register__password-toggle:focus-visible {
  color: #171717 !important;
}
.auth-register__password-toggle svg {
  width: 19px;
  height: 19px;
}
.auth-register__date-picker {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1.25fr;
  gap: 8px;
}
.auth-register__date-picker select {
  height: 52px;
  min-width: 0;
  padding: 0 48px 0 14px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  color: #171717;
  font-size: 14px;
}
.auth-register__date-picker select:focus {
  border-color: #171717;
  outline: none;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06);
}

/* Registration motion: soft, purposeful feedback that keeps the form feeling responsive. */
@keyframes auth-register-content-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes auth-register-step-in {
  from {
    opacity: 0;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes auth-register-error {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
@keyframes auth-register-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(238, 0, 28, 0);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(238, 0, 28, 0.08);
  }
}
.auth-register__intro,
.auth-register__progress,
.auth-register__form,
.auth-register > footer,
.auth-register__back-link {
  animation: auth-register-content-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.auth-register__progress {
  animation-delay: 80ms;
}
.auth-register__form {
  animation-name: auth-register-step-in;
  animation-delay: 140ms;
}
.auth-register__form > div,
.auth-register__form > button,
.auth-register__form > p {
  animation: auth-register-content-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.auth-register__form > div:nth-child(1) {
  animation-delay: 180ms;
}
.auth-register__form > div:nth-child(2) {
  animation-delay: 230ms;
}
.auth-register__form > div:nth-child(3) {
  animation-delay: 280ms;
}
.auth-register__form > div:nth-child(4) {
  animation-delay: 330ms;
}
.auth-register__form input:not([type='checkbox']),
.auth-register__form select,
.auth-register__phone-control {
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    background-color 0.2s ease;
}
.auth-register__form input:not([type='checkbox']):hover,
.auth-register__form select:hover {
  border-color: #c9c9c9;
}
.auth-register__form input:not([type='checkbox']):focus,
.auth-register__form select:focus {
  transform: translateY(-1px);
  box-shadow:
    0 5px 16px rgba(20, 20, 20, 0.07),
    0 0 0 3px rgba(238, 0, 28, 0.07);
}
.auth-register__form input[aria-invalid='true'],
.auth-register__form select[aria-invalid='true'] {
  animation: auth-register-error 0.3s ease both;
  border-color: #ee001c !important;
}
.auth-register__form .auth-register__field-error,
.auth-register__form [aria-invalid='true'] {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.09) !important;
}
.auth-register__phone-control:has(input[aria-invalid='true']) {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.09);
  animation: auth-register-error 0.3s ease both;
}
.auth-register__progress > span {
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}
.auth-register__progress > span.is-active {
  animation: auth-register-pulse 1.4s ease-out 1;
}
.auth-register__progress-divider {
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}
.auth-register__back-link,
.auth-register__back-step {
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.auth-register__back-link:hover,
.auth-register__back-step:hover {
  transform: translateX(-3px);
}
.auth-register__password-toggle {
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.auth-register__password-toggle:hover {
  transform: translateY(-50%) scale(1.08);
}
#registration-submit {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}
#registration-submit:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(10, 31, 68, 0.22) !important;
}
#registration-submit:not(:disabled):active {
  transform: translateY(0);
}
#registration-submit:disabled {
  cursor: not-allowed;
  filter: saturate(0.7);
}
.auth-register__feedback--error {
  animation: auth-register-error 0.35s ease both;
}
.auth-register__feedback--success {
  animation: auth-register-content-in 0.35s ease both;
}
@media (prefers-reduced-motion: reduce) {
  .auth-register *,
  .auth-register *::before,
  .auth-register *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.auth-legal-modal {
  background: rgba(12, 12, 12, 0.58) !important;
  backdrop-filter: blur(5px);
}
.auth-legal-modal,
.auth-legal-modal button,
.auth-legal-modal iframe {
  font-family: 'DM Sans', sans-serif;
}
.auth-legal-modal h1,
.auth-legal-modal h2,
.auth-legal-modal h3,
.auth-legal-modal strong {
  font-family: Manrope, sans-serif;
}
.auth-legal-modal__panel {
  max-width: 820px !important;
  max-height: min(760px, 92vh) !important;
  padding: 28px !important;
  border: 1px solid #ececee;
  border-radius: 18px !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2) !important;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
}
.auth-legal-modal__panel::-webkit-scrollbar {
  width: 8px;
}
.auth-legal-modal__panel::-webkit-scrollbar-track {
  background: transparent;
}
.auth-legal-modal__panel::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.auth-legal-modal__header {
  border-bottom-color: #ededee !important;
  padding-bottom: 18px !important;
}
.auth-legal-modal__header h2 {
  color: #171717 !important;
  font-size: 24px !important;
  letter-spacing: -0.03em;
}
.auth-legal-modal__header p {
  color: #737373 !important;
}
.auth-legal-modal__header button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f5f5f5;
  color: #555 !important;
  font-size: 0;
}
.auth-legal-modal__header button::after {
  content: '×';
  font-size: 22px;
  line-height: 1;
}
.auth-legal-modal__documents > div {
  background: #fafafa !important;
  border: 1px solid #e8e8ea !important;
  border-radius: 12px !important;
  padding: 16px !important;
}
.auth-legal-modal__documents iframe {
  height: 210px !important;
  border-color: #e4e4e7 !important;
  border-radius: 9px !important;
}
.auth-legal-modal__documents {
  overflow-y: auto;
  max-height: 360px;
  padding-right: 4px;
}
.auth-legal-modal__signatures {
  border-top-color: #ededee !important;
}
.auth-legal-modal__signatures > div:first-of-type {
  border: 0 !important;
  background: #fafafa !important;
  border-radius: 12px !important;
}
.auth-legal-modal__signatures > div:last-of-type {
  border-color: #f0cfd4 !important;
  background: #fff7f8 !important;
  border-radius: 12px !important;
}
.auth-legal-modal__signatures .grid > div:last-child {
  display: none !important;
}
.auth-legal-modal__signatures {
  flex: 0 0 auto;
}
.auth-legal-modal__footer {
  border-top-color: #ededee !important;
  gap: 16px;
}
.auth-legal-modal__footer p {
  color: #737373 !important;
  max-width: 420px;
}
.auth-legal-modal__footer button {
  min-height: 46px;
  border-radius: 10px !important;
  background: #ee001c !important;
  box-shadow: 0 8px 20px rgba(238, 0, 28, 0.14);
}

.auth-legal-modal__panel--signature-only .auth-legal-modal__signatures {
  grid-column: 1 / -1;
  grid-row: 2;
  border-left: 0 !important;
  padding-left: 32px !important;
}
.auth-legal-modal__panel {
  width: min(1200px, calc(100vw - 48px)) !important;
  height: min(860px, calc(100vh - 32px)) !important;
  max-height: min(860px, calc(100vh - 32px)) !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1.5fr 0.8fr;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.auth-legal-modal {
  padding: 0 !important;
}
.auth-legal-modal__panel {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
}
.auth-legal-modal__header {
  background: #fff;
  grid-column: 1 / -1;
}
.auth-legal-modal__header h2 {
  font-size: 28px !important;
}
.auth-legal-modal__header {
  padding: 28px 32px 20px !important;
}
.auth-legal-modal__documents {
  grid-row: 2;
  grid-column: 1;
  max-height: none;
  margin: 0 !important;
  padding: 28px 20px 28px 32px !important;
  overflow-y: auto;
}
.auth-legal-modal__documents > div {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.auth-legal-modal__documents > div > div:first-child {
  padding-bottom: 14px;
  border-bottom: 1px solid #ececec;
}
.auth-legal-modal__documents > div > div:first-child > *:first-child {
  font-size: 17px;
  color: #171717 !important;
}
.auth-legal-modal__documents > div {
  min-height: 100%;
}
.auth-legal-modal__documents iframe {
  height: 100% !important;
  min-height: 420px;
}
.auth-legal-modal__signatures {
  grid-row: 2;
  grid-column: 2;
  margin: 0 !important;
  padding: 28px 32px 28px 24px !important;
  overflow: auto;
  border-top: 0 !important;
  border-left: 1px solid #ececec;
}
.auth-legal-modal__signatures .grid {
  display: block !important;
}
.auth-legal-modal__signatures .grid > div:first-child {
  padding: 20px !important;
  background: #fff8f9 !important;
  border: 1px solid #f1d9de !important;
  border-radius: 16px !important;
}
.auth-legal-modal__signatures .grid > div:first-child canvas {
  height: 240px !important;
  border-radius: 12px;
}
.auth-legal-modal__signatures > span {
  color: #737373 !important;
}
.auth-legal-modal__footer {
  grid-row: 3;
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 18px 32px !important;
}
@media (max-width: 900px) {
  .auth-legal-modal__panel {
    width: min(760px, calc(100vw - 32px)) !important;
    height: min(900px, calc(100vh - 32px)) !important;
    grid-template-rows: auto minmax(280px, 1fr) auto auto;
  }
  .auth-legal-modal__documents {
    grid-column: 1;
    grid-row: 2;
    padding: 20px 24px 12px !important;
  }
  .auth-legal-modal__signatures {
    grid-column: 1;
    grid-row: 3;
    padding: 12px 24px 20px !important;
    border-left: 0;
    border-top: 1px solid #ececec !important;
  }
  .auth-legal-modal__footer {
    grid-row: 4;
  }
}
@media (max-width: 640px) {
  .auth-legal-modal__panel {
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 20px !important;
    border-radius: 0 !important;
  }
  .auth-legal-modal__footer {
    align-items: stretch;
    flex-direction: column;
  }
  .auth-legal-modal__footer button {
    width: 100%;
  }
}

/* Compliance hubs use the same split-auth shell as registration and OTP. */
.auth-compliance {
  background: #fafafa !important;
  color: #171717;
}
.auth-compliance__content {
  gap: 18px;
}
.auth-compliance__content > .auth-compliance__toolbar,
.auth-compliance__content > .max-w-6xl {
  width: 100%;
  max-width: 1120px !important;
}
.auth-compliance__toolbar {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.auth-compliance__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 10px;
  padding: 8px 12px;
  color: #666;
  font-size: 13px;
  font-weight: 600;
}
.auth-compliance__back:hover {
  color: #ee001c;
  background: #fff0f2;
}
.auth-compliance__logout {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 8px;
  border: 1px solid #f2c6c2;
  border-radius: 10px;
  background: #fff5f4;
  padding: 9px 13px;
  color: #b42318;
  font-size: 12px;
  font-weight: 700;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}
.auth-compliance__logout:hover {
  background: #ffe4e1;
  color: #8f1d14;
}
.auth-compliance__logout svg {
  height: 17px;
  width: 17px;
}
.auth-compliance .rounded-3xl {
  border-color: #e8e8ea;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.035);
}
.auth-compliance .auth-compliance__toolbar + .max-w-6xl {
  margin-top: 0;
}
.auth-compliance__section-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
.auth-compliance__section-grid > .compliance-step-flow,
.auth-compliance__section-grid > .space-y-5 {
  width: 100%;
  max-width: none;
}
.auth-compliance__hero h1,
.auth-compliance__hero h2,
.auth-compliance__hero h3 {
  color: #171717 !important;
}
.auth-compliance__hero p,
.auth-compliance__section-grid > div:last-child p {
  color: #737373 !important;
}
.auth-compliance__section-grid > div:last-child h1,
.auth-compliance__section-grid > div:last-child h2,
.auth-compliance__section-grid > div:last-child h3 {
  color: #171717 !important;
}
@media (min-width: 901px) {
  .auth-compliance__toolbar {
    display: flex;
  }
  .auth-compliance__content {
    align-items: center !important;
    padding: 24px 56px 40px !important;
  }
  .auth-compliance__content > .max-w-6xl {
    margin: 0 auto;
  }
  .auth-compliance__content > .auth-compliance__toolbar {
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .auth-compliance__content {
    padding: 28px 16px 42px !important;
  }
  .auth-compliance__content > .max-w-6xl {
    max-width: 680px !important;
  }
}

.compliance-step-flow {
  display: grid;
  gap: 18px;
}
.compliance-step-flow__progress {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  overflow-x: auto;
  padding: 2px 2px 8px;
}
.compliance-step-flow__progress-item {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  align-items: center;
  gap: 8px;
}
.compliance-step-flow__progress-step {
  display: grid;
  min-width: 94px;
  flex: 1;
  justify-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #8a8a8a;
  cursor: pointer;
}
.compliance-step-flow__progress-step:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.compliance-step-flow__progress-number {
  display: inline-flex;
  height: 34px;
  width: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dedede;
  border-radius: 999px;
  background: #fff;
  color: #737373;
  font-size: 12px;
  font-weight: 800;
}
.compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-number {
  border-color: #ee001c;
  background: #ee001c;
  color: #fff;
  box-shadow: 0 7px 16px rgba(238, 0, 28, 0.18);
}
.compliance-step-flow__progress-step:not(:disabled):hover .compliance-step-flow__progress-number {
  border-color: #ee001c;
  color: #ee001c;
}
.compliance-step-flow__progress-step.is-active:hover .compliance-step-flow__progress-number {
  color: #fff;
}
.compliance-step-flow__progress-label {
  overflow: hidden;
  max-width: 120px;
  color: #4b4b4b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-label {
  color: #171717;
}
.compliance-step-flow__progress-status {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}
.compliance-step-flow__progress-divider {
  width: 100%;
  min-width: 20px;
  height: 1px;
  margin-top: 17px;
  background: #e4e4e7;
}
.compliance-step-flow__progress-divider.is-complete {
  background: #bfe8cf;
}
.compliance-step-flow__card {
  min-width: 0;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  background: #fff;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.035);
  animation: auth-register-content-in 0.35s ease both;
}
.compliance-step-flow__card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #eeeeef;
  padding-bottom: 18px;
}
.compliance-step-flow__status {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 800;
}
.compliance-step-flow__content {
  padding-top: 20px;
}
.compliance-step-flow__completed-copy {
  padding: 20px 0 4px;
  color: #737373 !important;
}
.compliance-step-flow__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  border-top: 1px solid #eeeeef;
  padding-top: 18px;
}
.compliance-step-flow__actions .auth-register__back-step:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.compliance-step-flow__continue {
  min-height: 42px;
  border: 1px solid #ee001c;
  border-radius: 10px;
  background: #ee001c;
  padding: 0 18px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(238, 0, 28, 0.14);
  transition:
    background 0.2s ease,
    opacity 0.2s ease;
}
.compliance-step-flow__continue:hover:not(:disabled) {
  background: #d90019;
}
.compliance-step-flow__continue:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
@media (max-width: 640px) {
  .compliance-step-flow__progress {
    gap: 4px;
    padding-right: 12px;
  }
  .compliance-step-flow__progress-item {
    min-width: 122px;
  }
  .compliance-step-flow__card {
    padding: 18px;
  }
  .compliance-step-flow__card-header {
    flex-direction: column;
    gap: 12px;
  }
  .compliance-step-flow__status {
    align-self: flex-start;
  }
}

/* Full-screen agreement composition: document first, compact signature strip below. */
.auth-legal-modal__panel {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}
.auth-legal-modal__documents {
  grid-column: 1 !important;
  grid-row: 2 !important;
  padding: 28px 48px 20px !important;
}
.auth-legal-modal__documents > div {
  min-height: 0 !important;
}
.auth-legal-modal__documents iframe {
  min-height: 0 !important;
  height: calc(100vh - 300px) !important;
}
.auth-legal-modal__signatures {
  grid-column: 1 !important;
  grid-row: 3 !important;
  display: block !important;
  padding: 8px 48px !important;
  border-left: 0 !important;
  border-top: 1px solid #ececec !important;
  background: linear-gradient(90deg, #fff 0%, #fff8f9 50%, #fff 100%) !important;
  overflow: visible !important;
}
.auth-legal-modal__signatures > span {
  display: inline-block;
  margin: 0 14px 0 0;
  color: #171717 !important;
  font-size: 12px;
  font-weight: 700;
}
.auth-legal-modal__signatures .grid > div:first-child {
  display: grid !important;
  grid-template-columns: auto minmax(180px, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 12px !important;
  border-radius: 10px !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:first-child {
  margin: 0 !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:nth-child(2) {
  min-width: 0;
}
.auth-legal-modal__signatures .grid > div:first-child canvas {
  height: 78px !important;
}
.auth-legal-modal__signatures .grid > div:first-child .mb-3 {
  margin-bottom: 8px !important;
}
.auth-legal-modal__signatures .grid > div:first-child .mt-2 {
  margin-top: 6px !important;
}
.auth-legal-modal__footer {
  grid-column: 1 !important;
  grid-row: 4 !important;
}
@media (max-width: 700px) {
  .auth-legal-modal__documents {
    padding: 20px 20px 12px !important;
  }
  .auth-legal-modal__documents iframe {
    height: 42vh !important;
  }
  .auth-legal-modal__signatures {
    padding: 10px 20px !important;
  }
  .auth-legal-modal__signatures .grid > div:first-child {
    display: block !important;
  }
  .auth-legal-modal__signatures .grid > div:first-child canvas {
    height: 100px !important;
  }
}

/* Final agreement proportions: centered workspace with a clear read → sign → accept flow. */
.auth-legal-modal__panel {
  width: min(1180px, calc(100vw - 80px)) !important;
  height: min(820px, calc(100vh - 48px)) !important;
  max-width: 1180px !important;
  max-height: min(820px, calc(100vh - 48px)) !important;
  border-radius: 18px !important;
  grid-template-rows: auto minmax(390px, 430px) minmax(190px, 1fr) auto !important;
}
.auth-legal-modal__header {
  padding: 24px 28px 20px !important;
}
.auth-legal-modal__documents {
  padding: 18px 28px 16px !important;
}
.auth-legal-modal__documents iframe {
  height: 390px !important;
  max-width: 900px;
  margin-inline: auto;
}
.auth-legal-modal__signatures {
  padding: 14px 28px !important;
  background: #fff !important;
}
.auth-legal-modal__signatures .grid > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(320px, 620px) 1fr;
  gap: 20px;
  align-items: center;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  display: block !important;
}
.auth-legal-modal__signatures .grid > div:first-child .flex.rounded-xl {
  width: 360px;
  max-width: 100%;
  margin-bottom: 12px;
}
.auth-legal-modal__signatures .grid > div:first-child canvas {
  height: 170px !important;
  width: 100% !important;
  max-width: 680px;
  border: 1px solid #dadada;
  background: #fff;
  border-radius: 12px;
}
.auth-signature-canvas {
  position: relative;
  max-width: 680px;
}
.auth-signature-canvas::after {
  content: 'Sign here';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c4c4c4;
  font-size: 15px;
  pointer-events: none;
}
.auth-signature-confirm {
  max-width: 680px;
  color: #555 !important;
  line-height: 1.45;
}
.auth-legal-modal__cancel {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  color: #171717;
  font-weight: 600;
}
.auth-legal-modal__cancel:hover {
  background: #f7f7f7;
}
.auth-legal-modal__signatures .grid > div:first-child .flex.rounded-xl {
  width: 360px;
  max-width: 100%;
}
.auth-legal-modal__footer {
  padding: 16px 28px !important;
  justify-content: flex-end !important;
}
.auth-legal-modal__footer p {
  margin-right: auto;
}
.auth-legal-modal__footer button {
  width: 240px;
  max-width: 100%;
}
@media (max-width: 700px) {
  .auth-legal-modal__panel {
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    grid-template-rows: auto minmax(280px, 1fr) auto auto !important;
  }
  .auth-legal-modal__documents {
    padding: 16px 20px 12px !important;
  }
  .auth-legal-modal__documents iframe {
    height: 42vh !important;
  }
  .auth-legal-modal__signatures {
    padding: 12px 20px !important;
  }
  .auth-legal-modal__signatures .grid > div:first-child {
    display: block !important;
  }
  .auth-legal-modal__signatures .grid > div:first-child canvas {
    height: 120px !important;
  }
}

/* Rebuilt agreement workspace: two calm, equal-purpose panels and a restrained footer. */
.auth-legal-modal {
  padding: 24px !important;
}
.auth-legal-modal__panel {
  width: min(1100px, calc(100vw - 48px)) !important;
  height: min(800px, calc(100vh - 40px)) !important;
  max-width: 1100px !important;
  max-height: min(800px, calc(100vh - 40px)) !important;
  border-radius: 20px !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(340px, 0.7fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  background: #fff !important;
}
.auth-legal-modal__header {
  padding: 24px 28px 18px !important;
  border-bottom: 1px solid #eeeeef !important;
}
.auth-legal-modal__header h2 {
  margin: 0;
  font:
    800 25px/1.1 Manrope,
    sans-serif !important;
  letter-spacing: -0.035em;
}
.auth-legal-modal__header p {
  margin: 7px 0 0;
  font:
    14px/1.5 'DM Sans',
    sans-serif !important;
}
.auth-legal-modal__documents {
  grid-column: 1 !important;
  grid-row: 2 !important;
  padding: 22px 20px 22px 28px !important;
  overflow: hidden !important;
}
.auth-legal-modal__documents > div {
  display: flex;
  min-height: 0 !important;
  height: 100%;
  flex-direction: column;
}
.auth-legal-modal__documents > div > div:first-child {
  flex: 0 0 auto;
  padding: 0 0 14px !important;
  border-bottom: 0 !important;
}
.auth-legal-modal__documents > div > div:first-child > *:first-child {
  font:
    800 17px/1.2 Manrope,
    sans-serif !important;
}
.auth-legal-modal__documents iframe {
  flex: 1 1 auto;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid #e6e6e8 !important;
  border-radius: 12px !important;
  background: #fafafa;
}
.auth-legal-modal__signatures {
  grid-column: 2 !important;
  grid-row: 2 !important;
  padding: 22px 28px 22px 24px !important;
  overflow: hidden !important;
  border-top: 0 !important;
  border-left: 1px solid #eeeeef !important;
  background: #fbfbfb !important;
}
.auth-legal-modal__panel,
.auth-legal-modal__header,
.auth-legal-modal__documents,
.auth-legal-modal__signatures,
.auth-legal-modal__footer {
  background: #fff !important;
}
.auth-legal-modal__documents iframe,
.auth-signature-canvas,
.auth-legal-modal__signatures .grid > div:first-child {
  background: #fff !important;
}
.auth-legal-modal * {
  font-family: 'DM Sans', sans-serif !important;
  color: #171717 !important;
}
.auth-legal-modal h1,
.auth-legal-modal h2,
.auth-legal-modal h3,
.auth-legal-modal strong {
  font-family: Manrope, sans-serif !important;
}
.auth-legal-modal__documents,
.auth-legal-modal__documents p,
.auth-legal-modal__documents span {
  font-size: 13px !important;
  color: #171717 !important;
}
.auth-legal-modal__signatures .grid > div:first-child,
.auth-legal-modal__signatures .grid > div:first-child > div {
  background: #fff !important;
}
.auth-legal-modal__signatures button {
  color: #171717 !important;
}
.auth-legal-modal__footer > button:last-child {
  color: #fff !important;
  background: #ee001c !important;
}
.auth-legal-modal__signatures {
  background: #fff !important;
}
.auth-legal-modal__signatures > span {
  margin-bottom: 10px !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:first-child {
  margin-bottom: 10px !important;
}
.auth-signature-confirm {
  margin-top: 18px !important;
  font-size: 13px !important;
}
.auth-legal-modal__cancel {
  color: #171717 !important;
  background: #fff !important;
  border-color: #ddd !important;
}
.auth-legal-modal__footer > button:last-child:disabled {
  background: #f5a8b3 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* Clean signature surface. */
.auth-legal-modal__signatures,
.auth-legal-modal__signatures .grid,
.auth-legal-modal__signatures .grid > div:first-child,
.auth-legal-modal__signatures .grid > div:first-child > div {
  background: #fff !important;
}
.auth-legal-modal__signatures {
  padding-top: 26px !important;
}
.auth-legal-modal__signatures > span {
  margin: 0 0 14px !important;
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:first-child {
  padding: 0 !important;
  margin: 0 0 14px !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:first-child > div > span:first-child {
  font:
    700 14px/1.35 Manrope,
    sans-serif !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:first-child > div > span:last-child {
  display: block;
  margin-top: 4px;
  color: #777 !important;
  font-size: 12px !important;
}
.auth-signature-mode {
  width: -moz-fit-content !important;
  width: fit-content !important;
  border: 1px solid #e5e5e5;
  background: #f7f7f7 !important;
  border-radius: 10px !important;
  padding: 3px !important;
}
.auth-signature-mode button {
  min-height: 34px;
  padding: 0 14px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}
.auth-signature-mode button.bg-white {
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.auth-signature-upload {
  width: 100%;
  max-width: 360px;
  min-height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-color: #d8d8d8 !important;
  border-radius: 12px !important;
  background: #fff !important;
}
.auth-signature-upload:hover {
  border-color: #171717 !important;
  background: #fafafa !important;
}
.auth-signature-upload svg {
  color: #171717 !important;
}
.auth-signature-confirm {
  border-top: 1px solid #eee;
  padding-top: 16px;
}
.auth-legal-modal__footer .auth-legal-modal__cancel {
  min-width: 96px !important;
  color: #171717 !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  box-shadow: none !important;
}
.auth-legal-modal__signatures > span {
  display: block;
  margin: 0 0 5px !important;
  color: #171717 !important;
  font:
    800 17px/1.2 Manrope,
    sans-serif !important;
  letter-spacing: -0.02em !important;
}
.auth-legal-modal__signatures .grid {
  height: calc(100% - 28px);
}
.auth-legal-modal__signatures .grid > div:first-child {
  display: flex !important;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.auth-legal-modal__signatures .grid > div:first-child > div:first-child {
  margin: 0 0 14px !important;
}
.auth-legal-modal__signatures .grid > div:first-child .flex.rounded-xl {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 100%;
  margin-bottom: 14px !important;
}
.auth-legal-modal__signatures .grid > div:first-child .flex.rounded-xl button {
  flex: 0 0 auto;
  padding-inline: 13px;
}
.auth-signature-canvas {
  flex: 0 0 178px;
  width: 100%;
  max-width: none !important;
}
.auth-legal-modal__signatures .grid > div:first-child canvas {
  width: 100% !important;
  height: 178px !important;
  max-width: none !important;
}
.auth-signature-confirm {
  margin-top: 14px !important;
  max-width: none !important;
}
.auth-legal-modal__footer {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  min-height: 72px;
  padding: 14px 28px !important;
  border-top: 1px solid #eeeeef !important;
  background: #fff !important;
}
.auth-legal-modal__footer p {
  font-size: 12px !important;
}
.auth-legal-modal__footer button {
  width: auto !important;
  min-width: 160px;
  height: 46px;
  min-height: 46px !important;
  box-shadow: none !important;
}
.auth-legal-modal__cancel {
  min-width: 92px !important;
}
@media (max-width: 780px) {
  .auth-legal-modal {
    padding: 0 !important;
  }
  .auth-legal-modal__panel {
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(240px, 1fr) auto auto !important;
  }
  .auth-legal-modal__documents {
    padding: 18px 20px !important;
  }
  .auth-legal-modal__signatures {
    grid-column: 1 !important;
    grid-row: 3 !important;
    padding: 16px 20px !important;
    border-left: 0 !important;
    border-top: 1px solid #eeeeef !important;
    overflow-y: auto !important;
  }
  .auth-signature-canvas {
    flex-basis: 130px;
  }
  .auth-legal-modal__signatures .grid > div:first-child canvas {
    height: 130px !important;
  }
  .auth-legal-modal__footer {
    grid-row: 4 !important;
    flex-wrap: wrap;
  }
  .auth-legal-modal__footer p {
    display: none;
  }
}
.auth-register__content {
  scrollbar-width: thin;
  scrollbar-color: #c9c9c9 transparent;
}
.auth-register__content::-webkit-scrollbar {
  width: 8px;
}
.auth-register__content::-webkit-scrollbar-track {
  background: transparent;
}
.auth-register__content::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}
.auth-register__content::-webkit-scrollbar-thumb:hover {
  background: #999;
  border-width: 1px;
  background-clip: content-box;
}
.auth-register__form[data-step='1'] > div:first-child > div.flex.w-full {
  display: block !important;
}
.auth-register__form[data-step='1'] > div:first-child > div.flex.w-full > label {
  display: block;
}
.auth-register__form[data-step='1'] > div:first-child > div.flex.w-full > label > input {
  margin-top: 0;
  min-height: 48px;
}
.auth-register__form .auth-register__field-full {
  margin-top: 16px;
}
.auth-register__form[data-step='1'] > div:first-child {
  padding: 0 !important;
}
.auth-register__form[data-step='1'] > div:nth-child(2) {
  margin-top: 16px;
}
.auth-register__form[data-step='1'] > div:nth-child(2) > div {
  gap: 16px;
}
.auth-register__form[data-step='1'] > div:nth-child(4) {
  padding-top: 0 !important;
}
.auth-register__form[data-step='1'] > div:nth-child(4) > select,
.auth-register__form[data-step='1'] > div:nth-child(4) input[name='addressLine2'],
.auth-register__form[data-step='1'] > div:nth-child(4) input[name='city'],
.auth-register__form[data-step='1'] > div:nth-child(4) input[name='stateProvince'],
.auth-register__form[data-step='1'] > div:nth-child(4) input[name='postalCode'],
.auth-register__form[data-step='1'] > div:nth-child(4) input[name='latitude'],
.auth-register__form[data-step='1'] > div:nth-child(4) input[name='longitude'] {
  display: none !important;
}
.auth-register__form[data-step='2'] > div:nth-child(4) {
  padding-top: 0 !important;
}
.auth-register__form[data-step='2'] > div:nth-child(4)::before {
  content: 'Search for your address';
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #303030;
}
.auth-register__form[data-step='2'] > div:nth-child(4) .mt-4 {
  margin-top: 16px !important;
}
.auth-register__form[data-step='3'] > div:nth-child(5) {
  padding-top: 0 !important;
}
@media (min-width: 901px) {
  .auth-register {
    display: block !important;
    height: 100vh;
    overflow: hidden;
  }
  .auth-register__visual {
    display: block;
    position: fixed;
    inset: 0 auto 0 0;
    width: 46%;
    height: 100vh;
    overflow: hidden;
    background: #f8f8f8;
  }
  .auth-register__header {
    display: none !important;
  }
  .auth-register__content {
    display: block !important;
    width: 54%;
    height: 100vh;
    margin-left: 46%;
    overflow-y: auto;
    padding: 24px 56px 24px !important;
    align-items: flex-start !important;
  }
  .auth-register__content > div {
    max-width: 540px !important;
    margin: 0 auto;
  }
  .auth-register__back-link {
    margin-bottom: 0;
    position: absolute;
    top: 30px;
    right: 56px;
  }
  .auth-register__intro {
    margin-top: 62px !important;
  }
  .auth-register__intro > div:first-child {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    color: #ee001c !important;
  }
  .auth-register__intro > div:first-child span {
    display: none;
  }
  .auth-register__intro > div:first-child {
    font-size: 11px !important;
  }
  .auth-register__form #registration-submit {
    box-shadow: 0 8px 20px rgba(242, 10, 36, 0.12) !important;
  }
  .auth-register__progress {
    gap: 14px;
  }
  .auth-register__progress-divider {
    min-width: 42px;
  }
}
@media (min-width: 901px) and (max-height: 850px) {
  .auth-register__content {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
  }
  .auth-register__intro {
    margin-top: 38px !important;
    margin-bottom: 14px !important;
  }
  .auth-register__progress {
    margin-bottom: 14px;
  }
  .auth-register__form {
    gap: 6px !important;
  }
  .auth-register__form > div:nth-child(2) {
    margin-top: 6px !important;
  }
  .auth-register__form > div:first-child > label:nth-child(6),
  .auth-register__form > div:first-child > div:nth-child(5) {
    margin-top: 8px !important;
  }
  .auth-register__form .auth-register__field-full {
    margin-top: 8px !important;
  }
  .auth-register__form input:not([type='checkbox']),
  .auth-register__form select {
    min-height: 46px;
    height: 46px;
  }
  .auth-register__phone-control {
    height: 46px;
  }
}
@media (max-width: 640px) {
  .auth-register__header {
    padding: 12px 18px !important;
  }
  .auth-register__content {
    padding: 26px 16px 42px !important;
  }
  .auth-register__form > div {
    padding: 18px !important;
    border-radius: 14px !important;
  }
  .auth-register__intro h1 {
    font-size: 36px !important;
  }
  .auth-register__progress {
    gap: 5px;
    font-size: 10px;
  }
  .auth-register__progress-divider {
    min-width: 14px;
  }
}

/* Final neutral legal-signature treatment: keep the signing workspace white. */
.auth-legal-modal .auth-legal-modal__signatures,
.auth-legal-modal .auth-legal-modal__signatures > *,
.auth-legal-modal .auth-legal-modal__signatures .grid,
.auth-legal-modal .auth-legal-modal__signatures .grid > *,
.auth-legal-modal .auth-legal-modal__signatures .grid > * > * {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

.auth-legal-modal .auth-legal-modal__signatures .auth-signature-mode {
  background: #f7f7f7 !important;
}

.auth-legal-modal .auth-legal-modal__signatures .auth-signature-upload,
.auth-legal-modal .auth-legal-modal__signatures .auth-signature-canvas,
.auth-legal-modal .auth-legal-modal__signatures canvas {
  background: #fff !important;
  background-color: #fff !important;
}

/* Catch utility-class backgrounds on deeply nested signature controls. */
.auth-legal-modal .auth-legal-modal__signatures *:not(button):not(svg):not(path) {
  background-color: #fff !important;
  background-image: none !important;
}
.auth-legal-modal .auth-legal-modal__signatures .auth-signature-mode,
.auth-legal-modal .auth-legal-modal__signatures .auth-signature-mode * {
  background-color: #f7f7f7 !important;
}
.auth-legal-modal.auth-legal-modal .auth-legal-modal__signatures,
.auth-legal-modal.auth-legal-modal .auth-legal-modal__signatures *:not(button):not(svg):not(path) {
  background: #fff !important;
}
.auth-legal-modal.auth-legal-modal .auth-legal-modal__signatures .auth-signature-mode,
.auth-legal-modal.auth-legal-modal .auth-legal-modal__signatures .auth-signature-mode * {
  background: #f7f7f7 !important;
}

/* The agreement should read as an open document, without a surrounding frame. */
.auth-legal-modal .auth-legal-modal__panel {
  border: 0 !important;
}
.auth-legal-modal .auth-legal-modal__documents > div,
.auth-legal-modal .auth-legal-modal__documents iframe {
  border: 0 !important;
}

/* Keep login and registration on one shared desktop auth grid. */
@media (min-width: 901px) {
  .auth-login {
    display: block !important;
    height: 100vh;
    overflow: hidden;
  }
  .auth-login > .flex-1 {
    display: block !important;
    height: 100vh;
  }
  .auth-login__visual {
    display: block !important;
    position: fixed;
    inset: 0 auto 0 0;
    width: 46% !important;
    height: 100vh;
    min-height: 100vh;
    flex: none !important;
    overflow: hidden;
    background: #f8f8f8;
  }
  .auth-login__visual > img {
    -o-object-position: center;
       object-position: center;
  }
  .auth-login__visual-overlay {
    background: linear-gradient(
      180deg,
      rgba(8, 8, 8, 0.02) 22%,
      rgba(8, 8, 8, 0.08) 45%,
      rgba(8, 8, 8, 0.78) 100%
    ) !important;
  }
  .auth-login__visual-logo {
    top: 30px;
    left: 40px;
    width: 138px;
    height: 44px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }
  .auth-login__visual-logo img {
    width: 138px;
    height: 44px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .auth-login__visual-copy {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 96px 40px 52px;
  }
  .auth-login__visual-copy::before {
    display: none;
  }
  .auth-login__form {
    width: 54% !important;
    height: 100vh;
    min-height: 100vh;
    margin-left: 46%;
    overflow-y: auto;
    background: #fff !important;
  }
  .auth-login__form .auth-topbar {
    display: flex;
    justify-content: flex-end;
    padding: 28px 56px 0;
  }
  .auth-login__form .auth-form-wrap {
    padding: 24px 56px 32px !important;
    align-items: flex-start;
  }
  .auth-login__form .auth-form-wrap > div {
    width: 100%;
    max-width: 540px !important;
    margin: 0 auto;
  }
  .auth-otp__content {
    align-items: center !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

/* OTP is a focused checkpoint: no marketing image, just the centered form. */
.auth-otp {
  background: #fff !important;
}
.auth-otp__visual {
  display: none !important;
}
.auth-otp__content {
  width: 100% !important;
  margin-left: 0 !important;
  min-height: 100vh;
  background: #fff !important;
}
.auth-otp__header {
  display: none !important;
}
.auth-otp__panel {
  width: min(100%, 500px);
}
@media (min-width: 901px) {
  .auth-otp__content {
    min-height: 100vh;
  }
}

/* Final OTP composition: restore the shared desktop auth shell. */
@media (min-width: 901px) {
  .auth-otp__visual {
    display: block !important;
    position: fixed;
    inset: 0 auto 0 0;
    width: 46%;
    height: 100vh;
    overflow: hidden;
  }
  .auth-otp__header {
    display: none !important;
  }
  .auth-otp__content {
    width: 54% !important;
    margin-left: 46% !important;
    min-height: 100vh !important;
    padding: 28px 56px 32px !important;
    position: relative;
  }
  .auth-otp__back {
    position: fixed;
    top: 18px;
    right: 56px;
    margin: 0 !important;
    z-index: 20;
  }
}
.auth-otp__code-panel {
  border: 0 !important;
  padding: 0 !important;
}
.auth-otp__cells {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}
.auth-otp__input {
  width: 100%;
  height: 58px;
  min-height: 58px;
  padding: 0 !important;
  border: 1px solid #dadada !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
  font-size: 24px;
  font-weight: 650;
  text-align: center;
  letter-spacing: 0 !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}
.auth-otp__input:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06) !important;
  transform: translateY(-1px);
}
.auth-otp__hint {
  margin: 12px 0 0;
  color: #777;
  font-size: 12px;
}
.auth-otp__change-number {
  display: block;
  margin: 16px auto 0;
  color: #171717;
  font-size: 14px;
  font-weight: 600;
  transition: color 0.2s ease;
}
.auth-otp__change-number:hover {
  color: #f20a24;
}
.auth-otp__back {
  display: inline-flex;
  margin-bottom: 36px;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.auth-otp__back:hover {
  color: #171717;
  transform: translateX(-3px);
}
@media (max-width: 900px) {
  .auth-otp__cells {
    gap: 7px;
  }
  .auth-otp__input {
    height: 52px;
    min-height: 52px;
    font-size: 21px;
  }
  .auth-otp__back {
    margin-bottom: 28px;
  }
}

/* Final cross-auth alignment refinements. */
.auth-register {
  background: #fff !important;
}
@media (min-width: 901px) {
  .auth-login__form .auth-form-wrap {
    align-items: center !important;
  }
  .auth-otp__back {
    position: fixed;
    top: 18px;
    right: 56px;
    margin: 0 !important;
    z-index: 20;
  }
}
@media (max-width: 900px) {
  .auth-otp__back {
    position: fixed;
    top: 16px;
    right: 20px;
    margin: 0 !important;
    z-index: 20;
  }
}
/* Merchant workspace shell: dense, stable, and distinct from customer discovery. */
.merchant-workspace {
  background: #f6f8fb !important;
}
.merchant-workspace .workspace-navigation {
  background: #102b56 !important;
  box-shadow: none !important;
}
.merchant-workspace .workspace-navigation nav a,
.merchant-workspace .workspace-navigation nav button {
  min-height: 44px;
  border-radius: 10px;
}
.merchant-workspace .workspace-navigation nav a[class*='bg-white/10'],
.merchant-workspace .workspace-navigation nav button[class*='bg-white/10'] {
  border-left: 0 !important;
}

.admin-management-panel {
  margin-top: 20px;
  border: 1px solid var(--brand-border, #eae7e4);
  border-radius: 20px;
  background: #fff;
  padding: 24px;
}
.admin-management-panel > header h2 {
  color: #171717;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.admin-management-tabs > :first-child {
  display: inline-flex;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 4px;
  padding: 4px;
  border: 1px solid #eae7e4;
  border-radius: 999px;
  background: #fff;
}
.admin-management-tabs button[aria-selected='true'],
.admin-management-tabs button[data-active='true'] {
  border-radius: 999px;
  background: #fff1f3;
  color: #f20a24;
}
.admin-workspace .admin-route-content button:focus-visible,
.admin-workspace .admin-route-content a:focus-visible,
.admin-workspace .admin-route-content input:focus-visible,
.admin-workspace .admin-route-content select:focus-visible {
  outline: 2px solid #f20a24;
  outline-offset: 2px;
}

/* Shared Admin management workspace. This normalizes legacy screens while they
   retain their existing queries, forms, actions, and route-specific content. */
.admin-workspace .admin-route-content {
  min-width: 0;
}

.admin-workspace .admin-route-content :where(section, div).admin-management-panel,
.admin-workspace .admin-route-content > :where(section, div):has(table),
.admin-workspace
  .admin-route-content
  > :where(section, div)
  > :where(section, div):has(table):not(.grid),
.admin-workspace
  .admin-route-content
  > :where(section, div)
  > :where(section, div)
  > section:has(table) {
  border: 1px solid var(--brand-border, #eae7e4);
  border-radius: 20px;
  background: #fff;
  box-shadow: none;
}

.admin-workspace .admin-route-content :where(section, div):has(> .overflow-x-auto > table) {
  overflow: hidden;
}

.admin-workspace .admin-route-content .overflow-x-auto:has(> table) {
  border: 1px solid var(--brand-border, #eae7e4);
  border-radius: 16px;
  background: #fff;
  box-shadow: none !important;
}

.admin-workspace .admin-route-content table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 13px;
}

.admin-workspace .admin-route-content table thead {
  background: #faf9f7 !important;
}

.admin-workspace .admin-route-content table th {
  height: 40px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--brand-border, #eae7e4);
  color: var(--brand-muted, #64748b) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-workspace .admin-route-content table td {
  min-height: 56px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--brand-border, #eae7e4);
  vertical-align: middle;
}

.admin-workspace .admin-route-content table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-workspace .admin-route-content table tbody tr:hover {
  background: #fffafa;
}

.admin-workspace .admin-route-content :where(input[type='search'], input[type='text']) {
  min-height: 46px;
  border-color: var(--brand-border, #eae7e4) !important;
  border-radius: 13px !important;
  background: #faf9f7 !important;
  box-shadow: none !important;
}

.admin-workspace .admin-route-content select {
  min-height: 46px;
  border-color: var(--brand-border, #eae7e4) !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

.admin-workspace .admin-route-content :where(.shadow, .shadow-sm, .shadow-md, .shadow-lg) {
  box-shadow: none !important;
}

@media (max-width: 899px) {
  .admin-workspace .admin-route-content :where(section, div).admin-management-panel,
  .admin-workspace .admin-route-content > :where(section, div):has(table),
  .admin-workspace
    .admin-route-content
    > :where(section, div)
    > :where(section, div):has(table):not(.grid) {
    border-radius: 16px;
  }

  .admin-workspace .admin-route-content table th,
  .admin-workspace .admin-route-content table td {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.admin-management-panel input[type='text'] {
  min-height: 46px;
  border-radius: 13px;
  background: #faf9f7;
}
.admin-management-panel > .mt-5 > .flex.flex-col {
  padding-bottom: 20px;
}
.admin-management-panel table {
  border-collapse: collapse;
}
.admin-workspace .admin-management-panel table thead {
  background: #faf9f7;
  border-bottom: 1px solid var(--brand-border, #eae7e4);
}
.admin-workspace .admin-management-panel table th {
  color: var(--brand-muted, #64748b);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.admin-workspace .admin-management-panel table td,
.admin-workspace .admin-management-panel table th {
  border-color: var(--brand-border, #eae7e4);
}
@media (max-width: 640px) {
  .admin-management-panel {
    padding: 18px;
    border-radius: 16px;
  }
}
.merchant-workspace main {
  background: #f6f8fb;
}
.merchant-workspace .delivery-main-shell {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.merchant-workspace .merchant-page-heading {
  padding: 4px 0 2px;
}
.merchant-workspace .merchant-page-heading h1 {
  color: #172033;
  font-size: clamp(1.625rem, 2.2vw, 2rem);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.merchant-workspace .merchant-page-heading p {
  max-width: 680px;
  margin-top: 7px;
  color: #64748b;
  font-size: 0.875rem;
  line-height: 1.5;
}

.merchant-workspace .merchant-page-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.merchant-workspace .merchant-page-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Merchant shell: the operational experience shares the customer palette. */
.merchant-workspace {
  --merchant-red: #f20a24;
  --merchant-ink: #171717;
  --merchant-muted: #686868;
  --merchant-bg: #faf9f7;
  --merchant-border: #eae7e4;
  --brand-blue: #f20a24;
  --brand-dark: #171717;
  --brand-border: #eae7e4;
  --brand-muted: #686868;
  --brand-bg-elevated: #fbfaf9;
  background: var(--merchant-bg) !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace .workspace-navigation {
  width: 240px !important;
  min-width: 240px !important;
  padding: 0 12px 16px !important;
  background: #fff !important;
  border-right: 1px solid var(--merchant-border);
  box-shadow: none !important;
  color: var(--merchant-ink) !important;
}
html.dark .merchant-workspace {
  --merchant-ink: #f8fafc;
  --merchant-muted: #cbd5e1;
  --merchant-bg: #0f172a;
  --merchant-border: #475569;
  --brand-dark: #f8fafc;
  --brand-text: #f8fafc;
  --brand-muted: #cbd5e1;
  --brand-bg-elevated: #1e293b;
}
html.dark .merchant-workspace main {
  background: #0f172a !important;
}
html.dark .merchant-workspace header,
html.dark .merchant-workspace .workspace-navigation {
  background: #1e293b !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-settings-modal-header {
  background: #1e293b !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-settings-modal-header h2 {
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-settings-modal-header > div > p:last-child {
  color: #c9c0b9 !important;
}

/* Dark merchant workspace: keep every operational surface on the same palette. */
html.dark .merchant-workspace [class~='bg-white'],
html.dark .merchant-workspace [class*='bg-[#FCFBFA]'],
html.dark .merchant-workspace [class*='bg-[#FAF9F7]'],
html.dark .merchant-workspace [class*='bg-[#F8FAFC]'],
html.dark .merchant-workspace [class*='bg-[#F7F5F3]'],
html.dark .merchant-workspace .delivery-feature-card,
html.dark .merchant-workspace .merchant-page-card,
html.dark .merchant-workspace table tbody tr,
html.dark .merchant-workspace input,
html.dark .merchant-workspace select,
html.dark .merchant-workspace textarea {
  background-color: #1e293b !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace table thead,
html.dark .merchant-workspace [class*='bg-[#F2F0EE]'] {
  background-color: #334155 !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace input:disabled,
html.dark .merchant-workspace textarea:disabled {
  background-color: #334155 !important;
}
html.dark .merchant-workspace [class*='text-[#172033]'],
html.dark .merchant-workspace [class*='text-[#171717]'],
html.dark .merchant-workspace [class*='text-[#1E293B]'],
html.dark .merchant-workspace [class*='text-[#454545]'],
html.dark .merchant-workspace [class*='text-[#0A1F44]'],
html.dark .merchant-workspace [class*='text-slate-900'],
html.dark .merchant-workspace [class*='text-slate-800'],
html.dark .merchant-workspace [class*='text-gray-900'],
html.dark .merchant-workspace [class*='text-gray-800'] {
  color: #f5f2ef !important;
}
html.dark .merchant-workspace [class*='text-[#77716C]'],
html.dark .merchant-workspace [class*='text-[#5F5852]'],
html.dark .merchant-workspace [class*='text-[#64748B]'],
html.dark .merchant-workspace [class*='text-slate-500'],
html.dark .merchant-workspace [class*='text-slate-600'],
html.dark .merchant-workspace [class*='text-slate-700'],
html.dark .merchant-workspace [class*='text-gray-500'],
html.dark .merchant-workspace [class*='text-gray-600'],
html.dark .merchant-workspace [class*='text-gray-700'] {
  color: #c9c0b9 !important;
}
html.dark .merchant-workspace [class*='border-[#EAE7E4]'],
html.dark .merchant-workspace [class*='border-[#EEEAE6]'],
html.dark .merchant-workspace [class*='border-[#E8E4E0]'],
html.dark .merchant-workspace [class*='border-[#DDD7D1]'],
html.dark .merchant-workspace [class*='border-[#E2E8F0]'] {
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-user-menu-avatar,
html.dark .merchant-workspace .merchant-settings-avatar,
html.dark .merchant-workspace .merchant-account-avatar,
html.dark .merchant-workspace [class*='bg-[#FFF1F3]'] {
  background-color: #402229 !important;
}
html.dark .merchant-workspace table td,
html.dark .merchant-workspace table th {
  border-color: #475569 !important;
}
html.dark .merchant-workspace table tbody tr:hover {
  background-color: #334155 !important;
}
.merchant-workspace .merchant-sidebar-branch {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--merchant-border);
  border-radius: 10px;
  background: #ffffff;
}
.merchant-workspace .merchant-sidebar-branch-name {
  margin: 0 0 8px;
  color: var(--merchant-ink);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher {
  width: 100%;
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger {
  display: flex;
  width: 100%;
  height: 36px;
  justify-content: flex-start;
  gap: 9px;
  border: 0;
  border-radius: 8px;
  background: #faf9f7;
  padding: 0 10px;
  color: var(--merchant-ink);
  font-size: 12px;
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger:hover {
  border-color: transparent;
  background: #f7f6f4;
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger svg:first-child {
  width: 15px;
  height: 15px;
  color: var(--merchant-red);
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger span {
  display: block;
  flex: 1;
  max-width: none;
  text-align: left;
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger svg:last-child {
  width: 14px;
  height: 14px;
  color: #929292;
}
.merchant-workspace .merchant-sidebar-branch .branch-switcher-menu {
  width: 100%;
  margin-top: 6px;
  border-color: var(--merchant-border);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(23, 23, 23, 0.1);
}
.merchant-workspace .delivery-main-shell [class*='rounded-[28px]'] {
  border-radius: 12px !important;
}
.merchant-workspace .delivery-main-shell [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-workspace .delivery-main-shell [class*='border-black\/5'] {
  border-color: var(--merchant-border) !important;
}
.merchant-workspace .delivery-main-shell [class*='bg-slate-50'] {
  background: #fbfaf9 !important;
}
.merchant-workspace .delivery-main-shell [class*='hover:bg-slate-50']:hover {
  background: #fff8f9 !important;
}
.merchant-workspace .delivery-main-shell table thead {
  border-color: var(--merchant-border) !important;
}
.merchant-workspace .delivery-main-shell table th {
  color: #686868 !important;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.merchant-workspace .delivery-main-shell table td {
  border-color: #f0eeeb !important;
}
.merchant-workspace .delivery-main-shell input,
.merchant-workspace .delivery-main-shell select {
  border-color: var(--merchant-border) !important;
  border-radius: 10px !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace .delivery-main-shell input:focus,
.merchant-workspace .delivery-main-shell select:focus {
  border-color: var(--merchant-red) !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
}
.merchant-workspace .delivery-main-shell [class*='bg-\[var\(--brand-blue'] {
  background: #fff1f3 !important;
  color: var(--merchant-red) !important;
}
.merchant-workspace .delivery-main-shell [class*='text-\[var\(--brand-blue'] {
  color: var(--merchant-red) !important;
}
.merchant-workspace .delivery-main-shell [class*='border-\[var\(--brand-blue'] {
  border-color: #f20a24 !important;
}
.merchant-workspace .merchant-order-table {
  font-size: 13px;
}
.merchant-workspace .merchant-order-table th {
  padding: 10px 20px !important;
}
.merchant-workspace .merchant-order-table td {
  padding: 14px 20px !important;
}
.merchant-workspace .merchant-order-table [class*='text-sm'] {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.merchant-workspace .merchant-order-table [class*='text-xs'] {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.merchant-workspace .merchant-order-legacy-table {
  display: none !important;
}
.merchant-workspace .merchant-order-data-table table {
  min-width: 1100px;
  font-size: 13px;
}
.merchant-workspace .merchant-order-data-table,
.merchant-workspace .merchant-order-data-table * {
  box-shadow: none !important;
}
.merchant-workspace .merchant-order-data-table thead {
  background: #f7f6f4;
  border-bottom: 1px solid var(--merchant-border);
}
.merchant-workspace .merchant-order-data-table th {
  padding: 10px 20px;
  color: var(--merchant-muted);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.merchant-workspace .merchant-order-data-table tbody,
.merchant-workspace .merchant-order-data-table tbody tr,
.merchant-workspace .merchant-order-data-table tbody td {
  background: #fff;
}
.merchant-workspace .merchant-order-data-table td {
  padding: 14px 20px;
  color: var(--merchant-ink);
  border-color: #f0eeeb;
}
.merchant-workspace .merchant-order-data-table tbody tr:hover {
  background: #fff8f9;
}
.merchant-workspace .merchant-order-data-table tbody tr:hover td {
  background: #fff8f9;
}
.merchant-workspace .merchant-order-data-table > div:last-child {
  background: #fff;
  border-color: var(--merchant-border);
}
.merchant-workspace .merchant-order-data-table > div:last-child p {
  font-size: 12px;
  color: var(--merchant-muted);
}
.merchant-workspace .merchant-order-data-table > div:last-child > div {
  align-items: center;
  gap: 6px;
}
.merchant-workspace .merchant-order-data-table > div:last-child button {
  min-width: 32px;
  height: 32px;
  padding: 0 9px;
  border: 1px solid var(--merchant-border);
  border-radius: 6px;
  background: #fff;
  color: var(--merchant-ink);
  font-size: 12px;
  line-height: 1;
}
.merchant-workspace .merchant-order-data-table > div:last-child button:hover:not(:disabled) {
  border-color: #f20a24;
  background: #fff8f9;
  color: #f20a24;
}
.merchant-workspace .merchant-order-data-table > div:last-child button[class*='bg-blue-600'] {
  border-color: #f20a24;
  background: #f20a24;
  color: #fff;
}
.merchant-workspace .merchant-order-data-table > div:last-child button:disabled {
  background: #fbfaf9;
  color: #a8a3a0;
}
.dashboard-layout-no-sidebar > div > aside {
  display: none !important;
}
.dashboard-layout-no-sidebar header button[aria-label='Open navigation'] {
  display: none !important;
}
.merchant-order-breadcrumb {
  margin-bottom: -10px;
}
.merchant-order-detail-layout {
  align-items: start;
}
.merchant-order-detail-aside {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace .merchant-order-detail-aside > div {
  margin: 0 !important;
}
@media (min-width: 1100px) {
  .merchant-order-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
  }
  .merchant-order-detail-main {
    min-width: 0;
  }
  .merchant-order-detail-aside {
    display: block;
    position: sticky;
    top: 16px;
  }
}
.merchant-order-detail-aside .delivery-feature-card {
  border-radius: 16px !important;
  padding: 18px !important;
}
.merchant-order-detail-aside .delivery-feature-card > div:first-child {
  gap: 8px;
}
.merchant-order-detail-aside .delivery-feature-card > div:last-child {
  margin-top: 16px;
}
.merchant-order-detail-aside .delivery-feature-card button {
  box-shadow: none !important;
  border-radius: 10px !important;
}
.merchant-order-summary-card .delivery-feature-card,
.merchant-order-items-card .delivery-feature-card {
  box-shadow: none !important;
}
.merchant-order-items-card > div:last-child {
  margin-top: 18px;
}
.merchant-order-items-card > div:last-child > article {
  border-radius: 12px !important;
  box-shadow: none !important;
}
.merchant-order-items-card > div:last-child > article > div {
  padding: 12px !important;
}
.merchant-order-items-card > div:last-child > article > div > div:first-child {
  border-radius: 8px !important;
}
.merchant-order-items-card > div:last-child > article > div > div:last-child > div:last-child {
  border-radius: 10px !important;
  padding: 10px 12px !important;
}
.merchant-order-action-card {
  border-color: #f3c9d0 !important;
  background: #fffdfd !important;
  box-shadow: none !important;
}
.merchant-order-action-card > div:first-child {
  border-color: #f3c9d0 !important;
}
.merchant-order-action-card button[class*='bg-\[var\(--brand-blue'] {
  background: #f20a24 !important;
  box-shadow: none !important;
}
.merchant-order-legacy-layout {
  display: none !important;
}
.merchant-order-rebuilt {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 8px 24px;
  color: #171717;
}
.merchant-order-rebuilt-header {
  padding: 0;
}
.merchant-order-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f20a24;
  font-size: 13px;
  font-weight: 650;
}
.merchant-order-back-link:hover {
  opacity: 0.72;
}
.merchant-order-identity {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-top: 18px;
}
.merchant-order-identity h1 {
  color: #171717;
  font-size: clamp(1.75rem, 3vw, 2rem);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.03em;
}
.merchant-order-identity p {
  margin-top: 8px;
  color: #686868;
  font-size: 14px;
}
.merchant-order-identity span {
  display: block;
  margin-top: 5px;
  color: #929292;
  font-size: 12px;
}
.merchant-order-identity > strong {
  flex-shrink: 0;
  margin-right: 32px;
  color: #171717;
  font-size: 1.6rem;
  font-weight: 750;
}
.merchant-order-rebuilt .merchant-order-identity .rounded-full {
  border-radius: 999px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
}
.merchant-order-tabs {
  display: flex;
  gap: 28px;
  height: 44px;
  margin-top: 0;
  border-bottom: 1px solid #eae7e4;
  overflow-x: auto;
  scrollbar-width: none;
}
.merchant-order-tabs::-webkit-scrollbar {
  display: none;
}
.merchant-order-tabs button {
  position: relative;
  height: 42px;
  padding: 0 1px;
  color: #686868;
  font-size: 13px;
  font-weight: 550;
  white-space: nowrap;
}
.merchant-order-tabs button.is-active {
  color: #171717;
  font-weight: 650;
}
.merchant-order-tabs button.is-active::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #f20a24;
}
.merchant-order-header-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}
.merchant-order-header-statuses .rounded-full {
  padding: 5px 9px !important;
  font-size: 11px !important;
}
.merchant-order-overview-grid {
  display: contents;
}
.merchant-order-details-card {
  display: contents;
  width: 100%;
}
.merchant-order-context {
  min-width: 0;
  width: 100%;
  padding: 28px 30px;
  background: #fff;
  border: 1px solid #eae7e4;
  border-radius: 16px;
}
.merchant-order-tab-surface {
  min-width: 0;
  padding: 22px 24px;
  border: 1px solid #eae7e4;
  border-radius: 16px;
  background: #fff;
}
.merchant-order-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 13px;
  border-bottom: 1px solid #eae7e4;
}
.merchant-order-section-heading span {
  color: #8a8a8a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.merchant-order-section-heading small {
  color: #929292;
  font-size: 11px;
}
.merchant-order-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 22px;
  -moz-column-gap: 64px;
       column-gap: 64px;
  padding: 14px 0 0;
}
.merchant-order-detail-grid > div,
.merchant-order-simple-details > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 0;
}
.merchant-order-detail-grid span,
.merchant-order-simple-details span,
.merchant-order-note span {
  color: #929292;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-order-detail-grid strong,
.merchant-order-simple-details strong,
.merchant-order-note strong {
  color: #171717;
  font-size: 15px;
  font-weight: 650;
}
.merchant-order-inline-heading {
  grid-column: 1 / -1;
  margin: 0 0 6px;
  color: #8a8a8a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.merchant-order-note {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 0;
}
.merchant-order-action-rail {
  order: -1;
  position: static;
  width: 100%;
  max-width: none;
  z-index: 2;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid #eae7e4;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(23, 23, 23, 0.035);
}
.merchant-order-action-rail.is-cancelled {
  background: #fff7f8;
  border-color: #ffdce1;
}
.merchant-order-cancelled-date {
  color: #686868 !important;
  font-size: 13px !important;
}
.merchant-order-eyebrow {
  color: #929292;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.merchant-order-action-rail h2 {
  margin-top: 8px;
  color: #171717;
  font-size: 18px;
  font-weight: 750;
}
.merchant-order-action-rail p {
  margin-top: 8px;
  color: #686868;
  font-size: 13px;
  line-height: 1.5;
}
.merchant-order-fulfilment-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  padding: 14px 0;
  border-top: 1px solid #f0eeeb;
  border-bottom: 1px solid #f0eeeb;
}
.merchant-order-fulfilment-metrics > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.merchant-order-fulfilment-metrics span {
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-order-fulfilment-metrics strong {
  color: #171717;
  font-size: 13px;
  line-height: 1.35;
}
.merchant-order-fulfilment-progress {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.merchant-order-fulfilment-progress::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 11%;
  left: 11%;
  height: 3px;
  border-radius: 999px;
  background: #eeeae7;
}
.merchant-order-fulfilment-progress > div {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 7px;
  color: #929292;
  text-align: center;
}
.merchant-order-fulfilment-progress span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d8d3cf;
  border-radius: 50%;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
}
.merchant-order-fulfilment-progress small {
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}
.merchant-order-fulfilment-progress > div.is-complete {
  color: var(--merchant-red);
}
.merchant-order-fulfilment-progress > div.is-complete span {
  border-color: var(--merchant-red);
  background: var(--merchant-red);
  color: #fff;
}
.merchant-prep-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}
.merchant-prep-options button {
  min-width: 62px;
  padding: 8px 9px;
  color: #454545;
  background: #fff;
  border: 1px solid #eae7e4;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 650;
}
.merchant-prep-options button.is-selected {
  color: #fff;
  background: #f20a24;
  border-color: #f20a24;
}
.merchant-order-action-rail input {
  width: 100%;
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid #eae7e4;
  border-radius: 8px;
  font-size: 13px;
}
.merchant-primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  margin-top: 16px;
  padding: 11px 14px;
  color: #fff;
  background: #f20a24;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
}
.merchant-order-action-rail .merchant-primary-action {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  min-width: 240px;
}
.merchant-primary-action:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.merchant-secondary-action {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-top: 12px;
  color: #686868;
  font-size: 12px;
  font-weight: 650;
  text-align: left;
}
.merchant-secondary-action:hover {
  color: #f20a24;
}
.merchant-order-rail-muted {
  padding-top: 5px;
  color: #686868 !important;
}
.merchant-order-tab-surface {
  max-width: 1180px;
}
.merchant-order-unified-sections {
  display: grid;
  gap: 20px;
  max-width: 1180px;
}
.merchant-order-unified-sections > .merchant-order-tab-surface {
  max-width: none;
}
.merchant-order-unified-sections > .merchant-order-tab-surface,
.merchant-order-unified-pair {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.merchant-order-unified-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.merchant-order-unified-pair .merchant-order-tab-surface {
  max-width: none;
}
.merchant-order-unified-pair .merchant-order-simple-details {
  grid-template-columns: 1fr;
  gap: 4px;
}
.merchant-order-unified-sections .merchant-order-activity {
  max-width: none;
}
.merchant-compact-items {
  border-bottom: 1px solid #eae7e4;
}
.merchant-compact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 88px;
  padding: 12px 0;
  border-bottom: 1px solid #f0eeeb;
}
.merchant-compact-item:last-child {
  border-bottom: 0;
}
.merchant-compact-item img {
  flex: 0 0 64px;
}
.merchant-compact-item > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.merchant-compact-item > div strong {
  color: #171717;
  font-size: 14px;
  font-weight: 650;
}
.merchant-compact-item > div span,
.merchant-compact-item > div small {
  color: #686868;
  font-size: 12px;
}
.merchant-compact-item > strong {
  margin-left: auto;
  color: #171717;
  font-size: 14px;
  font-weight: 700;
}
.merchant-order-totals {
  max-width: 360px;
  margin: 16px 0 0 auto;
}
.merchant-order-simple-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 48px;
       column-gap: 48px;
  max-width: 780px;
}
.merchant-order-activity {
  max-width: 780px;
}
.merchant-order-activity > div:not(.merchant-order-section-heading) {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 0 15px 18px;
  border-left: 2px solid #f3c9d0;
}
.merchant-order-activity time {
  color: #929292;
  font-size: 11px;
}
.merchant-order-activity strong {
  color: #171717;
  font-size: 14px;
}
@media (min-width: 901px) {
  .merchant-order-rebuilt {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: start;
    gap: 18px 24px;
  }
  .merchant-order-rebuilt-header {
    grid-column: 1 / -1;
  }
  .merchant-order-unified-sections {
    display: contents;
  }
  .merchant-order-context {
    grid-column: 2;
    grid-row: 2;
  }
  .merchant-order-context .merchant-order-detail-grid {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 10px;
  }
  .merchant-order-context .merchant-order-detail-grid > div {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0;
  }
  .merchant-order-context .merchant-order-detail-grid strong {
    text-align: right;
  }
  .merchant-order-action-rail {
    grid-column: 1;
    grid-row: 2;
  }
  .merchant-order-unified-sections > section:first-child {
    grid-column: 1;
    grid-row: 3;
  }
  .merchant-order-unified-pair {
    grid-column: 2;
    grid-row: 3 / span 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    position: sticky;
    top: 24px;
    align-self: start;
  }
  .merchant-order-unified-sections > section:last-child {
    grid-column: 1;
    grid-row: 4;
  }
}
@media (max-width: 900px) {
  .merchant-order-overview-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .merchant-order-details-card {
    display: block;
  }
  .merchant-order-action-rail {
    position: static;
  }
  .merchant-order-unified-pair {
    grid-template-columns: 1fr;
  }
  .merchant-order-fulfilment-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .merchant-order-identity {
    flex-direction: column;
    gap: 10px;
  }
  .merchant-order-detail-grid,
  .merchant-order-simple-details {
    grid-template-columns: 1fr;
  }
  .merchant-order-tabs {
    gap: 18px;
  }
}

/* Temporary app-wide normalization reverted; page-specific cleanup follows. */
/*
.merchant-workspace {
  --brand-blue: #F20A24 !important;
  --brand-blue-light: #D90820 !important;
  --brand-blue-dark: #D90820 !important;
  --brand-bg: #FAF9F7 !important;
  --brand-border: #EAE7E4 !important;
  --brand-muted: #686868 !important;
  --brand-dark: #171717 !important;
  background: #FAF9F7 !important;
}
.merchant-workspace main { background: #FAF9F7 !important; }
.merchant-workspace .delivery-main-shell { max-width: 1280px !important; }
.merchant-workspace .delivery-feature-card {
  background: #FFFFFF !important;
  border: 1px solid #EAE7E4 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.merchant-workspace [class*='shadow-'] { box-shadow: none !important; }
.merchant-workspace [class*='bg-gradient'] { background-image: none !important; }
.merchant-workspace [class*='rounded-[28px]'],
.merchant-workspace [class*='rounded-[30px]'],
.merchant-workspace [class*='rounded-[32px]'],
.merchant-workspace [class*='rounded-3xl'] { border-radius: 16px !important; }
.merchant-workspace [class*='rounded-2xl'] { border-radius: 12px !important; }
.merchant-workspace [class*='rounded-xl'] { border-radius: 10px !important; }
.merchant-workspace [class*='bg-slate-50'],
.merchant-workspace [class*='bg-slate-100'] { background-color: #F7F6F4 !important; }
.merchant-workspace [class*='hover:bg-slate-50']:hover,
.merchant-workspace [class*='hover:bg-slate-100']:hover { background-color: #F5F4F2 !important; }
.merchant-workspace [class*='text-[#0A1F44]'],
.merchant-workspace [class*='text-[#172033]'] { color: #171717 !important; }
.merchant-workspace [class*='bg-[#0A1F44]'] { background-color: #F20A24 !important; }
.merchant-workspace [class*='border-[#E2E8F0]'],
.merchant-workspace [class*='border-slate-200'] { border-color: #EAE7E4 !important; }
.merchant-workspace [class*='bg-blue-600'] { background-color: #F20A24 !important; }
.merchant-workspace [class*='hover:bg-blue-700']:hover { background-color: #D90820 !important; }
.merchant-workspace [class*='bg-blue-50'],
.merchant-workspace [class*='bg-blue-100'] { background-color: #F7F6F4 !important; }
.merchant-workspace [class*='text-blue-600'],
.merchant-workspace [class*='text-blue-700'],
.merchant-workspace [class*='text-blue-800'],
.merchant-workspace [class*='text-blue-900'] { color: #686868 !important; }
.merchant-workspace [class*='border-blue-'] { border-color: #EAE7E4 !important; }
.merchant-workspace input:not([type='checkbox']):not([type='radio']),
.merchant-workspace select,
.merchant-workspace textarea {
  min-height: 44px;
  border-color: #DEDEDE !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #171717 !important;
}
.merchant-workspace input:focus,
.merchant-workspace select:focus,
.merchant-workspace textarea:focus {
  border-color: #686868 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px #FFF1F3 !important;
}
.merchant-workspace table {
  border-color: #EAE7E4 !important;
  background: #FFFFFF;
  font-size: 13px;
}
.merchant-workspace table thead { background: #FAF9F7 !important; }
.merchant-workspace table th {
  color: #686868 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.merchant-workspace table td { color: #171717; border-color: #F0EEEB !important; }
.merchant-workspace table tbody tr:hover { background: #F5F4F2 !important; }
.merchant-workspace .merchant-page-heading h1 {
  color: #171717 !important;
  font-size: clamp(1.75rem, 2.5vw, 2rem) !important;
  font-weight: 750 !important;
}
.merchant-workspace .merchant-page-heading p { color: #686868 !important; }
.merchant-workspace .workspace-navigation nav a > span:first-child,
.merchant-workspace .workspace-navigation nav button > span:first-child { border-radius: 8px !important; }
.merchant-workspace .workspace-navigation > div:last-child > div:first-child {
  padding: 10px 12px !important;
  background: #FAF9F7 !important;
  border: 1px solid #EAE7E4 !important;
  border-radius: 10px !important;
}
.merchant-workspace .workspace-navigation > div:last-child { padding-top: 12px !important; }
*/
.merchant-workspace .merchant-order-filters {
  border-radius: 12px !important;
  background: #fcfbfa !important;
}
.merchant-workspace .delivery-main-shell .merchant-order-filters input,
.merchant-workspace .delivery-main-shell .merchant-order-filters select {
  border-radius: 10px !important;
  border-color: var(--merchant-border) !important;
  background: #fff !important;
}
.merchant-workspace .delivery-main-shell .merchant-order-filters input:focus,
.merchant-workspace .delivery-main-shell .merchant-order-filters select:focus {
  border-color: var(--merchant-border) !important;
  box-shadow: none !important;
  outline: none !important;
}
.merchant-workspace .delivery-main-shell .merchant-order-filters input,
.merchant-workspace .delivery-main-shell .merchant-order-filters select {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.merchant-workspace .workspace-navigation[class*='w-[72px]'] {
  width: 72px !important;
  min-width: 72px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.merchant-workspace .workspace-navigation[class*='w-[72px]'] > div:first-child img {
  width: 28px !important;
  height: 28px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.merchant-workspace .workspace-navigation > div:first-child {
  height: 64px;
  margin: 0 -12px 8px;
  padding: 0 20px;
  border-bottom: 1px solid #f0eeeb;
}
.merchant-workspace .workspace-navigation > div:first-child img {
  width: 106px;
  height: auto;
}
.merchant-workspace .workspace-navigation > div:first-child > div:first-child > div:first-child {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.merchant-workspace .workspace-navigation > div:first-child p,
.merchant-workspace .workspace-navigation > div:first-child span {
  color: var(--merchant-muted) !important;
}
.merchant-workspace .workspace-navigation > div:first-child button {
  background: transparent !important;
  color: #929292 !important;
}
.merchant-workspace .workspace-navigation > div:nth-child(2) {
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  background: #ffffff !important;
  border: 1px solid var(--merchant-border) !important;
  border-radius: 10px !important;
}
.merchant-workspace .workspace-navigation > div:nth-child(2) p:first-child {
  color: var(--merchant-ink) !important;
  font-size: 13px;
  font-weight: 650;
}
.merchant-workspace .workspace-navigation > div:nth-child(2) p:last-child {
  color: #777 !important;
}
.merchant-workspace .workspace-navigation > div:nth-child(2) .relative > button {
  width: 100%;
  height: 36px;
  justify-content: space-between;
  border: 0 !important;
  background: #faf9f7 !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace .workspace-navigation > div:nth-child(2) .relative > div {
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}
.merchant-workspace .workspace-navigation nav {
  gap: 2px !important;
}
.merchant-workspace .workspace-navigation nav a,
.merchant-workspace .workspace-navigation nav button {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 12px !important;
  gap: 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #454545 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.merchant-workspace .workspace-navigation nav a:hover,
.merchant-workspace .workspace-navigation nav button:hover {
  background: #f7f6f4 !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace .workspace-navigation nav a > span:first-child,
.merchant-workspace .workspace-navigation nav button > span:first-child {
  width: 18px !important;
  height: 18px !important;
  background: transparent !important;
  color: #777 !important;
  box-shadow: none !important;
}
.merchant-workspace .workspace-navigation nav a[aria-current='page'],
.merchant-workspace .workspace-navigation nav a[class*='bg-white/10'] {
  background: #fff1f3 !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace .workspace-navigation nav a[aria-current='page']::before,
.merchant-workspace .workspace-navigation nav a[class*='bg-white/10']::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: var(--merchant-red);
}
.merchant-workspace .workspace-navigation nav a[aria-current='page'] > span:first-child,
.merchant-workspace .workspace-navigation nav a[class*='bg-white/10'] > span:first-child {
  color: var(--merchant-red) !important;
}
.merchant-workspace .workspace-navigation nav button[class*='bg-white/5'] {
  height: auto !important;
  min-height: 0 !important;
  margin-top: 14px;
  padding: 20px 12px 7px !important;
  color: #9b9b9b !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}
.merchant-workspace .workspace-navigation nav button[class*='bg-white/5'] svg {
  color: #aaa !important;
}
.merchant-workspace .workspace-navigation nav button[class*='bg-white/5'] + a {
  margin-top: 0;
}
.merchant-workspace .workspace-navigation > div:last-child {
  border-color: var(--merchant-border) !important;
}
.merchant-workspace .workspace-navigation > div:last-child > div:first-child {
  background: transparent !important;
  border: 0 !important;
  padding: 6px 12px !important;
}
.merchant-workspace .workspace-navigation > div:last-child p {
  color: var(--merchant-muted) !important;
}
.merchant-workspace .workspace-navigation > div:last-child button {
  color: #555 !important;
  background: transparent !important;
  border: 0 !important;
}
.merchant-workspace .workspace-navigation > div:last-child button:hover {
  background: #f7f6f4 !important;
}
.merchant-returns-metrics .merchant-returns-metric {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-returns-metrics .merchant-returns-metric [class*='text-\[1.55rem\]'] {
  margin-top: 8px !important;
  font-size: 1.35rem !important;
}
.merchant-returns-queue-card > div:last-child {
  margin-top: 20px;
}
.merchant-returns-filters {
  border-radius: 12px !important;
  background: #fcfbfa !important;
}
.merchant-returns-filters input,
.merchant-returns-filters select,
.merchant-reservation-filters input,
.merchant-reservation-filters select {
  min-height: 44px;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}
.merchant-returns-filters input:focus,
.merchant-returns-filters select:focus,
.merchant-reservation-filters input:focus,
.merchant-reservation-filters select:focus {
  border-color: #686868 !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
}
.merchant-workspace .delivery-main-shell .merchant-returns-filters input,
.merchant-workspace .delivery-main-shell .merchant-returns-filters select,
.merchant-workspace .delivery-main-shell .merchant-reservation-filters input,
.merchant-workspace .delivery-main-shell .merchant-reservation-filters select {
  border-color: #dedede !important;
}
.merchant-workspace .delivery-main-shell .merchant-returns-filters input:focus,
.merchant-workspace .delivery-main-shell .merchant-returns-filters select:focus,
.merchant-workspace .delivery-main-shell .merchant-reservation-filters input:focus,
.merchant-workspace .delivery-main-shell .merchant-reservation-filters select:focus {
  border-color: #686868 !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
}
.merchant-reservation-metrics > article {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-reservation-metrics > article [class*='text-[1.55rem]'] {
  margin-top: 8px !important;
  font-size: 1.35rem !important;
}
.merchant-reservation-queue-card > div:last-child {
  margin-top: 20px;
}
.merchant-reservation-filters {
  border-radius: 12px !important;
  background: #fcfbfa !important;
}
.merchant-reservation-table {
  box-shadow: none !important;
}
.merchant-reservation-table thead {
  background: #faf9f7 !important;
}
.merchant-reservation-table th {
  color: #686868 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-reservation-table td {
  border-color: #f0eeeb !important;
  font-size: 13px;
}
.merchant-reservation-table tbody tr:hover {
  background: #f5f4f2 !important;
}
.merchant-branches-page {
  max-width: 1280px;
}
.merchant-branches-metrics > article {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-branches-table {
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-branches-table table {
  font-size: 13px;
}
.merchant-branches-table thead {
  background: #faf9f7 !important;
}
.merchant-branches-table th {
  color: #686868 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
}
.merchant-branches-table td {
  border-color: #f0eeeb !important;
}
.merchant-workspace .merchant-branches-data-table tbody tr,
.merchant-workspace .merchant-branches-data-table tbody td {
  background: #fff !important;
  color: #172033 !important;
}
.merchant-workspace .merchant-branches-data-table tbody tr:hover td {
  background: #fff8f9 !important;
}
.merchant-operating-hours-card {
  border-radius: 16px !important;
  box-shadow: none !important;
}
.merchant-operating-hours-grid > div {
  border-radius: 12px !important;
  padding: 14px !important;
}
.merchant-finance-page {
  max-width: 1280px;
}
.merchant-finance-metrics > .delivery-feature-card {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transform: none !important;
}
.merchant-finance-page .delivery-feature-card:hover {
  box-shadow: none !important;
  transform: none !important;
}
.merchant-finance-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-finance-page input,
.merchant-finance-page select,
.merchant-finance-page textarea {
  border-color: #dedede !important;
  border-radius: 10px !important;
}
.merchant-finance-page [class*='bg-\[linear-gradient'] {
  background-image: none !important;
  background-color: #f7f6f4 !important;
}
.merchant-finance-page [class*='text-[#0A1F44]'] {
  color: #171717 !important;
}
.merchant-finance-page table {
  background: #fff;
}
.merchant-finance-page table thead {
  background: #faf9f7 !important;
}
.merchant-finance-page table th {
  color: #686868 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-finance-page table td {
  border-color: #f0eeeb !important;
  font-size: 13px;
}
.merchant-return-detail-page .delivery-feature-card,
.merchant-report-drilldown-page .delivery-feature-card {
  box-shadow: none !important;
}
.merchant-return-detail-page [class*='rounded-[24px]'],
.merchant-report-drilldown-page [class*='rounded-[24px]'] {
  border-radius: 12px !important;
}
.merchant-return-detail-page [class*='shadow-'],
.merchant-report-drilldown-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-report-kpis > article {
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-report-drilldown-page table {
  font-size: 13px;
}
.merchant-report-drilldown-page table thead {
  background: #faf9f7 !important;
}
.merchant-report-drilldown-page table th {
  color: #686868 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-report-drilldown-page table td {
  border-color: #f0eeeb !important;
}
.merchant-promotion-metrics > article,
.merchant-promotion-metrics > .delivery-feature-card {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-promotion-page [class*='text-[#0A1F44]'] {
  color: var(--merchant-ink) !important;
}
.merchant-promotion-page [class*='bg-[#0A1F44]'] {
  background: var(--merchant-red) !important;
}
.merchant-promotion-page [class~='bg-primary'] {
  background: var(--merchant-red) !important;
}
.merchant-promotion-page [class~='hover:bg-primary-light']:hover {
  background: #d90820 !important;
}
.merchant-workspace .delivery-main-shell .merchant-promotion-page [class~='bg-primary'] {
  background: var(--merchant-red) !important;
}
.merchant-promotion-page [class*='bg-[#F8FAFC]'],
.merchant-promotion-page [class*='bg-[#F1F5F9]'] {
  background: #faf9f7 !important;
}
.merchant-promotion-page [class*='border-[#D7E0EA]'],
.merchant-promotion-page [class*='border-[#E2E8F0]'] {
  border-color: var(--merchant-border) !important;
}
.merchant-promotion-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-promotion-page table thead {
  background: #faf9f7 !important;
}
.merchant-promotion-page table th {
  color: var(--merchant-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
}
.merchant-promotion-page .merchant-order-table-wrap,
.merchant-promotion-page .merchant-order-table-wrap tbody,
.merchant-promotion-page .merchant-order-table-wrap tbody tr,
.merchant-promotion-page .merchant-order-table-wrap tbody td {
  background: #ffffff !important;
}
.merchant-rewards-page .delivery-card-surface,
.merchant-rewards-page .delivery-feature-card {
  box-shadow: none !important;
}
.merchant-rewards-page .merchant-promotion-metrics > div > p[style] {
  color: var(--merchant-ink) !important;
}
.merchant-rewards-page [class*='text-[#0A1F44]'] {
  color: var(--merchant-ink) !important;
}
.merchant-rewards-page [class*='text-[#64748B]'] {
  color: var(--merchant-muted) !important;
}
.merchant-rewards-page [class*='bg-[#0A1F44]'] {
  background: var(--merchant-red) !important;
}
.merchant-rewards-page [class*='border-[#E2E8F0]'] {
  border-color: var(--merchant-border) !important;
}
.merchant-catalogue-page {
  width: 100%;
  max-width: 1280px;
}
.merchant-workspace .delivery-main-shell.merchant-catalogue-layout {
  max-width: none !important;
}
.merchant-workspace .merchant-catalogue-page {
  max-width: none;
}
.merchant-workspace .delivery-main-shell,
.merchant-workspace .merchant-order-rebuilt,
.merchant-workspace .merchant-branches-page,
.merchant-workspace .merchant-finance-page,
.merchant-workspace .merchant-staff-page,
.merchant-workspace .merchant-part-requests-page,
.merchant-workspace .merchant-return-redesign {
  width: 100%;
  max-width: none !important;
}
.catalogue-product-editor {
  position: fixed !important;
  z-index: 2147483646 !important;
  overflow-y: auto;
  color: #171717;
  background: #f8f8f7;
}
.catalogue-product-editor__page {
  min-height: 100%;
}
.catalogue-product-editor--page {
  position: static !important;
  z-index: auto !important;
  overflow: visible;
  background: transparent;
}
.catalogue-product-editor--page .catalogue-product-editor__header {
  position: static;
  min-height: 0;
  padding: 0 0 24px;
  border-bottom: 0;
  background: transparent;
  box-shadow: none;
}
.catalogue-product-editor--page .catalogue-product-editor__form {
  width: 100%;
  padding: 0 0 96px;
}
.catalogue-product-editor__stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  width: min(1240px, calc(100% - 56px));
  margin: 0 auto 20px;
}
.catalogue-product-editor--page .catalogue-product-editor__stages {
  width: 100%;
  margin-bottom: 20px;
}
.catalogue-product-editor__stages span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  color: #666;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.catalogue-product-editor__stages b {
  color: #a1a1aa;
  font-size: 10px;
  letter-spacing: 0.08em;
}
.catalogue-product-editor__stages .is-active {
  border-color: rgba(238, 0, 28, 0.28);
  color: #c70018;
  background: #fff3f4;
}
.catalogue-product-editor__stages .is-active b {
  color: #ee001c;
}
.catalogue-product-editor__header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 100px;
  padding: 20px max(28px, calc((100vw - 1240px) / 2));
  border-bottom: 1px solid #e8e7e5;
  background: #fff;
  box-shadow: 0 1px 0 rgba(20, 20, 20, 0.02);
}
.catalogue-product-editor__eyebrow {
  display: block;
  color: #ee001c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.catalogue-product-editor__title {
  margin-top: 5px;
  font-size: 27px !important;
  line-height: 1.1;
  letter-spacing: -0.04em;
}
.catalogue-product-editor__subtitle {
  margin-top: 5px;
  font-size: 13px;
}
.catalogue-product-editor__header-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.catalogue-product-editor__save-status {
  color: #737373;
  font-size: 12px;
}
.catalogue-product-editor__close {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #e4e4e7;
  border-radius: 10px;
  color: #303030;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.catalogue-product-editor__close:hover {
  border-color: #c9c9c9;
  background: #fafafa;
}
.catalogue-product-editor__form {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(350px, 0.86fr);
  gap: 20px;
  width: min(1240px, calc(100% - 56px));
  margin: 0 auto;
  padding: 32px 0 100px;
  align-items: start;
}
.catalogue-product-editor__section {
  padding: 24px;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.025);
}
.catalogue-product-editor__section[data-stage]::before {
  display: block;
  margin-bottom: 8px;
  color: #ee001c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  content: 'STAGE ' attr(data-stage);
}
.catalogue-product-editor__section > span:first-child {
  color: #4b4b4b !important;
  font-size: 11px !important;
  font-weight: 800;
  letter-spacing: 0.11em !important;
}
.catalogue-product-editor__basics,
.catalogue-product-editor__options,
.catalogue-product-editor__extras,
.catalogue-product-editor__prescription {
  grid-column: 1;
}
.catalogue-product-editor__pricing,
.catalogue-product-editor__dispatch,
.catalogue-product-editor__media {
  grid-column: 2;
}
.catalogue-product-editor__form input:not([type='checkbox']),
.catalogue-product-editor__form select,
.catalogue-product-editor__form textarea {
  border: 1px solid #e4e4e7 !important;
  border-radius: 10px !important;
  color: #171717 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.catalogue-product-editor__form input:not([type='checkbox']),
.catalogue-product-editor__form select {
  min-height: 48px;
}
.catalogue-product-editor__form input:focus,
.catalogue-product-editor__form select:focus,
.catalogue-product-editor__form textarea:focus {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.1) !important;
  outline: none;
}
.catalogue-product-editor__form input[type='checkbox'] {
  accent-color: #ee001c;
}
.catalogue-product-editor__form .rounded-2xl {
  border-radius: 12px !important;
}
.catalogue-product-editor__form > .catalogue-product-editor__footer {
  position: sticky;
  bottom: 18px;
  z-index: 2;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px !important;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(20, 20, 20, 0.12) !important;
}
.catalogue-product-editor__form-error {
  grid-column: 1 / -1;
  border-color: #fecaca;
  background: #fef2f2;
}
.catalogue-product-editor__footer-copy {
  display: flex;
  gap: 14px;
  color: #737373;
  font-size: 12px;
}
.catalogue-product-editor__footer .bg-brand-500,
.catalogue-product-editor__footer button:last-child {
  min-height: 48px;
  border-radius: 10px !important;
  background: #ee001c !important;
  box-shadow: 0 8px 18px rgba(238, 0, 28, 0.16);
}
@media (max-width: 900px) {
  .catalogue-product-editor__header {
    align-items: flex-start;
    padding: 18px 20px;
  }
  .catalogue-product-editor__save-status {
    display: none;
  }
  .catalogue-product-editor__form {
    grid-template-columns: 1fr;
    width: min(100% - 32px, 680px);
    padding-top: 20px;
  }
  .catalogue-product-editor__stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(100% - 32px, 680px);
  }
  .catalogue-product-editor--page .catalogue-product-editor__stages {
    width: 100%;
  }
  .catalogue-product-editor__section {
    grid-column: 1 !important;
  }
}
@media (max-width: 560px) {
  .catalogue-product-editor__header {
    min-height: 82px;
  }
  .catalogue-product-editor__title {
    font-size: 23px !important;
  }
  .catalogue-product-editor__subtitle {
    display: none;
  }
  .catalogue-product-editor__close {
    width: 42px;
    padding: 0;
    justify-content: center;
    font-size: 0;
  }
  .catalogue-product-editor__form {
    width: calc(100% - 24px);
    gap: 12px;
    padding-bottom: 88px;
  }
  .catalogue-product-editor__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 24px);
    gap: 6px;
  }
  .catalogue-product-editor__stages span {
    min-height: 40px;
    padding: 8px 10px;
    font-size: 11px;
  }
  .catalogue-product-editor__section {
    padding: 18px;
    border-radius: 14px;
  }
  .catalogue-product-editor__footer {
    bottom: 10px;
    padding: 12px !important;
  }
  .catalogue-product-editor__footer-copy {
    display: none;
  }
  .catalogue-product-editor__footer > div {
    width: 100%;
  }
  .catalogue-product-editor__footer button {
    flex: 1;
  }
}
/* Merchant product editor: operational page layout. */
.catalogue-product-editor {
  color: #171717;
  background: #faf9f7;
}
.catalogue-product-editor--page .catalogue-product-editor__header {
  display: flex;
  min-height: 0;
  padding: 4px 0 26px;
  border-bottom: 1px solid #eae7e4;
}
.catalogue-product-editor__header {
  border-color: #eae7e4;
  background: #faf9f7;
  box-shadow: none;
}
.catalogue-product-editor__eyebrow,
.catalogue-product-editor__workflow-label,
.catalogue-product-editor__section[data-stage]::before {
  color: #929292;
}
.catalogue-product-editor__title {
  margin-top: 6px;
  font-size: 30px !important;
  font-weight: 750 !important;
  letter-spacing: -0.03em;
}
.catalogue-product-editor__subtitle {
  max-width: 620px;
  color: #686868 !important;
  font-size: 14px;
}
.catalogue-product-editor__save-status {
  color: #929292;
}
.catalogue-product-editor__close {
  min-height: 44px;
  border-color: #ddd8d4;
  border-radius: 10px;
  background: #fff;
}
.catalogue-product-editor__workspace {
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  gap: 34px;
  width: min(1240px, calc(100% - 56px));
  margin: 26px auto 0;
  padding-bottom: 96px;
}
.catalogue-product-editor--page .catalogue-product-editor__workspace {
  width: 100%;
}
.catalogue-product-editor__workflow {
  position: sticky;
  top: 24px;
  align-self: start;
  padding: 4px 24px 4px 0;
  border-right: 1px solid #eae7e4;
}
.catalogue-product-editor__workflow-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.catalogue-product-editor__workflow p {
  margin: 8px 0 18px;
  color: #686868;
  font-size: 12px;
  line-height: 1.45;
}
.catalogue-product-editor__stages,
.catalogue-product-editor--page .catalogue-product-editor__stages {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  width: 100%;
  margin: 0;
}
.catalogue-product-editor__stages span {
  min-height: 42px;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  color: #686868;
  background: transparent;
  font-size: 13px;
  font-weight: 650;
}
.catalogue-product-editor__stages span:hover {
  background: #f5f4f2;
}
.catalogue-product-editor__stages b {
  width: 22px;
  color: #a8a8a8;
  font-size: 10px;
}
.catalogue-product-editor__stages .is-active {
  color: #171717;
  background: #fff1f3;
}
.catalogue-product-editor__stages .is-active b {
  color: #f20a24;
}
.catalogue-product-editor__form,
.catalogue-product-editor--page .catalogue-product-editor__form {
  grid-template-columns: minmax(0, 1.15fr) minmax(310px, 0.85fr);
  gap: 18px;
  width: auto;
  margin: 0;
  padding: 0;
}
.catalogue-product-editor__section {
  padding: 20px;
  border-color: #eae7e4;
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
}
.catalogue-product-editor__section[data-stage]::before {
  margin-bottom: 7px;
  font-size: 10px;
  letter-spacing: 0.11em;
}
.catalogue-product-editor__section > span:first-child {
  color: #171717 !important;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: -0.01em !important;
  text-transform: none;
}
.catalogue-product-editor__form label {
  color: #454545;
  font-size: 13px;
}
.catalogue-product-editor__form input:not([type='checkbox']),
.catalogue-product-editor__form select,
.catalogue-product-editor__form textarea {
  border-color: #dedede !important;
  border-radius: 10px !important;
}
.catalogue-product-editor__form input:focus,
.catalogue-product-editor__form select:focus,
.catalogue-product-editor__form textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.1) !important;
}
.catalogue-product-editor__form input[type='checkbox'] {
  accent-color: #f20a24;
}
.catalogue-product-editor__dispatch .bg-blue-50 {
  border-color: #ffdce1 !important;
  background: #fff1f3 !important;
}
.catalogue-product-editor__dispatch .text-blue-800,
.catalogue-product-editor__dispatch .text-\[var\(--brand-blue\)\] {
  color: #a91c2e !important;
}
.catalogue-product-editor__media .bg-\[var\(--brand-blue\,\#2563eb\)\]\/10 {
  color: #f20a24 !important;
  background: #fff1f3 !important;
}
.catalogue-product-editor__media label {
  border-color: #ddd8d4 !important;
  color: #171717 !important;
}
.catalogue-product-editor__media label:hover {
  background: #f7f6f4 !important;
}
.catalogue-product-editor__options > .mt-4 > .rounded-2xl,
.catalogue-product-editor__extras .flex.gap-2 {
  border-color: #eae7e4;
  background: #faf9f7;
}
.catalogue-product-editor__form > .catalogue-product-editor__footer {
  bottom: 18px;
  padding: 14px 16px !important;
  border-color: #ddd8d4;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(23, 23, 23, 0.08) !important;
}
.catalogue-product-editor__footer button:last-child,
.catalogue-product-editor__footer .bg-brand-500 {
  background: #f20a24 !important;
  box-shadow: none;
}
.catalogue-product-editor__footer button:last-child:hover,
.catalogue-product-editor__footer .bg-brand-500:hover {
  background: #d90820 !important;
}
.catalogue-product-editor__form-error {
  border-color: #ffdce1;
  background: #fff0f2;
}
@media (max-width: 900px) {
  .catalogue-product-editor__workspace,
  .catalogue-product-editor--page .catalogue-product-editor__workspace {
    grid-template-columns: 1fr;
    gap: 18px;
    width: min(100% - 32px, 680px);
  }
  .catalogue-product-editor__workflow {
    position: static;
    padding: 0 0 16px;
    border-right: 0;
    border-bottom: 1px solid #eae7e4;
  }
  .catalogue-product-editor__stages,
  .catalogue-product-editor--page .catalogue-product-editor__stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .catalogue-product-editor__form,
  .catalogue-product-editor--page .catalogue-product-editor__form {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .catalogue-product-editor__workspace,
  .catalogue-product-editor--page .catalogue-product-editor__workspace {
    width: calc(100% - 24px);
    margin-top: 18px;
  }
  .catalogue-product-editor__stages,
  .catalogue-product-editor--page .catalogue-product-editor__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .catalogue-product-editor__stages span {
    font-size: 12px;
  }
}
/* Staged product editor */
.catalogue-product-editor--page .catalogue-product-editor__header {
  padding: 24px 0 20px;
  border-bottom: 0;
}
.catalogue-product-editor__workspace,
.catalogue-product-editor--page .catalogue-product-editor__workspace {
  grid-template-columns: 210px minmax(0, 760px);
  gap: 40px;
  width: min(1080px, calc(100% - 48px));
  margin-top: 0;
}
.catalogue-product-editor__workflow {
  top: 88px;
  padding-top: 26px;
}
.catalogue-product-editor__workflow-label {
  margin-bottom: 12px;
}
.catalogue-product-editor__stages,
.catalogue-product-editor--page .catalogue-product-editor__stages {
  gap: 6px;
}
.catalogue-product-editor__stages button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 10px;
  color: #686868;
  background: transparent;
  text-align: left;
  font-size: 13px;
  font-weight: 650;
}
.catalogue-product-editor__stages button:hover {
  background: #f5f4f2;
}
.catalogue-product-editor__stages button > b {
  width: auto;
  padding-top: 1px;
  color: #929292;
  font-size: 10px;
  letter-spacing: 0.08em;
}
.catalogue-product-editor__stages button > span {
  display: block;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  white-space: normal;
}
.catalogue-product-editor__stages button small {
  display: block;
  margin-top: 3px;
  color: #929292;
  font-size: 11px;
  font-weight: 500;
}
.catalogue-product-editor__stages button.is-active {
  color: #171717;
  background: #fff1f3;
}
.catalogue-product-editor__stages button.is-active > b {
  color: #f20a24;
}
.catalogue-product-editor__form,
.catalogue-product-editor--page .catalogue-product-editor__form {
  grid-template-columns: minmax(0, 760px);
  gap: 0;
}
.catalogue-product-editor__form > .catalogue-product-editor__section {
  grid-column: 1;
}
.catalogue-product-editor__form[data-active-stage='1']
  > .catalogue-product-editor__section[data-stage]:not([data-stage='1']),
.catalogue-product-editor__form[data-active-stage='2']
  > .catalogue-product-editor__section[data-stage]:not([data-stage='2']),
.catalogue-product-editor__form[data-active-stage='3']
  > .catalogue-product-editor__section[data-stage]:not([data-stage='3']),
.catalogue-product-editor__form[data-active-stage='4']
  > .catalogue-product-editor__section[data-stage]:not([data-stage='4']),
.catalogue-product-editor__form[data-active-stage='5']
  > .catalogue-product-editor__section[data-stage]:not([data-stage='5']) {
  display: none;
}
.catalogue-product-editor__section {
  padding: 28px 30px;
  border-radius: 18px;
}
.catalogue-product-editor__section[data-stage]::before {
  color: #929292;
  content: 'STEP ' attr(data-stage) ' OF 8';
}
.catalogue-product-editor__section > span:first-child {
  font-size: 20px !important;
}
.catalogue-product-editor__section-copy {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.45;
}
.catalogue-product-editor__form[data-active-stage='4'] .catalogue-product-editor__options {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.catalogue-product-editor__form[data-active-stage='4'] .catalogue-product-editor__extras {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.catalogue-product-editor__form[data-active-stage='1']
  .catalogue-product-editor__basics:has(+ .catalogue-product-editor__prescription) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.catalogue-product-editor__form[data-active-stage='1'] .catalogue-product-editor__prescription {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.catalogue-product-editor__form > .catalogue-product-editor__footer {
  position: static;
  justify-content: flex-end;
  margin-top: 16px;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}
.catalogue-product-editor__footer > div {
  width: auto;
}
.catalogue-product-editor__form-error {
  grid-column: 1;
  margin-top: 16px;
  padding: 0;
  border: 0;
  background: transparent;
}
@media (max-width: 900px) {
  .catalogue-product-editor__workspace,
  .catalogue-product-editor--page .catalogue-product-editor__workspace {
    grid-template-columns: 1fr;
    gap: 18px;
    width: min(100% - 32px, 760px);
  }
  .catalogue-product-editor__workflow {
    padding: 0 0 14px;
  }
  .catalogue-product-editor__stages,
  .catalogue-product-editor--page .catalogue-product-editor__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .catalogue-product-editor__form,
  .catalogue-product-editor--page .catalogue-product-editor__form {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .catalogue-product-editor__section {
    padding: 22px 18px;
  }
  .catalogue-product-editor__stages,
  .catalogue-product-editor--page .catalogue-product-editor__stages {
    grid-template-columns: 1fr;
  }
  .catalogue-product-editor__footer > div {
    width: 100%;
  }
}
.catalogue-product-editor--page .catalogue-product-editor__header {
  width: min(1080px, calc(100% - 48px));
  margin: 0 auto;
}
.catalogue-product-editor__back-row {
  width: min(1080px, calc(100% - 48px));
  margin: 24px auto 20px;
}
.catalogue-product-editor__back-row button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  color: #f20a24;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
}
.catalogue-product-editor__card {
  width: min(1080px, calc(100% - 48px));
  margin: 0 auto 48px;
  padding: 30px;
  border: 1px solid #e9e5e1;
  border-radius: 20px;
  background: #fff;
}
.catalogue-product-editor__card .catalogue-product-editor__header,
.catalogue-product-editor--page .catalogue-product-editor__card .catalogue-product-editor__header {
  display: block;
  width: 100%;
  margin: 0 0 30px;
  padding: 22px 0 24px;
  border-bottom: 1px solid #eae7e4;
  background: transparent;
}
.catalogue-product-editor__card .catalogue-product-editor__workspace,
.catalogue-product-editor--page
  .catalogue-product-editor__card
  .catalogue-product-editor__workspace {
  width: 100%;
  margin: 0;
  padding: 0;
}
.catalogue-product-editor__card .catalogue-product-editor__workflow {
  top: 88px;
}
.catalogue-product-editor__card .catalogue-product-editor__workspace,
.catalogue-product-editor--page
  .catalogue-product-editor__card
  .catalogue-product-editor__workspace {
  display: block;
}
.catalogue-product-editor__card .catalogue-product-editor__form,
.catalogue-product-editor--page .catalogue-product-editor__card .catalogue-product-editor__form {
  grid-template-columns: 1fr;
  width: 100%;
  background: transparent !important;
}
.catalogue-product-editor__section {
  scroll-margin-top: 88px;
}
.catalogue-product-editor__card .catalogue-product-editor__section {
  padding: 30px 0;
  border: 0;
  border-top: 1px solid #eae7e4;
  border-radius: 0;
  background: transparent;
}
.catalogue-product-editor__card .catalogue-product-editor__basics {
  padding-top: 0;
  border-top: 0;
}
.catalogue-product-editor__card .catalogue-product-editor__extras .flex.gap-2 {
  background: transparent !important;
}
.catalogue-product-editor__card .catalogue-product-editor__options .rounded-2xl.border {
  box-shadow: none !important;
}
.catalogue-product-editor__media-header {
  margin-bottom: 18px;
}
.catalogue-product-editor__media-title {
  font-size: 20px !important;
}
.catalogue-product-editor__media-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 18px;
}
.catalogue-product-editor__media .catalogue-product-editor__media-dropzone {
  display: flex;
  min-height: 208px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px;
  border: 1px dashed #d8d1cb !important;
  border-radius: 14px;
  color: #686868 !important;
  background: #faf9f7 !important;
  text-align: center;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}
.catalogue-product-editor__media .catalogue-product-editor__media-dropzone:hover {
  border-color: #f20a24 !important;
  background: #fff8f8 !important;
}
.catalogue-product-editor__media-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  color: #f20a24;
  background: #fff1f3;
}
.catalogue-product-editor__media-dropzone-title {
  margin-top: 12px;
  color: #171717;
  font-size: 14px;
  font-weight: 700;
}
.catalogue-product-editor__media-dropzone-copy {
  margin-top: 5px;
  color: #929292;
  font-size: 12px;
}
.catalogue-product-editor__media-upload-action {
  margin-top: 16px;
  padding: 8px 12px;
  border: 1px solid #ddd8d4;
  border-radius: 8px;
  color: #171717;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
}
.catalogue-product-editor__media-preview {
  min-height: 208px;
  overflow: hidden;
  border: 1px solid #eae7e4;
  border-radius: 14px;
  background: #fff;
}
.catalogue-product-editor__media-preview > span {
  display: block;
  padding: 11px 12px;
  border-bottom: 1px solid #eae7e4;
  color: #929292;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.catalogue-product-editor__media-preview img {
  width: 100%;
  height: 163px;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalogue-product-editor__media-preview-empty {
  display: grid;
  height: 163px;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: #b1aaa5;
  background: #f7f6f4;
}
.catalogue-product-editor__media-preview-empty small {
  font-size: 11px;
}
.catalogue-product-editor__media-error {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #ffdce1;
  border-radius: 10px;
  background: #fff0f2;
}
.catalogue-product-editor__form > .catalogue-product-editor__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 22px !important;
  border-top: 1px solid #eae7e4;
}
.catalogue-product-editor__footer-summary {
  display: grid;
  gap: 5px;
}
.catalogue-product-editor__footer-summary span {
  color: #929292;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
}
.catalogue-product-editor__footer-summary strong {
  color: #454545;
  font-size: 13px;
  font-weight: 600;
}
.catalogue-product-editor__footer-actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: 10px;
}
.catalogue-product-editor__footer-actions button {
  height: 48px;
  min-width: 148px;
  white-space: nowrap;
}
.catalogue-product-editor__card .catalogue-product-editor__form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  -moz-column-gap: 36px;
       column-gap: 36px;
  row-gap: 0;
  align-items: stretch;
  max-width: none !important;
}
.catalogue-product-editor__card .catalogue-product-editor__basics {
  grid-column: 1;
  grid-row: 1;
}
.catalogue-product-editor__card .catalogue-product-editor__media {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  width: 100%;
  padding-top: 0;
  border-top: 0;
}
.catalogue-product-editor__card .catalogue-product-editor__media-header {
  text-align: left;
}
.catalogue-product-editor__card .catalogue-product-editor__media-layout {
  display: flex;
  flex: 1;
  width: 100%;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
}
.catalogue-product-editor__card .catalogue-product-editor__pricing,
.catalogue-product-editor__card .catalogue-product-editor__dispatch,
.catalogue-product-editor__card .catalogue-product-editor__prescription,
.catalogue-product-editor__card .catalogue-product-editor__options,
.catalogue-product-editor__card .catalogue-product-editor__extras,
.catalogue-product-editor__card .catalogue-product-editor__form-error,
.catalogue-product-editor__card .catalogue-product-editor__footer {
  grid-column: 1 / -1;
}
.catalogue-product-editor__card .catalogue-product-editor__basics::before {
  content: 'STEP 1 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__pricing::before {
  content: 'STEP 2 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__dispatch::before {
  content: 'STEP 3 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__options::before {
  content: 'STEP 4 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__preparation-questions::before {
  content: 'STEP 5 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__extras::before {
  content: 'STEP 6 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__pairings::before {
  content: 'STEP 7 OF 8';
}
.catalogue-product-editor__card .catalogue-product-editor__media::before {
  content: 'STEP 8 OF 8';
}
.catalogue-product-editor__form input:not([type='checkbox']):not(:focus),
.catalogue-product-editor__form select:not(:focus),
.catalogue-product-editor__form textarea:not(:focus) {
  border-color: #dedede !important;
  box-shadow: none !important;
  outline: none !important;
}
.catalogue-product-editor__media .catalogue-product-editor__media-dropzone {
  min-height: 330px;
}
.catalogue-product-editor__media .catalogue-product-editor__media-preview {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: 16px;
}
.catalogue-product-editor__media .catalogue-product-editor__media-preview img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalogue-product-editor__media-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid #eae7e4;
  background: #fff;
}
.catalogue-product-editor__media-change-action,
.catalogue-product-editor__media-remove-action {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid #ddd8d4;
  border-radius: 9px;
  background: #fff;
  color: #171717;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.catalogue-product-editor__media-remove-action {
  border-color: #f3c9d0;
  color: #c52135;
}
.catalogue-product-editor__media-change-action:hover {
  background: #faf9f7;
}
.catalogue-product-editor__media-remove-action:hover {
  background: #fff5f6;
}
@media (max-width: 900px) {
  .catalogue-product-editor__card .catalogue-product-editor__form {
    grid-template-columns: minmax(0, 1fr);
  }
  .catalogue-product-editor__card .catalogue-product-editor__basics,
  .catalogue-product-editor__card .catalogue-product-editor__media {
    grid-column: 1;
    grid-row: auto;
  }
  .catalogue-product-editor__card .catalogue-product-editor__media {
    display: block;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eae7e4;
  }
}
@media (min-width: 901px) {
  .merchant-workspace .catalogue-product-editor--page .catalogue-product-editor__header,
  .merchant-workspace .catalogue-product-editor__back-row,
  .merchant-workspace .catalogue-product-editor__card {
    width: 100%;
    max-width: none;
  }
  .merchant-workspace .catalogue-product-editor__card {
    padding: 36px;
  }
  .catalogue-product-editor__card .catalogue-product-editor__basics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 16px;
  }
  .catalogue-product-editor__card .catalogue-product-editor__basics > :not(label),
  .catalogue-product-editor__card .catalogue-product-editor__basics > label:nth-of-type(1),
  .catalogue-product-editor__card .catalogue-product-editor__basics > label:nth-of-type(2) {
    grid-column: 1 / -1;
  }
  .catalogue-product-editor__card .catalogue-product-editor__basics > label {
    margin-top: 0 !important;
  }
  .catalogue-product-editor__card .catalogue-product-editor__pricing > div.grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .catalogue-product-editor__card .catalogue-product-editor__dispatch > div.grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .catalogue-product-editor__card .catalogue-product-editor__dispatch > .rounded-2xl {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .catalogue-product-editor--page .catalogue-product-editor__header,
  .catalogue-product-editor__card,
  .catalogue-product-editor__back-row {
    width: min(100% - 32px, 760px);
  }
  .catalogue-product-editor__card {
    padding: 22px;
  }
}
@media (max-width: 560px) {
  .catalogue-product-editor--page .catalogue-product-editor__header,
  .catalogue-product-editor__card,
  .catalogue-product-editor__back-row {
    width: calc(100% - 24px);
  }
  .catalogue-product-editor__card {
    padding: 16px;
    border-radius: 16px;
  }
  .catalogue-product-editor__card .catalogue-product-editor__section {
    padding: 24px 0;
  }
  .catalogue-product-editor__media-layout {
    grid-template-columns: 1fr;
  }
  .catalogue-product-editor__form > .catalogue-product-editor__footer {
    align-items: stretch;
    flex-direction: column;
  }
  .catalogue-product-editor__footer-actions {
    width: 100%;
  }
  .catalogue-product-editor__footer-actions button {
    flex: 1;
    min-width: 0;
  }
}
.merchant-catalogue-metrics > .delivery-feature-card {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-catalogue-metrics .delivery-feature-card,
.merchant-catalogue-metrics .delivery-feature-card:hover {
  transform: none !important;
  box-shadow: none !important;
}
.merchant-catalogue-metrics .delivery-feature-card [class*='text-[#0A1F44]'] {
  color: var(--merchant-ink) !important;
}
.merchant-catalogue-metrics .delivery-feature-card > div > span {
  border-radius: 10px !important;
}
.merchant-catalogue-page input,
.merchant-catalogue-page select,
.merchant-staff-page input,
.merchant-staff-page select,
.merchant-coupon-validation-page input {
  border: 1px solid #dedede !important;
  outline: none !important;
  box-shadow: none !important;
}
.merchant-catalogue-page input:focus,
.merchant-catalogue-page select:focus,
.merchant-staff-page input:focus,
.merchant-staff-page select:focus,
.merchant-coupon-validation-page input:focus {
  border-color: #686868 !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
}
.merchant-workspace .delivery-main-shell .merchant-coupon-validation-page button[type='submit'] {
  background: var(--merchant-red) !important;
  box-shadow: none !important;
}
.merchant-workspace
  .delivery-main-shell
  .merchant-coupon-validation-page
  button[type='submit']:hover {
  background: #d90820 !important;
}
.merchant-workspace .delivery-main-shell .merchant-catalogue-page input,
.merchant-workspace .delivery-main-shell .merchant-catalogue-page select,
.merchant-workspace .delivery-main-shell .merchant-staff-page input,
.merchant-workspace .delivery-main-shell .merchant-staff-page select,
.merchant-workspace .delivery-main-shell .merchant-coupon-validation-page input {
  border-color: #dedede !important;
}
.merchant-workspace .delivery-main-shell .merchant-catalogue-page input:focus,
.merchant-workspace .delivery-main-shell .merchant-catalogue-page select:focus,
.merchant-workspace .delivery-main-shell .merchant-staff-page input:focus,
.merchant-workspace .delivery-main-shell .merchant-staff-page select:focus,
.merchant-workspace .delivery-main-shell .merchant-coupon-validation-page input:focus {
  border-color: #686868 !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
}
.merchant-catalogue-products-card {
  box-shadow: none !important;
}
.merchant-catalogue-products-card > div:last-child {
  margin-top: 20px;
}
.merchant-catalogue-products-card [class*='rounded-[30px]'] {
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-catalogue-products-card [class*='rounded-2xl'] {
  border-radius: 10px !important;
}
.merchant-catalogue-card-grid {
  display: grid;
}
.merchant-catalogue-menu-item {
  display: flex;
  width: 100%;
  padding: 9px 10px;
  border-radius: 8px;
  color: var(--merchant-ink);
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}
.merchant-catalogue-menu-item:hover {
  background: var(--merchant-bg);
}
.merchant-catalogue-data-table {
  box-shadow: none !important;
}
.merchant-catalogue-data-table table {
  min-width: 980px;
  font-size: 13px;
}
.merchant-catalogue-data-table thead {
  background: #faf9f7 !important;
  border-bottom: 1px solid var(--merchant-border);
}
.merchant-catalogue-data-table th {
  padding: 10px 16px;
  color: var(--merchant-muted);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.merchant-catalogue-data-table td {
  padding: 14px 16px;
  color: var(--merchant-ink);
  border-color: #f0eeeb;
}
.merchant-workspace .merchant-catalogue-data-table tbody,
.merchant-workspace .merchant-catalogue-data-table tbody tr,
.merchant-workspace .merchant-catalogue-data-table tbody td {
  background: #fff !important;
}
.merchant-catalogue-data-table tbody tr:hover td {
  background: #fff8f9;
}
.merchant-catalogue-data-table > div:last-child {
  background: #fff;
  border-color: var(--merchant-border);
}
.merchant-catalogue-data-table > div:last-child button {
  min-width: 32px;
  height: 32px;
  border-radius: 6px;
  font-size: 12px;
}
.merchant-catalogue-page table {
  font-size: 13px;
}
.merchant-staff-page {
  max-width: 1280px;
}
.merchant-staff-metrics > article {
  min-height: 0;
  padding: 16px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-staff-page section {
  box-shadow: none !important;
}
.merchant-staff-page table th {
  color: #686868 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-staff-page table td {
  border-color: #f0eeeb !important;
  font-size: 13px;
}
.merchant-reports-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-reports-page {
  width: 100%;
  max-width: none !important;
}
.merchant-reports-page aside {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
.merchant-workspace .merchant-sidebar-nav {
  min-height: 0;
  padding-right: 8px;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar {
  width: 4px;
}
.merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
.merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb {
  background: transparent;
  border: 0;
  border-radius: 999px;
  min-height: 32px;
}
.merchant-workspace .merchant-sidebar-nav:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
}
.merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.22);
}
html.dark .merchant-workspace .merchant-sidebar-nav {
  scrollbar-color: transparent transparent;
}
html.dark .merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar-track {
  background: transparent;
}
html.dark .merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb {
  background: transparent;
}
html.dark .merchant-workspace .merchant-sidebar-nav:hover::-webkit-scrollbar-thumb {
  background: rgba(245, 242, 239, 0.22);
}
html.dark .merchant-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: rgba(245, 242, 239, 0.35);
}
.merchant-workspace .merchant-branch-switcher-menu {
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.merchant-workspace .merchant-branch-switcher-menu::-webkit-scrollbar {
  width: 4px;
}
.merchant-workspace .merchant-branch-switcher-menu::-webkit-scrollbar-track {
  background: transparent;
}
.merchant-workspace .merchant-branch-switcher-menu::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
}
.merchant-workspace .merchant-branch-switcher-menu:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
}
html.dark .merchant-workspace .merchant-branch-switcher-menu {
  scrollbar-color: transparent transparent;
}
html.dark .merchant-workspace .merchant-branch-switcher-menu::-webkit-scrollbar-thumb {
  background: transparent;
}
html.dark .merchant-workspace .merchant-branch-switcher-menu:hover::-webkit-scrollbar-thumb {
  background: rgba(245, 242, 239, 0.22);
}
html.dark .merchant-workspace .merchant-branch-switcher-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(245, 242, 239, 0.35);
}

html.dark .merchant-workspace .merchant-sidebar-branch {
  background: #1e293b;
  border-color: #475569;
}
html.dark .merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger {
  background: #263650 !important;
  color: #f5f2ef !important;
}
.merchant-reports-page [class*='rounded-2xl'] {
  border-radius: 14px !important;
}
.merchant-reports-page [class*='border-[#E2E8F0]'],
.merchant-reports-page [class*='border-[#CBD5E1]'] {
  border-color: var(--merchant-border) !important;
}
.merchant-reports-page [class*='bg-[#F8FAFC]'] {
  background: #faf9f7 !important;
}
.merchant-reports-page [class*='text-[#0A1F44]'] {
  color: var(--merchant-ink) !important;
}
.merchant-reports-page [class*='text-[#64748B]'],
.merchant-reports-page [class*='text-[#475569]'] {
  color: var(--merchant-muted) !important;
}
.merchant-reports-page [class*='bg-primary'] {
  background: var(--merchant-red) !important;
}
.merchant-reports-page [class~='border-primary'] {
  border-color: var(--merchant-red) !important;
}
.merchant-reports-page [class*='text-primary'] {
  color: var(--merchant-red) !important;
}
.merchant-reports-page input,
.merchant-reports-page select {
  border-color: #dedede !important;
  border-radius: 10px !important;
}
.merchant-reports-page table thead {
  background: #faf9f7 !important;
}
.merchant-reports-page table th {
  color: var(--merchant-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
}
.merchant-reports-page table td {
  border-color: #f0eeeb !important;
  font-size: 13px;
}
.merchant-analytics-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-analytics-page [class*='bg-blue-50'],
.merchant-analytics-page [class*='bg-purple-50'] {
  background: #faf9f7 !important;
}
.merchant-analytics-page [class*='border-blue-200'],
.merchant-analytics-page [class*='border-purple-200'] {
  border-color: var(--merchant-border) !important;
}
.merchant-analytics-page [class*='text-blue-600'],
.merchant-analytics-page [class*='text-purple-600'] {
  color: var(--merchant-red) !important;
}
.merchant-analytics-page [class*='text-slate-900'] {
  color: var(--merchant-ink) !important;
}
.merchant-analytics-page [class*='text-slate-600'],
.merchant-analytics-page [class*='text-slate-500'] {
  color: var(--merchant-muted) !important;
}
.merchant-analytics-page input {
  border-color: #dedede !important;
  border-radius: 10px !important;
}
.merchant-analytics-page .bg-blue-600 {
  background: var(--merchant-red) !important;
}
.merchant-analytics-page .hover\:bg-blue-700:hover {
  background: #d90820 !important;
}
.merchant-coupon-validation-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-coupon-validation-page [class*='text-slate-900'] {
  color: var(--merchant-ink) !important;
}
.merchant-coupon-validation-page [class*='text-slate-600'],
.merchant-coupon-validation-page [class*='text-slate-700'],
.merchant-coupon-validation-page [class*='text-slate-500'] {
  color: var(--merchant-muted) !important;
}
.merchant-coupon-validation-page input {
  border-color: #dedede !important;
  border-radius: 10px !important;
  outline: none !important;
}
.merchant-coupon-validation-page input:focus {
  border-color: #686868 !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
}
.merchant-workspace .merchant-cases-list {
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-workspace .merchant-cases-list table {
  font-size: 13px;
}
.merchant-workspace .merchant-part-requests-page {
  max-width: 1280px;
}
.merchant-workspace .merchant-part-requests-page > section {
  border-color: #eae7e4 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.merchant-workspace .merchant-part-requests-page [class*='bg-[#0A1F44]'] {
  background: #f20a24 !important;
}
.merchant-workspace .merchant-part-requests-page [class*='text-[#0A1F44]'] {
  color: #171717 !important;
}
.merchant-workspace .merchant-part-requests-page [class*='shadow-'] {
  box-shadow: none !important;
}
.merchant-workspace button:focus,
.merchant-workspace button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.merchant-workspace .delivery-main-shell input:not([type='checkbox']):not([type='radio']),
.merchant-workspace .delivery-main-shell select,
.merchant-workspace .delivery-main-shell textarea {
  border-color: #dedede !important;
}
.merchant-workspace .delivery-main-shell input:not([type='checkbox']):not([type='radio']):focus,
.merchant-workspace .delivery-main-shell select:focus,
.merchant-workspace .delivery-main-shell textarea:focus {
  border-color: #686868 !important;
  box-shadow: 0 0 0 3px #fff1f3 !important;
  outline: none !important;
}
.merchant-workspace header {
  height: 64px;
  padding: 0 28px !important;
  background: #fff !important;
  border-color: #eeeeee !important;
}
.merchant-workspace header > div {
  height: 100%;
  align-items: center;
}
.merchant-workspace header h1,
.merchant-workspace header p {
  color: var(--merchant-ink) !important;
}
.merchant-workspace header button {
  border-color: transparent !important;
  color: #686868 !important;
  background: transparent !important;
}
.merchant-workspace header button:hover {
  background: #f6f6f6 !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace header button[title='Profile']:not(.merchant-user-menu-trigger) {
  display: none !important;
}
.merchant-workspace header button[title='Refresh'] {
  display: none !important;
}
.merchant-workspace header > div > div:last-child > div:first-child {
  display: none !important;
}
.merchant-workspace header .merchant-user-menu-trigger {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--merchant-ink) !important;
}
.merchant-workspace header .merchant-user-menu-trigger:hover {
  border-color: var(--merchant-border) !important;
  background: #fcfbfa !important;
}
.merchant-user-menu {
  margin-left: 12px;
}
.merchant-user-name {
  color: var(--merchant-ink);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.merchant-user-menu-chevron {
  width: 14px;
  height: 14px;
  color: #8a8a8a;
  pointer-events: none;
}
.merchant-user-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 3px 0 0;
  border: 1px solid transparent;
  border-radius: 16px;
  color: var(--merchant-ink);
  transition:
    background 0.18s ease,
    border-color 0.18s ease;
}
.merchant-user-menu-trigger:hover {
  border-color: var(--merchant-border);
  background: #fcfbfa;
}
.merchant-user-menu-avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff1f3;
  color: var(--merchant-red);
  font-size: 11px;
  font-weight: 750;
}
.merchant-settings-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff1f3;
  color: var(--merchant-red);
  font-size: 12px;
  font-weight: 750;
}

html.dark .admin-workspace .admin-route-content .admin-users-sections {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 16px !important;
}

/* Admin dashboard dark mode: keep the shell, canvas, cards, and controls on one palette. */
html.dark .admin-workspace {
  --brand-bg: #0f172a !important;
  --brand-border: #334155 !important;
  --brand-ink: #f8fafc !important;
  --brand-muted: #94a3b8 !important;
  --merchant-bg: #0f172a !important;
  --merchant-border: #334155 !important;
  --merchant-ink: #f8fafc !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace main,
html.dark .admin-workspace .delivery-main-shell,
html.dark .admin-workspace .delivery-content-shell {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .merchant-page-heading h1,
html.dark .admin-workspace .merchant-page-heading p {
  color: #f8fafc !important;
}

html.dark .admin-workspace .merchant-page-heading p {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-dashboard-layout .delivery-feature-card,
html.dark .admin-workspace .admin-dashboard-layout .delivery-card-surface {
  background: #1e293b !important;
  border-color: #3b4a63 !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-dashboard-layout .delivery-card-surface:hover,
html.dark .admin-workspace .admin-dashboard-layout [class*='hover:bg-white']:hover {
  background: #263650 !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='bg-[#F1F5F9]'],
html.dark .admin-workspace .admin-dashboard-layout [class*='bg-[#F3F1EF]'] {
  background: #334155 !important;
  border-color: #475569 !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='bg-emerald-50'] {
  background: #173329 !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='bg-amber-50'] {
  background: #3a2d1e !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='bg-rose-50'] {
  background: #402229 !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='bg-sky-50'] {
  background: #1d304a !important;
}

html.dark .admin-workspace .admin-dashboard-layout span[class*='bg-[#0A1F44]'] {
  background: #293b59 !important;
  color: #dbeafe !important;
}

html.dark .admin-workspace .admin-dashboard-kpi-value-neutral {
  color: #dbeafe !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='border-[#E2E8F0]'] {
  border-color: #475569 !important;
}

html.dark .admin-workspace .admin-dashboard-layout [class*='text-[#94A3B8]'] {
  color: #94a3b8 !important;
}
.merchant-settings-overlay {
  background: rgba(10, 31, 68, 0.48);
  overscroll-behavior: contain;
}
.merchant-settings-overlay .merchant-settings-dialog {
  width: min(100%, 1180px);
  height: min(820px, calc(100dvh - 48px));
  max-height: calc(100dvh - 48px);
}
html.dark .merchant-settings-overlay {
  background: rgba(2, 6, 23, 0.72);
}
.merchant-account-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff1f3;
  color: var(--merchant-red);
  font-size: 15px;
  font-weight: 750;
}
.merchant-workspace main {
  background: var(--merchant-bg) !important;
  padding: 28px 32px 56px !important;
}
.merchant-workspace .delivery-main-shell,
.merchant-workspace .delivery-content-shell {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.merchant-workspace .merchant-page-heading {
  padding: 0 0 4px !important;
}
.merchant-workspace .merchant-page-heading h1 {
  color: var(--merchant-ink) !important;
  font-size: 32px !important;
  font-weight: 750 !important;
  letter-spacing: -0.035em !important;
}
.merchant-workspace .merchant-page-heading p {
  color: var(--merchant-muted) !important;
  font-size: 14px !important;
}
.merchant-topbar-label {
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.merchant-workspace .delivery-feature-card,
.merchant-workspace .delivery-card-surface {
  border-color: var(--merchant-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.merchant-workspace .delivery-main-shell [class*='rounded-3xl'],
.merchant-workspace .delivery-main-shell [class*='rounded-[24px]'],
.merchant-workspace .delivery-main-shell [class*='rounded-[28px]'] {
  border-radius: 14px !important;
}
.merchant-operational-bar {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 82px;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid var(--merchant-border);
  border-radius: 16px;
}
.merchant-store-status {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 260px;
}
.merchant-status-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #218a58;
}
.merchant-status-dot.is-paused {
  background: #d8293e;
}
.merchant-store-status p {
  margin: 0;
  color: var(--merchant-ink);
  font-size: 14px;
  font-weight: 700;
}
.merchant-store-status span:not(.merchant-status-dot) {
  display: block;
  margin-top: 3px;
  color: #777;
  font-size: 12px;
}
.merchant-toggle-control {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #454545;
  font-size: 13px;
  font-weight: 650;
}
.merchant-toggle-control button {
  position: relative;
  width: 36px;
  height: 20px;
  padding: 2px;
  border: 0;
  border-radius: 999px;
  background: #d5d2cf;
}
.merchant-toggle-control button span {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.18s ease;
}
.merchant-toggle-control button span.is-on {
  transform: translateX(16px);
}
.merchant-toggle-control button:has(span.is-on) {
  background: var(--merchant-red);
}
.merchant-manage-hours {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  color: var(--merchant-red);
  font-size: 13px;
  font-weight: 700;
  background: transparent;
  border: 0;
}
.merchant-dashboard-workarea {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.7fr);
  gap: 20px;
}
.merchant-panel {
  min-width: 0;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--merchant-border);
  border-radius: 16px;
}
.merchant-panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.merchant-panel-heading h2 {
  margin: 0;
  color: var(--merchant-ink);
  font-size: 17px;
  font-weight: 750;
}
.merchant-panel-heading p {
  margin: 4px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-panel-heading button,
.merchant-text-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--merchant-red);
  font-size: 12px;
  font-weight: 700;
  background: transparent;
  border: 0;
  white-space: nowrap;
}
.merchant-order-row {
  display: grid;
  grid-template-columns: 76px 1fr 70px 18px;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 0 4px;
  border-top: 1px solid #f0eeeb;
  color: #454545;
  text-align: left;
  background: transparent;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.merchant-order-row:hover {
  background: #fff8f9;
}
.merchant-order-id {
  color: var(--merchant-ink);
  font-size: 13px;
  font-weight: 750;
}
.merchant-order-state {
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}
.merchant-order-time {
  color: #929292;
  font-size: 12px;
}
.merchant-order-row svg {
  color: #aaa;
}
.merchant-empty-state {
  padding: 18px 0 4px;
  color: #777;
  font-size: 13px;
}
.merchant-health-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0;
  color: #218a58;
  font-size: 14px;
  font-weight: 700;
}
.merchant-health-stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 11px 0;
  border-top: 1px solid #f0eeeb;
}
.merchant-health-stat strong {
  color: var(--merchant-ink);
  font-size: 24px;
}
.merchant-health-stat span {
  color: #777;
  font-size: 12px;
}
.merchant-health-panel .merchant-text-link {
  margin-top: 12px;
}
.merchant-sales-chart {
  display: block !important;
  margin-top: 0;
}
.merchant-workspace .merchant-order-state-cards > * {
  border-radius: 12px !important;
  padding: 16px !important;
  min-height: 0 !important;
}
.merchant-workspace .merchant-order-state-cards > * [class*='text-[1.55rem]'] {
  margin-top: 8px !important;
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
}
.merchant-workspace .merchant-order-state-cards > * [class*='text-sm'] {
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.merchant-sales-chart > .merchant-panel-heading > strong {
  color: var(--merchant-ink);
  font-size: 18px;
}
.merchant-chart-wrap {
  height: 240px;
  width: 100%;
}
.merchant-chart-labels {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  color: #929292;
  font-size: 11px;
  text-align: center;
}
/* Keep dashboard sections visible; page-specific work areas should opt into hiding. */
.merchant-workspace .merchant-dashboard-workarea {
  display: grid !important;
}
.merchant-workspace section[aria-label='Today at a glance'] > div:nth-child(3),
.merchant-workspace section[aria-label='Today at a glance'] > div:nth-child(5) {
  display: none;
}
.merchant-workspace section[aria-label='Today at a glance'] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.merchant-workspace .merchant-returns-queue-card {
  display: block !important;
}
.merchant-workspace .merchant-returns-queue-card > div:last-child {
  margin-top: 0 !important;
}
.merchant-workspace .merchant-returns-queue-card {
  border: 1px solid var(--merchant-border) !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: none !important;
}
.merchant-workspace .merchant-returns-filters {
  padding: 12px !important;
  border: 1px solid var(--merchant-border) !important;
  border-radius: 12px !important;
  background: #fcfbfa !important;
}
.merchant-returns-data-table,
.merchant-returns-data-table * {
  box-shadow: none !important;
}
.merchant-returns-data-table {
  margin-top: 24px !important;
}
.merchant-returns-data-table thead,
.merchant-returns-data-table thead tr,
.merchant-returns-data-table thead th {
  background: #f7f6f4 !important;
}
.merchant-returns-data-table th {
  padding: 11px 16px !important;
  color: var(--merchant-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-returns-data-table td {
  padding: 13px 16px !important;
  color: var(--merchant-ink) !important;
  border-color: #f0eeeb !important;
  font-size: 13px !important;
}
.merchant-returns-data-table tbody,
.merchant-returns-data-table tbody tr,
.merchant-returns-data-table tbody td {
  background: #fff !important;
}
.merchant-returns-data-table tbody tr:hover td {
  background: #fcfaf8 !important;
}
.merchant-returns-data-table > div:last-child {
  background: #fff !important;
  border-color: var(--merchant-border) !important;
}
.merchant-returns-data-table > div:last-child button {
  border-radius: 6px;
}
.merchant-return-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  width: 100vw;
  height: 100dvh;
  border: 0;
  background: rgba(23, 23, 23, 0.22);
}
.merchant-return-drawer {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 110;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(640px, calc(100vw - 48px));
  min-width: 0;
  height: auto;
  max-width: calc(100vw - 48px);
  max-height: calc(100dvh - 32px);
  overflow: hidden;
  padding: 0;
  transform: translate(-50%, -50%);
  border: 1px solid var(--merchant-border);
  border-radius: 16px;
  background: #fff;
  color: var(--merchant-ink);
  box-shadow: 0 24px 70px rgba(23, 23, 23, 0.18);
}
.merchant-return-drawer > div:nth-child(2) {
  flex: 1;
  overflow-y: auto;
}
.merchant-return-drawer > div:first-child {
  flex-shrink: 0;
}
.merchant-return-drawer > div:last-child {
  flex-shrink: 0;
}
.merchant-return-drawer > * {
  min-width: 0;
  max-width: 100%;
}
.merchant-return-drawer > div:nth-child(2) {
  overflow-x: hidden;
}
.merchant-return-drawer dl {
  min-width: 0;
}
.merchant-return-drawer dl > div {
  min-width: 0;
}
.merchant-return-drawer dd {
  min-width: 0;
  overflow-wrap: anywhere;
}
.merchant-return-drawer img {
  max-width: 100%;
}
.merchant-return-drawer-header {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid #eae7e4;
}
.merchant-return-eyebrow {
  margin: 0;
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}
.merchant-return-drawer-header h2 {
  margin: 5px 0 0;
  color: var(--merchant-ink);
  font-size: 23px;
  font-weight: 750;
  line-height: 1.1;
}
.merchant-return-subtitle {
  margin: 5px 0 0;
  color: var(--merchant-muted);
  font-size: 13px;
}
.merchant-return-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}
.merchant-return-badges span {
  border-radius: 999px;
  padding: 5px 10px;
  background: #fff1f3;
  color: var(--merchant-red);
  font-size: 11px;
  font-weight: 700;
}
.merchant-return-badges span + span {
  background: #f7f6f4;
  color: var(--merchant-muted);
}
.merchant-return-close {
  display: grid;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #929292;
  cursor: pointer;
}
.merchant-return-close:hover {
  background: #f7f6f4;
  color: var(--merchant-ink);
}
.merchant-return-drawer-body {
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 16px 24px 12px;
}
.merchant-return-drawer > .merchant-return-drawer-body {
  flex: 0 1 auto;
  overflow: hidden;
}
.merchant-return-next-action {
  padding: 12px 14px;
  border: 1px solid #ffdce1;
  border-radius: 14px;
  background: #fff8f9;
}
.merchant-return-next-action h3 {
  margin: 6px 0 4px;
  color: var(--merchant-ink);
  font-size: 16px;
  font-weight: 750;
}
.merchant-return-next-action p:last-child {
  margin: 0;
  color: var(--merchant-muted);
  font-size: 13px;
  line-height: 1.5;
}
.merchant-return-section {
  margin-top: 15px;
}
.merchant-return-section > h3 {
  margin: 0 0 9px;
  color: var(--merchant-ink);
  font-size: 14px;
  font-weight: 750;
}
.merchant-return-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
  padding-top: 11px;
  border-top: 1px solid #eae7e4;
}
.merchant-return-overview dt {
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-return-overview dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  color: var(--merchant-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}
.merchant-return-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid #eae7e4;
}
.merchant-return-item-placeholder {
  display: grid;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #eae7e4;
  border-radius: 10px;
  background: #faf9f7;
  color: var(--merchant-red);
  font-size: 16px;
  font-weight: 750;
}
.merchant-return-item-image {
  display: block;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border: 1px solid #eae7e4;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.merchant-return-item strong {
  color: var(--merchant-ink);
  font-size: 14px;
}
.merchant-return-item p {
  margin: 4px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-return-note {
  padding: 9px 12px;
  border-radius: 12px;
  background: #faf9f7;
  color: var(--merchant-muted);
  font-size: 12px;
  line-height: 1.35;
}
.merchant-return-evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.merchant-return-evidence img {
  width: 100%;
  height: 78px;
  border: 1px solid #eae7e4;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.merchant-return-empty {
  margin: 0;
  color: var(--merchant-muted);
  font-size: 13px;
}
.merchant-return-timeline {
  position: relative;
  display: grid;
  gap: 9px;
  padding-left: 2px;
}
.merchant-return-timeline-event {
  position: relative;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
}
.merchant-return-timeline-event:not(:last-child)::before {
  position: absolute;
  top: 12px;
  bottom: -13px;
  left: 5px;
  width: 1px;
  background: #ffdce1;
  content: '';
}
.merchant-return-timeline-dot {
  z-index: 1;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  border: 2px solid var(--merchant-red);
  border-radius: 50%;
  background: #fff;
}
.merchant-return-timeline-event strong {
  display: block;
  color: var(--merchant-ink);
  font-size: 13px;
}
.merchant-return-timeline-event time {
  display: block;
  margin-top: 3px;
  color: var(--merchant-muted);
  font-size: 11px;
}
.merchant-return-timeline-event p {
  margin: 2px 0 0;
  color: var(--merchant-muted);
  font-size: 11px;
  line-height: 1.3;
}
.merchant-return-internal-note button {
  width: 100%;
  border: 1px solid #eae7e4;
  border-radius: 10px;
  background: #fff;
  padding: 11px 12px;
  color: #929292;
  font-size: 12px;
  text-align: left;
}
.merchant-return-drawer-footer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid #eae7e4;
  background: #fff;
}
.merchant-return-drawer-footer button {
  display: inline-flex !important;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 700;
}
.merchant-return-secondary {
  border: 1px solid #eae7e4;
  background: #fff;
  color: var(--merchant-ink);
}
.merchant-return-primary {
  border: 1px solid var(--merchant-red);
  background: var(--merchant-red);
  color: #fff;
}
@media (max-width: 640px) {
  .merchant-return-drawer {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .merchant-return-drawer-header,
  .merchant-return-drawer-body {
    padding-right: 18px;
    padding-left: 18px;
  }
  .merchant-return-overview {
    gap: 13px 14px;
  }
}
.merchant-returns-view-tabs button {
  border-radius: 999px;
  padding: 7px 14px;
  color: var(--merchant-muted);
  font-size: 12px;
  font-weight: 650;
}
.merchant-returns-view-tabs button:hover {
  color: var(--merchant-ink);
}
.merchant-returns-view-tabs button.is-active {
  background: #fff1f3;
  color: var(--merchant-red);
}
.merchant-reservation-tabs {
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  gap: 3px;
  padding: 3px;
  overflow-x: auto;
  border: 1px solid var(--merchant-border);
  border-radius: 999px;
  background: #fff;
}
.merchant-reservation-tabs button {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 7px 14px;
  color: var(--merchant-muted);
  font-size: 12px;
  font-weight: 650;
}
.merchant-reservation-tabs button:hover {
  color: var(--merchant-ink);
}
.merchant-reservation-tabs button.is-active {
  background: #fff1f3;
  color: var(--merchant-red);
}
.merchant-reservation-date-context {
  color: var(--merchant-muted);
  font-size: 13px;
  font-weight: 650;
}
.merchant-reservation-queue-context {
  display: grid;
  gap: 16px;
}
.merchant-reservation-queue-card > div:first-child > div:last-child {
  display: none !important;
}
.merchant-workspace .merchant-reservation-filters {
  padding: 12px !important;
  border: 1px solid var(--merchant-border) !important;
  border-radius: 12px !important;
  background: #fcfbfa !important;
}
.merchant-workspace .merchant-reservation-filters > div:nth-child(2),
.merchant-workspace .merchant-reservation-filters > div:nth-child(3) {
  display: none !important;
}
.merchant-reservation-queue-card > div:nth-child(2) {
  margin-top: 18px !important;
}
.merchant-reservation-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(23, 23, 23, 0.38);
}
.merchant-reservation-selected-modal {
  width: min(820px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  overflow-y: auto;
  border: 1px solid var(--merchant-border);
  border-radius: 16px;
  background: #fff;
  padding: 26px;
  box-shadow: 0 20px 48px rgba(23, 23, 23, 0.18);
}
.merchant-reservation-modal-header {
  position: relative;
  padding-right: 42px;
}
.merchant-reservation-modal-eyebrow {
  margin: 0 0 6px;
  color: var(--merchant-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.merchant-reservation-modal-heading > div:first-child {
  gap: 10px;
}
.merchant-reservation-modal-heading > div:first-child > *:first-child {
  font-size: 20px;
  letter-spacing: -0.02em;
}
.merchant-reservation-modal-scheduled {
  max-width: 560px;
  margin: 8px 0 0;
  color: var(--merchant-muted);
  font-size: 13px;
  line-height: 1.45;
}
.merchant-reservation-modal-close {
  position: absolute;
  top: -2px;
  right: 0;
}
.merchant-reservation-modal-schedule-strip {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 20px;
  padding: 14px 18px;
  border-radius: 12px;
  background: #fff8f9;
}
.merchant-reservation-modal-schedule-strip > div {
  display: grid;
  gap: 3px;
}
.merchant-reservation-modal-schedule-strip span,
.merchant-reservation-modal-summary dt {
  color: var(--merchant-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-reservation-modal-schedule-strip strong {
  color: var(--merchant-ink);
  font-size: 14px;
}
.merchant-reservation-modal-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 28px;
  margin-top: 12px;
  padding: 18px 20px;
  border: 1px solid #eae7e4;
  border-radius: 14px;
  background: #faf9f7;
}
.merchant-reservation-modal-summary > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.merchant-reservation-modal-summary dd {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  margin: 0;
  color: var(--merchant-ink);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}
.merchant-reservation-modal-summary dd button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  color: var(--merchant-red);
  font: inherit;
  font-weight: 700;
  text-align: left;
}
.merchant-reservation-modal-history {
  margin-top: 22px;
  padding: 0;
  border: 0;
  background: transparent;
}
.merchant-reservation-modal-history > div:first-child {
  gap: 8px;
}
.merchant-reservation-modal-timeline {
  display: grid;
  gap: 0;
  margin: 16px 0 0;
}
.merchant-reservation-modal-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 10px;
  min-height: 58px;
}
.merchant-reservation-modal-timeline li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 13px;
  bottom: -3px;
  left: 5px;
  width: 1px;
  background: #e5e1dd;
}
.merchant-reservation-modal-timeline li > span {
  position: relative;
  z-index: 1;
  width: 11px;
  height: 11px;
  margin-top: 4px;
  border: 2px solid var(--merchant-red);
  border-radius: 50%;
  background: #fff;
}
.merchant-reservation-modal-timeline time {
  display: block;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-reservation-modal-timeline strong {
  display: block;
  margin-top: 2px;
  color: var(--merchant-ink);
  font-size: 13px;
}
.merchant-reservation-modal-timeline p {
  margin: 3px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
  line-height: 1.4;
}
.merchant-reservation-modal-footer {
  position: sticky;
  bottom: -26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 18px -26px -26px;
  padding: 14px 26px;
  border-top: 1px solid #eae7e4;
  background: #fff;
}
.merchant-reservation-modal-footer button {
  width: auto !important;
  min-height: 38px;
}
.merchant-reservation-modal-cancel {
  border-color: #ffd1d7 !important;
  color: var(--merchant-red) !important;
}
.merchant-reservation-metrics > article {
  min-height: 72px !important;
  padding: 13px 16px !important;
}
.merchant-reservation-metrics > article > span:not(:first-child) {
  display: none !important;
}
.merchant-workspace .merchant-reservation-queue-card {
  border: 1px solid var(--merchant-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: none !important;
}
.merchant-reservation-table td {
  padding: 12px 16px !important;
  font-size: 13px !important;
}
.merchant-reservation-table th {
  padding: 11px 16px !important;
}
.merchant-reservation-table tbody tr {
  background: #fff !important;
}
.merchant-reservation-table tbody td {
  background: #fff !important;
}
.merchant-reservation-table tbody tr:hover {
  background: #fcfaf8 !important;
}
@media (max-width: 640px) {
  .merchant-reservation-modal-backdrop {
    padding: 12px;
  }
  .merchant-reservation-selected-modal {
    max-height: calc(100vh - 24px);
    padding: 18px;
  }
  .merchant-reservation-modal-schedule-strip {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .merchant-reservation-modal-summary {
    grid-template-columns: 1fr;
  }
  .merchant-reservation-modal-footer {
    bottom: -18px;
    margin: 18px -18px -18px;
    padding: 14px 18px;
  }
}
.merchant-reservation-table td:last-child button + button {
  display: none !important;
}
.merchant-reservation-legacy-table {
  display: none !important;
}
.merchant-reservation-data-table,
.merchant-reservation-data-table * {
  box-shadow: none !important;
}
.merchant-reservation-data-table thead {
  background: #f7f6f4 !important;
}
.merchant-reservation-data-table th {
  padding: 11px 16px !important;
  color: var(--merchant-muted) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-reservation-data-table td {
  padding: 13px 16px !important;
  color: var(--merchant-ink) !important;
  border-color: #f0eeeb !important;
  font-size: 13px !important;
}
.merchant-reservation-data-table tbody tr,
.merchant-reservation-data-table tbody td,
.merchant-reservation-data-table tbody tr:hover td {
  background: #fff !important;
}
.merchant-reservation-data-table > div:last-child {
  background: #fff !important;
  border-color: var(--merchant-border) !important;
}
.merchant-reservation-data-table > div:last-child button {
  border-radius: 6px;
}
.merchant-return-legacy-content {
  display: none !important;
}
.merchant-return-redesign {
  max-width: 1280px;
  margin: 0 auto;
  color: var(--merchant-ink);
}
.merchant-return-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--merchant-red);
  font-size: 13px;
  font-weight: 700;
}
.merchant-return-case-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  min-height: 92px;
  margin-top: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--merchant-border);
}
.merchant-return-case-header h1 {
  font-size: 28px;
  font-weight: 750;
  letter-spacing: -0.03em;
}
.merchant-return-case-header p {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 650;
}
.merchant-return-case-header > div:first-child > span {
  display: block;
  margin-top: 6px;
  color: var(--merchant-muted);
  font-size: 13px;
  line-height: 1.4;
}
.merchant-return-redesign-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  margin-top: 28px;
  align-items: start;
}
.merchant-return-section {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--merchant-border);
}
.merchant-return-section h2 {
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 750;
}
.merchant-return-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 32px;
}
.merchant-return-overview-grid > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.merchant-return-overview-grid dt,
.merchant-return-action-rail dt {
  color: var(--merchant-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-return-overview-grid dd,
.merchant-return-action-rail dd {
  font-size: 14px;
  font-weight: 650;
}
.merchant-return-items > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.merchant-return-item-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--merchant-border);
  border-radius: 10px;
  color: var(--merchant-red);
  background: #fff8f9;
}
.merchant-return-items strong {
  font-size: 14px;
}
.merchant-return-items p,
.merchant-return-evidence-copy p {
  margin-top: 4px;
  color: var(--merchant-muted);
  font-size: 13px;
}
.merchant-return-evidence-copy span {
  color: var(--merchant-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-return-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.merchant-return-evidence-grid a {
  display: block;
  overflow: hidden;
  border: 1px solid var(--merchant-border);
  border-radius: 10px;
}
.merchant-return-evidence-grid img {
  display: block;
  width: 100%;
  height: 112px;
  -o-object-fit: cover;
     object-fit: cover;
}
.merchant-return-section textarea {
  display: block;
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 10px;
  padding: 12px;
  font-size: 13px;
  outline: none;
  resize: vertical;
}
.merchant-return-section textarea:focus {
  border-color: #686868;
  box-shadow: 0 0 0 3px #fff1f3;
}
.merchant-return-secondary-action {
  margin-top: 10px;
  border: 1px solid var(--merchant-border);
  border-radius: 9px;
  padding: 9px 13px;
  background: #fff;
  font-size: 13px;
  font-weight: 650;
}
.merchant-return-action-rail {
  position: sticky;
  top: 88px;
  padding: 20px;
  border: 1px solid var(--merchant-border);
  border-radius: 16px;
  background: #fff;
}
.merchant-return-eyebrow {
  color: var(--merchant-red);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.merchant-return-action-rail h2 {
  margin-top: 8px;
  font-size: 19px;
  font-weight: 750;
}
.merchant-return-action-rail > p:not(.merchant-return-eyebrow) {
  margin-top: 8px;
  color: var(--merchant-muted);
  font-size: 13px;
  line-height: 1.5;
}
.merchant-return-action-rail dl {
  display: grid;
  gap: 14px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--merchant-border);
}
.merchant-return-action-rail dl > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.merchant-return-primary-action {
  width: 100%;
  margin-top: 22px;
  border-radius: 10px;
  padding: 12px 14px;
  background: var(--merchant-red);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.merchant-return-primary-action:hover {
  background: #d90820;
}
.merchant-return-text-action {
  margin-top: 12px;
  width: 100%;
  color: var(--merchant-muted);
  font-size: 12px;
  font-weight: 650;
}
.merchant-return-timeline {
  display: grid;
  gap: 18px;
}
.merchant-return-timeline > div {
  display: flex;
  gap: 12px;
}
.merchant-return-timeline-dot {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--merchant-red);
  box-shadow: 0 0 0 4px #fff1f3;
}
.merchant-return-timeline strong {
  font-size: 13px;
}
.merchant-return-timeline p {
  margin-top: 4px;
  color: var(--merchant-muted);
  font-size: 12px;
}
@media (max-width: 900px) {
  .merchant-return-redesign-grid {
    grid-template-columns: 1fr;
  }
  .merchant-return-action-rail {
    position: static;
  }
}
.merchant-return-detail-shell {
  width: 100%;
  color: var(--merchant-ink);
}
.merchant-workspace .merchant-return-detail-shell section {
  display: block !important;
}
.merchant-return-detail-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: var(--merchant-red);
  font-size: 13px;
  font-weight: 700;
}
.merchant-return-detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-top: 16px;
  padding: 22px 24px;
  border: 1px solid var(--merchant-border);
  border-radius: 14px;
  background: #fff;
}
.merchant-workspace .merchant-return-detail-header {
  height: auto;
  padding: 22px 24px !important;
}
.merchant-workspace .merchant-return-detail-header > div {
  height: auto;
  align-items: initial;
}
.merchant-return-detail-eyebrow {
  margin: 0;
  color: var(--merchant-red);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.merchant-return-detail-header h1 {
  margin: 6px 0 0;
  color: var(--merchant-ink);
  font-size: 28px;
  font-weight: 760;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.merchant-return-detail-reason {
  margin: 7px 0 0;
  color: var(--merchant-ink);
  font-size: 15px;
  font-weight: 700;
}
.merchant-return-detail-meta {
  margin: 6px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-return-detail-meta span {
  margin: 0 5px;
  color: #b3b0ad;
}
.merchant-return-detail-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.merchant-return-detail-layout {
  display: block;
  margin-top: 20px;
}
.merchant-return-detail-main {
  display: grid;
  gap: 16px;
}
.merchant-workspace .merchant-return-detail-main {
  padding: 0 !important;
  background: transparent !important;
}
.merchant-return-detail-card {
  padding: 20px;
  border: 1px solid var(--merchant-border);
  border-radius: 14px;
  background: #fff;
}
.merchant-return-detail-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.merchant-return-detail-card-heading h2 {
  margin: 0;
  color: var(--merchant-ink);
  font-size: 16px;
  font-weight: 750;
}
.merchant-return-detail-card-heading p {
  margin: 4px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-return-detail-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 24px;
}
.merchant-return-detail-overview > div {
  display: grid;
  gap: 4px;
}
.merchant-return-detail-overview dt,
.merchant-return-detail-action dt {
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-return-detail-overview dd,
.merchant-return-detail-action dd {
  margin: 0;
  color: var(--merchant-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}
.merchant-return-detail-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.merchant-return-detail-items > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}
.merchant-return-detail-item-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #ffdce1;
  border-radius: 10px;
  background: #fff8f9;
  color: var(--merchant-red);
}
.merchant-return-detail-items strong {
  color: var(--merchant-ink);
  font-size: 13px;
}
.merchant-return-detail-items p {
  margin: 4px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-return-detail-note {
  margin: 0;
  border-radius: 10px;
  background: #faf9f7;
  padding: 12px 14px;
  color: var(--merchant-muted);
  font-size: 13px;
  font-style: normal;
  line-height: 1.45;
}
.merchant-return-detail-evidence {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--merchant-border);
}
.merchant-return-detail-evidence h3 {
  margin: 0 0 9px;
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-return-detail-evidence > p {
  margin: 0;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-return-detail-evidence > div {
  display: flex;
  gap: 8px;
}
.merchant-return-detail-evidence a {
  display: block;
  overflow: hidden;
  width: 90px;
  height: 64px;
  border: 1px solid var(--merchant-border);
  border-radius: 8px;
}
.merchant-return-detail-evidence img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.merchant-return-detail-timeline {
  display: grid;
  gap: 12px;
}
.merchant-return-detail-timeline > div {
  position: relative;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
}
.merchant-return-detail-timeline > div:not(:last-child)::after {
  position: absolute;
  top: 12px;
  bottom: -14px;
  left: 5px;
  width: 1px;
  background: #ffdce1;
  content: '';
}
.merchant-return-detail-timeline > div > span {
  z-index: 1;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  border: 2px solid var(--merchant-red);
  border-radius: 50%;
  background: #fff;
}
.merchant-return-detail-timeline strong {
  display: block;
  color: var(--merchant-ink);
  font-size: 13px;
}
.merchant-return-detail-timeline p {
  margin: 3px 0 0;
  color: var(--merchant-muted);
  font-size: 12px;
  line-height: 1.4;
}
.merchant-return-detail-note-card textarea {
  display: block;
  width: 100%;
  border: 1px solid var(--merchant-border);
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--merchant-ink);
  font-size: 13px;
  outline: none;
  resize: vertical;
}
.merchant-return-detail-note-card textarea:focus {
  border-color: var(--merchant-red);
  box-shadow: 0 0 0 3px #fff1f3;
}
.merchant-return-detail-note-card .merchant-return-secondary-action {
  margin-top: 9px;
}
.merchant-return-detail-action {
  position: sticky;
  top: 82px;
  padding: 20px;
  border: 1px solid #ffdce1;
  border-radius: 14px;
  background: #fffdfd;
}
.merchant-return-detail-header-action {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-end;
  flex-direction: column;
  gap: 6px;
}
.merchant-return-detail-header-action > span {
  color: #929292;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.merchant-return-detail-header-action > p {
  margin: 0;
  color: var(--merchant-muted);
  font-size: 13px;
  font-weight: 650;
}
.merchant-return-detail-header-action .merchant-return-primary-action {
  width: auto;
  min-height: 38px;
  margin: 0;
  padding: 0 14px;
  border-radius: 8px;
  white-space: nowrap;
}
.merchant-workspace .merchant-return-detail-header-action .merchant-return-primary-action {
  border: 1px solid var(--merchant-red) !important;
  background: var(--merchant-red) !important;
  color: #fff !important;
}
.merchant-workspace .merchant-return-detail-header-action .merchant-return-primary-action:hover {
  background: #d90820 !important;
  color: #fff !important;
}
.merchant-return-detail-action h2 {
  margin: 7px 0 0;
  color: var(--merchant-ink);
  font-size: 18px;
  font-weight: 750;
  line-height: 1.2;
}
.merchant-return-detail-action > p:not(.merchant-return-detail-eyebrow) {
  margin: 8px 0 0;
  color: var(--merchant-muted);
  font-size: 13px;
  line-height: 1.45;
}
.merchant-return-detail-action dl {
  display: grid;
  gap: 12px;
  margin: 17px 0 0;
  padding-top: 15px;
  border-top: 1px solid #f0e5e7;
}
.merchant-return-detail-action dl > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}
.merchant-return-detail-action dt {
  flex: 0 0 auto;
  white-space: nowrap;
}
.merchant-return-detail-action dd {
  min-width: 0;
  text-align: right;
}
.merchant-return-detail-action .merchant-return-primary-action {
  margin-top: 18px;
}
@media (max-width: 640px) {
  .merchant-return-detail-header {
    flex-direction: column;
    padding: 18px;
  }
  .merchant-workspace .merchant-return-detail-header {
    padding: 18px !important;
  }
  .merchant-return-detail-header-action {
    width: 100%;
    align-items: flex-start;
  }
  .merchant-return-detail-overview,
  .merchant-return-detail-pair {
    grid-template-columns: 1fr;
  }
  .merchant-return-detail-card {
    padding: 16px;
  }
}
@media (max-width: 900px) {
  .merchant-operational-bar {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px 20px;
  }
  .merchant-store-status {
    width: 100%;
  }
  .merchant-manage-hours {
    margin-left: 0;
  }
  .merchant-dashboard-workarea {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .merchant-workspace .merchant-page-stack {
    gap: 20px;
  }

  .merchant-workspace .merchant-page-content {
    gap: 20px;
  }

  .merchant-workspace main {
    padding: 20px 16px 40px !important;
  }
  .merchant-workspace header {
    padding: 0 16px !important;
  }
  .merchant-workspace .merchant-page-heading h1 {
    font-size: 28px !important;
  }
  .merchant-workspace section[aria-label='Today at a glance'] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .merchant-order-row {
    grid-template-columns: 65px 1fr 18px;
  }
  .merchant-order-time {
    display: none;
  }
}

/* Kept last so the shared dark palette wins over page-specific merchant styles. */
html.dark .merchant-workspace .merchant-operational-bar,
html.dark .merchant-workspace .merchant-panel,
html.dark .merchant-workspace .merchant-returns-queue-card,
html.dark .merchant-workspace .merchant-returns-filters,
html.dark .merchant-workspace .merchant-reservation-queue-card,
html.dark .merchant-workspace .merchant-reservation-filters,
html.dark .merchant-workspace .merchant-return-drawer,
html.dark .merchant-workspace .merchant-return-drawer-footer,
html.dark .merchant-workspace .merchant-reservation-selected-modal,
html.dark .merchant-workspace .merchant-reservation-modal-footer,
html.dark .merchant-workspace .merchant-order-context,
html.dark .merchant-workspace .merchant-order-tab-surface,
html.dark .merchant-workspace .merchant-order-action-rail,
html.dark .merchant-workspace .merchant-return-detail-header,
html.dark .merchant-workspace .merchant-return-detail-card,
html.dark .merchant-workspace .merchant-return-action-rail,
html.dark .merchant-workspace .merchant-return-detail-action,
html.dark .merchant-workspace .merchant-reservation-tabs {
  background: #1e293b !important;
  border-color: #475569 !important;
}

/* Order feed: keep empty states and table headers legible on the dark palette. */
html.dark .merchant-workspace .merchant-order-feed-empty,
html.dark .merchant-workspace .merchant-order-data-table,
html.dark .merchant-workspace .merchant-order-legacy-table,
html.dark .merchant-workspace .merchant-order-table-wrap {
  background: #1e293b !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-order-feed-empty h3 {
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-order-feed-empty p {
  color: #c9c0b9 !important;
}
html.dark .merchant-workspace .merchant-order-data-table thead,
html.dark .merchant-workspace .merchant-order-legacy-table thead,
html.dark .merchant-workspace .merchant-order-table-wrap thead {
  background: #263650 !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-order-data-table th,
html.dark .merchant-workspace .merchant-order-legacy-table th,
html.dark .merchant-workspace .merchant-order-table-wrap th {
  color: #d8d0c9 !important;
}
html.dark .merchant-workspace .merchant-order-filters {
  background: #1e293b !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-order-filters input,
html.dark .merchant-workspace .merchant-order-filters select {
  background: #0f172a !important;
  border-color: #4a433e !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-order-filters input::-moz-placeholder {
  color: #9d938a !important;
}
html.dark .merchant-workspace .merchant-order-filters input::placeholder {
  color: #9d938a !important;
}
html.dark .merchant-workspace .merchant-order-action-button {
  background: #263650 !important;
  border: 1px solid #4a433e !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-order-action-button:hover {
  background: #402229 !important;
  border-color: #f20a24 !important;
  color: #ff6b7b !important;
}
html.dark .merchant-workspace .merchant-order-data-table > div:last-child button {
  background: #263650 !important;
  border-color: #4a433e !important;
  color: #f5f2ef !important;
}
html.dark
  .merchant-workspace
  .merchant-order-data-table
  > div:last-child
  button:hover:not(:disabled) {
  background: #402229 !important;
  border-color: #f20a24 !important;
  color: #ff6b7b !important;
}
html.dark
  .merchant-workspace
  .merchant-order-data-table
  > div:last-child
  button[class*='bg-blue-600'] {
  background: #f20a24 !important;
  border-color: #f20a24 !important;
  color: #ffffff !important;
}
html.dark .merchant-workspace .merchant-settings-nav {
  background: #0f172a !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-settings-nav button {
  color: #c9c0b9 !important;
}
html.dark .merchant-workspace .merchant-settings-nav button:hover {
  background: #263650 !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-settings-nav button[class*='bg-[#FFF1F3]'] {
  background: #402229 !important;
  color: #ff6b7b !important;
}
.merchant-settings-nav button:not([class*='bg-[#FFF1F3]']) {
  background: transparent !important;
}
.merchant-settings-nav button:not([class*='bg-[#FFF1F3]']):hover {
  background: #f2f0ee !important;
}
html.dark .merchant-workspace .merchant-settings-nav button:not([class*='bg-[#FFF1F3]']):hover {
  background: #263650 !important;
}
html.dark .merchant-workspace .merchant-settings-nav button {
  background: transparent !important;
}
html.dark .merchant-workspace .merchant-settings-nav button[class*='bg-[#FFF1F3]'] {
  background: #402229 !important;
}
html.dark .merchant-workspace .merchant-settings-nav button:not([class*='bg-[#FFF1F3]']):hover {
  background: #263650 !important;
}
html.dark .merchant-workspace button[aria-pressed='true'] {
  background: #402229 !important;
  border-color: #ff6b7b !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace button[aria-pressed='false'] {
  background: #1e293b !important;
  border-color: #4a433e !important;
  color: #d8d0c9 !important;
}
html.dark .merchant-workspace button[aria-pressed='true'] span:first-child {
  color: #ff6b7b !important;
}
html.dark .merchant-workspace .merchant-settings-dialog {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-settings-dialog .merchant-settings-modal-header,
html.dark .merchant-workspace .merchant-settings-dialog > footer {
  background: #111c2e !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-settings-dialog [class*='text-[#172033]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='text-[#171717]'] {
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-settings-dialog [class*='text-[#77716C]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='text-[#6F6B67]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='text-[#8A837D]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='text-[#99918A]'] {
  color: #b8b0a9 !important;
}
html.dark .merchant-workspace .merchant-settings-dialog [class*='border-[#E8E4E0]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='border-[#EEEAE6]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='border-[#EFECE9]'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='border-[#DDD7D1]'] {
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-settings-dialog [class*='divide-'] > :not(:last-child) {
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-operating-hours-settings input[type='time'] {
  background: #0f172a !important;
  border-color: #4a433e !important;
  color: #f5f2ef !important;
  color-scheme: dark;
}
html.dark .merchant-workspace .merchant-operating-hours-day[aria-pressed='true'] {
  background: #402229 !important;
  color: #f5f2ef !important;
  box-shadow: inset 3px 0 0 #ff6b7b !important;
}
html.dark .merchant-workspace .merchant-operating-hours-day[aria-pressed='true'] span {
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-operating-hours-day-card[aria-pressed='true'] {
  background: #402229 !important;
  border-color: #ff6b7b !important;
  color: #f5f2ef !important;
  box-shadow: inset 3px 0 0 #ff6b7b !important;
}
html.dark
  .merchant-workspace
  .merchant-operating-hours-day-card[aria-pressed='true']
  [class*='text-'] {
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .merchant-settings-dialog .overflow-y-auto {
  scrollbar-color: #5a514b #0f172a;
  scrollbar-width: thin;
}
html.dark .merchant-workspace .merchant-settings-dialog .overflow-y-auto::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html.dark .merchant-workspace .merchant-settings-dialog .overflow-y-auto::-webkit-scrollbar-track {
  background: #0f172a;
}
html.dark .merchant-workspace .merchant-settings-dialog .overflow-y-auto::-webkit-scrollbar-thumb {
  background: #5a514b;
  border: 2px solid #0f172a;
  border-radius: 999px;
}
html.dark
  .merchant-workspace
  .merchant-settings-dialog
  .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #8a7e74;
}
/* Shared dark-mode badge palette for merchant status pills and chips. */
html.dark .merchant-workspace [class*='bg-green-50'] {
  background: #173329 !important;
  color: #9be0bd !important;
  border-color: #2f7654 !important;
}
html.dark .merchant-workspace [class*='bg-green-100'] {
  background: #1d4937 !important;
  color: #b8f0d0 !important;
  border-color: #3a8a63 !important;
}
html.dark .merchant-workspace [class*='bg-emerald-100'] {
  background: #1d4937 !important;
  color: #b8f0d0 !important;
  border-color: #3a8a63 !important;
}
html.dark .merchant-workspace [class*='bg-slate-50'],
html.dark .merchant-workspace [class*='bg-slate-100'] {
  background: #263650 !important;
  color: #d8d0c9 !important;
  border-color: #4a433e !important;
}
html.dark .merchant-workspace [class*='bg-slate-50'][class*='border-slate-200'],
html.dark .merchant-workspace [class*='bg-slate-100'][class*='border-slate-200'] {
  background: #475569 !important;
  color: #f5f2ef !important;
  border-color: #5a514b !important;
}
html.dark .merchant-workspace [class*='bg-amber-50'] {
  background: #3a2d1e !important;
  color: #f2c77c !important;
  border-color: #8a642f !important;
}
html.dark .merchant-workspace [class*='bg-red-50'] {
  background: #402229 !important;
  color: #ff9aa6 !important;
  border-color: #8a3948 !important;
}
html.dark .merchant-workspace [class*='bg-blue-50'] {
  background: #1d304a !important;
  color: #a9c9f2 !important;
  border-color: #3d618f !important;
}
html.dark
  .merchant-workspace
  .merchant-operating-hours-settings
  > div:not([class*='bg-emerald']):not([class*='bg-amber']) {
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-settings-dialog [class*='bg-emerald-50'] {
  background: #173329 !important;
  border-color: #2f7654 !important;
  color: #9be0bd !important;
}
html.dark .merchant-workspace .merchant-settings-dialog [class*='bg-amber-50'] {
  background: #3a2d1e !important;
  border-color: #8a642f !important;
  color: #f2c77c !important;
}
html.dark .merchant-workspace .merchant-returns-data-table thead,
html.dark .merchant-workspace .merchant-returns-data-table thead tr,
html.dark .merchant-workspace .merchant-returns-data-table thead th {
  background: #263650 !important;
  border-color: #475569 !important;
  color: #d8d0c9 !important;
}
html.dark .merchant-workspace .merchant-order-data-table tbody td,
html.dark .merchant-workspace .merchant-returns-data-table tbody td,
html.dark .merchant-workspace .merchant-reservation-table tbody td,
html.dark .merchant-workspace .merchant-reservation-table tbody tr,
html.dark .merchant-workspace .merchant-reservation-data-table tbody td,
html.dark .merchant-workspace .merchant-reservation-data-table tbody tr,
html.dark .merchant-workspace .merchant-catalogue-data-table tbody td {
  background: #1e293b !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .merchant-order-data-table thead,
html.dark .merchant-workspace .merchant-returns-data-table thead,
html.dark .merchant-workspace .merchant-reservation-data-table thead,
html.dark .merchant-workspace .merchant-catalogue-data-table thead {
  background: #263650 !important;
}
html.dark .merchant-workspace .merchant-order-row,
html.dark .merchant-workspace .merchant-health-stat {
  border-color: #475569;
  color: #c9c0b9;
}
html.dark .merchant-workspace .merchant-order-row:hover {
  background: #263650;
}
html.dark .merchant-workspace .merchant-store-status span:not(.merchant-status-dot),
html.dark .merchant-workspace .merchant-toggle-control,
html.dark .merchant-workspace .merchant-health-stat span,
html.dark .merchant-workspace .merchant-empty-state {
  color: #c9c0b9;
}
html.dark .merchant-workspace .merchant-return-note,
html.dark .merchant-workspace .merchant-return-detail-note,
html.dark .merchant-workspace .merchant-reservation-modal-summary,
html.dark .merchant-workspace .merchant-return-item-placeholder {
  background: #263650;
  border-color: #475569;
}
html.dark .merchant-workspace .merchant-sidebar-branch .branch-switcher-trigger {
  background: #263650 !important;
  border-color: #475569 !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .workspace-navigation > div:first-child {
  border-color: #475569 !important;
}
html.dark .merchant-workspace .workspace-navigation > div:nth-child(2) {
  background: #0f172a !important;
  border-color: #475569 !important;
}
html.dark .merchant-workspace .workspace-navigation nav a,
html.dark .merchant-workspace .workspace-navigation nav button {
  color: #d8d0c9 !important;
}
html.dark .merchant-workspace .workspace-navigation nav a > span:first-child,
html.dark .merchant-workspace .workspace-navigation nav button > span:first-child {
  color: #b8b0a9 !important;
}
html.dark .merchant-workspace .workspace-navigation nav a:hover,
html.dark .merchant-workspace .workspace-navigation nav button:hover {
  background: #263650 !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .workspace-navigation nav a[aria-current='page'],
html.dark .merchant-workspace .workspace-navigation nav a[class*='bg-white/10'] {
  background: #402229 !important;
  color: #f5f2ef !important;
}
html.dark .merchant-workspace .workspace-navigation nav a[aria-current='page'] > span:first-child,
html.dark .merchant-workspace .workspace-navigation nav a[class*='bg-white/10'] > span:first-child {
  color: #ff6b7b !important;
}
html.dark .merchant-workspace .workspace-navigation nav button[class*='bg-white/5'] {
  color: #9d938a !important;
}
html.dark .merchant-workspace .workspace-navigation nav button[class*='bg-white/5'] svg {
  color: #9d938a !important;
}
html.dark .merchant-workspace .workspace-navigation > div:last-child {
  border-color: #475569 !important;
}
html.dark .merchant-workspace .workspace-navigation > div:last-child p {
  color: #b8b0a9 !important;
}
html.dark .merchant-workspace .workspace-navigation > div:last-child button {
  color: #d8d0c9 !important;
}

/* Admin uses the merchant shell, with its own account context and routes. */
.admin-workspace-caption {
  margin-top: 6px;
  color: var(--merchant-muted);
  font-size: 12px;
}
.merchant-workspace .workspace-navigation[data-collapsed='true'] {
  width: 72px !important;
  min-width: 72px !important;
  padding-inline: 8px !important;
}
.merchant-workspace .workspace-navigation[data-collapsed='true'] > div:first-child {
  height: auto;
  min-height: 96px;
  flex-direction: column;
  gap: 8px;
  margin-inline: 0;
  padding: 12px 0;
}
.merchant-workspace .workspace-navigation[data-collapsed='true'] nav a {
  padding-inline: 0 !important;
  justify-content: center;
}
.admin-workspace button:focus-visible,
.admin-workspace a:focus-visible {
  outline: 2px solid var(--merchant-red) !important;
  outline-offset: 3px;
}
@media (max-width: 640px) {
  .admin-workspace .merchant-topbar-title > span:nth-child(n + 4),
  .admin-workspace .merchant-user-name {
    display: none;
  }
}

/* Preserve admin page actions that merchant pages place inside their content. */
.admin-workspace header > div > div:last-child > div:first-child:not(.dashboard-header-actions) {
  display: block !important;
}
.admin-workspace header button[title='Refresh'] {
  display: inline-flex !important;
}
@media (min-width: 640px) {
  .admin-workspace header .dashboard-header-actions {
    display: flex !important;
  }
}
/* Section titles are labels, not the icon slot used by navigation links. */
.merchant-workspace .workspace-navigation nav button[class*='bg-white/5'] > span:first-child {
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
}
.operational-workspace {
  --brand-red: #f20a24;
  --brand-red-soft: #fff1f3;
  --brand-ink: #171717;
  --brand-muted: #686868;
  --brand-border: #eae7e4;
  --brand-bg: #faf9f7;
}
.operational-workspace main,
.operational-workspace .delivery-main-shell {
  background: var(--brand-bg) !important;
  color: var(--brand-ink);
}
.operational-workspace .workspace-navigation {
  width: 240px !important;
  min-width: 240px !important;
  background: #fff !important;
  border-right: 1px solid var(--brand-border) !important;
  box-shadow: none !important;
  color: var(--brand-ink) !important;
}
.operational-workspace .workspace-navigation nav a,
.operational-workspace .workspace-navigation nav button {
  min-height: 42px;
  border-radius: 10px;
  color: #454545 !important;
}
.operational-workspace .workspace-navigation nav a[aria-current='page'],
.operational-workspace .workspace-navigation nav a[class*='bg-white/10'] {
  background: var(--brand-red-soft) !important;
  border-left: 0 !important;
  color: var(--brand-ink) !important;
}
.operational-workspace header {
  height: 64px;
  background: #fff !important;
  border-bottom-color: var(--brand-border) !important;
}
.operational-workspace header h1,
.operational-workspace .merchant-page-heading h1 {
  color: var(--brand-ink) !important;
}
.operational-workspace .merchant-page-heading p,
.operational-workspace header p {
  color: var(--brand-muted) !important;
}
.operational-workspace aside[data-collapsed='true'] {
  width: 72px !important;
  min-width: 72px !important;
}
.operational-workspace .delivery-main-shell {
  max-width: 1440px;
  margin-inline: auto;
}
.operational-workspace input:not([type='checkbox']):not([type='radio']),
.operational-workspace select,
.operational-workspace textarea {
  min-height: 44px;
  border-color: var(--brand-border) !important;
  border-radius: 10px !important;
}
.operational-workspace button:focus-visible,
.operational-workspace a:focus-visible,
.operational-workspace input:focus-visible,
.operational-workspace select:focus-visible,
.operational-workspace textarea:focus-visible {
  outline: 2px solid var(--brand-red) !important;
  outline-offset: 2px;
}
.operational-workspace [class*='bg-blue-600'],
.operational-workspace [class*='bg-indigo-600'] {
  background-color: var(--brand-red) !important;
}
.operational-workspace [class*='text-blue-600'],
.operational-workspace [class*='text-indigo-600'] {
  color: var(--brand-red) !important;
}
.operational-workspace [class*='bg-[#0A1F44]'],
.operational-workspace [class*='bg-[#123E72]'] {
  background-color: var(--brand-red-soft) !important;
  color: var(--brand-ink) !important;
}
.operational-workspace [class*='text-[#0A1F44]'],
.operational-workspace [class*='text-[#123E72]'] {
  color: var(--brand-ink) !important;
}
.operational-workspace [class*='bg-gradient'] {
  background-image: none !important;
  background-color: #fff !important;
}
/* Preserve the real merchant branding banner image overlay. The broad
   gradient normalization above is for legacy workspace cards and must not
   flatten this media layer to white. */
.operational-workspace .merchant-branding-banner-overlay {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.55),
    rgba(0, 0, 0, 0.05) 50%,
    transparent
  ) !important;
  background-color: transparent !important;
}
.operational-workspace button[class*='bg-[#0A1F44]'],
.operational-workspace button[class*='bg-[#123E72]'] {
  background-color: var(--brand-red) !important;
  color: #fff !important;
}
.admin-workspace .delivery-main-shell [class~='shadow-sm'],
.admin-workspace .delivery-main-shell [class~='shadow-md'] {
  box-shadow: none;
}
.admin-workspace .delivery-main-shell [class~='border-slate-200'],
.admin-workspace .delivery-main-shell [class~='border-gray-200'] {
  border-color: var(--merchant-border);
}
.admin-workspace .delivery-main-shell button[class*='bg-[#0A1F44]'],
.admin-workspace .delivery-main-shell button[class*='bg-slate-900'] {
  background-color: var(--merchant-red);
  color: white;
}

.admin-workspace aside > div:first-child {
  background: #fff !important;
  border: 1px solid var(--merchant-border) !important;
  color: var(--merchant-ink) !important;
}
.admin-workspace aside > div:first-child p {
  color: var(--merchant-ink) !important;
}
.admin-workspace aside > div:first-child p[class*='text-white/'] {
  color: var(--merchant-muted) !important;
}
.admin-workspace aside > div:first-child button[class*='bg-white/'] {
  background: #f7f6f4 !important;
  border-color: var(--merchant-border) !important;
  color: var(--merchant-ink) !important;
}
.admin-workspace aside > div:first-child button[class*='bg-primary'] {
  background: var(--merchant-red) !important;
  color: #fff !important;
}

/* Keep the navigation surface out of content color overrides. */
.operational-workspace .workspace-navigation {
  background-color: #fff !important;
}
html.dark .operational-workspace .workspace-navigation {
  background-color: #111c2e !important;
}

html.dark .admin-workspace .workspace-navigation {
  background: #111c2e !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .workspace-navigation > div:first-child > div:first-child {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.dark .admin-workspace .workspace-navigation > div:first-child {
  background: transparent !important;
  border: 0 !important;
}

html.dark .admin-workspace .workspace-navigation > div:first-child > div:first-child > div:first-child {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.dark .admin-workspace .workspace-navigation > div:first-child > button {
  background: #1e293b !important;
  color: #cbd5e1 !important;
}

html.dark .admin-workspace .workspace-navigation > div:first-child > button:hover {
  background: #263650 !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .workspace-navigation > div:nth-child(2) {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .admin-workspace .merchant-sidebar-branch {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .admin-workspace .merchant-sidebar-branch-name,
html.dark .admin-workspace .merchant-sidebar-branch .admin-workspace-caption {
  color: #f8fafc !important;
}

html.dark .admin-workspace .workspace-navigation > div:last-child {
  border-color: #334155 !important;
}

html.dark .admin-workspace .workspace-navigation > div:last-child > div {
  border-color: #3b4a63 !important;
  background: #1e293b !important;
}

html.dark .admin-workspace .workspace-navigation > div:last-child p:first-child {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .workspace-navigation > div:last-child p:last-child {
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-route-content :where(section, div).admin-management-panel,
html.dark .admin-workspace .admin-route-content > :where(section, div):has(table),
html.dark .admin-workspace .admin-route-content
  > :where(section, div)
  > :where(section, div):has(table):not(.grid),
html.dark .admin-workspace .admin-route-content
  > :where(section, div)
  > :where(section, div)
  > section:has(table),
html.dark .admin-workspace .admin-route-content .overflow-x-auto:has(> table) {
  background: #1e293b !important;
  border-color: #3b4a63 !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-route-content .admin-users-sections {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 16px !important;
}

html.dark #root .admin-workspace .admin-route-content section.admin-users-sections {
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 16px !important;
}

html.dark .admin-workspace .admin-route-content > .transition > section.space-y-4 {
  padding: 16px !important;
}

html.dark .admin-workspace .admin-management-tabs > :first-child {
  border-color: #475569 !important;
  background: #111c2e !important;
}

html.dark .admin-workspace .admin-management-panel > header h2 {
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-management-tabs button {
  color: #cbd5e1 !important;
}

html.dark .admin-workspace .admin-management-tabs button:hover {
  background: #263650 !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-management-tabs button[aria-selected='true'],
html.dark .admin-workspace .admin-management-tabs button[data-active='true'] {
  background: #4c1d2b !important;
  color: #fecdd3 !important;
}

html.dark .admin-workspace .admin-summary-helper {
  border-color: #475569 !important;
  background: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .admin-workspace .admin-audit-logs-filters,
html.dark .admin-workspace .admin-audit-logs-table {
  border-color: #3b4a63 !important;
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-audit-logs-filters label {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-audit-logs-filters input,
html.dark .admin-workspace .admin-audit-logs-filters select {
  border-color: #475569 !important;
  background: #111c2e !important;
  color: #f8fafc !important;
}

html.dark #root .admin-workspace .admin-route-content .admin-audit-logs-filters input,
html.dark #root .admin-workspace .admin-route-content .admin-audit-logs-filters select {
  border: 1px solid #475569 !important;
  background: #111c2e !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-audit-logs-filters input::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-audit-logs-filters input::placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-audit-logs-table thead {
  background: #263650 !important;
}

html.dark .admin-workspace .admin-audit-logs-table tbody tr {
  border-color: #3b4a63 !important;
}

html.dark .admin-workspace .admin-audit-logs-table tbody tr:hover {
  background: #263650 !important;
}

html.dark .admin-workspace .admin-management-panel {
  border-color: #3b4a63 !important;
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-management-panel input,
html.dark .admin-workspace .admin-management-panel select {
  border-color: #475569 !important;
  background: #111c2e !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-management-panel input::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-management-panel input::placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-route-content > .delivery-card-surface {
  border-color: #3b4a63 !important;
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-route-content > .delivery-card-surface h4 {
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-route-content > .delivery-card-surface p {
  color: #94a3b8 !important;
}

.admin-compliance-inspection-overlay {
  background: rgba(15, 23, 42, 0.72);
}

.admin-compliance-inspection-modal {
  --brand-dark: #0f172a;
  --brand-ink: #0f172a;
  --brand-muted: #64748b;
  --brand-border: #e2e8f0;
  --brand-border-strong: #cbd5e1;
  --brand-bg-elevated: #ffffff;
  --brand-bg-muted: #f8fafc;
  background: #ffffff;
  color: #0f172a;
}

.admin-compliance-inspection-header {
  position: sticky;
  top: -24px;
  z-index: 2;
  padding-top: 2px;
  background: #ffffff;
}

.admin-compliance-inspection-section-header {
  background: #f8fafc;
}

.admin-compliance-inspection-document-row {
  transition: background-color 160ms ease;
}

.admin-compliance-inspection-document-row:hover {
  background: #f8fafc;
}

html.dark .admin-compliance-inspection-overlay {
  background: rgba(2, 6, 23, 0.82);
}

html.dark .admin-compliance-inspection-modal {
  --brand-dark: #f8fafc;
  --brand-ink: #f8fafc;
  --brand-muted: #94a3b8;
  --brand-border: #334155;
  --brand-border-strong: #475569;
  --brand-bg-elevated: #1e293b;
  --brand-bg-muted: #263650;
  background: #111c2e !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
  scrollbar-color: #475569 #111c2e;
  scrollbar-width: thin;
}

html.dark .admin-compliance-inspection-modal::-webkit-scrollbar {
  width: 8px;
}

html.dark .admin-compliance-inspection-modal::-webkit-scrollbar-track {
  background: #111c2e;
}

html.dark .admin-compliance-inspection-modal::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 999px;
}

html.dark .admin-compliance-inspection-header {
  background: #111c2e;
  border-color: #334155 !important;
}

html.dark .admin-compliance-inspection-summary-card,
html.dark .admin-compliance-inspection-documents,
html.dark .admin-compliance-inspection-consents {
  border-color: #334155 !important;
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .admin-compliance-inspection-section-header {
  background: #263650;
  border-color: #334155 !important;
}

html.dark .admin-compliance-inspection-document-row:hover {
  background: #263650;
}

html.dark .admin-compliance-inspection-modal .bg-white {
  background: #1e293b !important;
}

html.dark .admin-compliance-inspection-modal button[class*='bg-indigo-50'] {
  background: #263650 !important;
  color: #bfdbfe !important;
}

html.dark .admin-compliance-inspection-modal button[class*='bg-emerald-50'] {
  background: #173329 !important;
  color: #a7f3d0 !important;
}

html.dark .admin-compliance-inspection-modal button[class*='bg-rose-50'] {
  background: #402229 !important;
  color: #fecdd3 !important;
}

html.dark .admin-compliance-inspection-modal button[class*='bg-slate-50'] {
  background: #263650 !important;
  color: #cbd5e1 !important;
}

.admin-compliance-decision-card {
  background: #ffffff;
  color: #0f172a;
}

html.dark .admin-compliance-decision-card {
  border-color: #475569 !important;
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .admin-compliance-decision-card h3 {
  color: #f8fafc !important;
}

html.dark .admin-compliance-decision-card p,
html.dark .admin-compliance-decision-card label {
  color: #cbd5e1 !important;
}

html.dark .admin-compliance-decision-select {
  border-color: #475569 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .admin-compliance-decision-select option {
  background: #0f172a;
  color: #f8fafc;
}

html.dark .admin-compliance-decision-card .text-slate-400 {
  color: #94a3b8 !important;
}

html.dark .admin-compliance-decision-update:disabled {
  border: 1px solid #475569;
  background: #263650 !important;
  color: #cbd5e1 !important;
}

.admin-compliance-action-overlay {
  background: rgba(15, 23, 42, 0.72);
}

.admin-compliance-action-modal {
  --brand-dark: #0f172a;
  --brand-muted: #64748b;
  --brand-border: #e2e8f0;
  background: #ffffff;
  color: #0f172a;
}

html.dark .admin-compliance-action-overlay {
  background: rgba(2, 6, 23, 0.84);
}

html.dark .admin-compliance-action-modal {
  --brand-dark: #f8fafc;
  --brand-muted: #94a3b8;
  --brand-border: #334155;
  background: #111c2e !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .admin-compliance-action-modal h3 {
  color: #f8fafc !important;
}

html.dark .admin-compliance-action-modal p,
html.dark .admin-compliance-action-modal label {
  color: #94a3b8 !important;
}

html.dark .admin-compliance-action-modal span.text-slate-900 {
  color: #f8fafc !important;
}

html.dark .admin-compliance-action-notes {
  border-color: #475569 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .admin-compliance-action-notes::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-compliance-action-notes::placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-compliance-action-modal button[class*='bg-emerald-100'] {
  background: #173329 !important;
}

html.dark .admin-compliance-action-modal button[class*='bg-emerald-50'] {
  background: #173329 !important;
  color: #a7f3d0 !important;
}

html.dark .admin-compliance-action-modal button[class*='bg-rose-50'] {
  background: #402229 !important;
  color: #fecdd3 !important;
}

html.dark .admin-compliance-action-modal button[class*='bg-indigo-50'] {
  background: #263650 !important;
  color: #bfdbfe !important;
}

html.dark .admin-compliance-action-modal button[class*='border-[var(--brand-border'] {
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

/* Merchant home dark-mode normalization. These rules come last so the
   operational workspace palette wins over legacy light-mode utility classes. */
html.dark .merchant-workspace {
  --brand-ink: #f8fafc !important;
  --brand-muted: #94a3b8 !important;
  --brand-border: #475569 !important;
  --brand-bg: #0f172a !important;
  --merchant-ink: #f8fafc !important;
  --merchant-muted: #cbd5e1 !important;
  --merchant-bg: #0f172a !important;
  --merchant-border: #475569 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace main,
html.dark .merchant-workspace .delivery-main-shell,
html.dark .merchant-workspace .delivery-content-shell {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-page-heading h1,
html.dark .merchant-workspace [class*='text-[#0A1F44]'],
html.dark .merchant-workspace [class*='text-[#172033]'] {
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-page-heading p,
html.dark .merchant-workspace [class*='text-[#64748B]'],
html.dark .merchant-workspace [class*='text-[#94A3B8]'] {
  color: #cbd5e1 !important;
}

html.dark .merchant-workspace .merchant-operational-bar,
html.dark .merchant-workspace .delivery-feature-card,
html.dark .merchant-workspace .delivery-card-surface {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-store-status p,
html.dark .merchant-workspace .merchant-toggle-control {
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-store-status span:not(.merchant-status-dot) {
  color: #cbd5e1 !important;
}

html.dark .merchant-workspace .merchant-home-kpi-value-neutral {
  color: #dbeafe !important;
}

html.dark .merchant-workspace .merchant-home-kpi-icon {
  color: #bfdbfe !important;
}

html.dark .merchant-workspace [class*='bg-[#F1F5F9]'],
html.dark .merchant-workspace [class*='bg-[#F3F1EF]'],
html.dark .merchant-workspace [class*='bg-[#CBD5E1]'] {
  background: #334155 !important;
  border-color: #475569 !important;
}

html.dark .merchant-workspace [class*='bg-emerald-50'] {
  background: #173329 !important;
}

html.dark .merchant-workspace [class*='bg-amber-50'] {
  background: #3a2d1e !important;
}

html.dark .merchant-workspace [class*='bg-red-50'] {
  background: #402229 !important;
}

html.dark .merchant-workspace .merchant-workspace input,
html.dark .merchant-workspace input,
html.dark .merchant-workspace select,
html.dark .merchant-workspace textarea {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace input::-moz-placeholder, html.dark .merchant-workspace textarea::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .merchant-workspace input::placeholder,
html.dark .merchant-workspace textarea::placeholder {
  color: #94a3b8 !important;
}

html.dark .merchant-workspace .merchant-operational-bar button:not(.merchant-manage-hours) {
  background: #475569;
}

html.dark .merchant-workspace .merchant-operational-bar button:has(span.is-on) {
  background: var(--merchant-red);
}

html.dark .merchant-workspace .workspace-navigation {
  background: #111c2e !important;
  border-right-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .workspace-navigation > div:first-child {
  background: #111c2e !important;
  border-bottom-color: #334155 !important;
}

html.dark .merchant-workspace .merchant-sidebar-branch {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .workspace-navigation > div:nth-child(2) {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html.dark .merchant-workspace .merchant-sidebar-branch .branch-switcher-menu {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html.dark .merchant-workspace .workspace-navigation > div:last-child {
  border-color: #334155 !important;
}

html.dark .merchant-workspace .merchant-panel {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-health-stat {
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

.admin-workspace .merchant-sidebar-nav {
  scrollbar-width: thin;
  scrollbar-color: #475569 transparent;
}

.admin-workspace .merchant-sidebar-nav::-webkit-scrollbar {
  width: 6px;
}

.admin-workspace .merchant-sidebar-nav::-webkit-scrollbar-track {
  background: transparent;
}

.admin-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 999px;
}

.admin-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

html.dark .admin-workspace .merchant-sidebar-nav {
  scrollbar-color: #475569 transparent !important;
}

html.dark .admin-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb {
  background: #475569 !important;
}

html.dark .admin-workspace .merchant-sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: #64748b !important;
}

.admin-workspace .admin-legal-documents-filters {
  padding: 16px;
  border: 1px solid var(--brand-border, #e2e8f0);
  border-radius: 16px;
  background: #f8fafc;
}

.admin-workspace .admin-legal-documents-filters input,
.admin-workspace .admin-legal-documents-filters select {
  min-height: 44px;
  background: #fff;
}

.admin-workspace .admin-legal-documents-cosigner {
  box-shadow: none !important;
}

html.dark .admin-workspace .admin-legal-documents-filters {
  border-color: #3b4a63 !important;
  background: #111c2e !important;
}

html.dark .admin-workspace .admin-legal-documents-filters input,
html.dark .admin-workspace .admin-legal-documents-filters select {
  border-color: #475569 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark #root .admin-workspace .admin-route-content .admin-legal-documents-filters input,
html.dark #root .admin-workspace .admin-route-content .admin-legal-documents-filters select {
  border: 1px solid #475569 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-legal-documents-filters input::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-legal-documents-filters input::placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-legal-documents-cosigner {
  border-color: #2f7d62 !important;
  background: #173329 !important;
}

html.dark .admin-workspace .admin-legal-documents-cosigner .text-emerald-950,
html.dark .admin-workspace .admin-legal-documents-cosigner .text-emerald-800,
html.dark .admin-workspace .admin-legal-documents-cosigner .text-emerald-700 {
  color: #a7f3d0 !important;
}

html.dark .admin-workspace .admin-legal-documents-cosigner [class*='bg-emerald-100'] {
  background: #245541 !important;
  color: #a7f3d0 !important;
}

html.dark .admin-workspace .admin-route-content table {
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-route-content table thead {
  background: #263650 !important;
}

html.dark .admin-workspace .admin-route-content table td,
html.dark .admin-workspace .admin-route-content table th,
html.dark .admin-workspace .admin-route-content table tbody tr {
  border-color: #3b4a63 !important;
}

html.dark .admin-workspace .admin-route-content table tbody tr:hover {
  background: #263650 !important;
}

html.dark .admin-workspace .admin-route-content input,
html.dark .admin-workspace .admin-route-content select,
html.dark .admin-workspace .admin-route-content textarea {
  background: #111c2e !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .admin-workspace .admin-route-content input::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .admin-workspace .admin-route-content input::placeholder {
  color: #94a3b8 !important;
}

/* Visible handover verification for the rebuilt merchant order workspace. The legacy order
   layout still contains the original workflow, but it is intentionally hidden by the workspace
   redesign; keep this surface aligned with the new flat, red-accented merchant language. */
.merchant-order-rebuilt .merchant-order-handover-card {
  grid-column: 1;
  grid-row: 5;
  border-color: #f0d9dc;
  background: #fff;
}

.merchant-order-handover-heading-copy {
  margin-top: 4px;
  color: #686868;
  font-size: 12px;
  line-height: 1.45;
}

.merchant-order-handover-card > .merchant-order-section-heading > div:first-child > span {
  display: block;
}

.merchant-order-handover-driver {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 12px;
  margin-top: 18px;
}

.merchant-order-handover-driver__identity,
.merchant-order-handover-pin {
  min-height: 92px;
  border-radius: 14px;
  padding: 16px;
}

.merchant-order-handover-driver__identity {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #171717;
  color: #fff;
}

.merchant-order-handover-avatar {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #f20a24;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.merchant-order-handover-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.merchant-order-handover-driver__identity small,
.merchant-order-handover-pin small {
  display: block;
  color: #a9a9a9;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.merchant-order-handover-driver__identity strong {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.3;
}

.merchant-order-handover-driver__identity span {
  display: block;
  margin-top: 3px;
  color: #d2d2d2;
  font-size: 12px;
}

.merchant-order-handover-pin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff8f9;
  text-align: center;
}

.merchant-order-handover-pin small {
  color: #8a8a8a;
}

.merchant-order-handover-pin strong {
  margin-top: 4px;
  color: #171717;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.24em;
  line-height: 1;
}

.merchant-order-handover-pin span {
  margin-top: 6px;
  color: #8a8a8a;
  font-size: 10px;
}

.merchant-order-handover-checklist {
  margin-top: 14px;
  border: 1px solid #eae7e4;
  border-radius: 14px;
  background: #fcfaf8;
  padding: 16px;
}

.merchant-order-handover-checklist__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
}

.merchant-order-handover-checklist__heading strong,
.merchant-order-handover-checklist__heading span {
  display: block;
}

.merchant-order-handover-checklist__heading strong {
  color: #171717;
  font-size: 14px;
}

.merchant-order-handover-checklist__heading span {
  margin-top: 4px;
  color: #686868;
  font-size: 12px;
  line-height: 1.45;
}

.merchant-order-handover-checklist__heading svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #f20a24;
}

.merchant-order-handover-checklist > label {
  display: grid;
  gap: 6px;
  color: #686868;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.merchant-order-handover-checklist > label input[type='text'] {
  min-height: 44px;
  border: 1px solid #dedede;
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
  color: #171717;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  outline: none;
  text-transform: none;
}

.merchant-order-handover-checklist > label input[type='text']:focus {
  border-color: #171717;
  box-shadow: 0 0 0 3px #fff1f3;
}

.merchant-order-handover-items {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.merchant-order-handover-items > label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 44px;
  cursor: pointer;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background: #fff;
  padding: 10px 12px;
}

.merchant-order-handover-items > label.is-checked {
  border-color: #b9dfc4;
  background: #f1fbf3;
}

.merchant-order-handover-items input[type='checkbox'] {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-top: 1px;
  accent-color: #f20a24;
}

.merchant-order-handover-items > label span {
  display: grid;
  gap: 2px;
}

.merchant-order-handover-items strong {
  color: #171717;
  font-size: 13px;
  line-height: 1.35;
}

.merchant-order-handover-items small {
  color: #8a8a8a;
  font-size: 11px;
}

.merchant-order-handover-checklist > button {
  display: inline-flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  border: 1px solid #f20a24;
  border-radius: 10px;
  background: #f20a24;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  transition:
    background-color 0.15s ease,
    opacity 0.15s ease;
}

.merchant-order-handover-checklist > button:hover:not(:disabled) {
  background: #d90820;
}

.merchant-order-handover-checklist > button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.merchant-order-handover-checklist > button.is-saved {
  border-color: #b9dfc4;
  background: #f1fbf3;
  color: #18733a;
}

.merchant-order-handover-checklist > button svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 700px) {
  .merchant-order-handover-driver {
    grid-template-columns: 1fr;
  }

  .merchant-order-handover-pin {
    min-height: 82px;
  }
}
/* Shared dark treatment for the form side of public authentication screens. */
html.dark .auth-login,
html.dark .auth-register,
html.dark .auth-otp,
html.dark .auth-login__form,
html.dark .auth-register__form,
html.dark .auth-otp__panel,
html.dark .auth-panel {
  background: #0f172a !important;
  color: #f8fafc;
}

html.dark .auth-login__form .auth-form-wrap {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .auth-login__form .auth-form-wrap h1,
html.dark .auth-login__form .auth-form-wrap h2,
html.dark .auth-login__form .auth-form-wrap label,
html.dark .auth-login__form .auth-form-wrap p,
html.dark .auth-login__form .auth-form-wrap span {
  color: #f8fafc;
}

html.dark .auth-login__form .auth-form-wrap input {
  background: #172033 !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .auth-login__form .auth-form-wrap input::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .auth-login__form .auth-form-wrap input::placeholder {
  color: #94a3b8 !important;
}

html.dark .auth-login__form .auth-form-wrap button[aria-label='Continue with Google'] {
  background: #172033 !important;
  border: 1px solid #475569 !important;
  color: #f8fafc !important;
}

html.dark .auth-login__form .auth-form-wrap a {
  color: #93c5fd;
}

html.dark .auth-login__form .auth-form-wrap a.text-red-600,
html.dark .auth-login__form .auth-form-wrap a.text-brand-500 {
  color: #fca5a5 !important;
}

html.dark .auth-login__form .auth-form-wrap a.block.text-sm {
  color: #93c5fd !important;
}

html.dark .auth-login__form .auth-form-wrap a.block.text-sm:hover {
  color: #bfdbfe !important;
}

html.dark .auth-login__form .auth-form-wrap .auth-register__phone-control {
  background: #172033 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
}

html.dark .auth-login__form .auth-form-wrap .auth-register__phone-country,
html.dark .auth-login__form .auth-form-wrap .auth-register__phone-input {
  background: #172033 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .auth-login__form .auth-form-wrap h1,
html.dark .auth-login__form .auth-form-wrap h2,
html.dark .auth-login__form .auth-form-wrap p,
html.dark .auth-login__form .auth-form-wrap label {
  color: #f8fafc !important;
}

html.dark .auth-login__form input,
html.dark .auth-register__form input,
html.dark .auth-register__form select,
html.dark .auth-register__form textarea,
html.dark .auth-otp__panel input {
  background: #172033 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .auth-login__form label,
html.dark .auth-register__form label,
html.dark .auth-login__form h1,
html.dark .auth-register__form h1,
html.dark .auth-otp__panel h1,
html.dark .auth-login__form p,
html.dark .auth-register__form p {
  color: #f8fafc;
}

html.dark .auth-login__form small,
html.dark .auth-register__form small,
html.dark .auth-otp__panel small,
html.dark .auth-login__form .text-slate-500,
html.dark .auth-login__form .text-gray-500,
html.dark .auth-register__form .text-slate-500,
html.dark .auth-register__form .text-gray-500,
html.dark .auth-otp__panel .text-slate-500,
html.dark .auth-otp__panel .text-gray-500 {
  color: #a8b3c7 !important;
}

html.dark .auth-login__form a:not([class*='bg-']),
html.dark .auth-register__form a:not([class*='bg-']),
html.dark .auth-otp__panel a:not([class*='bg-']) {
  color: #93c5fd;
}

html.dark .auth-login__form input::-moz-placeholder, html.dark .auth-register__form input::-moz-placeholder, html.dark .auth-register__form textarea::-moz-placeholder, html.dark .auth-otp__panel input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html.dark .auth-login__form input::placeholder,
html.dark .auth-register__form input::placeholder,
html.dark .auth-register__form textarea::placeholder,
html.dark .auth-otp__panel input::placeholder {
  color: #94a3b8 !important;
  opacity: 1;
}

html.dark .auth-login__form [class*='text-slate-700'],
html.dark .auth-login__form [class*='text-gray-700'],
html.dark .auth-register__form [class*='text-slate-700'],
html.dark .auth-register__form [class*='text-gray-700'],
html.dark .auth-otp__panel [class*='text-slate-700'],
html.dark .auth-otp__panel [class*='text-gray-700'] {
  color: #e2e8f0 !important;
}

html.dark .auth-login__form [class*='border-gray-200'],
html.dark .auth-register__form [class*='border-gray-200'],
html.dark .auth-otp__panel [class*='border-gray-200'] {
  border-color: #334155 !important;
}

html.dark .auth-register__header {
  background: #0f172a !important;
  border-bottom-color: #334155 !important;
  box-shadow: none !important;
}

html.dark .auth-register__content {
  background: #0f172a;
}

html.dark .auth-register__intro h1 {
  color: #f8fafc !important;
}

html.dark .auth-register__intro > p {
  color: #a8b3c7 !important;
}

html.dark .auth-register__form > div {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html.dark .auth-register__form label,
html.dark .auth-register__form label > span,
html.dark .auth-register__form > div > p {
  color: #e2e8f0 !important;
}

html.dark .auth-register__phone-control,
html.dark .auth-register__phone-country {
  background: #172033 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
}

html.dark .auth-register__phone-country {
  border-right-color: #334155 !important;
}

html.dark .auth-register__form .mt-3.rounded-xl {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #e2e8f0;
}

html.dark .auth-register__form .mt-3.rounded-xl .text-slate-500,
html.dark .auth-register__form .mt-3.rounded-xl li.text-slate-500 {
  color: #cbd5e1 !important;
}

html.dark .auth-register__form .mt-3.rounded-xl .bg-slate-200 {
  background: #475569 !important;
}

html.dark .auth-otp__code-panel {
  background: #172033 !important;
  border-color: #334155 !important;
}

html.dark .auth-otp__input {
  background: #0f172a !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
}

html.dark .auth-otp__hint,
html.dark .auth-otp__resend,
html.dark .auth-otp__change-number {
  color: #a8b3c7 !important;
}

html.dark .auth-otp__feedback--error,
html.dark .auth-otp__feedback--success {
  border-color: #475569 !important;
  background: #172033 !important;
}

html.dark .auth-register__progress span,
html.dark .auth-register__progress b {
  color: #cbd5e1;
}

html.dark .auth-register__progress span.is-active,
html.dark .auth-register__progress span.is-active b {
  color: #fca5a5;
}

html.dark .auth-register__progress-divider {
  background: #475569;
}

html.dark .auth-register__form [style*='#0A1F44'],
html.dark .auth-register__form [style*='#0F2B55'],
html.dark .auth-register__form [style*='--brand-dark'] {
  color: #f8fafc !important;
}

html.dark .auth-register__form [style*='#64748B'],
html.dark .auth-register__form [style*='--brand-muted'] {
  color: #a8b3c7 !important;
}

html.dark .auth-register__form input,
html.dark .auth-register__form select,
html.dark .auth-register__form textarea {
  background: #172033 !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .auth-register__form input::-moz-placeholder, html.dark .auth-register__form textarea::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .auth-register__form input::placeholder,
html.dark .auth-register__form textarea::placeholder {
  color: #94a3b8 !important;
}

html.dark .auth-register__form .auth-register__phone-control,
html.dark .auth-register__form .auth-register__phone-country,
html.dark .auth-register__form .auth-register__phone-input {
  background: #172033 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
}

html.dark .auth-login__visual,
html.dark .auth-register__visual,
html.dark .auth-otp__visual {
  filter: brightness(0.82) saturate(0.9);
}

html.dark .auth-login__back,
html.dark .auth-register__back-link {
  color: #93c5fd;
}

/* OTP keeps the dark theme coherent across the full right-hand auth section. */
html.dark .auth-otp,
html.dark .auth-otp__content {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .auth-otp__panel {
  width: 100%;
  max-width: 680px !important;
  background: transparent !important;
  color: #f8fafc !important;
}

html.dark .auth-otp__code-panel {
  border: 1px solid #334155 !important;
  background: #172033 !important;
  padding: 16px !important;
}

html.dark .auth-otp__intro h1,
html.dark .auth-otp__code-panel > p {
  color: #f8fafc !important;
}

html.dark .auth-otp__intro > p,
html.dark .auth-otp__resend {
  color: #a8b3c7 !important;
}

html.dark .auth-otp__code-panel .auth-otp__hint {
  color: #a8b3c7 !important;
}

html.dark .auth-otp__back,
html.dark .auth-otp__change-number {
  color: #cbd5e1 !important;
}

html.dark .auth-otp__input {
  border-color: #64748b !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

@media (min-width: 901px) {
  .auth-otp__content {
    position: relative;
  }

  .auth-otp__back {
    position: absolute !important;
    top: 32px;
    right: 0 !important;
    left: auto;
    margin: 0 !important;
  }

  html.dark .auth-otp__panel {
    max-width: 600px !important;
    padding-top: 62px;
  }

  html.dark .auth-otp__content {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}

@media (max-width: 900px) {
  .auth-otp__content {
    position: relative;
  }

  .auth-otp__back {
    position: absolute !important;
    top: 18px;
    right: 0 !important;
    left: auto;
    margin: 0 !important;
  }

  html.dark .auth-otp__panel {
    padding-top: 48px;
  }

  html.dark .auth-otp__code-panel {
    padding: 14px !important;
  }
}

/* Merchant compliance workspace: full-width, dark-mode-first composition. */
.merchant-compliance-screen {
  --brand-bg: #f4f7fb;
  --brand-bg-elevated: #ffffff;
  --brand-dark: #0f172a;
  --brand-muted: #64748b;
  --brand-border: #dce4ee;
  background: var(--brand-bg) !important;
  color: var(--brand-dark);
}

.merchant-compliance-screen .auth-compliance__visual {
  display: none !important;
}

.merchant-compliance-screen__header {
  display: flex !important;
  min-height: 72px;
  padding-inline: max(20px, calc((100% - 1180px) / 2)) !important;
  border-bottom: 1px solid var(--brand-border) !important;
  background: var(--brand-bg-elevated) !important;
  box-shadow: 0 1px 8px rgba(15, 23, 42, 0.05) !important;
}

.merchant-compliance-screen__logo {
  width: 118px;
}

.merchant-compliance-screen__header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.merchant-compliance-screen__theme-toggle {
  display: inline-flex;
  height: 34px;
  width: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--brand-border);
  border-radius: 9px;
  background: transparent;
  color: #102b56;
  transition: 0.2s ease;
}

.merchant-compliance-screen__theme-toggle:hover {
  border-color: #f20a24;
  background: #fff0f2;
  color: #ee001c;
}

.merchant-compliance-screen__theme-toggle svg {
  height: 17px;
  width: 17px;
}

.merchant-compliance-screen__content {
  width: 100%;
  margin: 0 !important;
  align-items: stretch !important;
  padding: 32px clamp(20px, 4vw, 64px) 56px !important;
}

.merchant-compliance-screen__content > .max-w-6xl {
  width: 100%;
  max-width: 1180px !important;
  margin: 0 auto;
}

.merchant-compliance-screen .auth-compliance__toolbar {
  display: none !important;
}

.merchant-compliance-screen .auth-compliance__hero {
  border-color: var(--brand-border) !important;
  background: var(--brand-bg-elevated) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07) !important;
}

.merchant-compliance-screen .compliance-step-flow__card,
.merchant-compliance-screen .auth-compliance__section-grid > div > div {
  border-color: var(--brand-border);
  background: var(--brand-bg-elevated);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

html.dark .merchant-compliance-screen {
  --brand-bg: #0a1220;
  --brand-bg-elevated: #111c2d;
  --brand-dark: #f8fafc;
  --brand-muted: #9aa9bd;
  --brand-border: #293952;
  background: var(--brand-bg) !important;
  color: var(--brand-dark);
}

html.dark .merchant-compliance-screen__header {
  border-bottom-color: #233149 !important;
  background: #0f192a !important;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.22) !important;
}

html.dark .merchant-compliance-screen .auth-compliance__logout {
  border-color: #3b4c66 !important;
  background: #17243a !important;
  color: #e2e8f0 !important;
}

html.dark .merchant-compliance-screen .auth-compliance__logout:hover {
  border-color: #f20a24 !important;
  background: rgba(242, 10, 36, 0.14) !important;
  color: #fda4af !important;
}

html.dark .merchant-compliance-screen .auth-compliance__hero,
html.dark .merchant-compliance-screen .compliance-step-flow__card,
html.dark .merchant-compliance-screen .auth-compliance__section-grid > div > div,
html.dark .merchant-compliance-screen .bg-white {
  border-color: var(--brand-border) !important;
  background: var(--brand-bg-elevated) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2) !important;
}

html.dark .merchant-compliance-screen .auth-compliance__hero h1,
html.dark .merchant-compliance-screen .auth-compliance__hero h2,
html.dark .merchant-compliance-screen .auth-compliance__hero h3,
html.dark .merchant-compliance-screen .auth-compliance__section-grid h1,
html.dark .merchant-compliance-screen .auth-compliance__section-grid h2,
html.dark .merchant-compliance-screen .auth-compliance__section-grid h3,
html.dark .merchant-compliance-screen .auth-compliance__section-grid strong,
html.dark .merchant-compliance-screen .auth-compliance__section-grid td {
  color: var(--brand-dark) !important;
}

html.dark .merchant-compliance-screen .auth-compliance__hero p,
html.dark .merchant-compliance-screen .auth-compliance__section-grid p,
html.dark .merchant-compliance-screen .auth-compliance__section-grid small,
html.dark .merchant-compliance-screen .auth-compliance__section-grid th,
html.dark .merchant-compliance-screen .auth-compliance__section-grid td[style*='muted'] {
  color: var(--brand-muted) !important;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress-label,
html.dark .merchant-compliance-screen .compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-label {
  color: #f8fafc;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress-number {
  border-color: #3b4c66;
  background: #17243a;
  color: #cbd5e1;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress-divider {
  background: #33445d;
}

html.dark .merchant-compliance-screen .merchant-compliance-step-complete {
  border-color: #245843;
  background: #10251e;
}

html.dark .merchant-compliance-screen .merchant-compliance-step-complete__copy strong {
  color: #f8fafc;
}

html.dark .merchant-compliance-screen .merchant-compliance-step-complete__copy > span:last-child {
  color: #a9b7c9;
}

html.dark .merchant-compliance-screen .compliance-step-flow__card-header,
html.dark .merchant-compliance-screen .compliance-step-flow__actions {
  border-color: var(--brand-border);
}

html.dark .merchant-compliance-screen input,
html.dark .merchant-compliance-screen select,
html.dark .merchant-compliance-screen textarea,
html.dark .merchant-compliance-screen .delivery-table-shell {
  border-color: var(--brand-border) !important;
  background: #0d182a !important;
  color: #f8fafc !important;
}

html.dark .merchant-compliance-screen .delivery-table tbody tr {
  border-color: var(--brand-border) !important;
}

html.dark .merchant-compliance-screen button:not(.compliance-step-flow__continue):not(.auth-compliance__logout) {
  color: #e2e8f0;
}

@media (max-width: 640px) {
  .merchant-compliance-screen__header {
    min-height: 64px;
    padding-inline: 16px !important;
  }

  .merchant-compliance-screen__content {
    padding: 20px 16px 40px !important;
  }
}

/* Merchant compliance reference composition. */
.merchant-compliance-screen .auth-compliance__hero {
  min-height: 122px;
  padding: 20px 28px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.merchant-compliance-screen .auth-compliance__hero::after {
  position: absolute;
  top: -90px;
  right: -42px;
  width: 360px;
  height: 250px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 65% 55%, rgba(238, 0, 28, 0.1), transparent 28%),
    radial-gradient(circle at 42% 52%, rgba(238, 0, 28, 0.07), transparent 54%);
  content: '';
  pointer-events: none;
}

.merchant-compliance-screen .auth-compliance__hero > div:first-child {
  position: relative;
  z-index: 1;
}

.merchant-compliance-hero-art {
  position: absolute;
  top: 4px;
  right: 24px;
  z-index: 0;
  width: 170px;
  opacity: 0.95;
}

.merchant-compliance-hero-art svg {
  display: block;
  width: 100%;
}

.merchant-compliance-screen .auth-compliance__hero h1 {
  font-size: 28px !important;
  line-height: 1.1;
}

.merchant-compliance-screen .auth-compliance__hero .mt-2 {
  margin-top: 4px !important;
  font-size: 13px;
}

.merchant-compliance-screen .auth-compliance__hero > div:first-child > .mt-6:empty {
  display: none;
}

.merchant-compliance-screen .auth-compliance__hero .mt-4 {
  margin-top: 12px !important;
}

.merchant-compliance-screen .auth-compliance__hero .mt-6 {
  margin-top: 12px !important;
}

.merchant-compliance-screen .auth-compliance__hero .rounded-full {
  padding: 7px 14px;
  background: #f4f7fb;
  border-color: transparent !important;
  color: #0f274b !important;
}

.merchant-compliance-screen .auth-compliance__hero .rounded-full:last-child {
  background: #fff0e1;
  color: #b45309 !important;
}

.merchant-compliance-screen .compliance-step-flow {
  gap: 14px;
}

.merchant-compliance-screen .compliance-step-flow__progress {
  min-height: 70px;
  align-items: center;
  gap: 10px;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  background: #fff;
  padding: 12px 20px;
}

.merchant-compliance-screen .compliance-step-flow__progress-item {
  gap: 10px;
}

.merchant-compliance-screen .compliance-step-flow__progress-step {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-items: start;
  min-width: 150px;
  text-align: left;
}

.merchant-compliance-screen .compliance-step-flow__progress-number {
  grid-row: 1 / span 2;
  height: 32px;
  width: 32px;
  border-color: #d9e0e8;
  background: #edf2f7;
  color: #17345c;
}

.merchant-compliance-screen .compliance-step-flow__progress-step.is-completed .compliance-step-flow__progress-number {
  border-color: #159669;
  background: #159669;
  color: #fff;
}

.merchant-compliance-screen .compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-number {
  border-color: #f20a24;
  background: #f20a24;
}

.merchant-compliance-screen .compliance-step-flow__progress-label {
  max-width: none;
  color: #102b56;
  font-size: 12px;
  line-height: 1.25;
  text-align: left;
  white-space: nowrap;
}

.merchant-compliance-screen .compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-label {
  color: #102b56;
}

.merchant-compliance-screen .compliance-step-flow__progress-status {
  font-size: 10px;
  font-weight: 600;
}

.merchant-compliance-screen .compliance-step-flow__progress-divider {
  margin-top: 0;
  background: #d9e0e8;
}

.merchant-compliance-screen .compliance-step-flow__progress-divider.is-complete {
  background: #65c9a5;
}

.merchant-compliance-screen .compliance-step-flow__card {
  border-radius: 12px;
  padding: 20px;
  box-shadow: none;
}

.admin-workspace .admin-route-content .admin-users-sections {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 16px !important;
}

.admin-workspace .admin-route-content > .transition > section.space-y-4 {
  padding: 16px;
}

.merchant-compliance-screen .compliance-step-flow__card-header {
  align-items: center;
  border-bottom: 0;
  padding-bottom: 10px;
}

.merchant-compliance-screen .compliance-step-flow__card-header h3 {
  margin-top: 4px !important;
  color: #102b56 !important;
  font-size: 22px;
}

.merchant-compliance-screen .compliance-step-flow__card-header p {
  margin-top: 4px !important;
  color: #64748b !important;
  font-size: 13px;
}

.merchant-compliance-screen .compliance-step-flow__status {
  padding: 7px 13px;
  background: #fff0f2 !important;
  color: #ee001c !important;
}

.merchant-compliance-screen .compliance-step-flow__content {
  padding-top: 0;
}

.merchant-compliance-screen .compliance-step-flow__completed-content {
  padding-top: 6px;
}

.merchant-compliance-step-complete {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  border: 1px solid #ccebd7;
  border-radius: 12px;
  background: #f4fbf6;
  padding: 12px 14px;
}

.merchant-compliance-step-complete__icon {
  display: inline-flex;
  height: 34px;
  width: 34px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #159968;
  color: #fff;
}

.merchant-compliance-step-complete__icon svg {
  height: 18px;
  width: 18px;
}

.merchant-compliance-step-complete__copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.merchant-compliance-step-complete__eyebrow {
  color: #159968;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.merchant-compliance-step-complete__copy strong {
  color: #102b56;
  font-size: 13px;
  font-weight: 800;
}

.merchant-compliance-step-complete__copy > span:last-child {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.merchant-compliance-screen .compliance-step-flow__actions {
  margin-top: 16px;
  padding-top: 14px;
}

.merchant-compliance-screen .compliance-step-flow__card[data-step='upload'] .compliance-step-flow__actions {
  display: none;
}

.merchant-compliance-screen__content {
  padding-bottom: 64px !important;
}

.merchant-compliance-upload-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 12px;
  background: #f4f7fb;
  padding: 12px 16px;
}

.merchant-compliance-whatsapp-help {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 360px;
  margin-top: 14px;
  border: 1px solid #ccebd7;
  border-radius: 12px;
  background: linear-gradient(135deg, #f1fbf4, #fff);
  padding: 9px 12px 9px 9px;
  color: #102b56;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.merchant-compliance-whatsapp-help:hover {
  border-color: #25d366;
  box-shadow: 0 12px 26px -20px rgba(18, 140, 126, 0.7);
  transform: translateY(-1px);
}

.merchant-compliance-support-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  border-top: 1px solid #dce4ee;
  border-radius: 14px;
  background: #f8fafc;
  padding: 12px 14px;
}

.merchant-compliance-support-footer .merchant-compliance-whatsapp-help {
  width: 100%;
  max-width: none;
  margin-top: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  padding: 2px;
  transform: none;
}

.merchant-compliance-support-footer .merchant-compliance-whatsapp-help:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.merchant-compliance-footer {
  margin-top: 24px;
  border-top: 1px solid #dce4ee;
  padding: 22px 0 0;
}

.merchant-compliance-footer__main {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(150px, 0.6fr));
  gap: 28px;
}

.merchant-compliance-footer__brand,
.merchant-compliance-footer__column {
  display: grid;
  align-content: start;
  gap: 7px;
}

.merchant-compliance-footer__brand strong,
.merchant-compliance-footer__column > strong {
  color: #102b56;
  font-size: 12px;
  font-weight: 700;
}

.merchant-compliance-footer__brand p,
.merchant-compliance-footer__column a,
.merchant-compliance-footer__link {
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-footer__brand p {
  max-width: 280px;
  margin: 0;
  line-height: 1.5;
}

.merchant-compliance-footer__column a,
.merchant-compliance-footer__link {
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}

.merchant-compliance-footer__column a:hover,
.merchant-compliance-footer__link:hover {
  color: #ee001c;
}

.merchant-compliance-footer__whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #128c7e !important;
  font-weight: 700;
}

.merchant-compliance-footer__whatsapp svg {
  height: 15px;
  width: 15px;
  color: #25d366;
}

.merchant-compliance-footer__legal-links {
  display: grid;
  justify-items: start;
  gap: 7px;
}

.merchant-compliance-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  border-top: 1px solid #e2e8f0;
  padding-top: 12px;
  color: #94a3b8;
  font-size: 10px;
}

.merchant-compliance-whatsapp-help__icon {
  display: inline-flex;
  height: 32px;
  width: 32px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #25d366;
  color: #fff;
  font-size: 20px;
}

.merchant-compliance-whatsapp-help__copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.merchant-compliance-whatsapp-help__copy strong {
  color: #17385d;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-whatsapp-help__copy span {
  overflow: hidden;
  color: #64748b;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merchant-compliance-whatsapp-help__arrow {
  flex: 0 0 auto;
  color: #128c7e;
  font-size: 18px;
  line-height: 1;
}

.merchant-compliance-upload-summary__copy,
.merchant-compliance-upload-summary__progress {
  display: flex;
  align-items: center;
  gap: 12px;
}

.merchant-compliance-upload-summary__copy > div {
  display: grid;
  gap: 2px;
}

.merchant-compliance-upload-summary__copy strong,
.merchant-compliance-upload-summary__progress span {
  color: #102b56;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-upload-summary__copy span:not(.merchant-compliance-upload-summary__icon) {
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-upload-summary__icon,
.merchant-compliance-document-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e8eef5;
  color: #102b56;
}

.merchant-compliance-upload-summary__icon {
  height: 34px;
  width: 34px;
}

.merchant-compliance-upload-summary__icon svg,
.merchant-compliance-document-icon svg {
  height: 18px;
  width: 18px;
}

.merchant-compliance-upload-summary__progress {
  display: grid;
  min-width: 280px;
  gap: 6px;
}

.merchant-compliance-upload-dropzone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  border: 1px dashed #b9c8d9;
  border-radius: 12px;
  background: #fbfcfe;
  padding: 14px 16px;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.merchant-compliance-upload-dropzone.is-dragging {
  border-color: #f20a24;
  background: #fff0f2;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.08);
}

.merchant-compliance-upload-dropzone__copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.merchant-compliance-upload-dropzone__copy strong {
  overflow: hidden;
  color: #102b56;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merchant-compliance-upload-dropzone__copy span {
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-upload-dropzone__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
}

.merchant-compliance-upload-dropzone__button {
  min-height: 32px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  padding: 0 12px;
  color: #102b56;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-upload-dropzone__button.is-primary {
  border-color: #ee001c;
  background: #ee001c;
  color: #fff;
}

.merchant-compliance-upload-dropzone__button:hover:not(:disabled) {
  border-color: #f20a24;
}

.merchant-compliance-upload-dropzone__button.is-primary:hover:not(:disabled) {
  background: #c90018;
}

.merchant-compliance-upload-dropzone__button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.merchant-compliance-review-intro {
  display: grid;
  gap: 4px;
}

.merchant-compliance-review-intro strong {
  color: #64748b;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.merchant-compliance-review-intro p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.merchant-compliance-review-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin-top: 14px;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  background: #faf9f7;
  padding: 14px 18px;
}

.merchant-compliance-review-summary span {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-review-summary span + span {
  margin-left: 18px;
  border-left: 1px solid #dce4ee;
  padding-left: 18px;
}

.merchant-compliance-review-summary strong {
  color: #102b56;
  font-size: 14px;
}

.merchant-compliance-review-progress {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.merchant-compliance-review-progress__heading,
.merchant-compliance-review-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.merchant-compliance-review-progress__heading strong,
.merchant-compliance-review-list-heading strong {
  color: #102b56;
  font-size: 12px;
}

.merchant-compliance-review-progress__heading span {
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-review-progress__track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.merchant-compliance-review-progress__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2c5b95;
  transition: width 0.25s ease;
}

.merchant-compliance-review-list-heading {
  margin-top: 22px;
}

.merchant-compliance-review-list-heading button {
  border: 0;
  background: transparent;
  padding: 0;
  color: #2c5b95;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-review-list-heading button:hover:not(:disabled) {
  color: #ee001c;
}

.merchant-compliance-review-list-heading button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.merchant-compliance-review-list {
  overflow: hidden;
  margin-top: 9px;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  background: #fff;
}

.merchant-compliance-review-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 10px 14px;
}

.merchant-compliance-review-row + .merchant-compliance-review-row {
  border-top: 1px solid #eae7e4;
}

.merchant-compliance-review-row__icon {
  display: inline-flex;
  height: 26px;
  width: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef2f7;
  color: #64748b;
  font-size: 15px;
  font-weight: 700;
}

.merchant-compliance-review-row__copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.merchant-compliance-review-row__copy strong {
  overflow: hidden;
  color: #102b56;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merchant-compliance-review-row__copy span,
.merchant-compliance-review-row__copy small {
  color: #64748b;
  font-size: 10px;
}

.merchant-compliance-review-row__copy small {
  color: #b45309;
}

.merchant-compliance-review-row__action {
  display: grid;
  justify-items: end;
  gap: 5px;
}

.merchant-compliance-review-status {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.merchant-compliance-review-status.is-submitted {
  background: #eef2f7;
  color: #52647b;
}

.merchant-compliance-review-status.is-under_review {
  background: #fff4df;
  color: #b45309;
}

.merchant-compliance-review-status.is-verified {
  background: #dcfce7;
  color: #16835a;
}

.merchant-compliance-review-status.is-changes_required {
  background: #ffe4e6;
  color: #be123c;
}

.merchant-compliance-review-status.is-rejected {
  background: #ffe4e6;
  color: #be123c;
}

.merchant-compliance-review-row__action button {
  border: 0;
  background: transparent;
  padding: 0;
  color: #ee001c;
  font-size: 10px;
  font-weight: 700;
}

.merchant-compliance-review-notice,
.merchant-compliance-review-next {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  border-radius: 12px;
  padding: 13px 15px;
}

.merchant-compliance-review-notice {
  border: 1px solid #ccebd7;
  background: #f1fbf4;
}

.merchant-compliance-review-next {
  border: 1px solid #dce4ee;
  background: #f8fafc;
}

.merchant-compliance-review-notice strong,
.merchant-compliance-review-next strong {
  color: #102b56;
  font-size: 11px;
}

.merchant-compliance-review-notice span,
.merchant-compliance-review-next span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.5;
}

.merchant-compliance-approval-intro {
  display: grid;
  gap: 4px;
}

.merchant-compliance-approval-intro strong {
  color: #64748b;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.merchant-compliance-approval-intro p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.merchant-compliance-approval-status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  background: #f8fafc;
  padding: 14px 16px;
}

.merchant-compliance-approval-status.is-approved {
  border-color: #b7e7c9;
  background: #f1fbf4;
}

.merchant-compliance-approval-status__icon {
  display: inline-flex;
  height: 34px;
  width: 34px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e8eef5;
  color: #64748b;
  font-size: 19px;
  font-weight: 700;
}

.is-approved .merchant-compliance-approval-status__icon {
  background: #dcfce7;
  color: #16835a;
}

.merchant-compliance-approval-status > div {
  display: grid;
  min-width: 0;
  flex: 1;
  gap: 3px;
}

.merchant-compliance-approval-status strong {
  color: #102b56;
  font-size: 12px;
}

.merchant-compliance-approval-status > div span {
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-approval-status__chip {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fff4df;
  padding: 6px 10px;
  color: #b45309;
  font-size: 10px;
  font-weight: 700;
}

.is-approved .merchant-compliance-approval-status__chip {
  background: #dcfce7;
  color: #16835a;
}

.merchant-compliance-approval-next {
  margin-top: 18px;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  background: #faf9f7;
  padding: 14px 16px;
}

.merchant-compliance-approval-next__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.merchant-compliance-approval-next__heading strong {
  color: #102b56;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.merchant-compliance-approval-next__heading span {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.merchant-compliance-approval-next__steps {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.merchant-compliance-approval-next__steps > div {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.merchant-compliance-approval-next__steps > div > span {
  display: inline-flex;
  height: 24px;
  width: 24px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef2f7;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-approval-next__steps > div.is-complete > span {
  background: #dcfce7;
  color: #16835a;
}

.merchant-compliance-approval-next__steps > div.is-current > span {
  background: #fff4df;
  color: #b45309;
}

.merchant-compliance-approval-next__steps > div > div {
  display: grid;
  gap: 2px;
}

.merchant-compliance-approval-next__steps strong {
  color: #102b56;
  font-size: 11px;
}

.merchant-compliance-approval-next__steps small {
  color: #64748b;
  font-size: 10px;
}

.merchant-compliance-approval-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.merchant-compliance-approval-actions button {
  min-height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #fff;
  padding: 0 13px;
  color: #102b56;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-approval-actions button.is-primary {
  border-color: #ee001c;
  background: #ee001c;
  color: #fff;
}

.merchant-compliance-approval-actions button:hover:not(:disabled) {
  border-color: #f20a24;
}

.merchant-compliance-approval-actions button.is-primary:hover:not(:disabled) {
  background: #c90018;
}

.merchant-compliance-approval-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.merchant-compliance-approval-message {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-upload-modal {
  position: fixed;
  z-index: 50;
  inset: 0;
  height: 100vh;
  width: 100vw;
  display: grid;
  place-items: center;
  background: rgba(15, 23, 42, 0.48);
  padding: 20px;
  overflow-y: auto;
}

.merchant-compliance-upload-modal__card {
  width: min(100%, 520px);
  border: 1px solid #dce4ee;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
  padding: 22px;
}

.merchant-compliance-upload-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.merchant-compliance-upload-modal__eyebrow {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.merchant-compliance-upload-modal__header h3 {
  margin: 4px 0 3px;
  color: #102b56;
  font-size: 20px;
  font-weight: 700;
}

.merchant-compliance-upload-modal__header p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.merchant-compliance-upload-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  flex: 0 0 auto;
  border: 1px solid #dce4ee;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 20px;
  line-height: 1;
}

.merchant-compliance-upload-modal__field {
  display: grid;
  gap: 6px;
  margin-top: 20px;
}

.merchant-compliance-upload-modal__field > span {
  color: #102b56;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-upload-modal__field select {
  min-height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #fff;
  padding: 0 11px;
  color: #102b56;
  font-size: 12px;
}

.merchant-compliance-upload-modal .merchant-compliance-upload-dropzone {
  align-items: stretch;
  flex-direction: column;
  margin-top: 14px;
  padding: 18px;
}

.merchant-compliance-upload-modal .merchant-compliance-upload-dropzone__button:not(.is-primary) {
  align-self: flex-start;
}

.merchant-compliance-upload-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.merchant-compliance-upload-modal__cancel {
  min-height: 32px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  padding: 0 14px;
  color: #102b56;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-upload-modal__cancel:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.merchant-compliance-progress-track {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #d9e0e8;
}

.merchant-compliance-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2c5b95;
  transition: width 0.25s ease;
}

.merchant-compliance-document-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.merchant-compliance-document-item {
  display: flex;
  min-height: 72px;
  align-items: center;
  gap: 12px;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  background: #fff;
  padding: 12px 14px;
}

.merchant-compliance-document-item.is-uploaded {
  background: #fbfefc;
  border-color: #8ed9b5;
  box-shadow: inset 0 0 0 1px rgba(22, 131, 90, 0.08);
}

.merchant-compliance-document-item.is-uploaded .merchant-compliance-document-icon {
  background: #dcfce7;
  color: #16835a;
}

.merchant-compliance-document-item.is-rejected {
  border-color: #f3b0b9;
  background: #fff4f5;
}

.merchant-compliance-document-item.is-rejected .merchant-compliance-document-icon {
  background: #fee2e2;
  color: #b91c1c;
}

.merchant-compliance-document-item.is-selected {
  border-color: #f20a24;
  box-shadow: 0 0 0 2px rgba(242, 10, 36, 0.08);
}

.merchant-compliance-document-icon {
  height: 36px;
  width: 36px;
}

.merchant-compliance-document-item__copy {
  display: grid;
  min-width: 0;
  flex: 1;
  gap: 3px;
}

.merchant-compliance-document-item__copy strong {
  overflow: hidden;
  color: #102b56;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merchant-compliance-document-item__copy span,
.merchant-compliance-document-item__copy small {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merchant-compliance-document-item__action {
  flex: 0 0 auto;
  min-height: 30px;
  border: 1px solid #f20a24;
  border-radius: 8px;
  background: #fff;
  padding: 0 11px;
  color: #ee001c;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-document-item__action:hover:not(:disabled) {
  background: #fff0f2;
}

.merchant-compliance-document-item__action:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.merchant-compliance-document-count {
  margin-top: 10px;
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-upload-error {
  margin-top: 8px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 600;
}

.merchant-compliance-screen .auth-compliance__section-grid > .space-y-5 > .rounded-3xl:first-child {
  display: none;
}

.merchant-compliance-screen .merchant-compliance-records-toolbar + .rounded-3xl {
  display: none;
}

.merchant-compliance-screen .auth-compliance__section-grid > .space-y-5 > .rounded-3xl {
  border-radius: 12px;
  box-shadow: none;
}

.merchant-compliance-records-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 28px;
  color: #64748b;
  font-size: 11px;
}

.merchant-compliance-screen .merchant-compliance-records-toolbar {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.merchant-compliance-records-toolbar span:first-child {
  color: #102b56;
  font-size: 13px;
  font-weight: 700;
}

.merchant-compliance-records-toolbar span:nth-child(2) {
  margin-left: auto;
}

.merchant-compliance-records-toolbar button {
  display: inline-flex;
  height: 26px;
  width: 26px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ee;
  border-radius: 8px;
  background: #fff;
  color: #102b56;
  font-size: 16px;
  line-height: 1;
}

.merchant-compliance-records-toolbar button:hover:not(:disabled) {
  border-color: #f20a24;
  color: #ee001c;
}

.merchant-compliance-records-toolbar button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.merchant-compliance-screen .auth-compliance__section-grid > .space-y-5 > .rounded-3xl {
  padding: 20px 22px !important;
}

.merchant-compliance-section-heading {
  gap: 12px !important;
}

.merchant-compliance-section-count {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.merchant-compliance-screen .delivery-table-shell {
  max-height: 20rem !important;
  overflow: auto !important;
  overscroll-behavior: contain;
}

.compliance-history-action-header,
.compliance-history-action-cell {
  position: sticky;
  right: 0;
  min-width: 0;
  vertical-align: middle;
  background: var(--brand-bg-elevated, #ffffff);
  box-shadow: -8px 0 12px -12px rgba(15, 23, 42, 0.45);
}

.compliance-history-action-header {
  z-index: 3;
}

.compliance-history-action-cell {
  z-index: 2;
}

.compliance-history-action-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.biker-compliance-action-stack {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.biker-compliance-action-legacy {
  display: none;
}

.biker-compliance-document-history {
  scrollbar-width: thin;
}

@media (max-width: 760px) {
  .biker-compliance-document-history table {
    min-width: 0;
    table-layout: auto;
  }

  .biker-compliance-document-history th:nth-child(4),
  .biker-compliance-document-history td:nth-child(4) {
    display: none;
  }

  .biker-compliance-document-history th,
  .biker-compliance-document-history td {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.merchant-compliance-screen .delivery-table thead tr {
  height: 42px;
}

.merchant-compliance-screen .delivery-table tbody tr {
  height: 54px;
}

.merchant-compliance-screen .delivery-table th,
.merchant-compliance-screen .delivery-table td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.merchant-compliance-document-name,
.merchant-compliance-document-meta {
  display: block;
}

.merchant-compliance-document-name {
  color: #102b56;
  font-size: 11px;
  font-weight: 700;
}

.merchant-compliance-document-meta {
  margin-top: 2px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 500;
}

.merchant-compliance-status-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border-radius: 999px;
  padding: 3px 9px;
  background: #eef4fb;
  color: #315d91;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.merchant-compliance-status-chip.is-pending,
.merchant-compliance-status-chip.is-in_review,
.merchant-compliance-status-chip.is-under_review {
  background: #fff3df;
  color: #b45309;
}

.merchant-compliance-status-chip.is-approved,
.merchant-compliance-status-chip.is-verified,
.merchant-compliance-status-chip.is-accepted,
.merchant-compliance-status-chip.is-cleared {
  background: #e7f8ef;
  color: #147a4b;
}

.merchant-compliance-status-chip.is-rejected,
.merchant-compliance-status-chip.is-changes_required,
.merchant-compliance-status-chip.is-expired {
  background: #fff0f2;
  color: #be123c;
}

html.dark .merchant-compliance-records-toolbar span:first-child,
html.dark .merchant-compliance-document-name {
  color: #e2e8f0;
}

html.dark .merchant-compliance-records-toolbar,
html.dark .merchant-compliance-records-toolbar span:nth-child(2),
html.dark .merchant-compliance-section-count,
html.dark .merchant-compliance-document-meta {
  color: #9aa9bd;
}

html.dark .merchant-compliance-records-toolbar button {
  border-color: #3b4c66;
  background: #111c2d;
  color: #e2e8f0;
}

html.dark .merchant-compliance-status-chip {
  background: #183253;
  color: #bfdbfe;
}

html.dark .merchant-compliance-status-chip.is-pending,
html.dark .merchant-compliance-status-chip.is-in_review,
html.dark .merchant-compliance-status-chip.is-under_review {
  background: #4a2d14;
  color: #fdba74;
}

html.dark .merchant-compliance-status-chip.is-approved,
html.dark .merchant-compliance-status-chip.is-verified,
html.dark .merchant-compliance-status-chip.is-accepted,
html.dark .merchant-compliance-status-chip.is-cleared {
  background: #12352c;
  color: #a7f3d0;
}

html.dark .merchant-compliance-status-chip.is-rejected,
html.dark .merchant-compliance-status-chip.is-changes_required,
html.dark .merchant-compliance-status-chip.is-expired {
  background: #4a1722;
  color: #fda4af;
}

.merchant-compliance-agreements {
  gap: 12px !important;
}

.merchant-compliance-agreements > div:first-child {
  align-items: flex-start;
  gap: 16px;
}

.merchant-compliance-agreements > div:first-child > div:first-child {
  display: grid;
  gap: 2px;
}

.merchant-compliance-agreements > div:first-child > button {
  width: auto !important;
  min-width: 0 !important;
  align-self: flex-start;
  border: 1px solid #dce4ee !important;
  border-radius: 999px !important;
  background: #fff !important;
  padding: 7px 14px !important;
  color: #102b56 !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

.merchant-compliance-agreements > div:last-child {
  overflow: hidden;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

.merchant-compliance-agreements table {
  min-width: 0 !important;
}

.merchant-compliance-agreements thead {
  background: #f4f7fb !important;
}

.merchant-compliance-agreements th,
.merchant-compliance-agreements td {
  border-color: #eae7e4 !important;
  padding: 10px 12px !important;
  font-size: 11px;
}

.merchant-compliance-agreements tbody tr:hover {
  background: #fbfcfe !important;
}

.merchant-compliance-agreements td:first-child {
  min-width: 260px;
}

.merchant-compliance-agreements td:first-child p:first-child {
  font-size: 12px;
}

.merchant-compliance-agreements td:first-child p:last-child {
  font-size: 10px;
}

.merchant-compliance-agreements td:last-child > div {
  gap: 6px;
}

.merchant-compliance-agreements.is-compact-list > div:last-child thead {
  display: none;
}

.merchant-compliance-agreements.is-compact-list > div:last-child tbody,
.merchant-compliance-agreements.is-compact-list > div:last-child tr {
  display: block;
  width: 100%;
}

.merchant-compliance-agreements.is-compact-list > div:last-child tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
}

.merchant-compliance-agreements.is-compact-list > div:last-child td {
  display: none;
  padding: 0 !important;
}

.merchant-compliance-agreements.is-compact-list > div:last-child td:first-child,
.merchant-compliance-agreements.is-compact-list > div:last-child td:nth-child(4),
.merchant-compliance-agreements.is-compact-list > div:last-child td:last-child {
  display: block;
}

.merchant-compliance-agreements.is-compact-list > div:last-child td:first-child {
  grid-column: 1;
}

.merchant-compliance-agreements.is-compact-list > div:last-child td:nth-child(4) {
  grid-column: 2;
}

.merchant-compliance-agreements.is-compact-list > div:last-child td:last-child {
  grid-column: 3;
}

.merchant-compliance-agreements.is-compact-list td:last-child > div {
  justify-content: flex-end;
}

.merchant-compliance-agreements.is-compact-list td:nth-child(4) > div {
  justify-content: flex-start;
}

.merchant-compliance-agreements.is-compact-list td:last-child button[class*='bg-blue-50'],
.merchant-compliance-agreements.is-compact-list td:last-child button[class*='bg-emerald-50'] {
  border-color: #dce4ee !important;
  background: #fff !important;
  color: #102b56 !important;
}

.merchant-compliance-agreements.is-compact-list td:last-child button[class*='bg-blue-50']:hover,
.merchant-compliance-agreements.is-compact-list td:last-child button[class*='bg-emerald-50']:hover {
  border-color: #9fb4ce !important;
  background: #f4f7fb !important;
}

.merchant-compliance-agreements.is-compact-list td:nth-child(4) img {
  display: block;
}

.merchant-compliance-agreements.is-compact-list td:first-child p:first-child {
  font-size: 12px;
}

.merchant-compliance-agreements.is-compact-list td:first-child p:last-child {
  margin-top: 3px;
  font-size: 10px;
}

.merchant-compliance-agreements td:last-child button {
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-size: 10px !important;
  box-shadow: none !important;
}

html.dark .merchant-compliance-screen__theme-toggle {
  border-color: #3b4c66;
  background: #17243a;
  color: #e2e8f0;
}

html.dark .merchant-compliance-screen__theme-toggle:hover {
  border-color: #f20a24;
  background: rgba(242, 10, 36, 0.14);
  color: #fda4af;
}

html.dark .merchant-compliance-agreements > div:first-child > button,
html.dark .merchant-compliance-agreements > div:last-child {
  border-color: #293952 !important;
  background: #111c2d !important;
}

html.dark .merchant-compliance-agreements thead {
  background: #17243a !important;
}

html.dark .merchant-compliance-agreements tbody tr:hover {
  background: #17243a !important;
}

html.dark .merchant-compliance-screen .auth-compliance__hero .rounded-full {
  border-color: #293952 !important;
  background: #17243a !important;
  color: #dbeafe !important;
}

html.dark .merchant-compliance-screen .auth-compliance__hero .rounded-full:last-child {
  background: rgba(180, 83, 9, 0.2) !important;
  color: #fdba74 !important;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress-label,
html.dark .merchant-compliance-screen .compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-label {
  color: #e2e8f0;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress-status {
  color: #9aa9bd !important;
}

html.dark .merchant-compliance-screen .compliance-step-flow__progress-step.is-active .compliance-step-flow__progress-status {
  color: #fda4af !important;
}

html.dark .merchant-compliance-upload-summary {
  background: #17243a;
}

html.dark .merchant-compliance-review-intro strong,
html.dark .merchant-compliance-review-intro p,
html.dark .merchant-compliance-review-progress__heading span,
html.dark .merchant-compliance-review-summary span,
html.dark .merchant-compliance-review-row__copy span,
html.dark .merchant-compliance-review-row__copy small,
html.dark .merchant-compliance-review-notice span,
html.dark .merchant-compliance-review-next span {
  color: #9aa9bd;
}

html.dark .merchant-compliance-review-summary {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-review-summary span + span {
  border-left-color: #3b4c66;
}

html.dark .merchant-compliance-review-summary strong,
html.dark .merchant-compliance-review-progress__heading strong,
html.dark .merchant-compliance-review-list-heading strong,
html.dark .merchant-compliance-review-row__copy strong,
html.dark .merchant-compliance-review-notice strong,
html.dark .merchant-compliance-review-next strong {
  color: #f8fafc;
}

html.dark .merchant-compliance-review-progress__track {
  background: #33445d;
}

html.dark .merchant-compliance-review-list {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-review-row + .merchant-compliance-review-row {
  border-top-color: #293952;
}

html.dark .merchant-compliance-review-row__icon,
html.dark .merchant-compliance-review-status.is-submitted {
  background: #22324b;
  color: #cbd5e1;
}

html.dark .merchant-compliance-review-status.is-under_review {
  background: #4a3214;
  color: #fbbf24;
}

html.dark .merchant-compliance-review-status.is-verified {
  background: #174b38;
  color: #86efac;
}

html.dark .merchant-compliance-review-status.is-changes_required {
  background: #4c1d2b;
  color: #fda4af;
}

html.dark .merchant-compliance-review-status.is-rejected {
  background: #4c1d2b;
  color: #fda4af;
}

html.dark .merchant-compliance-review-list-heading button {
  color: #bfdbfe;
}

html.dark .merchant-compliance-review-notice {
  border-color: #24563f;
  background: #102c25;
}

html.dark .merchant-compliance-review-next {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-approval-intro strong,
html.dark .merchant-compliance-approval-intro p,
html.dark .merchant-compliance-approval-status > div span,
html.dark .merchant-compliance-approval-next__heading span,
html.dark .merchant-compliance-approval-next__steps small,
html.dark .merchant-compliance-approval-message {
  color: #9aa9bd;
}

html.dark .merchant-compliance-approval-status {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-approval-status.is-approved {
  border-color: #24563f;
  background: #102c25;
}

html.dark .merchant-compliance-approval-status__icon {
  background: #22324b;
  color: #cbd5e1;
}

html.dark .is-approved .merchant-compliance-approval-status__icon,
html.dark .merchant-compliance-approval-next__steps > div.is-complete > span {
  background: #174b38;
  color: #86efac;
}

html.dark .merchant-compliance-approval-status strong,
html.dark .merchant-compliance-approval-next__heading strong,
html.dark .merchant-compliance-approval-next__steps strong {
  color: #f8fafc;
}

html.dark .merchant-compliance-approval-status__chip,
html.dark .merchant-compliance-approval-next__steps > div.is-current > span {
  background: #4a3214;
  color: #fbbf24;
}

html.dark .is-approved .merchant-compliance-approval-status__chip {
  background: #174b38;
  color: #86efac;
}

html.dark .merchant-compliance-approval-next {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-approval-next__steps > div > span {
  background: #22324b;
  color: #cbd5e1;
}

html.dark .merchant-compliance-approval-actions button {
  border-color: #3b4c66;
  background: #17243a;
  color: #e2e8f0;
}

html.dark .merchant-compliance-approval-actions button.is-primary {
  border-color: #f20a24;
  background: #ee001c;
  color: #fff;
}

html.dark .merchant-compliance-whatsapp-help {
  border-color: #24563f;
  background: linear-gradient(135deg, #102c25, #111c2d);
}

html.dark .merchant-compliance-whatsapp-help__copy strong {
  color: #dcfce7;
}

html.dark .merchant-compliance-whatsapp-help__copy span {
  color: #9aa9bd;
}

html.dark .merchant-compliance-support-footer {
  border-top-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-footer {
  border-top-color: #293952;
}

html.dark .merchant-compliance-footer__brand strong,
html.dark .merchant-compliance-footer__column > strong {
  color: #f8fafc;
}

html.dark .merchant-compliance-footer__brand p,
html.dark .merchant-compliance-footer__column a,
html.dark .merchant-compliance-footer__link {
  color: #9aa9bd;
}

html.dark .merchant-compliance-footer__whatsapp {
  color: #86efac !important;
}

html.dark .merchant-compliance-footer__bottom {
  border-top-color: #293952;
  color: #718096;
}

@media (max-width: 560px) {
  .merchant-compliance-support-footer {
    justify-content: stretch;
  }

  .merchant-compliance-support-footer .merchant-compliance-whatsapp-help {
    width: 100%;
    max-width: none;
  }

  .merchant-compliance-footer__main {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .merchant-compliance-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

html.dark .merchant-compliance-upload-summary__copy strong,
html.dark .merchant-compliance-upload-summary__progress span {
  color: #e2e8f0;
}

html.dark .merchant-compliance-upload-summary__copy span:not(.merchant-compliance-upload-summary__icon) {
  color: #9aa9bd;
}

html.dark .merchant-compliance-upload-summary__icon,
html.dark .merchant-compliance-document-icon {
  background: #22324b;
  color: #cbd5e1;
}

html.dark .merchant-compliance-upload-dropzone {
  border-color: #3b4c66;
  background: #111c2d;
}

html.dark .merchant-compliance-upload-dropzone.is-dragging {
  border-color: #f20a24;
  background: rgba(242, 10, 36, 0.12);
}

html.dark .merchant-compliance-upload-dropzone__copy strong {
  color: #f8fafc;
}

html.dark .merchant-compliance-upload-dropzone__copy span {
  color: #9aa9bd;
}

html.dark .merchant-compliance-upload-dropzone__button {
  border-color: #3b4c66;
  background: #17243a;
  color: #e2e8f0;
}

html.dark .merchant-compliance-upload-dropzone__button.is-primary {
  border-color: #f20a24;
  background: #ee001c;
  color: #fff;
}

html.dark .merchant-compliance-upload-modal {
  background: rgba(2, 8, 23, 0.72);
}

html.dark .merchant-compliance-upload-modal__card {
  border-color: #293952;
  background: #0f1a2c;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

html.dark .merchant-compliance-upload-modal__eyebrow,
html.dark .merchant-compliance-upload-modal__header p {
  color: #9aa9bd;
}

html.dark .merchant-compliance-upload-modal__header h3,
html.dark .merchant-compliance-upload-modal__field > span {
  color: #f8fafc;
}

html.dark .merchant-compliance-upload-modal__close,
html.dark .merchant-compliance-upload-modal__cancel,
html.dark .merchant-compliance-upload-modal__field select {
  border-color: #3b4c66;
  background: #17243a;
  color: #e2e8f0;
}

html.dark .merchant-compliance-progress-track {
  background: #33445d;
}

html.dark .merchant-compliance-document-item,
html.dark .merchant-compliance-document-item.is-uploaded {
  border-color: #293952;
  background: #111c2d;
}

html.dark .merchant-compliance-document-item.is-uploaded {
  background: #10251f;
  border-color: #28624f;
  box-shadow: inset 0 0 0 1px rgba(134, 239, 172, 0.08);
}

html.dark .merchant-compliance-document-item.is-uploaded .merchant-compliance-document-icon {
  background: #174b38;
  color: #86efac;
}

html.dark .merchant-compliance-document-item.is-selected {
  border-color: #f20a24;
  box-shadow: 0 0 0 2px rgba(242, 10, 36, 0.2);
}

html.dark .merchant-compliance-document-item__copy strong {
  color: #f8fafc;
}

html.dark .merchant-compliance-document-item__copy span,
html.dark .merchant-compliance-document-item__copy small,
html.dark .merchant-compliance-document-count {
  color: #9aa9bd;
}

html.dark .merchant-compliance-document-item__action {
  border-color: #f20a24;
  background: #111c2d;
  color: #fda4af;
}

html.dark .merchant-compliance-document-item__action:hover:not(:disabled) {
  background: rgba(242, 10, 36, 0.14);
}

html.dark .merchant-compliance-screen .delivery-table thead tr {
  background: #17243a !important;
}

html.dark .merchant-compliance-screen .delivery-table thead th {
  color: #9aa9bd !important;
}

html.dark .merchant-compliance-agreements > div:first-child > button {
  color: #e2e8f0 !important;
}

html.dark .merchant-compliance-agreements td:last-child button[class*='bg-blue-50'] {
  border-color: #315d91 !important;
  background: #183253 !important;
  color: #bfdbfe !important;
}

html.dark .merchant-compliance-agreements td:last-child button[class*='bg-emerald-50'] {
  border-color: #28624f !important;
  background: #12352c !important;
  color: #a7f3d0 !important;
}

html.dark .merchant-compliance-agreements td img {
  border-color: #3b4c66 !important;
  background: #0d182a !important;
}

.merchant-compliance-screen .delivery-table-shell {
  margin-top: 14px !important;
  border-radius: 0;
}

.merchant-compliance-screen .delivery-table thead tr {
  background: #f4f7fb;
}

.merchant-compliance-screen .delivery-table tbody tr {
  border-bottom: 1px solid #eae7e4;
}

.merchant-compliance-row-actions {
  position: relative;
  display: inline-block;
}

.merchant-compliance-row-actions--legacy {
  display: none;
}

.merchant-compliance-row-actions-trigger {
  display: inline-flex;
  height: 28px;
  width: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ee;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.merchant-compliance-row-actions-trigger:hover,
.merchant-compliance-row-actions-trigger[aria-expanded='true'] {
  background: #f4f7fb;
  color: #102b56;
}

.merchant-compliance-row-actions summary {
  display: inline-flex;
  height: 28px;
  width: 28px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce4ee;
  border-radius: 8px;
  color: #64748b;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
}

.merchant-compliance-row-actions summary::-webkit-details-marker {
  display: none;
}

.merchant-compliance-row-actions summary:hover {
  background: #f4f7fb;
  color: #102b56;
}

.merchant-compliance-row-actions > div {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 100;
  min-width: 180px;
  border: 1px solid #eae7e4;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.merchant-compliance-row-actions-menu {
  position: fixed;
  z-index: 12000;
  min-width: 180px;
  border: 1px solid #eae7e4;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
}

.merchant-compliance-row-actions > div button,
.merchant-compliance-row-actions-menu button {
  width: 100%;
  border: 0;
  border-radius: 6px;
  background: transparent;
  padding: 7px 9px;
  color: #b91c1c;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
}

.merchant-compliance-row-actions-menu button.is-reopen {
  color: #2563eb;
}

.merchant-compliance-row-actions-menu button.is-reopen:hover {
  background: #eff6ff;
}

.merchant-compliance-row-actions > div button:hover,
.merchant-compliance-row-actions-menu button:hover {
  background: #fff0f2;
}

.merchant-compliance-screen .auth-compliance__section-grid > .space-y-5 > .rounded-3xl button.rounded-2xl {
  height: 32px;
  padding: 0 12px;
  font-size: 11px;
}

html.dark .merchant-compliance-row-actions summary {
  border-color: #3b4c66;
  color: #cbd5e1;
}

html.dark .merchant-compliance-row-actions-trigger {
  border-color: #3b4c66;
  color: #cbd5e1;
}

html.dark .merchant-compliance-row-actions-trigger:hover,
html.dark .merchant-compliance-row-actions-trigger[aria-expanded='true'] {
  background: #17243a;
  color: #f8fafc;
}

html.dark .merchant-compliance-row-actions > div {
  border-color: #3b4c66;
  background: #17243a;
}

html.dark .merchant-compliance-row-actions-menu {
  border-color: #3b4c66;
  background: #17243a;
}

html.dark .merchant-compliance-row-actions > div button:hover,
html.dark .merchant-compliance-row-actions-menu button:hover {
  background: rgba(242, 10, 36, 0.14);
}

@media (max-width: 1100px) {
  .merchant-compliance-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .merchant-compliance-agreements.is-compact-list > div:last-child tr {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .merchant-compliance-agreements.is-compact-list > div:last-child td:nth-child(4) {
    display: none;
  }

  .merchant-compliance-agreements.is-compact-list > div:last-child td:last-child {
    grid-column: 2;
  }
}

@media (max-width: 760px) {
  .merchant-compliance-screen .compliance-step-flow__progress {
    align-items: flex-start;
    overflow-x: auto;
  }

  .merchant-compliance-screen .compliance-step-flow__progress-item {
    min-width: 180px;
  }

  .merchant-compliance-upload-summary {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .merchant-compliance-upload-summary__progress {
    min-width: 0;
  }

  .merchant-compliance-review-summary {
    align-items: flex-start;
    gap: 10px 0;
  }

  .merchant-compliance-review-summary span {
    flex: 1 1 50%;
  }

  .merchant-compliance-review-summary span + span {
    margin-left: 0;
    padding-left: 12px;
  }

  .merchant-compliance-upload-dropzone {
    align-items: stretch;
    flex-direction: column;
  }

  .merchant-compliance-upload-dropzone__actions {
    width: 100%;
  }

  .merchant-compliance-upload-dropzone__button {
    flex: 1 1 140px;
  }
}

@media (max-width: 560px) {
  .merchant-compliance-screen .auth-compliance__hero {
    padding: 18px !important;
  }

  .merchant-compliance-screen .auth-compliance__hero h1 {
    font-size: 24px !important;
  }

  .merchant-compliance-document-grid {
    grid-template-columns: 1fr;
  }

  .merchant-compliance-review-row {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .merchant-compliance-review-row__action {
    grid-column: 2;
    justify-items: start;
  }

  .merchant-compliance-approval-status {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .merchant-compliance-approval-status__chip {
    margin-left: 46px;
  }

  .merchant-compliance-hero-art {
    right: -38px;
    opacity: 0.3;
  }

  .merchant-compliance-screen .compliance-step-flow__card {
    padding: 16px;
  }
}

/* Final merchant dark palette pass: replace legacy brown surfaces everywhere. */
html.dark .merchant-workspace .merchant-returns-queue-card,
html.dark .merchant-workspace .merchant-returns-filters,
html.dark .merchant-workspace .merchant-reservation-queue-card,
html.dark .merchant-workspace .merchant-reservation-filters,
html.dark .merchant-workspace .merchant-return-drawer,
html.dark .merchant-workspace .merchant-return-drawer-footer,
html.dark .merchant-workspace .merchant-reservation-selected-modal,
html.dark .merchant-workspace .merchant-reservation-modal-footer,
html.dark .merchant-workspace .merchant-order-context,
html.dark .merchant-workspace .merchant-order-tab-surface,
html.dark .merchant-workspace .merchant-order-action-rail,
html.dark .merchant-workspace .merchant-return-detail-header,
html.dark .merchant-workspace .merchant-return-detail-card,
html.dark .merchant-workspace .merchant-return-action-rail,
html.dark .merchant-workspace .merchant-return-detail-action,
html.dark .merchant-workspace .merchant-reservation-tabs,
html.dark .merchant-workspace .merchant-order-feed-empty,
html.dark .merchant-workspace .merchant-order-data-table,
html.dark .merchant-workspace .merchant-order-legacy-table,
html.dark .merchant-workspace .merchant-order-table-wrap,
html.dark .merchant-workspace .merchant-order-filters,
html.dark .merchant-workspace .merchant-settings-dialog {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-order-data-table thead,
html.dark .merchant-workspace .merchant-order-legacy-table thead,
html.dark .merchant-workspace .merchant-order-table-wrap thead,
html.dark .merchant-workspace .merchant-settings-nav,
html.dark .merchant-workspace .merchant-settings-dialog .merchant-settings-modal-header,
html.dark .merchant-workspace .merchant-settings-dialog > footer {
  background: #263650 !important;
  border-color: #475569 !important;
}

html.dark .merchant-workspace .merchant-order-filters input,
html.dark .merchant-workspace .merchant-order-filters select,
html.dark .merchant-workspace .merchant-operating-hours-settings input[type='time'] {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .merchant-workspace .merchant-order-action-button,
html.dark .merchant-workspace .merchant-settings-nav button:hover,
html.dark .merchant-workspace button[aria-pressed='false'] {
  background: #263650 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html.dark .merchant-workspace .merchant-settings-dialog [class*='border-'],
html.dark .merchant-workspace .merchant-settings-dialog [class*='divide-'] > :not(:last-child) {
  border-color: #475569 !important;
}

html.dark .merchant-workspace .merchant-branches-page .py-12 {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html.dark .merchant-workspace .merchant-branches-page .py-12 > span {
  color: #cbd5e1 !important;
}

html.dark .merchant-workspace .merchant-branches-page .py-12 > button {
  background: #263650 !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

.merchant-workspace .merchant-branches-page .py-12 > button {
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-inline: auto;
}

.placeholder\:text-\[\#8A8A8A\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#8A8A8A\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#94A3B8\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#94A3B8\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#9A9A9A\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#9A9A9A\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}

.placeholder\:text-\[var\(--brand-muted\)\]::-moz-placeholder{
  color: var(--brand-muted);
}

.placeholder\:text-\[var\(--brand-muted\)\]::placeholder{
  color: var(--brand-muted);
}

.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.first\:rounded-t-lg:first-child{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.first\:rounded-t-xl:first-child{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.first\:pt-0:first-child{
  padding-top: 0px;
}

.first\:pt-4:first-child{
  padding-top: 1rem;
}

.last\:rounded-b-lg:last-child{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.last\:rounded-b-xl:last-child{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.last\:border-0:last-child{
  border-width: 0px;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.last\:pb-0:last-child{
  padding-bottom: 0px;
}

.focus-within\:border-\[var\(--brand-blue\2c \#2563eb\)\]:focus-within{
  border-color: var(--brand-blue,#2563eb);
}

.focus-within\:border-blue-600:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.focus-within\:border-primary:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(10 31 68 / var(--tw-border-opacity));
}

.focus-within\:ring-1:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-\[\#F20A24\]\/20:focus-within{
  --tw-ring-color: rgb(242 10 36 / 0.2);
}

.focus-within\:ring-blue-200:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
}

.focus-within\:ring-brand-500:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 40 40 / var(--tw-ring-opacity));
}

.focus-within\:ring-primary\/20:focus-within{
  --tw-ring-color: rgb(10 31 68 / 0.2);
}

.hover\:\!translate-y-0:hover{
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:-translate-y-0:hover{
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1\.5:hover{
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-px:hover{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-x-0:hover{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-x-0\.5:hover{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-y-\[-1px\]:hover{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:\!border-\[\#D1D1D1\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 209 209 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-\[\#D90820\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 8 32 / var(--tw-border-opacity)) !important;
}

.hover\:border-\[\#0A1F44\]\/20:hover{
  border-color: rgb(10 31 68 / 0.2);
}

.hover\:border-\[\#25D366\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity));
}

.hover\:border-\[\#94A3B8\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.hover\:border-\[\#B8B3A8\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(184 179 168 / var(--tw-border-opacity));
}

.hover\:border-\[\#CBD5E1\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.hover\:border-\[\#CFCFCF\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity));
}

.hover\:border-\[\#D4D4D4\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.hover\:border-\[\#D50019\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(213 0 25 / var(--tw-border-opacity));
}

.hover\:border-\[\#D5D5D5\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(213 213 213 / var(--tw-border-opacity));
}

.hover\:border-\[\#D62828\]\/25:hover{
  border-color: rgb(214 40 40 / 0.25);
}

.hover\:border-\[\#D62828\]\/30:hover{
  border-color: rgb(214 40 40 / 0.3);
}

.hover\:border-\[\#D9D9D9\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.hover\:border-\[\#E2E8F0\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.hover\:border-\[\#E8E8E8\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(232 232 232 / var(--tw-border-opacity));
}

.hover\:border-\[\#F3C9D0\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(243 201 208 / var(--tw-border-opacity));
}

.hover\:border-\[\#FFD9DE\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 217 222 / var(--tw-border-opacity));
}

.hover\:border-\[\#d8d2cd\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 210 205 / var(--tw-border-opacity));
}

.hover\:border-\[var\(--brand-blue\2c \#2563eb\)\]:hover{
  border-color: var(--brand-blue,#2563eb);
}

.hover\:border-\[var\(--brand-border\)\]:hover{
  border-color: var(--brand-border);
}

.hover\:border-\[var\(--brand-primary\)\]:hover{
  border-color: var(--brand-primary);
}

.hover\:border-blue-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.hover\:border-blue-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.hover\:border-blue-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.hover\:border-blue-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.hover\:border-emerald-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.hover\:border-emerald-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity));
}

.hover\:border-gray-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.hover\:border-indigo-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.hover\:border-primary-light:hover{
  --tw-border-opacity: 1;
  border-color: rgb(30 78 145 / var(--tw-border-opacity));
}

.hover\:border-primary\/30:hover{
  border-color: rgb(10 31 68 / 0.3);
}

.hover\:border-primary\/40:hover{
  border-color: rgb(10 31 68 / 0.4);
}

.hover\:border-primary\/50:hover{
  border-color: rgb(10 31 68 / 0.5);
}

.hover\:border-red-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.hover\:border-red-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.hover\:border-rose-500\/20:hover{
  border-color: rgb(244 63 94 / 0.2);
}

.hover\:border-sky-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}

.hover\:border-sky-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity));
}

.hover\:border-slate-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.hover\:border-teal-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity));
}

.hover\:\!bg-\[\#D90820\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 8 32 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#F7F7F7\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#d80920\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(216 9 32 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-emerald-700:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-primary-light:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 78 145 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-white:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#12366f\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(18 54 111 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#128C7E\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(18 140 126 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#1E4E91\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 78 145 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#292929\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 41 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#333333\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#B91C1C\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D50019\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(213 0 25 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D80A20\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(216 10 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D90820\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 8 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D90920\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 9 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D90A20\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 10 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EEEEEE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EEE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F1F5F9\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F2F0EE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 238 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F5F3EE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 238 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F5F3F1\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 241 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F5F4F2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 242 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F7F5F3\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 243 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F7F6F4\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 246 244 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F7F7F7\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F8FAFC\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FBFAF6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FCFAF8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 248 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FCFBFA\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFF2F4\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 244 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFF7F8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 248 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFF8F9\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 249 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFFDFD\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 253 253 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#b91c1c\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#c90018\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 0 24 / var(--tw-bg-opacity));
}

.hover\:bg-\[var\(--brand-bg\)\]:hover{
  background-color: var(--brand-bg);
}

.hover\:bg-\[var\(--brand-bg-elevated\)\]:hover{
  background-color: var(--brand-bg-elevated);
}

.hover\:bg-\[var\(--brand-bg-elevated\2c \#f8fafc\)\]:hover{
  background-color: var(--brand-bg-elevated,#f8fafc);
}

.hover\:bg-\[var\(--brand-bg-muted\)\]:hover{
  background-color: var(--brand-bg-muted);
}

.hover\:bg-\[var\(--brand-bg-muted\2c \#f1f5f9\)\]:hover{
  background-color: var(--brand-bg-muted,#f1f5f9);
}

.hover\:bg-\[var\(--brand-bg-muted\2c \#f8fafc\)\]:hover{
  background-color: var(--brand-bg-muted,#f8fafc);
}

.hover\:bg-\[var\(--brand-blue-dark\)\]:hover{
  background-color: var(--brand-blue-dark);
}

.hover\:bg-\[var\(--merchant-bg\)\]:hover{
  background-color: var(--merchant-bg);
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.hover\:bg-amber-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.hover\:bg-amber-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}

.hover\:bg-black\/5:hover{
  background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-black\/70:hover{
  background-color: rgb(0 0 0 / 0.7);
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 78 59 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50\/50:hover{
  background-color: rgb(249 250 251 / 0.5);
}

.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(10 31 68 / var(--tw-bg-opacity));
}

.hover\:bg-primary-light:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 78 145 / var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-rose-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}

.hover\:bg-rose-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}

.hover\:bg-rose-50\/30:hover{
  background-color: rgb(255 241 242 / 0.3);
}

.hover\:bg-rose-500\/20:hover{
  background-color: rgb(244 63 94 / 0.2);
}

.hover\:bg-rose-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(159 18 57 / var(--tw-bg-opacity));
}

.hover\:bg-sky-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.hover\:bg-slate-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50\/50:hover{
  background-color: rgb(248 250 252 / 0.5);
}

.hover\:bg-slate-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.hover\:bg-slate-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.hover\:bg-teal-50\/40:hover{
  background-color: rgb(240 253 250 / 0.4);
}

.hover\:bg-violet-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.hover\:bg-violet-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
}

.hover\:bg-violet-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover{
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/40:hover{
  background-color: rgb(255 255 255 / 0.4);
}

.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/75:hover{
  background-color: rgb(255 255 255 / 0.75);
}

.hover\:bg-white\/80:hover{
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-opacity-10:hover{
  --tw-bg-opacity: 0.1;
}

.hover\:\!text-\[\#171717\]:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(23 23 23 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#0A1F44\]:hover{
  --tw-text-opacity: 1;
  color: rgb(10 31 68 / var(--tw-text-opacity));
}

.hover\:text-\[\#171717\]:hover{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

.hover\:text-\[\#172033\]:hover{
  --tw-text-opacity: 1;
  color: rgb(23 32 51 / var(--tw-text-opacity));
}

.hover\:text-\[\#1D4ED8\]:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.hover\:text-\[\#B91C1C\]:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.hover\:text-\[\#D90820\]:hover{
  --tw-text-opacity: 1;
  color: rgb(217 8 32 / var(--tw-text-opacity));
}

.hover\:text-\[\#F20A24\]:hover{
  --tw-text-opacity: 1;
  color: rgb(242 10 36 / var(--tw-text-opacity));
}

.hover\:text-\[\#c7091e\]:hover{
  --tw-text-opacity: 1;
  color: rgb(199 9 30 / var(--tw-text-opacity));
}

.hover\:text-\[\#ee001c\]:hover{
  --tw-text-opacity: 1;
  color: rgb(238 0 28 / var(--tw-text-opacity));
}

.hover\:text-\[var\(--brand-blue\2c \#2563eb\)\]:hover{
  color: var(--brand-blue,#2563eb);
}

.hover\:text-\[var\(--brand-dark\)\]:hover{
  color: var(--brand-dark);
}

.hover\:text-\[var\(--brand-primary\)\]:hover{
  color: var(--brand-primary);
}

.hover\:text-\[var\(--brand-text\2c \#0a1f44\)\]:hover{
  color: var(--brand-text,#0a1f44);
}

.hover\:text-amber-600:hover{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.hover\:text-amber-700:hover{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-blue-700:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.hover\:text-brand-500:hover{
  --tw-text-opacity: 1;
  color: rgb(214 40 40 / var(--tw-text-opacity));
}

.hover\:text-brand-700:hover{
  --tw-text-opacity: 1;
  color: rgb(15 43 85 / var(--tw-text-opacity));
}

.hover\:text-emerald-700:hover{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-green-700:hover{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.hover\:text-green-800:hover{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.hover\:text-indigo-600:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.hover\:text-rose-600:hover{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}

.hover\:text-rose-700:hover{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}

.hover\:text-sky-800:hover{
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity));
}

.hover\:text-slate-600:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.hover\:text-slate-700:hover{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-teal-700\/80:hover{
  color: rgb(15 118 110 / 0.8);
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:decoration-white:hover{
  text-decoration-color: #fff;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-70:hover{
  opacity: 0.7;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.hover\:opacity-95:hover{
  opacity: 0.95;
}

.hover\:\!shadow-\[0_8px_24px_rgba\(20\2c 20\2c 20\2c 0\.05\)\]:hover{
  --tw-shadow: 0 8px 24px rgba(20,20,20,0.05) !important;
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-\[0_12px_28px_-20px_rgba\(18\2c 140\2c 126\2c 0\.5\)\]:hover{
  --tw-shadow: 0 12px 28px -20px rgba(18,140,126,0.5);
  --tw-shadow-colored: 0 12px 28px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_14px_32px_-28px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]:hover{
  --tw-shadow: 0 14px 32px -28px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 14px 32px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_18px_40px_-30px_rgba\(37\2c 99\2c 235\2c 0\.4\)\]:hover{
  --tw-shadow: 0 18px 40px -30px rgba(37,99,235,0.4);
  --tw-shadow-colored: 0 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_36px_-24px_rgba\(30\2c 78\2c 145\2c 0\.38\)\]:hover{
  --tw-shadow: 0 20px 36px -24px rgba(30,78,145,0.38);
  --tw-shadow-colored: 0 20px 36px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_40px_-24px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]:hover{
  --tw-shadow: 0 20px 40px -24px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 20px 40px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_45px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]:hover{
  --tw-shadow: 0 20px 45px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_20px_45px_rgba\(2\2c 132\2c 199\2c 0\.11\)\]:hover{
  --tw-shadow: 0 20px 45px rgba(2,132,199,0.11);
  --tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_22px_44px_-26px_rgba\(15\2c 23\2c 42\2c 0\.55\)\]:hover{
  --tw-shadow: 0 22px 44px -26px rgba(15,23,42,0.55);
  --tw-shadow-colored: 0 22px 44px -26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_30px_70px_-32px_rgba\(15\2c 23\2c 42\2c 0\.65\)\]:hover{
  --tw-shadow: 0 30px 70px -32px rgba(15,23,42,0.65);
  --tw-shadow-colored: 0 30px 70px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_34px_64px_-30px_rgba\(28\2c 20\2c 17\2c 0\.64\)\]:hover{
  --tw-shadow: 0 34px 64px -30px rgba(28,20,17,0.64);
  --tw-shadow-colored: 0 34px 64px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:ring-\[\#FFD9DE\]:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 217 222 / var(--tw-ring-opacity));
}

.hover\:brightness-105:hover{
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:brightness-110:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:border-\[\#171717\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / var(--tw-border-opacity));
}

.focus\:border-\[\#2563EB\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.focus\:border-\[\#D62828\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(214 40 40 / var(--tw-border-opacity));
}

.focus\:border-\[\#D62828\]\/40:focus{
  border-color: rgb(214 40 40 / 0.4);
}

.focus\:border-\[\#EE001C\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(238 0 28 / var(--tw-border-opacity));
}

.focus\:border-\[\#F20A24\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(242 10 36 / var(--tw-border-opacity));
}

.focus\:border-\[\#ee001c\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(238 0 28 / var(--tw-border-opacity));
}

.focus\:border-\[var\(--brand-blue\)\]:focus{
  border-color: var(--brand-blue);
}

.focus\:border-\[var\(--brand-blue\2c \#0A1F44\)\]:focus{
  border-color: var(--brand-blue,#0A1F44);
}

.focus\:border-\[var\(--brand-blue\2c \#2563eb\)\]:focus{
  border-color: var(--brand-blue,#2563eb);
}

.focus\:border-\[var\(--brand-dark\2c \#0f172a\)\]:focus{
  border-color: var(--brand-dark,#0f172a);
}

.focus\:border-\[var\(--brand-primary\)\]:focus{
  border-color: var(--brand-primary);
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-primary\/40:focus{
  border-color: rgb(10 31 68 / 0.4);
}

.focus\:border-red-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.focus\:border-rose-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity));
}

.focus\:border-slate-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:\!ring-\[\#F20A24\]:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(242 10 36 / var(--tw-ring-opacity)) !important;
}

.focus\:ring-\[\#171717\]\/15:focus{
  --tw-ring-color: rgb(23 23 23 / 0.15);
}

.focus\:ring-\[\#D62828\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 40 40 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#D62828\]\/10:focus{
  --tw-ring-color: rgb(214 40 40 / 0.1);
}

.focus\:ring-\[\#D62828\]\/20:focus{
  --tw-ring-color: rgb(214 40 40 / 0.2);
}

.focus\:ring-\[\#D62828\]\/30:focus{
  --tw-ring-color: rgb(214 40 40 / 0.3);
}

.focus\:ring-\[\#EE001C\]\/10:focus{
  --tw-ring-color: rgb(238 0 28 / 0.1);
}

.focus\:ring-\[\#F20A24\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 10 36 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#F20A24\]\/10:focus{
  --tw-ring-color: rgb(242 10 36 / 0.1);
}

.focus\:ring-\[\#F20A24\]\/15:focus{
  --tw-ring-color: rgb(242 10 36 / 0.15);
}

.focus\:ring-\[\#F20A24\]\/20:focus{
  --tw-ring-color: rgb(242 10 36 / 0.2);
}

.focus\:ring-\[\#F20A24\]\/\[0\.06\]:focus{
  --tw-ring-color: rgb(242 10 36 / 0.06);
}

.focus\:ring-\[\#b91c1c\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
}

.focus\:ring-\[var\(--brand-accent\2c \#6366f1\)\]:focus{
  --tw-ring-color: var(--brand-accent,#6366f1);
}

.focus\:ring-\[var\(--brand-blue\2c \#2563eb\)\]:focus{
  --tw-ring-color: var(--brand-blue,#2563eb);
}

.focus\:ring-\[var\(--brand-primary\2c \#3b82f6\)\]:focus{
  --tw-ring-color: var(--brand-primary,#3b82f6);
}

.focus\:ring-amber-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
}

.focus\:ring-blue-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-brand-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 40 40 / var(--tw-ring-opacity));
}

.focus\:ring-emerald-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
}

.focus\:ring-green-500\/20:focus{
  --tw-ring-color: rgb(34 197 94 / 0.2);
}

.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-primary:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(10 31 68 / var(--tw-ring-opacity));
}

.focus\:ring-primary\/10:focus{
  --tw-ring-color: rgb(10 31 68 / 0.1);
}

.focus\:ring-primary\/30:focus{
  --tw-ring-color: rgb(10 31 68 / 0.3);
}

.focus\:ring-primary\/40:focus{
  --tw-ring-color: rgb(10 31 68 / 0.4);
}

.focus\:ring-red-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity));
}

.focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus\:ring-red-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
}

.focus\:ring-rose-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity));
}

.focus\:ring-rose-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity));
}

.focus\:ring-success:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
}

.focus\:ring-white:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.focus\:ring-yellow-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity));
}

.focus\:ring-offset-1:focus{
  --tw-ring-offset-width: 1px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-\[\#00574f\]:focus{
  --tw-ring-offset-color: #00574f;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-4:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[\#171717\]\/15:focus-visible{
  --tw-ring-color: rgb(23 23 23 / 0.15);
}

.focus-visible\:ring-\[\#25D366\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 211 102 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#25D366\]\/40:focus-visible{
  --tw-ring-color: rgb(37 211 102 / 0.4);
}

.focus-visible\:ring-\[\#EE001C\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(238 0 28 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#EE001C\]\/30:focus-visible{
  --tw-ring-color: rgb(238 0 28 / 0.3);
}

.focus-visible\:ring-\[\#F20A24\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 10 36 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#F20A24\]\/30:focus-visible{
  --tw-ring-color: rgb(242 10 36 / 0.3);
}

.focus-visible\:ring-\[\#F20A24\]\/35:focus-visible{
  --tw-ring-color: rgb(242 10 36 / 0.35);
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.active\:translate-y-0:active{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:bg-\[var\(--brand-bg-muted\)\]:active{
  background-color: var(--brand-bg-muted);
}

.disabled\:cursor-default:disabled{
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:cursor-wait:disabled{
  cursor: wait;
}

.disabled\:border-gray-200:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.disabled\:border-slate-300:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.disabled\:border-transparent:disabled{
  border-color: transparent;
}

.disabled\:bg-\[\#F7F7F7\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

.disabled\:bg-\[\#FCFBFA\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity));
}

.disabled\:bg-blue-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-200:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-50:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.disabled\:px-0:disabled{
  padding-left: 0px;
  padding-right: 0px;
}

.disabled\:text-gray-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.disabled\:text-slate-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.disabled\:opacity-40:disabled{
  opacity: 0.4;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:opacity-70:disabled{
  opacity: 0.7;
}

.disabled\:hover\:bg-transparent:hover:disabled{
  background-color: transparent;
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.03\]{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:gap-3{
  gap: 0.75rem;
}

.group:hover .group-hover\:bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-primary\/10{
  background-color: rgb(10 31 68 / 0.1);
}

.group:hover .group-hover\:bg-transparent{
  background-color: transparent;
}

.group:hover .group-hover\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.group:hover .group-hover\:text-\[\#525252\]{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#D62828\]{
  --tw-text-opacity: 1;
  color: rgb(214 40 40 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#F20A24\]{
  --tw-text-opacity: 1;
  color: rgb(242 10 36 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(10 31 68 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference){

  @keyframes pulse{

    50%{
      opacity: .5;
    }
  }

  .motion-safe\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
}

@media (prefers-reduced-motion: reduce){

  .motion-reduce\:animate-none{
    animation: none;
  }

  .motion-reduce\:transition-none{
    transition-property: none;
  }
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}

.dark\:divide-slate-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
}

.dark\:border-amber-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity));
}

.dark\:border-blue-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.dark\:border-emerald-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / var(--tw-border-opacity));
}

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.dark\:border-red-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
}

.dark\:border-slate-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark\:bg-\[\#0F172A\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark\:bg-amber-900\/50:is(.dark *){
  background-color: rgb(120 53 15 / 0.5);
}

.dark\:bg-amber-950\/30:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}

.dark\:bg-blue-900\/50:is(.dark *){
  background-color: rgb(30 58 138 / 0.5);
}

.dark\:bg-blue-950\/20:is(.dark *){
  background-color: rgb(23 37 84 / 0.2);
}

.dark\:bg-emerald-900\/50:is(.dark *){
  background-color: rgb(6 78 59 / 0.5);
}

.dark\:bg-emerald-950\/30:is(.dark *){
  background-color: rgb(2 44 34 / 0.3);
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800\/50:is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}

.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.dark\:bg-orange-900\/50:is(.dark *){
  background-color: rgb(124 45 18 / 0.5);
}

.dark\:bg-red-900\/50:is(.dark *){
  background-color: rgb(127 29 29 / 0.5);
}

.dark\:bg-red-950\/30:is(.dark *){
  background-color: rgb(69 10 10 / 0.3);
}

.dark\:bg-slate-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.dark\:bg-slate-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.dark\:bg-slate-700\/80:is(.dark *){
  background-color: rgb(51 65 85 / 0.8);
}

.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark\:bg-slate-800\/50:is(.dark *){
  background-color: rgb(30 41 59 / 0.5);
}

.dark\:bg-slate-800\/70:is(.dark *){
  background-color: rgb(30 41 59 / 0.7);
}

.dark\:bg-slate-800\/80:is(.dark *){
  background-color: rgb(30 41 59 / 0.8);
}

.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}

.dark\:text-emerald-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark\:text-orange-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity));
}

.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.dark\:text-red-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.dark\:text-slate-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.dark\:text-slate-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.dark\:text-slate-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.dark\:text-slate-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:hover\:bg-\[\#26354A\]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 53 74 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-800\/35:hover:is(.dark *){
  background-color: rgb(31 41 55 / 0.35);
}

.dark\:hover\:bg-slate-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-slate-700\/50:hover:is(.dark *){
  background-color: rgb(51 65 85 / 0.5);
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:focus\:ring-offset-slate-800:focus:is(.dark *){
  --tw-ring-offset-color: #1e293b;
}

@media (min-width: 640px){

  .sm\:bottom-4{
    bottom: 1rem;
  }

  .sm\:bottom-6{
    bottom: 1.5rem;
  }

  .sm\:left-6{
    left: 1.5rem;
  }

  .sm\:right-4{
    right: 1rem;
  }

  .sm\:right-6{
    right: 1.5rem;
  }

  .sm\:top-9{
    top: 2.25rem;
  }

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:ml-2{
    margin-left: 0.5rem;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-2{
    margin-top: 0.5rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline-block{
    display: inline-block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:inline-flex{
    display: inline-flex;
  }

  .sm\:h-20{
    height: 5rem;
  }

  .sm\:h-48{
    height: 12rem;
  }

  .sm\:h-\[186px\]{
    height: 186px;
  }

  .sm\:h-\[320px\]{
    height: 320px;
  }

  .sm\:max-h-\[90vh\]{
    max-height: 90vh;
  }

  .sm\:min-h-\[350px\]{
    min-height: 350px;
  }

  .sm\:min-h-\[520px\]{
    min-height: 520px;
  }

  .sm\:\!w-28{
    width: 7rem !important;
  }

  .sm\:\!w-auto{
    width: auto !important;
  }

  .sm\:w-28{
    width: 7rem;
  }

  .sm\:w-48{
    width: 12rem;
  }

  .sm\:w-52{
    width: 13rem;
  }

  .sm\:w-64{
    width: 16rem;
  }

  .sm\:w-72{
    width: 18rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:min-w-\[112px\]{
    min-width: 112px;
  }

  .sm\:min-w-\[120px\]{
    min-width: 120px;
  }

  .sm\:min-w-\[160px\]{
    min-width: 160px;
  }

  .sm\:min-w-\[184px\]{
    min-width: 184px;
  }

  .sm\:min-w-\[240px\]{
    min-width: 240px;
  }

  .sm\:max-w-\[360px\]{
    max-width: 360px;
  }

  .sm\:shrink-0{
    flex-shrink: 0;
  }

  .sm\:auto-cols-\[calc\(\(100\%-1rem\)\/2\)\]{
    grid-auto-columns: calc((100% - 1rem) / 2);
  }

  .sm\:\!grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[120px\2c minmax\(0\2c 1fr\)\]{
    grid-template-columns: 120px minmax(0,1fr);
  }

  .sm\:grid-cols-\[180px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 180px minmax(0,1fr);
  }

  .sm\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) auto;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_120px_140px\]{
    grid-template-columns: minmax(0,1fr) 120px 140px;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_12rem\]{
    grid-template-columns: minmax(0,1fr) 12rem;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_150px_auto\]{
    grid-template-columns: minmax(0,1fr) 150px auto;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{
    grid-template-columns: minmax(0,1fr) 220px;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_7rem\]{
    grid-template-columns: minmax(0,1fr) 7rem;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_8rem_8rem\]{
    grid-template-columns: minmax(0,1fr) 8rem 8rem;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-stretch{
    align-items: stretch;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .sm\:self-auto{
    align-self: auto;
  }

  .sm\:whitespace-nowrap{
    white-space: nowrap;
  }

  .sm\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .sm\:rounded-\[22px\]{
    border-radius: 22px;
  }

  .sm\:border-0{
    border-width: 0px;
  }

  .sm\:p-10{
    padding: 2.5rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-7{
    padding: 1.75rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:p-9{
    padding: 2.25rem;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .sm\:pb-5{
    padding-bottom: 1.25rem;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:pr-\[18rem\]{
    padding-right: 18rem;
  }

  .sm\:pt-0{
    padding-top: 0px;
  }

  .sm\:pt-7{
    padding-top: 1.75rem;
  }

  .sm\:text-right{
    text-align: right;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-\[0\.72rem\]{
    font-size: 0.72rem;
  }

  .sm\:text-\[0\.76rem\]{
    font-size: 0.76rem;
  }

  .sm\:text-\[0\.78rem\]{
    font-size: 0.78rem;
  }

  .sm\:text-\[0\.82rem\]{
    font-size: 0.82rem;
  }

  .sm\:text-\[0\.95rem\]{
    font-size: 0.95rem;
  }

  .sm\:text-\[0\.98rem\]{
    font-size: 0.98rem;
  }

  .sm\:text-\[1\.08rem\]{
    font-size: 1.08rem;
  }

  .sm\:text-\[1\.75rem\]{
    font-size: 1.75rem;
  }

  .sm\:text-\[1\.9rem\]{
    font-size: 1.9rem;
  }

  .sm\:text-\[2\.15rem\]{
    font-size: 2.15rem;
  }

  .sm\:text-\[25px\]{
    font-size: 25px;
  }

  .sm\:text-\[28px\]{
    font-size: 28px;
  }

  .sm\:text-\[34px\]{
    font-size: 34px;
  }

  .sm\:text-\[48px\]{
    font-size: 48px;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-8{
    line-height: 2rem;
  }
}

@media (min-width: 768px){

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-5{
    margin-top: 1.25rem;
  }

  .md\:mt-6{
    margin-top: 1.5rem;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-\[208px\]{
    height: 208px;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:w-64{
    width: 16rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:max-w-\[160px\]{
    max-width: 160px;
  }

  .md\:max-w-\[180px\]{
    max-width: 180px;
  }

  .md\:max-w-\[200px\]{
    max-width: 200px;
  }

  .md\:max-w-\[220px\]{
    max-width: 220px;
  }

  .md\:auto-cols-\[calc\(\(100\%-2rem\)\/3\)\]{
    grid-auto-columns: calc((100% - 2rem) / 3);
  }

  .md\:\!grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1\.2fr_120px_180px\]{
    grid-template-columns: 1.2fr 120px 180px;
  }

  .md\:grid-cols-\[1\.4fr\2c 0\.6fr\2c 0\.8fr\2c 0\.8fr\]{
    grid-template-columns: 1.4fr 0.6fr 0.8fr 0.8fr;
  }

  .md\:grid-cols-\[232px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 232px minmax(0,1fr);
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_140px_140px\]{
    grid-template-columns: minmax(0,1fr) 140px 140px;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_160px_150px\]{
    grid-template-columns: minmax(0,1fr) 160px 150px;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1fr) auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(280px\2c 420px\)\]{
    grid-template-columns: minmax(0,1fr) minmax(280px,420px);
  }

  .md\:grid-cols-\[minmax\(0\2c 260px\)_auto\]{
    grid-template-columns: minmax(0,260px) auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 280px\)_auto\]{
    grid-template-columns: minmax(0,280px) auto;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:pb-2{
    padding-bottom: 0.5rem;
  }

  .md\:text-right{
    text-align: right;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){

  .lg\:sticky{
    position: sticky;
  }

  .lg\:bottom-5{
    bottom: 1.25rem;
  }

  .lg\:bottom-8{
    bottom: 2rem;
  }

  .lg\:right-8{
    right: 2rem;
  }

  .lg\:top-0{
    top: 0px;
  }

  .lg\:top-5{
    top: 1.25rem;
  }

  .lg\:top-6{
    top: 1.5rem;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[220px\]{
    height: 220px;
  }

  .lg\:h-\[340px\]{
    height: 340px;
  }

  .lg\:h-screen{
    height: 100vh;
  }

  .lg\:max-h-screen{
    max-height: 100vh;
  }

  .lg\:min-h-0{
    min-height: 0px;
  }

  .lg\:min-h-full{
    min-height: 100%;
  }

  .lg\:w-48{
    width: 12rem;
  }

  .lg\:w-\[54\%\]{
    width: 54%;
  }

  .lg\:max-w-2xl{
    max-width: 42rem;
  }

  .lg\:max-w-md{
    max-width: 28rem;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.05fr\2c 1fr\2c 0\.9fr\2c 0\.9fr\2c 0\.85fr\2c 0\.75fr\2c 0\.7fr\]{
    grid-template-columns: 1.05fr 1fr 0.9fr 0.9fr 0.85fr 0.75fr 0.7fr;
  }

  .lg\:grid-cols-\[1\.15fr\2c 1fr\2c 1\.05fr\2c 0\.8fr\2c 0\.8fr\2c 0\.85fr\]{
    grid-template-columns: 1.15fr 1fr 1.05fr 0.8fr 0.8fr 0.85fr;
  }

  .lg\:grid-cols-\[1\.15fr_0\.85fr\]{
    grid-template-columns: 1.15fr 0.85fr;
  }

  .lg\:grid-cols-\[1\.1fr\2c 0\.9fr\]{
    grid-template-columns: 1.1fr 0.9fr;
  }

  .lg\:grid-cols-\[1\.25fr\2c 0\.85fr\]{
    grid-template-columns: 1.25fr 0.85fr;
  }

  .lg\:grid-cols-\[1\.2fr\2c 0\.8fr\2c 0\.9fr\2c auto\]{
    grid-template-columns: 1.2fr 0.8fr 0.9fr auto;
  }

  .lg\:grid-cols-\[1\.2fr\2c 0\.8fr\]{
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[1\.2fr\2c 1\.35fr\2c 0\.95fr\2c 0\.85fr\2c 0\.85fr\2c 0\.75fr\]{
    grid-template-columns: 1.2fr 1.35fr 0.95fr 0.85fr 0.85fr 0.75fr;
  }

  .lg\:grid-cols-\[1fr\2c 0\.95fr\2c 0\.85fr\2c 0\.9fr\2c 0\.75fr\2c 0\.7fr\]{
    grid-template-columns: 1fr 0.95fr 0.85fr 0.9fr 0.75fr 0.7fr;
  }

  .lg\:grid-cols-\[1fr\2c 0\.95fr\2c 0\.9fr\2c 0\.85fr\2c 0\.75fr\2c 0\.7fr\]{
    grid-template-columns: 1fr 0.95fr 0.9fr 0.85fr 0.75fr 0.7fr;
  }

  .lg\:grid-cols-\[1fr\2c 1fr\2c 0\.8fr\2c 0\.8fr\2c 0\.8fr\2c 0\.7fr\]{
    grid-template-columns: 1fr 1fr 0.8fr 0.8fr 0.8fr 0.7fr;
  }

  .lg\:grid-cols-\[1fr\2c 1fr\2c 0\.8fr\2c 0\.8fr\2c 0\.8fr\2c 0\.9fr\]{
    grid-template-columns: 1fr 1fr 0.8fr 0.8fr 0.8fr 0.9fr;
  }

  .lg\:grid-cols-\[1fr\2c 1fr\]{
    grid-template-columns: 1fr 1fr;
  }

  .lg\:grid-cols-\[1fr_0\.8fr\]{
    grid-template-columns: 1fr 0.8fr;
  }

  .lg\:grid-cols-\[1fr_200px\]{
    grid-template-columns: 1fr 200px;
  }

  .lg\:grid-cols-\[1fr_360px\]{
    grid-template-columns: 1fr 360px;
  }

  .lg\:grid-cols-\[210px\2c minmax\(0\2c 1fr\)\]{
    grid-template-columns: 210px minmax(0,1fr);
  }

  .lg\:grid-cols-\[240px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 240px minmax(0,1fr);
  }

  .lg\:grid-cols-\[2fr\2c 1fr\]{
    grid-template-columns: 2fr 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.05fr\)_minmax\(360px\2c 0\.95fr\)\]{
    grid-template-columns: minmax(0,1.05fr) minmax(360px,0.95fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(260px\2c 0\.9fr\)\]{
    grid-template-columns: minmax(0,1.1fr) minmax(260px,0.9fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_180px_180px_180px\]{
    grid-template-columns: minmax(0,1.2fr) 180px 180px 180px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_320px\]{
    grid-template-columns: minmax(0,1.2fr) 320px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(260px\2c 0\.8fr\)\]{
    grid-template-columns: minmax(0,1.3fr) minmax(260px,0.8fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(280px\2c 0\.8fr\)\]{
    grid-template-columns: minmax(0,1.4fr) minmax(280px,0.8fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_180px_180px\]{
    grid-template-columns: minmax(0,1fr) 180px 180px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_180px_auto\]{
    grid-template-columns: minmax(0,1fr) 180px auto;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_190px\]{
    grid-template-columns: minmax(0,1fr) 190px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{
    grid-template-columns: minmax(0,1fr) 220px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{
    grid-template-columns: minmax(0,1fr) 300px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_340px\]{
    grid-template-columns: minmax(0,1fr) 340px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_360px\]{
    grid-template-columns: minmax(0,1fr) 360px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1fr) auto;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(260px\2c 0\.85fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(260px,0.85fr);
  }

  .lg\:grid-cols-\[minmax\(280px\2c 1fr\)_180px_180px_180px_auto\]{
    grid-template-columns: minmax(280px,1fr) 180px 180px 180px auto;
  }

  .lg\:grid-cols-\[minmax\(280px\2c 1fr\)_190px_auto\]{
    grid-template-columns: minmax(280px,1fr) 190px auto;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:self-start{
    align-self: flex-start;
  }

  .lg\:overflow-hidden{
    overflow: hidden;
  }

  .lg\:overflow-y-auto{
    overflow-y: auto;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:border-none{
    border-style: none;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .lg\:pb-6{
    padding-bottom: 1.5rem;
  }

  .lg\:text-\[0\.8rem\]{
    font-size: 0.8rem;
  }

  .lg\:text-\[1\.16rem\]{
    font-size: 1.16rem;
  }

  .lg\:text-\[2rem\]{
    font-size: 2rem;
  }
}

@media (min-width: 1280px){

  .xl\:sticky{
    position: sticky;
  }

  .xl\:top-24{
    top: 6rem;
  }

  .xl\:top-6{
    top: 1.5rem;
  }

  .xl\:top-8{
    top: 2rem;
  }

  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:inline-flex{
    display: inline-flex;
  }

  .xl\:w-\[220px\]{
    width: 220px;
  }

  .xl\:w-\[58\%\]{
    width: 58%;
  }

  .xl\:flex-1{
    flex: 1 1 0%;
  }

  .xl\:flex-none{
    flex: none;
  }

  .xl\:auto-cols-\[calc\(\(100\%-3rem\)\/4\)\]{
    grid-auto-columns: calc((100% - 3rem) / 4);
  }

  .xl\:\!grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[0\.78fr\2c 1\.22fr\]{
    grid-template-columns: 0.78fr 1.22fr;
  }

  .xl\:grid-cols-\[1\.05fr_1fr\]{
    grid-template-columns: 1.05fr 1fr;
  }

  .xl\:grid-cols-\[1\.15fr_0\.85fr\]{
    grid-template-columns: 1.15fr 0.85fr;
  }

  .xl\:grid-cols-\[1\.1fr\2c 0\.9fr\]{
    grid-template-columns: 1.1fr 0.9fr;
  }

  .xl\:grid-cols-\[1\.35fr_0\.85fr\]{
    grid-template-columns: 1.35fr 0.85fr;
  }

  .xl\:grid-cols-\[1\.35fr_1fr_1fr\]{
    grid-template-columns: 1.35fr 1fr 1fr;
  }

  .xl\:grid-cols-\[1\.3fr\2c 0\.7fr\]{
    grid-template-columns: 1.3fr 0.7fr;
  }

  .xl\:grid-cols-\[1\.4fr_0\.8fr\]{
    grid-template-columns: 1.4fr 0.8fr;
  }

  .xl\:grid-cols-\[1\.5fr\2c 0\.9fr\]{
    grid-template-columns: 1.5fr 0.9fr;
  }

  .xl\:grid-cols-\[minmax\(0\2c 0\.95fr\)_minmax\(0\2c 1\.15fr\)\]{
    grid-template-columns: minmax(0,0.95fr) minmax(0,1.15fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.15fr\)_340px\]{
    grid-template-columns: minmax(0,1.15fr) 340px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.1fr\)_380px\]{
    grid-template-columns: minmax(0,1.1fr) 380px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(0\2c 0\.9fr\)\]{
    grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.2fr\)\2c minmax\(20rem\2c \.8fr\)\]{
    grid-template-columns: minmax(0,1.2fr) minmax(20rem,.8fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.2fr\)_360px\]{
    grid-template-columns: minmax(0,1.2fr) 360px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.75fr\)\2c minmax\(21rem\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.75fr) minmax(21rem,1fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.85fr\)\2c minmax\(20rem\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.85fr) minmax(20rem,1fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{
    grid-template-columns: minmax(0,1fr) 300px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\]{
    grid-template-columns: minmax(0,1fr) 340px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_360px\]{
    grid-template-columns: minmax(0,1fr) 360px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_420px\]{
    grid-template-columns: minmax(0,1fr) 420px;
  }

  .xl\:grid-cols-\[minmax\(330px\2c 0\.82fr\)_minmax\(0\2c 1\.18fr\)\]{
    grid-template-columns: minmax(330px,0.82fr) minmax(0,1.18fr);
  }

  .xl\:flex-row{
    flex-direction: row;
  }

  .xl\:items-start{
    align-items: flex-start;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:justify-between{
    justify-content: space-between;
  }

  .xl\:gap-3{
    gap: 0.75rem;
  }

  .xl\:gap-8{
    gap: 2rem;
  }

  .xl\:self-start{
    align-self: flex-start;
  }

  .xl\:self-center{
    align-self: center;
  }

  .xl\:p-6{
    padding: 1.5rem;
  }

  .xl\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:pb-0{
    padding-bottom: 0px;
  }

  .xl\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 1536px){

  .\32xl\:auto-cols-\[calc\(\(100\%-4rem\)\/5\)\]{
    grid-auto-columns: calc((100% - 4rem) / 5);
  }

  .\32xl\:\!grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .\32xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .\32xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media print{

  .print\:hidden{
    display: none;
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}
.partner-register {
  --partner-accent: #ee001c;
  --partner-soft: #fff0f2;
  background: #fff;
  color: #202020;
  font-family: 'DM Sans', sans-serif;
}
.partner-register--biker {
  --partner-accent: #ee001c;
  --partner-soft: #fff0f2;
}
.partner-register__visual {
  position: fixed;
  inset: 0 auto 0 0;
  width: 46%;
  overflow: hidden;
  background: #30251f;
}
.partner-register__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 38%;
     object-position: center 38%;
}
.partner-register__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(25, 17, 12, 0.18),
    transparent 35%,
    rgba(25, 17, 12, 0.38) 57%,
    rgba(25, 17, 12, 0.92)
  );
}
.partner-register--biker .partner-register__shade {
  background: linear-gradient(
    180deg,
    rgba(8, 30, 25, 0.18),
    transparent 32%,
    rgba(8, 30, 25, 0.4) 57%,
    rgba(8, 30, 25, 0.94)
  );
}
.partner-register__brand {
  position: absolute;
  top: 30px;
  left: 36px;
  background: #fff;
  border-radius: 12px;
  padding: 10px 16px;
}
.partner-register__brand img {
  width: 106px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.partner-register__badge {
  position: absolute;
  top: 112px;
  left: 36px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: white;
  background: #0005;
  border: 1px solid #ffffff40;
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  backdrop-filter: blur(10px);
}
.partner-register__story {
  position: absolute;
  bottom: 38px;
  left: 36px;
  right: 36px;
  color: #fff;
}
.partner-register__eyebrow {
  font-size: 10px;
  letter-spacing: 0.16em;
  font-weight: 700;
  color: #ffe2c9;
}
.partner-register--biker .partner-register__eyebrow {
  color: #bbebd8;
}
.partner-register__story h2 {
  font:
    750 clamp(30px, 3.3vw, 54px)/1.08 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
  margin: 15px 0;
}
.partner-register__story p {
  font-size: 14px;
  line-height: 1.7;
  max-width: 350px;
  color: #ffffffe0;
}
.partner-register__benefits {
  display: flex;
  gap: 18px;
  align-items: center;
  border-top: 1px solid #ffffff40;
  margin-top: 26px;
  padding-top: 18px;
  font-size: 11px;
}
.partner-register__benefits svg {
  margin-left: auto;
}
.partner-register__header {
  display: none;
}
.partner-register__content {
  margin-left: 46%;
  width: 54%;
  padding: 30px 56px 48px;
}
.partner-register__topline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 42px;
  font-size: 12px;
  color: #6b6b6b;
}
.partner-register__topline a:hover {
  color: var(--partner-accent);
}
.partner-register__intro h1 {
  font:
    800 clamp(29px, 2.8vw, 40px)/1.16 Manrope,
    sans-serif;
  letter-spacing: -0.045em;
  color: #202020 !important;
}
.partner-register__intro > div:first-child {
  padding: 0;
  background: transparent !important;
  color: var(--partner-accent) !important;
  font-size: 10px;
}
.partner-register__intro > div:first-child > span {
  background: var(--partner-accent) !important;
}
.partner-register__intro p {
  margin-top: 12px;
  line-height: 1.7;
}
.partner-register__note {
  padding: 15px 18px;
  border-radius: 12px;
  background: var(--partner-soft);
  color: var(--partner-accent);
  margin: 24px 0;
  font-size: 12px;
  line-height: 1.7;
}
.partner-register__form {
  counter-reset: partner-section;
  gap: 24px;
}
.partner-register__section {
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e9e5e1 !important;
  background: white !important;
  border-radius: 0 !important;
}
.partner-register__section > :first-child {
  color: #333 !important;
  font-size: 11px;
  letter-spacing: 0.08em;
}
.partner-register__section > :first-child::before {
  counter-increment: partner-section;
  content: counter(partner-section, decimal-leading-zero);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  background: var(--partner-soft);
  color: var(--partner-accent);
  border-radius: 8px;
  font-size: 10px;
}
.partner-register__form input:not([type='checkbox']),
.partner-register__form select {
  min-height: 48px;
  border: 1px solid #e4e4e7 !important;
  border-radius: 10px;
  color: #252525 !important;
  box-shadow: none !important;
  font-size: 13px;
}
.partner-register__form input::-moz-placeholder {
  color: #85817d;
}
.partner-register__form input::placeholder {
  color: #85817d;
}
.partner-register__form input:focus,
.partner-register__form select:focus {
  border-color: var(--partner-accent) !important;
  outline: 3px solid var(--partner-soft);
}
.partner-register__form input[type='checkbox'] {
  accent-color: var(--partner-accent);
  flex-shrink: 0;
}
.partner-register__form button[type='submit'] {
  background: #ed1734 !important;
  color: white !important;
  border-radius: 10px;
  min-height: 50px;
  box-shadow: 0 8px 20px #ed173420;
}
.partner-register__form button[type='submit']:disabled {
  opacity: 0.5;
}

.partner-register > footer {
  margin-left: 46%;
  width: 54%;
}

html.dark .partner-register {
  background: #0f172a;
  color: #f8fafc;
}

html.dark .partner-register__content,
html.dark .partner-register > footer {
  background: #0f172a;
}

html.dark .partner-register__header {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html.dark .partner-register__topline,
html.dark .partner-register__intro p,
html.dark .partner-register__section > :first-child,
html.dark .partner-register__field-label,
html.dark .partner-register__input-label,
html.dark .partner-register__form label,
html.dark .partner-register__form small {
  color: #cbd5e1 !important;
}

html.dark .partner-register__intro h1 {
  color: #f8fafc !important;
}

html.dark .partner-register__note {
  background: #241525;
  color: #fca5a5;
  border: 1px solid #642737;
}

html.dark .partner-register__section {
  background: #0f172a !important;
  border-top-color: #334155 !important;
}

html.dark .partner-register__section > :first-child::before {
  background: #243b63;
  color: #93c5fd;
}

html.dark .partner-register__form input:not([type='checkbox']),
html.dark .partner-register__form select,
html.dark .partner-register__form textarea {
  background: #172033 !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.dark .partner-register__form input::-moz-placeholder, html.dark .partner-register__form textarea::-moz-placeholder {
  color: #94a3b8 !important;
}

html.dark .partner-register__form input::placeholder,
html.dark .partner-register__form textarea::placeholder {
  color: #94a3b8 !important;
}

html.dark .partner-register__form input:focus,
html.dark .partner-register__form select:focus,
html.dark .partner-register__form textarea:focus {
  outline-color: #243b63;
}

html.dark .partner-register__form .auth-register__phone-control,
html.dark .partner-register__form .auth-register__phone-country,
html.dark .partner-register__form .auth-register__phone-input {
  background: #172033 !important;
  border-color: #64748b !important;
  color: #f8fafc !important;
}

html.dark .partner-register__content [class*='bg-white'],
html.dark .partner-register__content [class*='bg-gray-50'],
html.dark .partner-register__content [class*='bg-gray-100'] {
  background: #172033 !important;
}

html.dark .partner-register__content [class*='text-gray-900'],
html.dark .partner-register__content [class*='text-gray-700'],
html.dark .partner-register__content [class*='text-gray-600'],
html.dark .partner-register__content [class*='text-gray-500'] {
  color: #cbd5e1 !important;
}

html.dark .partner-register__content [class*='border-gray-200'],
html.dark .partner-register__content [class*='border-gray-100'] {
  border-color: #334155 !important;
}
.partner-register a:focus-visible,
.partner-register button:focus-visible {
  outline: 3px solid var(--partner-accent);
  outline-offset: 3px;
}
@media (min-width: 1024px) and (max-height: 720px) {
  .partner-register__story h2 {
    font-size: 34px;
  }
  .partner-register__story {
    bottom: 24px;
  }
  .partner-register__benefits {
    margin-top: 16px;
  }
}
@media (max-width: 1023px) {
  .partner-register__visual {
    position: relative;
    width: 100%;
    height: 380px;
  }
  .partner-register__photo {
    -o-object-position: center top;
       object-position: center top;
  }
  .partner-register__brand {
    top: 20px;
    left: 24px;
  }
  .partner-register__badge {
    top: 25px;
    left: auto;
    right: 24px;
  }
  .partner-register__story {
    left: 24px;
    right: 24px;
    bottom: 24px;
  }
  .partner-register__story h2 {
    font-size: 34px;
  }
  .partner-register__story p {
    max-width: 420px;
  }
  .partner-register__benefits {
    display: none;
  }
  .partner-register__content {
    width: 100%;
    margin: 0;
    padding: 28px 24px;
  }
  .partner-register__topline {
    margin-bottom: 28px;
  }
  .partner-register > footer {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .partner-register__visual {
    height: 350px;
  }
  .partner-register__badge {
    top: 83px;
    left: 24px;
    right: auto;
    font-size: 8px;
  }
  .partner-register__story h2 {
    font-size: 30px;
    margin: 10px 0;
  }
  .partner-register__story p {
    font-size: 12px;
    line-height: 1.5;
  }
  .partner-register__eyebrow {
    font-size: 8px;
  }
  .partner-register__content {
    padding: 24px 20px;
  }
}

/* Match the customer registration form while retaining role-specific photography. */
.partner-register__content > div {
  max-width: 540px;
}
.partner-register__intro h1 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 0.98;
}
.partner-register__intro p {
  color: #737373 !important;
  font-size: 15px;
}
.partner-register__mode-tabs {
  margin-top: 24px;
  background: #fafafa;
}
.partner-register__field {
  min-width: 0;
}
.partner-register__field-label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #303030;
}
.partner-register__field > input {
  margin-top: 0;
}
.partner-register__section > .partner-register__field {
  margin-top: 16px;
}
.partner-register__form .relative:has(> .partner-register__field) > button {
  top: auto;
  bottom: 12px;
  transform: none;
}
.partner-register__section > :first-child::before {
  display: none;
}
.partner-register__section {
  padding: 12px 0 20px !important;
  border-top: 0 !important;
}
.partner-register__note {
  background: #fafafa;
  color: #737373;
  border: 1px solid #ececee;
}
.partner-register__form input:not([type='checkbox']):focus,
.partner-register__form select:focus {
  box-shadow: 0 0 0 3px #ee001c1a !important;
  outline: none;
}
@media (prefers-reduced-motion: reduce) {
  .partner-register .sliding-tabs__indicator {
    transition: none;
  }
}
.partner-register__section[hidden] {
  display: none !important;
}
.partner-register__section {
  min-width: 0;
  margin: 0;
}
.partner-register__input-label,
.partner-register .auth-register__phone-field {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #303030;
}
.partner-register__input-label > input,
.partner-register__input-label > select {
  display: block;
  margin-top: 7px;
  font-weight: 400;
}
.partner-register__section > .partner-register__input-label {
  margin-top: 16px;
}
.partner-register__form .auth-register__phone-input {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0;
  height: 100%;
  min-width: 0;
  font-weight: 400;
}
.partner-register__form .auth-register__phone-input:focus {
  box-shadow: none !important;
}
.partner-register__form .auth-register__back-step {
  text-align: left;
}
.partner-register__section:not([hidden]) {
  animation: auth-register-content-in 0.3s ease both;
}
@media (prefers-reduced-motion: reduce) {
  .partner-register__section:not([hidden]) {
    animation: none;
  }
}
.sliding-tabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--sliding-tabs-count), minmax(0, 1fr));
  gap: 0;
  border: 1px solid #e5e5e7;
  border-radius: 11px;
  padding: 3px;
  isolation: isolate;
}
.sliding-tabs__indicator {
  position: absolute;
  z-index: 0;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: calc((100% - 6px) / var(--sliding-tabs-count));
  border-radius: 8px;
  background: #171717;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
.sliding-tabs button {
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 10px;
  color: #6a6d75;
  font-size: 12px;
  font-weight: 700;
  transition: color 180ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.sliding-tabs button svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}
.sliding-tabs button.is-active {
  color: #fff;
}

html.dark .sliding-tabs {
  border-color: var(--customer-border, #475569);
  background: var(--customer-bg, #0f172a);
}

html.dark .sliding-tabs__indicator {
  background: var(--customer-surface-soft, #334155);
}

html.dark .sliding-tabs button {
  color: var(--customer-muted, #cbd5e1);
}

html.dark .sliding-tabs button.is-active {
  color: var(--customer-text, #f8fafc);
}


.dv-welcome {
  --dv-paper: #ffffff;
  --dv-ink: #171717;
  --dv-red: #ee001c;
  background: var(--dv-paper);
  color: var(--dv-ink);
  font-family: 'DM Sans', sans-serif;
  overflow: clip;
}
.dv-welcome * {
  box-sizing: border-box;
}
.dv-welcome a {
  text-decoration: none;
}
.dv-welcome button {
  font: inherit;
  cursor: pointer;
}
.dv-welcome a:focus-visible,
.dv-welcome button:focus-visible,
.dv-welcome [tabindex]:focus-visible {
  outline: 3px solid #ee001c;
  outline-offset: 5px;
}
.dv-welcome section[id] {
  scroll-margin-top: 100px;
}
.dv-wrap {
  width: calc(100% - 112px);
  max-width: 1440px;
  margin-inline: auto;
}
.dv-accent {
  color: var(--dv-red);
  font-style: normal;
}
.dv-blue-accent {
  color: #123e72;
  font-style: normal;
}
.dv-eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.6;
}
.dv-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #e8e8ec;
}

/* The welcome hero sits beneath the header at the top of the page. */
.dv-welcome .dv-header {
  margin-bottom: -90px;
  background: linear-gradient(
    180deg,
    rgba(12, 15, 20, 0.58) 0%,
    rgba(12, 15, 20, 0.36) 62%,
    rgba(12, 15, 20, 0) 100%
  );
  border-bottom: 0;
  backdrop-filter: none;
}

.dv-welcome .dv-header.is-scrolled {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 0;
  backdrop-filter: blur(16px);
}

.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-nav nav a,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-login,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-theme-toggle,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-menu-button {
  color: #fff !important;
}

.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-theme-toggle,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-menu-button {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55));
}

.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-nav nav a,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-login {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
}

.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-nav nav a:hover,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-login:hover,
.dv-welcome:not(.dv-role-selection) .dv-header:not(.is-scrolled) .dv-theme-toggle:hover {
  color: #fff !important;
}
.dv-nav {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.dv-wordmark {
  display: inline-flex;
  align-items: center;
  color: var(--dv-red);
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -2.5px;
  line-height: 1;
}
.dv-wordmark span {
  font-size: 31px;
  margin-left: 5px;
}
.dv-nav nav,
.dv-nav-actions {
  display: flex;
  align-items: center;
  gap: 30px;
}
.dv-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--dv-ink);
  font-size: 10px;
  font-weight: 700;
}
.dv-theme-toggle:hover {
  border-color: var(--dv-red);
  color: var(--dv-red);
}
.dv-nav nav a,
.dv-login {
  color: var(--dv-ink);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  gap: 4px;
  align-items: center;
}
.dv-nav a:hover:not(.dv-button) {
  color: var(--dv-red);
}
.dv-button {
  display: inline-flex;
  min-height: 56px;
  padding: 0 24px;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  background: var(--dv-red);
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  transition:
    background 0.2s,
    transform 0.2s;
}
.dv-button:hover {
  background: #d90019;
  transform: translateY(-3px);
}
.dv-button-small {
  min-height: 42px;
  padding: 0 17px;
  gap: 16px;
  font-size: 11px;
}
.dv-menu-button {
  display: none;
  background: none;
  border: 0;
  padding: 9px;
}
.dv-mobile-nav {
  padding: 12px 24px 24px;
  border-top: 1px solid #e8e8ec;
}
.dv-mobile-nav a {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  color: var(--dv-ink);
}
.dv-skip {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 100;
  padding: 12px;
  background: white;
  color: #222;
}
.dv-skip:focus {
  top: 12px;
}
.dv-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  align-items: center;
  min-height: 720px;
  padding-top: 56px;
  padding-bottom: 100px;
}
.dv-hero-copy {
  position: relative;
  z-index: 2;
}
.dv-hero-copy > .dv-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
}
.dv-live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dv-red);
}
.dv-hero h1 {
  position: relative;
  margin: 26px 0;
  font-size: clamp(86px, 8.9vw, 144px);
  line-height: 0.9;
  letter-spacing: -0.075em;
  font-weight: 600;
}
.dv-hero h1 .dv-accent {
  color: var(--dv-red);
}
.dv-title-dot {
  position: absolute;
  font-size: 0.6em;
  color: var(--dv-red);
  transform: rotate(-12deg);
  margin-left: 13px;
  margin-top: -5px;
}
.dv-hero-description {
  font-size: 14px;
  line-height: 1.9;
  color: #70727b;
  margin: 28px 0;
}
.dv-hero-note {
  font-size: 10px;
  color: #70727b;
  margin-top: 15px;
}
.dv-hero-art {
  position: relative;
  height: 520px;
  margin-left: -24px;
}
.dv-hero-photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 48% 48% 4px 4px;
}
.dv-sticker {
  position: absolute;
  right: -5px;
  top: 12px;
  width: 118px;
  height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e5ef95;
  color: #373e1b;
  border-radius: 50%;
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
  box-shadow: 0 4px 0 #27301c0a;
}
.dv-parcel-label {
  position: absolute;
  bottom: 24px;
  left: 28px;
  right: 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 251, 0.93);
  padding: 15px 18px;
  border: 1px solid #fff;
  box-shadow: 0 10px 30px #2221;
  border-radius: 5px;
}
.dv-parcel-label > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #ddded2;
  border-radius: 50%;
}
.dv-parcel-label > div {
  flex: 1;
  font-size: 8px;
  letter-spacing: 0.1em;
  color: #70727b;
}
.dv-parcel-label strong {
  display: block;
  margin-top: 4px;
  color: #171717;
  font-size: 11px;
  letter-spacing: 0;
}
.dv-parcel-label > svg {
  color: #ee001c;
}
.dv-art-caption {
  position: absolute;
  bottom: -25px;
  right: 0;
  font-size: 8px;
  letter-spacing: 0.16em;
  color: #858791;
}
.dv-scroll-cue,
.dv-hero-footnote {
  position: absolute;
  bottom: 26px;
  font-size: 8px;
  letter-spacing: 0.14em;
  color: #70727b;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dv-hero-footnote {
  right: 0;
}
.dv-ticker {
  border-block: 1px solid #e8e8ec;
  background: #fff1f3;
  padding: 20px 0;
  overflow: hidden;
}
.dv-ticker > div {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: dv-marquee 42s linear infinite;
}
.dv-ticker span {
  display: flex;
  align-items: center;
  gap: 34px;
  padding-right: 34px;
  white-space: nowrap;
  font-size: 20px;
  letter-spacing: -0.045em;
}
.dv-ticker svg {
  width: 20px;
  color: #ee001c;
}
.dv-ticker:hover > div {
  animation-play-state: paused;
}
@keyframes dv-marquee {
  to {
    transform: translateX(-50%);
  }
}
.dv-discover {
  padding-block: 112px 80px;
}
.dv-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 34px;
}
.dv-section-heading h2,
.dv-journey h2 {
  font-size: clamp(40px, 4.6vw, 70px);
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 1.08;
  margin-top: 15px;
}
.dv-section-heading h2 {
  color: #123e72;
}
.dv-journey h2,
.dv-human-copy h2,
.dv-app-copy h2,
.dv-final h2 {
  color: #123e72;
}
.dv-section-heading > div > .dv-eyebrow {
  color: #123e72;
}
.dv-section-heading > p {
  font-size: 12px;
  line-height: 1.9;
  color: #70727b;
  padding-bottom: 5px;
}
.dv-category-rotation {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 14px auto;
  padding: 6px 10px;
  border: 1px solid #e8e8ec;
  border-radius: 999px;
  background: #fff;
  color: #70727b;
  font-size: 11px !important;
}
.dv-category-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.dv-category-tabs button {
  border: 1px solid #e8e8ec;
  border-radius: 30px;
  padding: 12px 19px;
  color: #555961;
  background: transparent;
  font-size: 11px;
  transition: background 0.2s;
}
.dv-category-tabs button[aria-selected='true'] {
  background: #123e72;
  color: white;
  border-color: #123e72;
}
.dv-category-tabs button:hover {
  border-color: #123e72;
}
.dv-category-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 390px;
  border-radius: 12px;
  overflow: hidden;
}
.dv-category-copy {
  padding: 45px 48px;
}
.dv-category-copy h3 {
  white-space: pre-line;
  font-size: clamp(30px, 3.4vw, 50px);
  line-height: 1.08;
  letter-spacing: -0.055em;
  font-weight: 500;
  margin: 28px 0 18px;
}
.dv-category-copy > p {
  max-width: 330px;
  font-size: 12px;
  line-height: 1.9;
  color: #70727b;
}
.dv-circle-link {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 12px;
  font-weight: 700;
  color: var(--dv-ink);
  margin-top: 27px;
}
.dv-circle-link > span {
  width: 40px;
  height: 40px;
  border: 1px solid #dedee2;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: transform 0.2s;
}
.dv-circle-link:hover > span {
  transform: rotate(45deg);
}
.dv-category-visual {
  position: relative;
  overflow: hidden;
  margin: 16px;
  margin-left: 0;
  border-radius: 7px;
  min-height: 340px;
}
.dv-category-visual > img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.dv-category-flowers > img {
  width: 300%;
  height: 200%;
  max-width: none;
  -o-object-fit: fill;
     object-fit: fill;
  top: -100%;
}
.dv-category-visual > span {
  position: absolute;
  bottom: 18px;
  left: 18px;
  right: 18px;
  background: #fffffff0;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 13px 17px;
  font-size: 11px;
}
.dv-availability {
  margin-top: 14px;
  font-size: 9px;
  color: #70727b;
}
.dv-journey {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-block: 55px 100px;
  border-top: 1px solid #e8e8ec;
  align-items: start;
  gap: 60px;
}
.dv-journey-intro {
  position: sticky;
  top: 145px;
  padding-top: 35px;
}
.dv-journey-intro > p:not(.dv-eyebrow) {
  font-size: 13px;
  color: #70727b;
  line-height: 1.9;
  margin: 28px 0;
}
.dv-text-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  font-size: 12px;
  font-weight: 700;
  color: var(--dv-ink);
}
.dv-journey-steps {
  position: relative;
  padding-left: 80px;
}
.dv-route {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  width: 50px;
  height: calc(100% - 65px);
}
.dv-step {
  position: relative;
  padding: 38px 0;
  min-height: 220px;
}
.dv-step-number {
  position: absolute;
  left: -74px;
  top: 35px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background: var(--dv-paper);
  border: 1px solid #e8e8ec;
  border-radius: 50%;
  font-size: 11px;
}
.dv-step > svg {
  color: var(--dv-red);
}
.dv-step h3 {
  margin: 17px 0 12px;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.05em;
}
.dv-step p {
  max-width: 340px;
  font-size: 12px;
  color: #70727b;
  line-height: 1.9;
}
.dv-human {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff1f3;
  color: #ffffff;
}
.dv-human-image {
  height: 680px;
  overflow: hidden;
}
.dv-human-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 45%;
     object-position: 50% 45%;
}
.dv-human-copy {
  padding: 70px clamp(32px, 5vw, 95px);
  align-self: center;
}
.dv-human-copy h2 {
  font-size: clamp(34px, 3.4vw, 54px);
  font-weight: 500;
  line-height: 1.16;
  letter-spacing: -0.05em;
  margin: 30px 0;
}
.dv-human-copy h2 .dv-accent {
  color: #ee001c;
}
.dv-human-copy > p:not(.dv-eyebrow) {
  max-width: 355px;
  font-size: 13px;
  line-height: 1.9;
  color: #70727b;
  margin-bottom: 16px;
}
.dv-button-light {
  background: var(--dv-paper);
  color: var(--dv-ink);
  margin-top: 20px;
}
.dv-button-light:hover {
  background: #ee001c;
}
.dv-human-signature {
  display: block;
  margin-top: 50px;
  font:
    italic 20px Georgia,
    serif;
  color: #70727b;
}
.dv-partners {
  padding-block: 105px;
}
.dv-partner-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.dv-partner-card {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: start;
  padding: 40px;
  border: 1px solid #e8e8ec;
  border-radius: 8px;
  color: var(--dv-ink);
  transition:
    background 0.2s,
    transform 0.2s;
}
.dv-partner-card:hover {
  background: #fff1f3;
  transform: translateY(-5px);
}
.dv-partner-card > .dv-eyebrow {
  margin-top: 30px;
  font-size: 9px;
}
.dv-partner-card h3 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.05em;
  margin: 15px 0;
}
.dv-partner-card p {
  font-size: 12px;
  line-height: 1.8;
  max-width: 335px;
  color: #70727b;
}
.dv-partner-card .dv-text-link {
  margin-top: 28px;
}
.dv-partner-driver {
  background: #fafafa;
}
.dv-final {
  position: relative;
  overflow: hidden;
  background: var(--dv-red);
  color: #ffffff;
  text-align: center;
  padding: 85px 24px 95px;
}
.dv-final h2 {
  font-size: clamp(46px, 6.3vw, 96px);
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 1.08;
  margin: 25px 0;
}
.dv-final .dv-button {
  position: relative;
  z-index: 1;
}
.dv-final-star {
  position: absolute;
  right: -25px;
  top: 45px;
  font-size: 250px;
  line-height: 1;
  color: #ff5267;
  transform: rotate(15deg);
  pointer-events: none;
}
.dv-footer {
  padding-top: 65px;
}
.dv-footer-top {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr;
  gap: 30px;
  padding-bottom: 60px;
}
.dv-footer-top > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.dv-footer-top p {
  font-size: 12px;
  color: #70727b;
  margin-top: 9px;
}
.dv-footer-top > div > span {
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #858791;
  margin-bottom: 8px;
}
.dv-footer-top > div > a:not(.dv-wordmark) {
  font-size: 11px;
  color: #555961;
  display: flex;
  align-items: center;
  gap: 5px;
}
.dv-footer-bottom {
  border-top: 1px solid #e8e8ec;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 0;
  font-size: 9px;
  color: #858791;
}
.dv-footer-bottom > span:last-child {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 8px;
  letter-spacing: 0.08em;
}
@media (min-width: 1700px) {
  .dv-hero {
    min-height: 800px;
  }
  .dv-hero-art {
    height: 600px;
  }
}
@media (max-width: 1100px) {
  .dv-wrap {
    width: calc(100% - 64px);
  }
  .dv-nav nav {
    gap: 18px;
  }
  .dv-nav-actions {
    gap: 18px;
  }
  .dv-hero {
    min-height: 670px;
  }
  .dv-hero-art {
    height: 470px;
    margin-left: 0;
  }
  .dv-hero h1 {
    font-size: 9vw;
  }
  .dv-title-dot {
    margin-left: 6px;
  }
  .dv-category-copy {
    padding: 35px;
  }
  .dv-final-star {
    opacity: 0.35;
  }
}
@media (max-width: 800px) {
  .dv-wrap {
    width: calc(100% - 40px);
  }
  .dv-nav {
    height: 76px;
    gap: 14px;
  }
  .dv-wordmark {
    font-size: 30px;
  }
  .dv-nav nav {
    display: none;
  }
  .dv-menu-button {
    display: block;
  }
  .dv-nav-actions {
    gap: 15px;
  }
  .dv-hero {
    grid-template-columns: 1fr 1fr;
    min-height: 590px;
    padding-top: 35px;
  }
  .dv-hero h1 {
    font-size: 10vw;
  }
  .dv-hero-description {
    font-size: 12px;
  }
  .dv-hero .dv-eyebrow {
    font-size: 8px;
  }
  .dv-hero-art {
    height: 380px;
  }
  .dv-sticker {
    width: 90px;
    height: 90px;
    font-size: 12px;
  }
  .dv-parcel-label {
    left: 12px;
    right: 12px;
    padding: 10px;
    gap: 7px;
  }
  .dv-parcel-label > div {
    font-size: 6px;
  }
  .dv-parcel-label strong {
    font-size: 9px;
  }
  .dv-parcel-label > span {
    display: none;
  }
  .dv-hero-footnote {
    display: none;
  }
  .dv-discover,
  .dv-partners {
    padding-block: 70px;
  }
  .dv-category-tabs {
    gap: 7px;
  }
  .dv-category-tabs button {
    padding: 10px 12px;
    font-size: 10px;
  }
  .dv-category-copy {
    padding: 30px 24px;
  }
  .dv-journey {
    gap: 25px;
  }
  .dv-step h3 {
    font-size: 21px;
  }
  .dv-human-image {
    height: 610px;
  }
  .dv-human-copy {
    padding: 35px 25px;
  }
  .dv-human-copy h2 {
    font-size: 34px;
  }
  .dv-human-copy .dv-eyebrow {
    font-size: 8px;
  }
  .dv-partner-card {
    padding: 28px;
  }
  .dv-partner-card h3 {
    font-size: 26px;
  }
}
@media (max-width: 600px) {
  .dv-nav-actions {
    gap: 12px;
  }
  .dv-nav-actions .dv-button {
    display: none;
  }
  .dv-hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: 42px;
    padding-bottom: 63px;
  }
  .dv-hero h1 {
    font-size: clamp(76px, 19vw, 115px);
    margin: 24px 0;
  }
  .dv-title-dot {
    margin-left: 12px;
  }
  .dv-hero-copy > .dv-eyebrow {
    font-size: 8px;
  }
  .dv-hero-description {
    font-size: 13px;
    margin: 24px 0;
  }
  .dv-hero-note {
    margin-top: 13px;
  }
  .dv-hero-art {
    height: 380px;
    margin: 32px 0 18px;
  }
  .dv-hero-photo {
    border-radius: 45% 45% 5px 5px;
  }
  .dv-sticker {
    right: 5px;
    width: 105px;
    height: 105px;
    font-size: 14px;
  }
  .dv-parcel-label {
    left: 20px;
    right: 20px;
    padding: 15px;
  }
  .dv-parcel-label > span {
    display: grid;
  }
  .dv-parcel-label > div {
    font-size: 7px;
  }
  .dv-parcel-label strong {
    font-size: 10px;
  }
  .dv-art-caption {
    font-size: 7px;
    bottom: -20px;
  }
  .dv-scroll-cue {
    bottom: 15px;
    font-size: 7px;
  }
  .dv-ticker {
    padding: 16px 0;
  }
  .dv-ticker span {
    font-size: 17px;
    gap: 24px;
    padding-right: 24px;
  }
  .dv-section-heading {
    display: block;
  }
  .dv-section-heading h2 {
    font-size: 40px;
  }
  .dv-section-heading > p {
    margin-top: 20px;
  }
  .dv-category-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 5px 3px 12px;
    margin-left: -3px;
  }
  .dv-category-tabs button {
    flex-shrink: 0;
  }
  .dv-category-panel {
    grid-template-columns: 1fr;
  }
  .dv-category-copy {
    padding: 32px 28px 24px;
  }
  .dv-category-copy h3 {
    font-size: 36px;
    margin-top: 20px;
  }
  .dv-category-visual {
    min-height: 285px;
    margin: 0 12px 12px;
  }
  .dv-category-copy > p {
    min-height: 68px;
  }
  .dv-availability {
    font-size: 8px;
    line-height: 1.8;
  }
  .dv-journey {
    grid-template-columns: 1fr;
    padding-block: 45px 65px;
    gap: 25px;
  }
  .dv-journey-intro {
    position: static;
    padding-top: 0;
  }
  .dv-journey h2 {
    font-size: 46px;
  }
  .dv-journey-steps {
    padding-left: 70px;
  }
  .dv-step-number {
    left: -64px;
  }
  .dv-step {
    min-height: 200px;
    padding-block: 25px;
  }
  .dv-step-number {
    top: 24px;
  }
  .dv-human {
    grid-template-columns: 1fr;
  }
  .dv-human-image {
    height: 430px;
  }
  .dv-human-copy {
    padding: 45px 28px 50px;
  }
  .dv-human-copy h2 {
    font-size: 39px;
  }
  .dv-human-signature {
    margin-top: 30px;
    font-size: 18px;
  }
  .dv-partner-grid {
    grid-template-columns: 1fr;
  }
  .dv-partners h2 {
    max-width: 330px;
  }
  .dv-partner-card h3 {
    font-size: 28px;
  }
  .dv-final {
    padding-block: 65px;
  }
  .dv-final h2 {
    font-size: 47px;
  }
  .dv-final-star {
    font-size: 145px;
    right: -50px;
    top: 20px;
    opacity: 0.25;
  }
  .dv-footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 35px 20px;
    padding-bottom: 40px;
  }
  .dv-footer-top > div:first-child {
    grid-column: 1/-1;
  }
  .dv-footer-bottom {
    flex-direction: column;
    gap: 10px;
  }
  .dv-footer-bottom > span:last-child {
    font-size: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dv-welcome *,
  .dv-welcome *::before,
  .dv-welcome *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Anchor movement stays local to the welcome experience. */
html:has(.dv-welcome) {
  scroll-behavior: smooth;
}
@media (max-width: 600px) {
  .dv-hero h1 {
    font-size: clamp(64px, 19.5vw, 115px);
  }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.dv-welcome) {
    scroll-behavior: auto;
  }
}

/* Shared visual language from customer app / Prototype 1. */
.dv-welcome h1,
.dv-welcome h2,
.dv-welcome h3 {
  font-family: 'Manrope', sans-serif;
  font-weight: 800;
}

/* Role selection uses the same public welcome language without inheriting the
   landing page's hero sizing. */
.dv-role-selection {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  overflow-x: hidden;
}

.dv-role-selection .dv-header {
  background: rgba(255, 255, 255, 0.96);
}

.dv-role-selection .dv-nav {
  min-height: 84px;
  height: auto;
}

.dv-role-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--dv-ink);
}

.dv-role-back svg {
  width: 18px;
  height: 18px;
  color: var(--dv-red);
}

.dv-role-back img {
  display: block;
  width: 132px;
  height: auto;
}

.dv-role-login-copy {
  margin: 0;
  color: #70727b;
  font-size: 12px;
}

.dv-role-selection-main {
  flex: 1;
  width: calc(100% - 112px);
  max-width: 1440px;
  margin: 0 auto;
  padding: 76px 0 82px;
}

.dv-role-selection-intro {
  max-width: 700px;
  margin-bottom: 42px;
}

.dv-role-selection-intro h1 {
  margin: 18px 0 16px;
  color: var(--dv-ink);
  font-size: clamp(42px, 5.2vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.065em;
}

.dv-role-selection-intro > p:last-child {
  max-width: 560px;
  margin: 0;
  color: #70727b;
  font-size: 16px;
  line-height: 1.7;
}

.dv-role-selection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
}

.dv-role-card-link {
  display: flex;
  min-width: 0;
  color: inherit;
}

.dv-role-card {
  display: flex;
  flex: 1;
  min-height: 430px;
  flex-direction: column;
  padding: 28px;
  border: 1px solid #e8e8ec;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px -36px rgba(23, 23, 23, 0.5);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.dv-role-card-link:hover .dv-role-card {
  border-color: #d6d6dc;
  box-shadow: 0 24px 55px -34px rgba(23, 23, 23, 0.62);
}

.dv-role-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 34px;
}

.dv-role-card-icon {
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
}

.dv-role-card-icon svg,
.dv-role-card-arrow svg {
  width: 25px;
  height: 25px;
}

.dv-role-card-arrow {
  display: inline-flex;
  padding: 7px;
  border: 1px solid currentColor;
  border-radius: 999px;
  opacity: 0.8;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.dv-role-card-link:hover .dv-role-card-arrow {
  background: rgba(18, 62, 114, 0.08);
  color: inherit !important;
  transform: translateX(3px);
}

.dv-role-card > .dv-eyebrow {
  margin: 0 0 12px;
}

.dv-role-card h2 {
  margin: 0;
  color: var(--dv-ink);
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.dv-role-card-description {
  min-height: 54px;
  margin: 14px 0 24px;
  color: #70727b;
  font-size: 14px;
  line-height: 1.65;
}

.dv-role-card-features {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  color: #41434a;
  font-size: 12px;
  line-height: 1.45;
  list-style: none;
}

.dv-role-card-features li,
.dv-role-card-note,
.dv-role-card-cta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dv-role-card-features svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.dv-role-card-note {
  margin-top: 24px;
  padding-top: 17px;
  border-top: 1px solid #eeeeF1;
  color: #70727b;
  font-size: 11px;
  line-height: 1.4;
}

.dv-role-card-note svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.dv-role-card-cta {
  margin-top: auto;
  padding-top: 28px;
  font-size: 12px;
  font-weight: 700;
}

.dv-role-card-cta svg {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}

.dv-role-card-link:hover .dv-role-card-cta svg {
  transform: translateX(3px);
}

@media (max-width: 1100px) {
  .dv-role-selection-main {
    width: calc(100% - 64px);
  }

  .dv-role-selection-grid {
    gap: 14px;
  }

  .dv-role-card {
    padding: 22px;
  }
}

@media (max-width: 800px) {
  .dv-role-selection-main {
    width: calc(100% - 40px);
    padding: 56px 0 62px;
  }

  .dv-role-selection-grid {
    grid-template-columns: 1fr;
    max-width: 620px;
  }

  .dv-role-card {
    min-height: 0;
  }

  .dv-role-card-description {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .dv-role-selection .dv-nav {
    min-height: 72px;
  }

  .dv-role-selection .dv-wrap {
    width: calc(100% - 40px);
  }

  .dv-role-back img {
    width: 112px;
  }

  .dv-role-login-copy {
    font-size: 11px;
    text-align: right;
  }

  .dv-role-selection-intro h1 {
    font-size: clamp(40px, 13vw, 58px);
  }

  .dv-role-selection-intro > p:last-child {
    font-size: 14px;
  }
}

html.dark .dv-role-selection {
  background: #171717;
}

html.dark .dv-role-selection .dv-header,
html.dark .dv-role-card {
  background: #222225;
  border-color: #3a3a40;
}

html.dark .dv-role-selection-intro h1,
html.dark .dv-role-card h2,
html.dark .dv-role-back,
html.dark .dv-role-card-features {
  color: #fff;
}

html.dark .dv-role-selection-intro > p:last-child,
html.dark .dv-role-card-description,
html.dark .dv-role-card-note,
html.dark .dv-role-login-copy {
  color: #b9bac2;
}
.dv-nav {
  height: 76px;
}
.dv-wordmark {
  letter-spacing: normal;
}
.dv-wordmark img {
  display: block;
  width: 112px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.dv-nav nav a {
  padding: 8px 12px;
  border-radius: 999px;
}
.dv-nav nav a:first-child {
  background: transparent;
  color: inherit;
}
.dv-button {
  border-radius: 999px;
  min-height: 48px;
  font-size: 12px;
  gap: 20px;
}
.dv-button-small {
  min-height: 38px;
}
.dv-hero {
  grid-template-columns: 1fr 1.08fr;
  min-height: 690px;
  padding-top: 40px;
  gap: 35px;
}
.dv-location {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e8e8ec;
  border-radius: 999px;
  background: #fafafa;
  padding: 9px 12px;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 23px;
}
.dv-location svg {
  color: #ee001c;
}
.dv-hero-copy > .dv-eyebrow {
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #858791;
}
.dv-hero h1 {
  font-size: clamp(52px, 5.1vw, 78px);
  letter-spacing: -0.065em;
  line-height: 1.04;
  margin: 16px 0 22px;
}
.dv-hero-description {
  max-width: 440px;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 24px;
}
.dv-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
}
.dv-hero-actions .dv-button {
  box-shadow: 0 8px 16px rgba(238, 0, 28, 0.15);
}
.dv-hero-art {
  height: 510px;
  margin: 0;
}
.dv-food-backdrop {
  position: absolute;
  inset: 25px 0 20px;
  background: #fff6f1;
  border-radius: 42% 28% 38% 27%;
  transform: rotate(-4deg);
}
.dv-hero-photo {
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0;
  width: 100%;
  height: 460px;
  filter: drop-shadow(0 18px 16px rgba(78, 47, 21, 0.15));
}
.dv-parcel-label {
  bottom: -4px;
  left: 25px;
  right: 25px;
  border: 1px solid #e8e8ec;
  background: white;
  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(29, 35, 47, 0.045);
}
.dv-parcel-label > span {
  background: #fff1f3;
  border: 0;
  border-radius: 10px;
  color: #ee001c;
}
.dv-parcel-label strong {
  font-family: 'Manrope', sans-serif;
  font-weight: 800;
  font-size: 15px;
}
.dv-parcel-label p {
  font-size: 10px;
  letter-spacing: 0;
  margin-top: 4px;
}
.dv-dish-picker {
  display: flex;
  gap: 8px;
  margin-top: 28px;
}
.dv-dish-picker button {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  text-align: left;
  padding: 7px 10px 7px 5px;
  border: 1px solid #e8e8ec;
  border-radius: 12px;
  background: #fff;
  font-size: 10px;
  color: #555961;
}
.dv-dish-picker button[aria-pressed='true'] {
  border-color: #ee001c;
  background: #fff1f3;
  color: #ee001c;
}
.dv-dish-picker img {
  width: 38px;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
}
.dv-section-heading h2,
.dv-journey h2 {
  font-size: clamp(34px, 3.7vw, 56px);
  letter-spacing: -0.055em;
}
.dv-category-tabs button {
  border: 0;
  background: #f7f7f8;
  font-size: 11px;
}
.dv-category-panel {
  border: 1px solid #ececee;
  border-radius: 18px;
}
.dv-category-copy h3 {
  font-size: clamp(30px, 3vw, 44px);
}
.dv-category-food > img {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 16px 0 42px;
}
.dv-human {
  color: #171717;
}
.dv-human-copy h2 {
  font-size: clamp(32px, 3.3vw, 50px);
}
.dv-human-copy .dv-button-light {
  background: #ee001c;
  color: white;
}
.dv-human-signature {
  font:
    600 13px 'DM Sans',
    sans-serif;
}
.dv-partner-card {
  border-radius: 18px;
}
.dv-partner-card h3 {
  font-size: 28px;
}
.dv-final {
  background: #171717;
  color: white;
}
.dv-final h2 {
  font-size: clamp(42px, 5vw, 74px);
}
.dv-final .dv-accent {
  color: #ff4056;
}
.dv-final .dv-button-light {
  background: #ee001c;
  color: white;
}
.dv-button-light:hover {
  background: #d90019;
  color: white;
}
.dv-final-star {
  color: #ee001c;
  opacity: 0.4;
}
.dv-footer {
  background: white;
}
@media (max-width: 1100px) {
  .dv-hero {
    gap: 20px;
    min-height: 660px;
  }
  .dv-hero-art {
    height: 440px;
  }
  .dv-hero-photo {
    height: 400px;
  }
  .dv-dish-picker {
    gap: 5px;
  }
  .dv-dish-picker button {
    flex-direction: column;
    text-align: center;
    padding: 8px;
  }
}
@media (max-width: 800px) {
  .dv-hero h1 {
    font-size: 48px;
  }
  .dv-location {
    font-size: 9px;
  }
  .dv-hero-art {
    height: 380px;
  }
  .dv-hero-photo {
    height: 340px;
  }
  .dv-parcel-label {
    left: 0;
    right: 0;
  }
  .dv-hero-description {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .dv-wordmark img {
    width: 100px;
    height: 36px;
  }
  .dv-hero {
    gap: 0;
    padding-top: 32px;
    padding-bottom: 60px;
  }
  .dv-hero h1 {
    font-size: clamp(44px, 11.5vw, 64px);
  }
  .dv-hero-copy > .dv-eyebrow {
    font-size: 8px;
  }
  .dv-location {
    font-size: 10px;
    margin-bottom: 20px;
  }
  .dv-hero-art {
    height: 350px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .dv-hero-photo {
    height: 310px;
  }
  .dv-parcel-label {
    left: 8px;
    right: 8px;
    bottom: 0;
    padding: 12px;
  }
  .dv-parcel-label strong {
    font-size: 13px;
  }
  .dv-parcel-label p {
    font-size: 9px;
  }
  .dv-dish-picker {
    margin-top: 23px;
  }
  .dv-dish-picker button {
    flex-direction: row;
    font-size: 9px;
    gap: 5px;
    padding: 6px;
  }
  .dv-dish-picker img {
    width: 30px;
    height: 30px;
  }
  .dv-section-heading h2 {
    font-size: 34px;
  }
  .dv-journey h2 {
    font-size: 40px;
  }
  .dv-human-copy h2 {
    font-size: 34px;
  }
  .dv-final h2 {
    font-size: 39px;
  }
}

/* App promotion uses the same store destinations as the customer footer. */
.dv-app-section {
  padding-bottom: 100px;
}
.dv-app-card {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  min-height: 640px;
  gap: 35px;
  padding: 58px 65px;
  overflow: hidden;
  border: 1px solid #e8e8ec;
  border-radius: 24px;
  background: #f8f8fa;
}
.dv-app-copy {
  align-self: center;
  position: relative;
  z-index: 2;
}
.dv-app-copy > .dv-eyebrow {
  color: #ee001c;
}
.dv-app-copy h2 {
  margin: 16px 0 22px;
  font-size: clamp(34px, 3.7vw, 54px);
  line-height: 1.08;
  letter-spacing: -0.055em;
}
.dv-app-copy > p:not(.dv-eyebrow) {
  max-width: 420px;
  font-size: 14px;
  line-height: 1.8;
  color: #70727b;
}
.dv-app-stores {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 400px;
  margin-top: 28px;
}
.dv-app-stores a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 10px 15px;
  border-radius: 12px;
  color: #fff;
  background: #171717;
  transition:
    transform 0.2s,
    background 0.2s;
}
.dv-app-stores a:hover {
  background: #ee001c;
  transform: translateY(-3px);
}
.dv-app-stores a > svg:first-child {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.dv-app-stores a > span {
  display: flex;
  flex-direction: column;
}
.dv-app-stores small {
  font-size: 8px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.dv-app-stores strong {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
  white-space: nowrap;
}
.dv-app-copy > .dv-app-scan-note {
  max-width: 330px;
  margin-top: 23px;
  font-size: 11px !important;
}
.dv-app-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dv-app-orbit {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: #fff1f3;
  border: 1px solid #ffe4e8;
}
.dv-app-phone {
  position: relative;
  width: 264px;
  min-height: 502px;
  padding: 47px 17px 28px;
  background: #fff;
  border: 7px solid #171717;
  border-radius: 39px;
  box-shadow:
    0 24px 42px rgba(29, 35, 47, 0.15),
    0 0 0 2px #b9b9bd;
}
.dv-app-phone::after {
  position: absolute;
  right: -10px;
  top: 98px;
  height: 43px;
  width: 3px;
  content: '';
  border-radius: 0 3px 3px 0;
  background: #343438;
}
.dv-app-phone-island {
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  width: 73px;
  height: 20px;
  border-radius: 20px;
  background: #171717;
}
.dv-app-phone-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}
.dv-app-phone-top img {
  width: 94px;
  height: 33px;
  -o-object-fit: contain;
     object-fit: contain;
}
.dv-app-phone-top > span {
  font-size: 7px;
  letter-spacing: 0.12em;
  color: #858791;
}
.dv-app-phone-meal {
  position: relative;
  height: 97px;
  background: #fff1f3;
  border-radius: 12px;
  margin-top: 14px;
  overflow: hidden;
}
.dv-app-phone-meal img {
  position: absolute;
  width: 135px;
  height: 105px;
  -o-object-fit: contain;
     object-fit: contain;
  right: -27px;
  top: 3px;
}
.dv-app-phone-meal > span {
  position: absolute;
  left: 12px;
  top: 26px;
  font:
    800 15px/1.15 'Manrope',
    sans-serif;
  letter-spacing: -0.045em;
}
.dv-app-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 17px 12px 5px;
  margin-top: 5px;
  color: #171717;
}
.dv-app-qr svg {
  display: block;
  width: 160px;
  height: 160px;
  max-width: 100%;
}
.dv-app-qr strong {
  font-size: 12px;
  margin-top: 14px;
}
.dv-app-qr span {
  font-size: 9px;
  color: #70727b;
  margin-top: 4px;
}
.dv-app-phone-home {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 78px;
  height: 4px;
  border-radius: 10px;
  background: #171717;
}
.dv-app-phone-caption {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  font-size: 10px;
  color: #70727b;
}
.dv-app-phone-caption svg {
  color: #ee001c;
}

html.dark .dv-welcome .dv-theme-toggle {
  color: var(--dv-ink);
}

html.dark .dv-welcome .dv-app-card {
  background: var(--dv-surface);
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-app-copy > p:not(.dv-eyebrow),
html.dark .dv-welcome .dv-app-phone-caption,
html.dark .dv-welcome .dv-app-qr span {
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-app-orbit {
  background: #3b1723;
  border-color: #642737;
}

html.dark .dv-welcome .dv-app-phone {
  background: #0f172a;
  border-color: #020617;
  box-shadow:
    0 24px 42px rgba(0, 0, 0, 0.35),
    0 0 0 2px #475569;
}

html.dark .dv-welcome .dv-app-phone-island,
html.dark .dv-welcome .dv-app-phone-home {
  background: #020617;
}

html.dark .dv-welcome .dv-app-phone-top > span,
html.dark .dv-welcome .dv-app-phone-caption {
  color: #94a3b8;
}

html.dark .dv-welcome .dv-app-phone-meal {
  background: #3b1723;
}

html.dark .dv-welcome .dv-app-phone-meal > span {
  color: #f8fafc;
}

html.dark .dv-welcome .dv-app-qr {
  background: #172033;
  color: #f8fafc;
}

html.dark .dv-welcome .dv-app-qr svg {
  filter: invert(1);
}

html.dark .dv-welcome .dv-app-phone::after {
  background: #334155;
}

@media (max-width: 1000px) {
  .dv-app-card {
    padding: 45px 32px;
    gap: 28px;
  }
  .dv-app-stores {
    gap: 8px;
  }
  .dv-app-stores a {
    padding: 10px 12px;
  }
}
@media (max-width: 700px) {
  .dv-app-section {
    padding-bottom: 65px;
  }
  .dv-app-card {
    grid-template-columns: 1fr;
    padding: 36px 25px;
    gap: 45px;
    border-radius: 20px;
  }
  .dv-app-copy h2 {
    font-size: 37px;
  }
  .dv-app-copy > p:not(.dv-eyebrow) {
    font-size: 13px;
  }
  .dv-app-visual {
    padding-top: 8px;
  }
  .dv-app-orbit {
    width: 340px;
    height: 340px;
  }
  .dv-app-phone {
    width: 250px;
  }
  .dv-app-stores a {
    min-height: 57px;
    flex: 1 0 auto;
  }
  .dv-app-stores a > svg:last-child {
    margin-left: auto;
  }
  .dv-app-stores strong {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .dv-app-card {
    padding: 30px 18px;
  }
  .dv-app-copy h2 {
    font-size: 32px;
  }
  .dv-app-phone {
    width: 230px;
    padding-inline: 12px;
  }
  .dv-app-phone-meal img {
    width: 105px;
    right: -24px;
  }
  .dv-app-phone-meal > span {
    font-size: 13px;
  }
}

/* Welcome campaign hero: a brand introduction before the shopping experience. */
.dv-welcome-hero {
  position: relative;
  isolation: isolate;
  min-height: 730px;
  overflow: hidden;
  background: #fff;
  padding: 74px 24px 165px;
  text-align: center;
}
.dv-welcome-hero-glow {
  position: absolute;
  z-index: -1;
  width: 150%;
  height: 450px;
  left: -25%;
  bottom: -260px;
  border-radius: 50%;
  background: #fff1f3;
  box-shadow: 0 -45px 100px #fff6f7;
}
.dv-welcome-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 740px;
  margin: 0 auto;
}
.dv-welcome-hero-copy > .dv-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #70727b;
  font-size: 10px;
  letter-spacing: 0.16em;
}
.dv-welcome-hero-copy > .dv-eyebrow > span {
  width: 6px;
  height: 6px;
  background: #ee001c;
  border-radius: 50%;
}
.dv-welcome-hero h1 {
  font-size: clamp(64px, 7.6vw, 112px);
  line-height: 0.99;
  letter-spacing: -0.07em;
  margin: 24px 0 27px;
}
.dv-welcome-hero-description {
  font-size: 16px;
  line-height: 1.8;
  color: #70727b;
}
.dv-welcome-hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  margin-top: 30px;
}
.dv-welcome-hero-actions .dv-button {
  min-height: 52px;
  padding-inline: 25px;
  box-shadow: 0 8px 20px #ee001c20;
}
.dv-welcome-hero-note {
  margin-top: 23px;
  font-size: 11px;
  color: #858791;
}
.dv-welcome-hero-food {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.dv-welcome-hero-food img {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 22px 22px rgba(72, 33, 20, 0.15));
}
.dv-welcome-hero-burger {
  width: clamp(260px, 29vw, 440px);
  height: 350px;
  left: -65px;
  bottom: 42px;
}
.dv-welcome-hero-chicken {
  width: clamp(280px, 31vw, 470px);
  height: 380px;
  right: -80px;
  bottom: 35px;
  transform: rotate(12deg);
}
.dv-welcome-hero-bottom {
  position: absolute;
  z-index: 3;
  bottom: 26px;
  left: 56px;
  right: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.dv-welcome-hero-bottom > span {
  font-size: 8px;
  letter-spacing: 0.12em;
  color: #858791;
}
.dv-welcome-hero-bottom a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #f4cdd3;
  border-radius: 50%;
  color: #ee001c;
  background: #fff;
  transition: transform 0.2s;
}
.dv-welcome-hero-bottom a:hover {
  transform: translateY(4px);
}
@media (min-width: 1700px) {
  .dv-welcome-hero-burger {
    left: calc(50% - 850px);
  }
  .dv-welcome-hero-chicken {
    right: calc(50% - 850px);
  }
}
@media (max-width: 1100px) {
  .dv-welcome-hero {
    min-height: 730px;
    padding-top: 65px;
  }
  .dv-welcome-hero-burger {
    left: -90px;
    width: 320px;
    bottom: 0;
  }
  .dv-welcome-hero-chicken {
    right: -105px;
    width: 350px;
    bottom: -8px;
  }
}
@media (max-width: 700px) {
  .dv-welcome-hero {
    padding: 48px 20px 230px;
    min-height: 770px;
  }
  .dv-welcome-hero h1 {
    font-size: clamp(59px, 12vw, 82px);
    margin-block: 24px;
  }
  .dv-welcome-hero-description {
    font-size: 14px;
  }
  .dv-welcome-hero-actions {
    flex-direction: column;
    gap: 20px;
    margin-top: 25px;
  }
  .dv-welcome-hero-note {
    font-size: 10px;
    margin-top: 21px;
  }
  .dv-welcome-hero-burger {
    width: 245px;
    height: 225px;
    left: -45px;
    bottom: 20px;
  }
  .dv-welcome-hero-chicken {
    width: 255px;
    height: 235px;
    right: -55px;
    bottom: 8px;
  }
  .dv-welcome-hero-bottom {
    left: 20px;
    right: 20px;
    bottom: 14px;
    justify-content: center;
  }
  .dv-welcome-hero-bottom > span {
    display: none;
  }
  .dv-welcome-hero-copy > .dv-eyebrow {
    font-size: 9px;
  }
}
@media (max-width: 360px) {
  .dv-welcome-hero {
    min-height: 740px;
  }
  .dv-welcome-hero h1 {
    font-size: 56px;
  }
  .dv-welcome-hero-description {
    font-size: 12px;
  }
  .dv-welcome-hero-burger {
    width: 210px;
    left: -48px;
  }
  .dv-welcome-hero-chicken {
    width: 220px;
    right: -58px;
  }
}

/* An animated food stage, with interaction and a static reduced-motion view. */
.dv-hero-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  min-height: 700px;
  padding: 44px max(40px, calc((100vw - 1440px) / 2)) 98px;
  text-align: left;
}
.dv-hero-showcase .dv-welcome-hero-copy { width: 100%; max-width: 630px; }
.dv-hero-showcase .dv-welcome-hero-copy > .dv-eyebrow,
.dv-hero-showcase .dv-welcome-hero-actions { justify-content: flex-start; }
.dv-hero-showcase h1 { font-size: clamp(52px, 6.1vw, 90px); }
.dv-hero-showcase .dv-welcome-hero-actions { flex-wrap: wrap; gap: 18px; }
.dv-hero-showcase .dv-welcome-hero-glow { bottom: -330px; }
.dv-hero-showcase .dv-food-stage {
  position: relative;
  inset: auto;
  height: 520px;
  min-width: 0;
  pointer-events: auto;
  isolation: isolate;
}
.dv-food-halo {
  position: absolute;
  inset: 35px 10px 60px;
  border-radius: 50%;
  background: #fff0e8;
  transition: background 1s;
}
.is-chicken .dv-food-halo { background: #edf3df; }
.dv-food-orbit {
  position: absolute;
  inset: 5px -8px 40px;
  border: 1px dashed #ddc9bc;
  border-radius: 50%;
  animation: dv-stage-orbit 50s linear infinite;
}
.dv-food-orbit::after {
  content: '';
  position: absolute;
  top: 18%;
  left: 12%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--dv-red);
}
.dv-food-stage .dv-food-dish {
  position: absolute;
  inset: 25px 0 70px;
  transition: transform 1.1s cubic-bezier(.22, 1, .36, 1), opacity .8s;
  pointer-events: none;
}
.dv-food-stage .dv-food-dish img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  animation: dv-dish-float 6s ease-in-out infinite;
}
.dv-food-dish-burger { z-index: 2; transform: translate(-5%, -3%) rotate(-9deg) scale(.95); }
.dv-food-dish-chicken { z-index: 1; transform: translate(32%, 25%) rotate(14deg) scale(.48); opacity: .8; }
.dv-food-dish-chicken img { animation-delay: -3s !important; }
.is-chicken .dv-food-dish-burger { z-index: 1; transform: translate(32%, 25%) rotate(-15deg) scale(.48); opacity: .8; }
.is-chicken .dv-food-dish-chicken { z-index: 2; transform: translate(-5%, -3%) rotate(5deg) scale(.95); opacity: 1; }
.dv-food-spark { position: absolute; z-index: 3; color: #ee001c; font-size: 58px; line-height: 1; animation: dv-stage-orbit 25s linear infinite; }
.dv-food-spark-one { top: 2%; right: 9%; }
.dv-food-spark-two { bottom: 24%; left: 1%; font-size: 32px; color: #193e60; animation-direction: reverse; }
.dv-food-sticker { position: absolute; z-index: 4; top: 22px; left: 0; display: flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 999px; background: #193e60; color: white; font-size: 11px; font-weight: 600; transform: rotate(-7deg); }
.dv-delivery-preview { position: absolute; z-index: 4; bottom: 95px; left: 0; width: 230px; padding: 16px 18px; background: #fff; border-radius: 16px; box-shadow: 0 12px 38px #47211412; transform: rotate(-4deg); }
.dv-delivery-preview > span { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; }
.dv-delivery-preview > span:last-child { justify-content: flex-end; }
.dv-delivery-preview-route { position: relative; margin: 18px 5px; border-top: 2px dashed #efb4ba; }
.dv-delivery-preview-route i { position: absolute; left: 0; top: -16px; display: grid; place-items: center; width: 30px; height: 30px; background: var(--dv-red); color: white; border-radius: 50%; animation: dv-delivery-travel 5s ease-in-out infinite; }
.dv-food-selector { position: absolute; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 0 0; border-top: 1px solid #e8ded8; }
.dv-food-selector small { display: block; font-size: 8px; letter-spacing: .12em; color: #777; }
.dv-food-selector strong { display: block; margin-top: 5px; font-size: 17px; letter-spacing: -.04em; }
.dv-food-selector-buttons { display: flex; gap: 6px; }
.dv-food-selector-buttons button { display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f2f0ee; color: #444; font-size: 10px; }
.dv-food-selector-buttons button[aria-pressed='true'] { background: #123e72; color: white; }
.dv-hero-showcase:not(.is-moving) .dv-food-stage * { animation-play-state: paused !important; }
.dv-category-launcher { display: flex; align-items: center; gap: 40px; padding-block: 30px; border-bottom: 1px solid #ececef; }
.dv-category-launcher-intro { flex: 0 0 190px; }
.dv-category-launcher-intro small { font-size: 9px; letter-spacing: .12em; color: #8b8b92; }
.dv-category-launcher-intro strong { display: block; margin-top: 9px; font-size: 21px; letter-spacing: -.04em; line-height: 1.2; }
.dv-category-launcher-links { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; width: 100%; }
.dv-category-launcher-links a { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 12px; position: relative; color: #171717; border-radius: 14px; transition: background .2s, transform .2s; }
.dv-category-launcher-links a:hover { background: #fff1f3; transform: translateY(-4px); }
.dv-category-launcher-links a > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: #fff0e8; color: #b94c2b; }
.dv-category-launcher-links a:nth-child(2n) > span { background: #edf3df; color: #4c6927; }
.dv-category-launcher-links a:nth-child(3n) > span { background: #eff1f9; color: #345783; }
.dv-category-launcher-links strong { font-size: 11px; line-height: 1.4; }
.dv-category-launcher-links a > svg { position: absolute; top: 16px; right: 8px; color: #b4afb0; }
@keyframes dv-dish-float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-16px) rotate(3deg); } }
@keyframes dv-stage-orbit { to { transform: rotate(360deg); } }
@keyframes dv-delivery-travel { 0%, 12% { transform: translateX(0); } 80%, 100% { transform: translateX(155px); } }
@media (max-width: 1050px) {
  .dv-hero-showcase { padding-inline: 32px; gap: 20px; min-height: 630px; }
  .dv-hero-showcase h1 { font-size: 68px; }
  .dv-hero-showcase .dv-food-stage { height: 450px; }
  .dv-category-launcher { gap: 20px; }
  .dv-category-launcher-intro { flex-basis: 155px; }
  .dv-category-launcher-links { gap: 3px; }
  .dv-category-launcher-links a { padding-inline: 5px; }
}
@media (max-width: 760px) {
  .dv-hero-showcase { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 42px 24px 65px; text-align: center; }
  .dv-hero-showcase .dv-welcome-hero-copy > .dv-eyebrow,
  .dv-hero-showcase .dv-welcome-hero-actions { justify-content: center; }
  .dv-hero-showcase .dv-welcome-hero-actions { flex-direction: row; }
  .dv-hero-showcase h1 { font-size: clamp(58px, 11vw, 82px); }
  .dv-hero-showcase .dv-food-stage { width: min(100%, 510px); height: 430px; margin-inline: auto; text-align: left; }
  .dv-hero-showcase .dv-welcome-hero-bottom { bottom: 12px; justify-content: center; }
  .dv-hero-showcase .dv-welcome-hero-bottom > span { display: none; }
  .dv-delivery-preview { width: 215px; bottom: 86px; }
  .dv-category-launcher { display: block; padding-block: 24px; }
  .dv-category-launcher-intro strong { font-size: 20px; }
  .dv-category-launcher-intro br { display: none; }
  .dv-category-launcher-links { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; gap: 12px; }
  .dv-category-launcher-links a { padding: 10px; }
  .dv-category-launcher-links strong { font-size: 12px; }
}
@media (max-width: 380px) {
  .dv-hero-showcase { padding-inline: 20px; }
  .dv-hero-showcase .dv-food-stage { height: 370px; }
  .dv-food-selector strong { font-size: 14px; }
  .dv-food-selector-buttons button { width: 29px; height: 29px; }
  .dv-food-sticker { font-size: 9px; padding: 9px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .dv-food-stage *, .dv-category-launcher-links a { animation: none !important; transition: none !important; }
}

/* Everyday delivery welcome hero */
.dv-everyday-visual { position: relative; min-width: 0; width: 100%; max-width: 590px; justify-self: center; }
.dv-everyday-photo { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 28px; background: #f4e8dc; }
.dv-everyday-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; opacity: 0; transition: opacity .65s ease; }
.dv-everyday-photo > img.is-active { opacity: 1; }
.dv-everyday-photo-label { position: absolute; bottom: 18px; left: 18px; right: 18px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; background: #ffffffed; color: #262626; font-size: 12px; font-weight: 600; }
.dv-everyday-caption { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; min-height: 48px; text-align: left; }
.dv-everyday-caption small { display: block; color: #76706b; font-size: 9px; letter-spacing: .12em; }
.dv-everyday-caption strong { display: block; margin-top: 6px; font-size: 16px; line-height: 1.4; }
.dv-everyday-caption .dv-food-selector-buttons { flex-shrink: 0; }
.dv-everyday-benefits { display: grid; gap: 17px; margin-top: 30px; padding-top: 25px; border-top: 1px solid #e7ddd5; text-align: left; }
.dv-everyday-benefits > div { display: flex; gap: 12px; align-items: flex-start; }
.dv-everyday-benefits svg { flex-shrink: 0; color: var(--dv-red); margin-top: 2px; }
.dv-everyday-benefits strong { display: block; font-size: 13px; }
.dv-everyday-benefits small { display: block; margin-top: 4px; font-size: 12px; color: #696460; line-height: 1.5; }
.dv-hero-showcase { overflow: visible; }
.dv-hero-showcase .dv-welcome-hero-copy { min-width: 0; }
.dv-hero-showcase .dv-welcome-hero-description { max-width: 480px; line-height: 1.7; }
.dv-everyday-caption button:focus-visible { outline: 2px solid var(--dv-red); outline-offset: 4px; }
@media (max-width: 760px) {
  .dv-hero-showcase { min-height: 0; }
  .dv-hero-showcase h1 { font-size: clamp(46px, 10vw, 72px); }
  .dv-hero-showcase .dv-welcome-hero-description { margin-inline: auto; }
  .dv-everyday-benefits { max-width: 420px; margin-inline: auto; }
  .dv-everyday-visual { width: min(100%, 430px); max-width: 430px; }
  .dv-everyday-photo { border-radius: 20px; }
  .dv-everyday-caption strong { font-size: 13px; }
  .dv-everyday-caption { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .dv-everyday-photo > img { transition: none; }
}

/* Role selection auth surface */
.dv-role-selection {
  min-height: 100vh;
  background: #fff !important;
  color: #123e72 !important;
}
.dv-role-selection-main {
  background: #fff;
  color: #123e72;
}
.dv-role-selection .dv-header {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid #ececef;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(14px);
}
.dv-role-selection .dv-nav {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.dv-role-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #123e72;
  font-weight: 700;
}
.dv-role-back svg {
  width: 20px;
  height: 20px;
}
.dv-role-back img {
  width: 112px;
  height: auto;
}
.dv-role-login-copy {
  margin: 0;
  color: #70727b;
  font-size: 13px;
}
.dv-role-login-copy .dv-login {
  color: #d62828;
  font-weight: 800;
}
.dv-role-header-actions .dv-theme-toggle {
  color: #123e72;
}
.dv-role-header-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.dv-role-header-actions .dv-theme-toggle {
  width: 28px;
  height: 28px;
}
.dv-role-header-actions .dv-theme-toggle svg {
  width: 14px;
  height: 14px;
}
.dv-role-selection-main {
  width: min(1400px, calc(100% - 64px));
  margin: 0 auto;
  padding: 82px 0 96px;
}

/* The role screen uses a normal in-flow header; only the public welcome hero
   is pulled beneath its transparent navigation. */
.dv-role-selection .dv-header {
  margin-bottom: 0;
}
.dv-role-selection-intro {
  max-width: 700px;
  margin: 0 auto 48px;
  text-align: center;
}
.dv-role-selection-intro .dv-eyebrow {
  color: #123e72;
}
.dv-role-selection-intro h1 {
  margin: 18px 0 14px;
  color: #123e72;
  font-family: 'Manrope', sans-serif;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 800;
  letter-spacing: -0.065em;
  line-height: 1.03;
}
.dv-role-selection-intro h1 .dv-accent {
  color: #ee001c;
}
.dv-role-selection-intro > p:last-child {
  max-width: 520px;
  margin: 0 auto;
  color: #70727b;
  font-size: 16px;
  line-height: 1.7;
}
.dv-role-selection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}
.dv-role-card-link {
  display: flex;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.dv-role-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 430px;
  padding: 28px;
  border: 1px solid #e6e7eb;
  border-radius: 24px;
  background: #fff !important;
  color: #123e72 !important;
  box-shadow: 0 18px 45px rgba(18, 62, 114, 0.08);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.dv-role-card-link:hover .dv-role-card,
.dv-role-card-link:focus-visible .dv-role-card {
  border-color: #123e72;
  box-shadow: 0 22px 55px rgba(18, 62, 114, 0.16);
}
.dv-role-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.dv-role-card-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 18px;
}
.dv-role-card-icon svg,
.dv-role-card-arrow svg,
.dv-role-card-cta svg {
  width: 23px;
  height: 23px;
}
.dv-role-card-arrow {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #e6e7eb;
  border-radius: 50%;
}
.dv-role-card > .dv-eyebrow {
  margin-bottom: 12px;
}
.dv-role-card h2 {
  margin: 0;
  color: #123e72 !important;
  font-family: 'Manrope', sans-serif;
  font-size: clamp(24px, 2.1vw, 32px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.08;
}
.dv-role-card-description {
  min-height: 52px;
  margin: 14px 0 24px;
  color: #4b5563 !important;
  font-size: 14px;
  line-height: 1.65;
}
.dv-role-card-features {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  color: #374151 !important;
  font-size: 13px;
  list-style: none;
}
.dv-role-card-features li,
.dv-role-card-note,
.dv-role-card-cta {
  display: flex;
  align-items: center;
  gap: 9px;
}
.dv-role-card-features svg,
.dv-role-card-note svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}
.dv-role-card-note {
  margin-top: auto;
  padding-top: 22px;
  color: #4b5563 !important;
  font-size: 12px;
}
.dv-role-card-cta {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #ececef;
  font-size: 13px;
  font-weight: 800;
}
.dv-role-card-cta svg {
  width: 17px;
  height: 17px;
}

html.dark .dv-role-selection {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .dv-role-selection .dv-role-selection-main {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html.dark .dv-role-selection .dv-header {
  background: rgba(15, 23, 42, 0.96);
  border-color: #334155;
}

html.dark .dv-role-selection .dv-role-back,
html.dark .dv-role-selection .dv-role-login-copy,
html.dark .dv-role-selection .dv-role-login-copy .dv-login {
  color: #f8fafc;
}

html.dark .dv-role-selection .dv-nav nav a {
  color: #f8fafc !important;
}

html.dark .dv-role-selection .dv-nav nav a:hover {
  color: #fca5a5 !important;
}

html.dark .dv-role-selection .dv-role-selection-intro .dv-eyebrow,
html.dark .dv-role-selection .dv-role-selection-intro h1,
html.dark .dv-role-selection .dv-role-card h2 {
  color: #93c5fd !important;
}

html.dark .dv-role-selection .dv-role-card-link:nth-child(n + 2) > .dv-role-card > .dv-eyebrow {
  color: #93c5fd !important;
}

html.dark .dv-role-selection .dv-role-selection-intro > p:last-child,
html.dark .dv-role-selection .dv-role-card-description,
html.dark .dv-role-selection .dv-role-card-features,
html.dark .dv-role-selection .dv-role-card-note {
  color: #a8b3c7 !important;
}

html.dark .dv-role-selection .dv-role-card {
  background: #172033 !important;
  border-color: #334155;
  color: #f8fafc !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
}

html.dark .dv-role-selection .dv-role-card-link:hover .dv-role-card,
html.dark .dv-role-selection .dv-role-card-link:focus-visible .dv-role-card {
  border-color: #60a5fa;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.38);
}

html.dark .dv-role-selection .dv-role-card-icon {
  filter: saturate(0.8) brightness(0.8);
}

html.dark .dv-role-selection .dv-role-card-arrow,
html.dark .dv-role-selection .dv-role-card-cta {
  border-color: #334155;
}

html.dark .dv-role-selection .dv-role-card-cta {
  color: #93c5fd !important;
}

html.dark .dv-role-selection > footer {
  color: #a8b3c7;
}

@media (max-width: 860px) {
  .dv-role-selection-main {
    padding: 58px 0 72px;
  }
  .dv-role-selection-grid {
    grid-template-columns: 1fr;
    max-width: 540px;
    margin-inline: auto;
  }
  .dv-role-card {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  .dv-role-selection .dv-nav {
    min-height: 66px;
  }
  .dv-role-back img {
    width: 96px;
  }
  .dv-role-login-copy {
    font-size: 12px;
  }
  .dv-role-login-copy:not(:has(.dv-login)) {
    display: none;
  }
  .dv-role-selection-main {
    width: min(100% - 32px, 540px);
    padding-top: 44px;
  }
  .dv-role-selection-intro {
    margin-bottom: 32px;
  }
  .dv-role-selection-intro h1 {
    font-size: 42px;
  }
  .dv-role-selection-intro > p:last-child {
    font-size: 14px;
  }
  .dv-role-card {
    padding: 22px;
    border-radius: 20px;
  }
}

/* Keep the public welcome experience aligned with the app's dark palette. */
html.dark .dv-welcome {
  --dv-paper: #0f172a;
  --dv-ink: #f8fafc;
  --dv-surface: #172033;
  --dv-surface-raised: #1e293b;
  --dv-muted: #a8b3c7;
  --dv-border: #334155;
  background: var(--dv-paper);
  color: var(--dv-ink);
}

html.dark .dv-welcome .dv-header {
  background: rgba(15, 23, 42, 0.96);
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-header:not(.is-scrolled) {
  background: linear-gradient(
    180deg,
    rgba(12, 15, 20, 0.58) 0%,
    rgba(12, 15, 20, 0.36) 62%,
    rgba(12, 15, 20, 0) 100%
  );
  border-bottom: 0;
  backdrop-filter: none;
}

@media (max-width: 1000px) {
  .dv-welcome .dv-header {
    margin-bottom: -76px;
  }

  .dv-welcome .dv-header.is-scrolled {
    margin-bottom: -76px;
  }
}

html.dark .dv-welcome .dv-welcome-hero {
  background: var(--dv-paper);
}

html.dark .dv-welcome .dv-welcome-hero-glow {
  background: #241525;
  box-shadow: 0 -45px 100px rgba(59, 23, 35, 0.55);
}

html.dark .dv-welcome .dv-category-panel {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-category-tabs button {
  background: var(--dv-surface);
}

html.dark .dv-welcome .dv-footer {
  background: var(--dv-paper);
}

html.dark .dv-welcome .dv-nav a,
html.dark .dv-welcome .dv-login,
html.dark .dv-welcome .dv-mobile-nav a,
html.dark .dv-welcome .dv-text-link,
html.dark .dv-welcome .dv-circle-link,
html.dark .dv-welcome .dv-category-launcher-links a,
html.dark .dv-welcome .dv-partner-card,
html.dark .dv-welcome .dv-skip {
  color: var(--dv-ink);
}

html.dark .dv-welcome .dv-nav nav a,
html.dark .dv-welcome .dv-nav nav a:first-child {
  color: #f8fafc !important;
}

html.dark .dv-welcome .dv-nav nav a:first-child {
  background: #243b63;
}

html.dark .dv-welcome .dv-nav nav a:hover:not(.dv-button),
html.dark .dv-welcome .dv-nav nav a:focus-visible {
  color: #fca5a5 !important;
}

html.dark .dv-welcome .dv-mobile-nav,
html.dark .dv-welcome .dv-category-launcher,
html.dark .dv-welcome .dv-journey,
html.dark .dv-welcome .dv-footer-bottom {
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-blue-accent,
html.dark .dv-welcome .dv-section-heading h2,
html.dark .dv-welcome .dv-journey h2,
html.dark .dv-welcome .dv-human-copy h2,
html.dark .dv-welcome .dv-final h2 {
  color: #93c5fd;
}

html.dark .dv-welcome .dv-hero-description,
html.dark .dv-welcome .dv-hero-note,
html.dark .dv-welcome .dv-section-heading > p,
html.dark .dv-welcome .dv-category-copy > p,
html.dark .dv-welcome .dv-journey-intro > p:not(.dv-eyebrow),
html.dark .dv-welcome .dv-step p,
html.dark .dv-welcome .dv-human-copy > p:not(.dv-eyebrow),
html.dark .dv-welcome .dv-partner-card p,
html.dark .dv-welcome .dv-footer-top p {
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-category-rotation,
html.dark .dv-welcome .dv-category-tabs button,
html.dark .dv-welcome .dv-partner-card,
html.dark .dv-welcome .dv-circle-link > span,
html.dark .dv-welcome .dv-step-number {
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-category-rotation {
  background: var(--dv-surface);
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-category-tabs button {
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-category-tabs button[aria-selected='true'] {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

html.dark .dv-welcome .dv-category-panel,
html.dark .dv-welcome .dv-category-launcher-links a:hover,
html.dark .dv-welcome .dv-partner-card:hover {
  background: var(--dv-surface);
}

html.dark .dv-welcome .dv-category-visual > span,
html.dark .dv-welcome .dv-everyday-photo-label,
html.dark .dv-welcome .dv-parcel-label {
  background: rgba(30, 41, 59, 0.94);
  border-color: var(--dv-border);
  color: var(--dv-ink);
}

html.dark .dv-welcome .dv-parcel-label strong,
html.dark .dv-welcome .dv-category-launcher-links strong,
html.dark .dv-welcome .dv-everyday-caption strong {
  color: var(--dv-ink);
}

html.dark .dv-welcome .dv-parcel-label > div,
html.dark .dv-welcome .dv-art-caption,
html.dark .dv-welcome .dv-scroll-cue,
html.dark .dv-welcome .dv-hero-footnote,
html.dark .dv-welcome .dv-category-launcher-intro small,
html.dark .dv-welcome .dv-availability,
html.dark .dv-welcome .dv-human-signature,
html.dark .dv-welcome .dv-footer-top > div > span,
html.dark .dv-welcome .dv-footer-bottom,
html.dark .dv-welcome .dv-footer-top > div > a:not(.dv-wordmark) {
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-ticker {
  background: #3b1723;
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-human {
  background: #241525;
}

html.dark .dv-welcome .dv-partner-driver {
  background: var(--dv-surface-raised);
}

html.dark .dv-welcome .dv-food-selector,
html.dark .dv-welcome .dv-everyday-benefits {
  border-color: var(--dv-border);
}

html.dark .dv-welcome .dv-food-selector small,
html.dark .dv-welcome .dv-everyday-caption small,
html.dark .dv-welcome .dv-everyday-benefits small {
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-food-selector-buttons button {
  background: var(--dv-surface-raised);
  color: var(--dv-muted);
}

html.dark .dv-welcome .dv-food-selector-buttons button[aria-pressed='true'] {
  background: #2563eb;
  color: #fff;
}

html.dark .dv-welcome .dv-skip {
  background: var(--dv-surface-raised);
}
/* Isolated hero rules: image geometry is independent of page background shorthands. */
.dv-welcome .dv-banner {
  --banner-bg: #f8fafc;
  --banner-text: #8fc3ff;
  --banner-muted: #f8fafc;
  --banner-border: rgba(248, 250, 252, 0.72);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--banner-bg);
  color: var(--banner-text);
  min-height: 680px;
  padding: clamp(48px, 7vh, 104px) clamp(32px, 5vw, 120px);
}

html.dark .dv-welcome .dv-banner {
  --banner-bg: #0f172a;
  --banner-text: #8fc3ff;
  --banner-muted: #f8fafc;
  --banner-border: rgba(248, 250, 252, 0.72);
}

.dv-banner__media {
  position: absolute;
  inset: 0;
  width: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.dv-banner__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
}

.dv-banner__copy {
  position: relative;
  z-index: 1;
  width: 37%;
  max-width: 620px;
}

.dv-banner__copy > .dv-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--banner-muted);
}

.dv-banner__copy > .dv-eyebrow > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dv-red);
}

.dv-banner__copy h1 {
  margin: 24px 0;
  font-family: 'Manrope', sans-serif;
  font-size: clamp(44px, 4vw, 78px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.065em;
}

.dv-welcome .dv-banner .dv-blue-accent {
  color: var(--banner-text);
}

.dv-welcome .dv-banner .dv-welcome-hero-description {
  max-width: 440px;
  color: var(--banner-muted);
  font-size: 15px;
  line-height: 1.8;
}

.dv-banner .dv-welcome-hero-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 28px;
}

.dv-welcome .dv-banner .dv-text-link {
  color: var(--banner-text);
}

.dv-welcome .dv-banner .dv-everyday-benefits {
  max-width: 440px;
  margin: 30px 0 0;
  padding-top: 24px;
  border-color: var(--banner-border);
  gap: 16px;
}

.dv-welcome .dv-banner .dv-everyday-benefits strong {
  color: var(--banner-text);
}

.dv-welcome .dv-banner .dv-everyday-benefits small {
  color: var(--banner-muted);
}

@media (max-width: 1100px) {
  .dv-welcome .dv-banner {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 48px 0 0;
  }

  .dv-banner__copy {
    width: auto;
    max-width: 680px;
    margin-inline: auto;
    padding-inline: 32px;
    order: -1;
  }

  .dv-banner__copy h1 {
    font-size: clamp(44px, 7vw, 68px);
  }

  .dv-banner__media {
    position: relative;
    inset: auto;
    width: 100%;
    margin-top: 32px;
  }

  .dv-banner__media img {
    height: auto;
    aspect-ratio: 1672 / 941;
  }

}

@media (max-width: 480px) {
  .dv-banner__copy {
    padding-inline: 24px;
  }

  .dv-banner__copy h1 {
    font-size: clamp(38px, 10vw, 48px);
  }

  .dv-banner .dv-welcome-hero-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .dv-banner .dv-welcome-hero-actions .dv-button {
    width: 100%;
    gap: 12px;
    padding-inline: 20px;
  }
}

/* Non-mobile heroes fill the viewport below the 76px navigation. Use a
   minimum, not a fixed height, so short screens and zoom never clip copy. */
@media (min-width: 768px) {
  .dv-welcome .dv-banner {
    min-height: calc(100vh - 90px);
    min-height: calc(100svh - 90px);
  }

  .dv-banner__media {
    height: 100%;
    bottom: -2px;
  }

  .dv-banner__media img {
    min-height: 100%;
  }
}

@media (min-width: 1101px) {
  .dv-welcome .dv-banner {
    display: flex;
    align-items: center;
    height: 100vh;
    min-height: 100vh;
  }

  .dv-banner__copy {
    margin: 0;
    padding: 0;
  }

  .dv-banner__media img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.public-legal {
  --legal-paper: #fbfaf7;
  --legal-surface: #fff;
  --legal-ink: #171717;
  --legal-muted: #6f6d67;
  --legal-line: #e5e2db;
  --legal-red: #ee001c;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--legal-paper);
  color: var(--legal-ink);
  font-family: 'DM Sans', Inter, Arial, sans-serif;
}

.public-legal * {
  box-sizing: border-box;
}

.public-legal a:focus-visible {
  outline: 3px solid var(--legal-red);
  outline-offset: 4px;
}

.public-legal__header {
  border-bottom: 1px solid var(--legal-line);
  background: #fff;
}

.public-legal__header-inner {
  width: min(1120px, calc(100% - 64px));
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 auto;
}

.public-legal__brand {
  display: inline-flex;
  align-items: center;
}

.public-legal__brand img {
  display: block;
  width: auto;
  height: 30px;
}

.public-legal__back {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border-radius: 10px;
  color: #46443f;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.public-legal__back:hover {
  background: #f3f1ec;
  color: var(--legal-ink);
}

.public-legal__layout {
  width: min(820px, calc(100% - 64px));
  flex: 1;
  margin: 0 auto;
  padding: clamp(52px, 8vw, 88px) 0 80px;
}

.public-legal__main {
  min-width: 0;
}

.public-legal__intro {
  margin-bottom: 34px;
}

.public-legal__eyebrow {
  margin: 0;
  color: var(--legal-red);
  font-family: 'DM Mono', 'SFMono-Regular', Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-transform: uppercase;
}

.public-legal__intro h1 {
  margin: 13px 0 0;
  font-size: clamp(38px, 5.6vw, 56px);
  font-weight: 800;
  letter-spacing: -0.065em;
  line-height: 1.08;
}

.public-legal__metadata {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
}

.public-legal__metadata span {
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.public-legal__metadata small {
  color: var(--legal-muted);
  font-family: 'DM Mono', 'SFMono-Regular', Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.public-legal__metadata strong {
  color: #3b3935;
  font-size: 12px;
  font-weight: 600;
}

.public-legal__metadata > i {
  width: 1px;
  height: 18px;
  background: var(--legal-line);
}

.public-legal__intro-copy {
  margin: 14px 0 0;
  color: var(--legal-muted);
  font-size: 14px;
  line-height: 1.7;
}

.public-legal__document {
  border-top: 1px solid var(--legal-line);
}

.public-legal__document-body {
  min-height: 360px;
  padding: 30px 0 0;
}

.public-legal__copy {
  max-width: 72ch;
  color: #45433f;
  font-size: 15px;
  line-height: 1.78;
  overflow-wrap: anywhere;
}

.public-legal__document-label {
  margin: 0 0 10px;
  color: var(--legal-muted);
  font-family: 'DM Mono', 'SFMono-Regular', Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.11em;
  line-height: 1.6;
  text-transform: uppercase;
}

.public-legal__subheading {
  margin: 28px 0 12px;
  color: var(--legal-ink);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.45;
}

.public-legal__section-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 34px 0 12px;
  padding-top: 22px;
  border-top: 1px solid var(--legal-line);
  color: var(--legal-ink);
  font-size: clamp(19px, 2vw, 22px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.35;
}

.public-legal__section-heading span {
  flex: 0 0 auto;
  color: var(--legal-red);
  font-family: 'DM Mono', 'SFMono-Regular', Consolas, monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.public-legal__copy-line {
  margin: 0 0 13px;
}

.public-legal__copy-line strong {
  color: var(--legal-ink);
  font-weight: 700;
}

.public-legal__definitions {
  display: grid;
  gap: 10px;
  margin: 5px 0 20px;
  padding: 15px 18px;
  border-radius: 12px;
  background: #f2f0ea;
}

.public-legal__definitions > div {
  display: grid;
  grid-template-columns: minmax(125px, 0.32fr) minmax(0, 1fr);
  gap: 14px;
}

.public-legal__definitions dt {
  color: var(--legal-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

.public-legal__definitions dd {
  margin: 0;
  color: #55534d;
  font-size: 14px;
  line-height: 1.65;
}

.public-legal__list {
  display: grid;
  gap: 9px;
  margin: 4px 0 21px;
  padding-left: 23px;
}

.public-legal__list li {
  padding-left: 3px;
}

.public-legal__list li::marker {
  color: var(--legal-red);
  font-size: 0.8em;
}

.public-legal__iframe {
  display: block;
  width: 100%;
  min-height: 76vh;
  border: 0;
  background: transparent;
}

.public-legal__message {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  color: var(--legal-muted);
  font-size: 14px;
  text-align: center;
}

.public-legal__message svg {
  color: #aaa69d;
}

.public-legal__footer {
  width: min(1120px, calc(100% - 64px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 auto;
  padding: 18px 0 24px;
  border-top: 1px solid var(--legal-line);
  color: var(--legal-muted);
  font-size: 11px;
}

.public-legal__footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.public-legal__footer-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #c5c1b8;
  text-underline-offset: 3px;
}

.public-legal__footer-link:hover {
  color: var(--legal-red);
  text-decoration-color: currentColor;
}

html.dark .public-legal {
  --legal-paper: #171717;
  --legal-surface: #222220;
  --legal-ink: #f7f5ef;
  --legal-muted: #aaa79f;
  --legal-line: #393833;
  background: var(--legal-paper);
  color: var(--legal-ink);
}

html.dark .public-legal__header {
  background: #1b1b19;
}

html.dark .public-legal__back:hover {
  background: #292925;
}

html.dark .public-legal__metadata strong,
html.dark .public-legal__copy {
  color: #dedbd3;
}

html.dark .public-legal__definitions {
  background: #222220;
}

html.dark .public-legal__definitions dd {
  color: #dedbd3;
}

@media (max-width: 760px) {
  .public-legal__header-inner,
  .public-legal__layout,
  .public-legal__footer {
    width: min(calc(100% - 36px), 640px);
  }

  .public-legal__header-inner {
    min-height: 64px;
  }

  .public-legal__brand img {
    height: 27px;
  }

  .public-legal__back {
    min-height: 42px;
    font-size: 12px;
  }

  .public-legal__layout {
    padding: 42px 0 56px;
  }

  .public-legal__intro {
    margin-bottom: 25px;
  }

  .public-legal__intro h1 {
    font-size: clamp(36px, 9vw, 48px);
  }

  .public-legal__metadata {
    flex-wrap: wrap;
    gap: 10px 14px;
  }

  .public-legal__metadata span {
    flex-wrap: wrap;
  }

  .public-legal__document-body {
    min-height: 320px;
    padding-top: 22px;
  }

  .public-legal__copy {
    font-size: 14px;
    line-height: 1.78;
  }

  .public-legal__section-heading {
    gap: 9px;
    margin-top: 28px;
    padding-top: 19px;
  }

  .public-legal__definitions {
    gap: 11px;
    padding: 13px 14px;
  }

  .public-legal__definitions > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .public-legal__definitions dd {
    font-size: 13px;
  }

  .public-legal__iframe {
    min-height: 68vh;
  }

  .public-legal__footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .public-legal__footer-links {
    gap: 12px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-legal__back {
    transition: none;
  }
}
.dv-privacy {
  --privacy-paper: #fffdfc;
  --privacy-ink: #171717;
  --privacy-muted: #6f7078;
  --privacy-border: #e8e8ec;
  --privacy-red: #ee001c;
  min-height: 100vh;
  background: var(--privacy-paper);
  color: var(--privacy-ink);
  font-family: 'DM Sans', 'Plus Jakarta Sans', sans-serif;
}

.dv-privacy *,
.dv-privacy *::before,
.dv-privacy *::after {
  box-sizing: border-box;
}

.dv-privacy a {
  color: inherit;
  text-decoration: none;
}

.dv-privacy a:focus-visible {
  outline: 3px solid var(--privacy-red);
  outline-offset: 5px;
}

.dv-privacy-wrap {
  width: min(1240px, calc(100% - 112px));
  margin-inline: auto;
}

.dv-privacy-skip {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 100;
  padding: 12px 15px;
  background: #ffffff;
  color: var(--privacy-ink);
  box-shadow: 0 8px 24px #1717171a;
}

.dv-privacy-skip:focus {
  top: 16px;
}

.dv-privacy-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--privacy-border);
  background: #fffdfcf5;
  backdrop-filter: blur(16px);
}

.dv-privacy-header__inner {
  display: flex;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.dv-privacy-brand {
  display: inline-flex;
  align-items: center;
  width: 126px;
}

.dv-privacy-brand img {
  display: block;
  width: 100%;
  height: auto;
}

.dv-privacy-header__meta {
  display: flex;
  align-items: center;
  gap: 24px;
  color: var(--privacy-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.dv-privacy-header__meta a,
.dv-privacy-contact a,
.dv-privacy-toc__note a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--privacy-ink);
  letter-spacing: 0;
}

.dv-privacy-header__meta a:hover,
.dv-privacy-contact a:hover,
.dv-privacy-toc__note a:hover {
  color: var(--privacy-red);
}

.dv-privacy-hero {
  max-width: 850px;
  padding: 112px 0 96px;
}

.dv-privacy-eyebrow {
  margin: 0;
  color: var(--privacy-red);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.6;
}

.dv-privacy-hero h1 {
  margin: 22px 0 24px;
  font-family: 'Manrope', 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(58px, 8vw, 116px);
  font-weight: 700;
  letter-spacing: -0.085em;
  line-height: 0.93;
}

.dv-privacy-hero h1 span {
  color: var(--privacy-red);
}

.dv-privacy-hero h1 b {
  color: var(--privacy-red);
  font-weight: 700;
}

.dv-privacy-hero__summary {
  max-width: 610px;
  margin: 0;
  color: var(--privacy-muted);
  font-size: 17px;
  line-height: 1.8;
}

.dv-privacy-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 34px;
  color: #85868e;
  font-size: 11px;
  letter-spacing: 0.03em;
}

.dv-privacy-hero__meta span + span {
  position: relative;
  padding-left: 24px;
}

.dv-privacy-hero__meta span + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--privacy-red);
  content: '';
  transform: translateY(-50%);
}

.dv-privacy-overview {
  display: grid;
  grid-template-columns: minmax(210px, 0.7fr) minmax(0, 1.6fr);
  gap: 48px;
  margin-bottom: 104px;
  padding: 48px;
  border: 1px solid #f1dce0;
  background: #fff1f3;
}

.dv-privacy-overview__intro h2 {
  max-width: 230px;
  margin: 18px 0 14px;
  font-family: 'Manrope', 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(25px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1.05;
}

.dv-privacy-overview__intro > p:last-child {
  max-width: 250px;
  margin: 0;
  color: var(--privacy-muted);
  font-size: 12px;
  line-height: 1.8;
}

.dv-privacy-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #efd5da;
  background: #efd5da;
}

.dv-privacy-category {
  min-height: 138px;
  padding: 22px;
  background: #fff8f9;
}

.dv-privacy-category__icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #efbbc4;
  border-radius: 50%;
  color: var(--privacy-red);
}

.dv-privacy-category h3 {
  margin: 15px 0 5px;
  font-family: 'Manrope', 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.dv-privacy-category p {
  margin: 0;
  color: var(--privacy-muted);
  font-size: 11px;
  line-height: 1.6;
}

.dv-privacy-layout {
  display: grid;
  grid-template-columns: 235px minmax(0, 1fr);
  align-items: start;
  gap: clamp(44px, 8vw, 112px);
  padding-bottom: 120px;
}

.dv-privacy-toc {
  position: sticky;
  top: 116px;
}

.dv-privacy-toc ol {
  display: grid;
  gap: 2px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.dv-privacy-toc li a {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 7px;
  padding: 8px 0;
  color: #767780;
  font-size: 11px;
  line-height: 1.35;
  transition:
    color 160ms ease,
    transform 160ms ease;
}

.dv-privacy-toc li a span:first-child {
  color: #b6b6bd;
  font-size: 9px;
  letter-spacing: 0.08em;
}

.dv-privacy-toc li a:hover {
  color: var(--privacy-red);
  transform: translateX(3px);
}

.dv-privacy-toc__note {
  display: grid;
  gap: 8px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--privacy-border);
  color: var(--privacy-muted);
  font-size: 11px;
}

.dv-privacy-article {
  min-width: 0;
}

.dv-privacy-section {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 28px;
  scroll-margin-top: 116px;
  padding: 46px 0 52px;
  border-top: 1px solid var(--privacy-border);
}

.dv-privacy-section__number {
  padding-top: 5px;
  color: var(--privacy-red);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.dv-privacy-section__body {
  max-width: 760px;
}

.dv-privacy-section__body h2 {
  margin: 0 0 20px;
  font-family: 'Manrope', 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(25px, 3vw, 36px);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1.08;
}

.dv-privacy-section__body p,
.dv-privacy-section__body li {
  color: #5e6069;
  font-size: 14px;
  line-height: 1.9;
}

.dv-privacy-section__body p {
  margin: 0 0 17px;
}

.dv-privacy-section__body ul {
  display: grid;
  gap: 11px;
  margin: 20px 0 0;
  padding-left: 21px;
}

.dv-privacy-section__body li::marker {
  color: var(--privacy-red);
}

.dv-privacy-agreement-content {
  margin-top: 24px;
  white-space: pre-wrap;
  color: var(--privacy-muted);
  font-size: 16px;
  line-height: 1.9;
}

.dv-privacy-agreement-frame {
  width: 100%;
  min-height: 720px;
  margin-top: 24px;
  border: 1px solid var(--privacy-border);
  background: #ffffff;
}

.dv-privacy-deletion-callout {
  margin: 0 0 26px;
  padding: 24px;
  border-left: 3px solid var(--privacy-red);
  background: #fff1f3;
}

.dv-privacy-deletion-callout__label {
  color: var(--privacy-red);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.dv-privacy-deletion-callout h3 {
  margin: 12px 0 8px;
  font-family: 'Manrope', 'Plus Jakarta Sans', sans-serif;
  font-size: 20px;
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.dv-privacy-deletion-callout p {
  margin: 0;
  color: #70727b;
  font-size: 12px;
  line-height: 1.75;
}

.dv-privacy-contact {
  margin-top: 38px;
  padding: 34px 38px;
  background: var(--privacy-ink);
  color: #ffffff;
}

.dv-privacy-contact .dv-privacy-eyebrow {
  color: #ff7382;
}

.dv-privacy-contact h2 {
  margin: 14px 0 10px;
  font-family: 'Manrope', 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(27px, 3vw, 39px);
  letter-spacing: -0.06em;
  line-height: 1.05;
}

.dv-privacy-contact p:not(.dv-privacy-eyebrow) {
  max-width: 480px;
  margin: 0 0 22px;
  color: #c7c7cd;
  font-size: 13px;
  line-height: 1.75;
}

.dv-privacy-contact a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}

.dv-privacy-footer {
  border-top: 1px solid var(--privacy-border);
  background: #ffffff;
}

.dv-privacy-footer__inner {
  display: flex;
  min-height: 128px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.dv-privacy-footer__inner > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  color: #85868e;
  font-size: 11px;
}

.dv-privacy-footer__inner > div a {
  color: var(--privacy-ink);
  font-weight: 700;
}

.dv-privacy-footer__inner > div a:hover {
  color: var(--privacy-red);
}

@media (max-width: 1040px) {
  .dv-privacy-wrap {
    width: min(100% - 64px, 900px);
  }

  .dv-privacy-layout {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 44px;
  }

  .dv-privacy-overview {
    grid-template-columns: 1fr;
  }

  .dv-privacy-overview__intro h2,
  .dv-privacy-overview__intro > p:last-child {
    max-width: 540px;
  }
}

@media (max-width: 760px) {
  .dv-privacy-wrap {
    width: min(100% - 40px, 620px);
  }

  .dv-privacy-header__inner {
    min-height: 70px;
  }

  .dv-privacy-brand {
    width: 112px;
  }

  .dv-privacy-header__meta > span {
    display: none;
  }

  .dv-privacy-header__meta a {
    font-size: 11px;
  }

  .dv-privacy-hero {
    padding: 78px 0 68px;
  }

  .dv-privacy-hero h1 {
    font-size: clamp(54px, 16vw, 88px);
  }

  .dv-privacy-hero__summary {
    font-size: 15px;
  }

  .dv-privacy-overview {
    margin-bottom: 66px;
    padding: 28px 22px 22px;
  }

  .dv-privacy-category-grid {
    grid-template-columns: 1fr;
  }

  .dv-privacy-category {
    min-height: 0;
  }

  .dv-privacy-layout {
    display: block;
    padding-bottom: 80px;
  }

  .dv-privacy-toc {
    position: static;
    margin-bottom: 42px;
    padding: 22px;
    border: 1px solid var(--privacy-border);
    background: #ffffff;
  }

  .dv-privacy-toc ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 22px;
         column-gap: 22px;
  }

  .dv-privacy-toc__note {
    margin-top: 20px;
  }

  .dv-privacy-section {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 15px;
    padding: 36px 0 42px;
  }

  .dv-privacy-section__body p,
  .dv-privacy-section__body li {
    font-size: 13px;
    line-height: 1.82;
  }

  .dv-privacy-contact {
    padding: 28px 24px;
  }

  .dv-privacy-footer__inner {
    min-height: 160px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  .dv-privacy-footer__inner > div {
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dv-privacy-toc li a {
    transition: none;
  }
}

@media print {
  .dv-privacy-header {
    position: static;
    background: transparent;
  }

  .dv-privacy-header__meta,
  .dv-privacy-skip,
  .dv-privacy-toc,
  .dv-privacy-footer {
    display: none;
  }

  .dv-privacy-wrap {
    width: 100%;
  }

  .dv-privacy-hero {
    padding: 32px 0;
  }

  .dv-privacy-layout {
    display: block;
    padding-bottom: 0;
  }

  .dv-privacy-section {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.quick-product-dialog {
  width: min(1080px, calc(100vw - 40px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: var(--brand-bg, white);
  color: var(--brand-dark, #171717);
  box-shadow: 0 24px 80px #0003;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.quick-product-dialog::-webkit-scrollbar {
  display: none;
}
.quick-product-dialog::backdrop {
  background: #0a0a0a80;
  backdrop-filter: blur(3px);
}
.quick-product-dialog__surface > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px 0;
}
.quick-product-dialog__surface > header > span {
  font-size: 11px;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.quick-product-dialog__surface > header button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brand-bg-elevated, #f7f7f7);
}
.quick-product-dialog .product-studio--quick {
  padding: 12px 28px 24px;
}
.product-studio--quick > div:first-child,
.product-studio--quick #product-page-bag,
.product-studio--quick .product-studio__toast {
  display: none;
}
.product-studio--quick .product-studio__layout {
  gap: 28px;
}
.product-studio--quick .product-studio__purchase {
  bottom: 0;
}
.store-pairings {
  padding: 22px 0;
  border-top: 1px solid var(--brand-border, #e8e8e8);
  min-width: 0;
}
.store-pairings > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.store-pairings header span {
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--brand-muted, #777);
}
.store-pairings h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 4px 0 0;
}
.store-pairings header a {
  font-size: 12px;
  color: #f20a24;
  white-space: nowrap;
}
.store-pairings__list {
  display: grid;
  gap: 12px;
}
.store-pairings article {
  display: flex;
  align-items: center;
  gap: 12px;
}
.store-pairings article img,
.store-pairings__placeholder {
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
  background: #fff;
  flex-shrink: 0;
}
.store-pairings__placeholder {
  display: grid;
  place-items: center;
  color: #171717;
}
.store-pairings article > div {
  flex: 1;
  min-width: 0;
}
.store-pairings article strong,
.store-pairings article small {
  display: block;
}
.store-pairings article strong {
  font-size: 14px;
}
.store-pairings article small {
  font-size: 12px;
  margin-top: 4px;
  color: var(--brand-muted, #777);
}
.store-pairings article button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--brand-border, #ddd);
  border-radius: 50%;
  flex-shrink: 0;
  transition: background 180ms ease;
}
.store-pairings article button:hover {
  background: #fff2f4;
  color: #f20a24;
}
.store-pairings article button:disabled {
  opacity: 0.5;
}
.proto-cart-sheet__items .store-pairings div {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  min-height: 0;
}
.proto-cart-sheet__items .store-pairings__list {
  display: grid;
}
.proto-cart-sheet__items .store-pairings header {
  padding: 0;
}
.proto-cart-sheet__items .store-pairings img {
  width: 52px;
  height: 52px;
}
.proto-cart-sheet__items strong {
  text-transform: none;
}
.proto-cart-sheet__items small {
  font-size: 12px;
  line-height: 1.5;
}
.proto-cart-sheet__items em button {
  min-width: 44px;
  min-height: 44px;
}
.proto-cart-sheet__items .store-pairings h3 {
  font-size: 18px;
}
.proto-checkout-popout.proto-checkout-popout--compact {
  width: min(1080px, calc(100vw - 64px));
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  overflow: hidden;
  align-items: stretch;
}
.proto-checkout-popout--compact .proto-checkout-compact__form {
  min-height: 0;
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  padding: 30px 34px;
}
.proto-checkout-popout--compact .proto-checkout-compact__summary {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  padding: 32px;
}
.proto-checkout-popout--compact .proto-checkout-compact__items {
  min-height: 0;
  overflow-y: auto;
  flex: 1 1 auto;
}
.proto-checkout-popout--compact .proto-checkout-compact__items > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  -moz-column-gap: 18px;
       column-gap: 18px;
  padding: 16px 0;
}
.proto-checkout-popout--compact .proto-checkout-compact__items > div > section {
  min-width: 0;
}
.proto-checkout-popout--compact .proto-checkout-compact__items > div > b {
  align-self: start;
  white-space: nowrap;
}
.proto-checkout-popout--compact .proto-checkout-compact__breakdown {
  flex: 0 0 auto;
  margin-top: auto;
}
.proto-checkout-popout--compact .proto-checkout-compact__total,
.proto-checkout-popout--compact .proto-checkout-compact__payment-action,
.proto-checkout-popout--compact .proto-checkout-compact__summary > p:last-child {
  flex: 0 0 auto;
}
.proto-checkout-popout--compact .proto-checkout-compact__payment-action {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin: 0 -32px;
  padding: 12px 32px 0;
  background: var(--brand-bg, #f7f7f8);
}
.checkout-product-thumb {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  background: white;
}
.proto-checkout-compact__items small {
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.proto-checkout-compact__tip-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
  padding: 4px;
  border: 1px solid var(--brand-border, #ddd);
  border-radius: 14px;
  background: color-mix(in srgb, var(--brand-bg, #fff) 92%, var(--brand-border, #ddd));
}
.proto-checkout-compact__tip-option {
  position: relative;
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 8px;
  border-radius: 10px;
  color: var(--brand-muted, #64748b);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  transition:
    background 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}
.proto-checkout-compact__tip-option input[type='radio'] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.proto-checkout-compact__tip-option:has(input:checked) {
  background: var(--brand-dark, #171717);
  color: white;
  box-shadow: 0 3px 10px rgb(15 23 42 / 15%);
}
.proto-checkout-compact__tip-option:has(input:focus-visible) {
  outline: 2px solid #f20a24;
  outline-offset: 2px;
}
.proto-checkout-compact__tip-option--custom {
  grid-column: span 2;
}
.proto-checkout-compact__tip-option--custom input[type='number'] {
  width: 72px;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid var(--brand-border, #ddd);
  border-radius: 8px;
  background: var(--brand-bg, #fff);
  color: var(--brand-dark, #171717);
  font-size: 0.75rem;
}
.proto-checkout-compact__tip-tabs {
  display: grid;
  gap: 8px;
}
.proto-checkout-compact__tip-tabs .sliding-tabs {
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
}
.proto-checkout-compact__tip-tabs .sliding-tabs button {
  min-width: 0;
  padding: 10px 4px;
  font-size: 10px;
  white-space: nowrap;
}
.proto-checkout-compact__custom-tip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--brand-muted, #595959);
  font-size: 12px;
  font-weight: 600;
}
.proto-checkout-compact__custom-tip input {
  width: 104px;
  min-height: 38px;
  border: 1px solid var(--brand-border, #e9e6e3);
  border-radius: 10px;
  padding: 7px 10px;
  background: #fff;
  color: var(--brand-dark, #171717);
}
.quick-product-dialog button:focus-visible,
.store-pairings button:focus-visible {
  outline: 2px solid #f20a24;
  outline-offset: 3px;
}
html.dark .quick-product-dialog {
  background: #111827;
  color: #f8fafc;
}
html.dark .quick-product-dialog__surface > header button {
  background: #1e293b;
  color: #f8fafc;
}
html.dark .proto-checkout-compact__tip-option--custom input[type='number'] {
  background: #334155;
  color: #f8fafc;
}
@media (max-width: 760px) {
  .proto-checkout-compact__tip-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .proto-checkout-compact__tip-option--custom {
    grid-column: span 2;
  }
}
html.dark .store-pairings article button:hover {
  background: #40202a;
}
@media (max-width: 760px) {
  .quick-product-dialog {
    width: 100%;
    max-height: 100dvh;
    height: 100dvh;
    margin: 0;
    border-radius: 0;
  }
  .quick-product-dialog .product-studio--quick {
    padding: 12px 20px 24px;
  }
  .product-studio--quick .product-studio__layout {
    grid-template-columns: 1fr;
  }
  .proto-checkout-popout.proto-checkout-popout--compact {
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    grid-template-rows: none;
    overflow-x: hidden;
    border-radius: 0;
  }
  .proto-checkout-popout--compact .proto-checkout-compact__form {
    flex: 1.15 1 0;
    max-height: none;
    overflow-y: auto;
    padding: 24px 20px;
    min-height: 0;
  }
  .proto-checkout-popout--compact .proto-checkout-compact__summary {
    flex: 1 1 0;
    height: auto;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    padding: 24px 20px;
  }
  .proto-checkout-popout--compact .proto-checkout-compact__payment-action {
    margin: 0 -20px;
    padding: 12px 20px 0;
  }
}
@media (max-width: 760px) and (orientation: landscape) {
  .proto-checkout-popout--compact .proto-checkout-compact__form {
    flex: 1.25 1 0;
    padding: 14px 16px;
  }

  .proto-checkout-popout--compact .proto-checkout-compact__summary {
    flex: 1 1 0;
    padding: 14px 16px;
  }

  .proto-checkout-popout--compact .proto-checkout-compact__payment-action {
    margin: 0 -16px;
    padding: 10px 16px 0;
  }

  .proto-checkout-popout--compact h1 {
    font-size: 24px;
  }

  .proto-checkout-popout--compact .proto-checkout-compact__intro {
    margin-bottom: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .store-pairings * {
    transition: none !important;
  }
}

/* Cart drawer: explicit line classes isolate it from legacy generic div rules. */
.proto-cart-sheet {
  width: min(430px, 100vw);
  max-width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
.proto-cart-sheet > header {
  flex: 0 0 auto;
  min-height: 88px;
  padding: 24px;
  border-bottom: 1px solid #eae7e4;
}
.proto-cart-sheet > header h2 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 22px;
}
.proto-cart-sheet > header h2 span {
  margin: 0;
  white-space: nowrap;
}
.proto-cart-sheet > header > button {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50% !important;
  padding: 0;
  font-size: 22px;
  text-decoration: none;
}
.proto-cart-sheet__items {
  flex: 1 1 auto;
  min-height: 0;
  padding: 4px 24px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(0 0 0 / 14%) transparent;
}
.proto-cart-sheet__items::-webkit-scrollbar {
  width: 4px;
}
.proto-cart-sheet__items::-webkit-scrollbar-track {
  background: transparent;
}
.proto-cart-sheet__items::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgb(0 0 0 / 12%);
}
.proto-cart-sheet__items::-webkit-scrollbar-thumb:hover {
  background: rgb(0 0 0 / 22%);
}
.proto-cart-sheet__items > .proto-cart-line {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #efece9;
  border-radius: 0;
  padding: 14px 0;
  background: transparent;
}
.proto-cart-sheet__items > .proto-cart-line > .proto-cart-line__image {
  display: grid;
  place-items: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--brand-bg-elevated, #f7f7f7);
}
.proto-cart-line__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.proto-cart-sheet__items .proto-cart-line__body {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.proto-cart-sheet__items .proto-cart-line__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 0 !important;
  height: auto !important;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.proto-cart-sheet__items > .proto-cart-line .proto-cart-line__details {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.proto-cart-sheet__items .proto-cart-line__details strong {
  display: block;
  overflow: hidden;
  color: var(--brand-dark, #171717);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  text-transform: none !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: normal;
  overflow-wrap: normal;
}
.proto-cart-sheet__items .proto-cart-line__details small {
  display: block;
  margin-top: 3px;
  color: var(--brand-muted, #777);
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
  overflow-wrap: normal;
}
.proto-cart-sheet__items .proto-cart-line__modifiers {
  display: block;
  margin-top: 3px;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.proto-cart-line__modifiers small + small {
  margin-top: 1px;
}
.proto-cart-sheet__items > .proto-cart-line .proto-cart-line__price {
  flex: 0 0 auto;
  display: grid;
  gap: 3px;
  align-self: start;
  color: var(--brand-dark, #171717);
  font-size: 14px;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.proto-cart-sheet__items .proto-cart-line__price b {
  color: var(--brand-dark, #171717);
  font-size: 14px;
  line-height: 1.3;
}
.proto-cart-sheet__items .proto-cart-line__price small {
  color: var(--brand-muted, #777);
  font-size: 10px;
  font-weight: 500;
}
.proto-cart-sheet__items .proto-cart-line__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  min-height: 0 !important;
  height: 36px !important;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.proto-cart-sheet__items > .proto-cart-line .proto-cart-line__quantity {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  align-items: center;
  width: 112px;
  min-height: 36px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  padding: 0;
  background: #f5f4f2;
}
.proto-cart-line__quantity button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--brand-dark, #171717);
  font-size: 16px;
  visibility: visible !important;
  opacity: 1 !important;
}
.proto-cart-line__quantity button:last-child {
  display: grid !important;
  color: var(--brand-dark, #171717) !important;
}
.proto-cart-line__quantity button:hover {
  background: var(--brand-bg-elevated, #f7f7f7);
}
.proto-cart-line__quantity output {
  min-width: 36px;
  color: var(--brand-dark, #171717);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
}
.proto-cart-line__remove {
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: var(--brand-muted, #777);
  font-size: 12px;
}
.proto-cart-line__remove:hover {
  color: #f20a24;
  text-decoration: underline;
}
.proto-cart-sheet > footer {
  flex: 0 0 auto;
  margin-top: 0;
  padding: 18px 24px 22px;
  border-top: 1px solid #eae7e4;
  background: #fff;
}
.proto-cart-sheet > footer > span {
  flex-direction: row;
  padding: 0 0 8px;
}
.proto-cart-sheet__total {
  margin-top: 2px;
  padding-top: 12px !important;
  border-top: 1px dashed #d8d3ce;
  font-weight: 700;
}
.proto-cart-sheet__helper {
  display: block;
  padding-bottom: 4px;
  color: var(--brand-muted, #777);
  font-size: 11px;
}
.proto-cart-sheet > footer > button {
  width: 100%;
  min-height: 52px;
  min-width: 0;
  margin-top: 16px;
  white-space: normal;
}
.proto-cart-sheet > footer > button > span:last-child {
  margin-left: auto;
}
.proto-cart-sheet__items > .store-pairings > header > div {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}
.proto-cart-sheet__items > .store-pairings > header > div > span {
  display: block;
  width: auto;
  height: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  white-space: nowrap;
}
.proto-cart-sheet__items > .store-pairings h3 {
  line-height: 1.2;
}
.proto-cart-sheet__items > .store-pairings {
  border-top: 0;
  padding-top: 18px;
}
.proto-cart-sheet__items > .store-pairings article strong {
  text-transform: none !important;
}
html.dark .proto-cart-line__details strong,
html.dark .proto-cart-sheet__items > .proto-cart-line .proto-cart-line__price,
html.dark .proto-cart-line__quantity button,
html.dark .proto-cart-line__quantity output {
  color: #f8fafc;
}
html.dark .proto-cart-sheet__items > .proto-cart-line .proto-cart-line__quantity {
  background: #162235;
}

/* Checkout clarity: keep delivery, payment, tip, and totals visually distinct. */
.proto-checkout-compact__delivery-title,
.proto-checkout-compact__section-title {
  display: block;
  margin: 18px 0 10px;
  color: #171717;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.proto-checkout-compact__delivery-title {
  margin-top: 20px;
}
.proto-checkout-compact__summary-row {
  padding: 13px 0;
  border-bottom-color: #ece9e6;
}
.proto-checkout-compact__summary-row .proto-checkout-compact__label,
.proto-checkout-compact__payment-picker-heading .proto-checkout-compact__label {
  color: #595959;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}
.proto-checkout-compact__payment-picker-heading .proto-checkout-compact__section-title {
  margin: 0;
}
.proto-checkout-compact__payment-picker-heading small {
  color: #7a7a7a;
}
.proto-checkout-compact__payments--picker {
  max-width: 100%;
  gap: 0;
  overflow: visible;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  overflow: hidden;
}
.proto-checkout-compact__payments--picker button,
.proto-checkout-compact__payments--picker button:first-child,
.proto-checkout-compact__payments--picker button:last-child {
  min-height: 64px;
  border: 0 !important;
  border-bottom: 1px solid #eae7e4 !important;
  border-radius: 0 !important;
  background: #fff;
  padding: 12px 14px;
}
.proto-checkout-compact__payments--picker button:hover {
  background: #faf9f7;
  border-color: #d8d3cf !important;
}
.proto-checkout-compact__payments--picker button:last-child {
  border-bottom: 0 !important;
}
.proto-checkout-compact__payments--picker button.is-selected {
  box-shadow: inset 0 0 0 1px #171717;
  border: 1px solid #171717 !important;
  background: #faf9f7;
  color: #171717;
}
.proto-checkout-compact__payments--picker button > div small {
  display: block !important;
  margin-top: 3px;
  color: #7a7a7a;
  font-size: 11px;
  font-weight: 400;
}
.proto-checkout-compact__payments--picker button.is-selected > i {
  border-color: #171717;
  background: #171717;
}
.proto-checkout-compact__tip-tabs .sliding-tabs {
  border-color: #eae7e4;
  background: #fff;
}
.proto-checkout-compact__tip-tabs .sliding-tabs__indicator {
  background: #171717;
}
.proto-checkout-compact__tip-tabs .sliding-tabs button {
  color: #444;
}
.proto-checkout-compact__tip-tabs .sliding-tabs button.is-active {
  color: #fff;
}
.proto-checkout-compact__total {
  border-top-color: #eae7e4;
}
.proto-checkout-compact__total strong {
  color: #171717;
}
.proto-checkout-popout--compact .proto-checkout-compact__summary {
  padding: 24px 24px 20px;
}
.proto-checkout-popout--compact .proto-checkout-compact__merchant {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.proto-checkout-popout--compact .proto-checkout-compact__merchant > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.proto-checkout-compact__add-store {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #f20a24;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.proto-checkout-compact__add-store:hover {
  color: #d90820;
  text-decoration: underline;
}
.proto-checkout-popout--compact .proto-checkout-compact__items {
  margin-right: 10px;
  padding-right: 12px;
}
.proto-checkout-popout--compact .proto-checkout-compact__items > div {
  padding: 10px 0;
}
.proto-checkout-popout--compact .checkout-product-thumb {
  width: 42px;
  height: 42px;
}
@media (max-width: 760px) {
  .proto-checkout-compact__tip-tabs .sliding-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .proto-cart-sheet {
    width: 100vw;
  }
  .proto-cart-sheet__items > .proto-cart-line {
    gap: 12px;
  }
  .proto-cart-sheet__items > .proto-cart-line > .proto-cart-line__image {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
  }
  .proto-cart-line__details strong {
    font-size: 13px;
  }
  .proto-cart-sheet > footer > button {
    justify-content: center;
    gap: 8px;
    text-align: center;
  }
}


.proto-customer {
  --red: #ee001c;
  --red-soft: #fff1f3;
  --black: #171717;
  --muted: #70727b;
  --line: #e8e8ec;
  --surface: #fff;
  box-sizing: border-box;
  min-height: 100dvh;
  padding: 0 clamp(22px, 4vw, 58px) 40px;
  background: #fff;
  color: var(--black);
  font:
    13px/1.45 'DM Sans',
    sans-serif;
  display: flex;
  flex-direction: column;
}

.proto-customer .customer-page-content {
  flex: 1 0 auto;
  width: 100%;
}

/* Progressive disclosure rows for the compact Prototype 1 checkout. */
.proto-checkout-compact__summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #ececee;
}
.proto-checkout-compact__summary-row > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.proto-checkout-compact__summary-row .proto-checkout-compact__label {
  margin: 0;
}
.proto-checkout-compact__summary-row strong {
  font-size: 14px;
  color: #171717;
}
.proto-checkout-compact__summary-row small {
  color: #73737b;
  font-size: 12px;
}
.proto-checkout-compact__summary-row > button {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #ef1830;
  font-weight: 700;
  cursor: pointer;
  padding: 6px 0;
}
.proto-checkout-compact__payment-summary-row {
  border-bottom: 0;
}
.proto-checkout-compact__payment-picker {
  margin-top: 4px;
}
.proto-checkout-compact__payment-picker-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 10px;
}
.proto-checkout-compact__payment-picker-heading > .proto-checkout-compact__label {
  margin: 0;
}
.proto-checkout-compact__payment-picker-heading small {
  color: #777a82;
  font-size: 11px;
}
.proto-checkout-compact__payments--picker {
  box-sizing: border-box;
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 360px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.proto-checkout-compact__payments--picker button {
  min-height: 50px;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff;
  padding: 0 16px;
  transition: background 0.15s ease;
}
.proto-checkout-compact__payments--picker button:first-child {
  border-radius: 11px 11px 0 0 !important;
}
.proto-checkout-compact__payments--picker button:last-child {
  border-radius: 0 0 11px 11px !important;
}
.proto-checkout-compact__payments--picker button + button {
  border-top: 0;
}
.proto-checkout-compact__payments--picker button:hover {
  background: #fafafa;
}
.proto-checkout-compact__payments--picker button.is-selected {
  border: 0 !important;
  background: #fff0f2;
  box-shadow: none;
}
.proto-checkout-compact__payments--picker button.is-selected + button {
  border-top: 0;
}
.proto-checkout-compact__payments--picker .proto-checkout-compact__payment-icon {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 8px;
}
.proto-checkout-compact__payments--picker button strong {
  font-size: 12px;
}
.proto-checkout-compact__summary-row--optional strong {
  font-weight: 500;
  color: #5c5c64;
}
.proto-checkout-compact__instruction-preview {
  display: block;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-checkout-editor {
  position: absolute;
  inset: 18px;
  z-index: 8;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(20, 20, 24, 0.18);
  overflow: auto;
}
.proto-checkout-editor header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.proto-checkout-editor header strong {
  font-size: 18px;
}
.proto-checkout-editor header button {
  border: 0;
  background: #f4f4f5;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 20px;
  cursor: pointer;
}
.proto-checkout-editor__payments {
  display: grid;
  gap: 10px;
}
.proto-checkout-editor__payments > button {
  min-height: 72px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #dedee2;
  border-radius: 12px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.proto-checkout-editor__payments > button.is-selected {
  border: 2px solid #171717;
}
.proto-checkout-editor__payments > button > div {
  flex: 1;
}
.proto-checkout-editor__payments > button > i {
  margin-left: auto;
  width: 20px;
  height: 20px;
  border: 1px solid #c9c9cd;
  border-radius: 50%;
  font-style: normal;
  text-align: center;
  line-height: 18px;
}
.proto-checkout-editor__payments > button.is-selected > i {
  background: #171717;
  color: #fff;
  border-color: #171717;
}
.proto-checkout-editor {
  inset: 0 0 0 57.5%;
  z-index: 7;
  padding: 44px 42px;
  border-radius: 0 22px 22px 0;
  box-shadow: -18px 0 45px rgba(29, 35, 47, 0.16);
  animation: checkout-address-sheet-in 0.22s ease-out;
  will-change: clip-path;
}
.proto-checkout-editor .proto-checkout-compact__choice-row {
  gap: 10px;
  margin: 18px 0;
}
.proto-checkout-editor .proto-checkout-compact__choice-row button {
  padding: 14px 12px;
  font-size: 13px;
}
.proto-checkout-editor .proto-checkout-compact__field-label {
  font-size: 13px;
}
.proto-checkout-editor .proto-checkout-compact__field-label input,
.proto-checkout-editor .proto-checkout-compact__field-label select,
.proto-checkout-editor .proto-checkout-compact__field-label textarea {
  font-size: 14px;
}

.proto-customer * {
  box-sizing: border-box;
}

.proto-customer a {
  text-decoration: none;
  color: inherit;
}

.proto-customer__header {
  min-height: 75px;
  display: flex;
  align-items: center;
  gap: 25px;
  border-bottom: 1px solid #f4f4f5;
}

/* Payments workspace refresh */
.customer-payments-screen {
  display: grid;
  gap: 22px;
}

.customer-payments-screen,
.customer-payments-screen * {
  box-shadow: none !important;
}

.customer-payments-screen .customer-payments-tools {
  grid-template-columns: minmax(0, 1fr) !important;
}

.customer-payments-screen .customer-payments-wallet,
.customer-payments-screen .customer-payments-card {
  border-color: #e6e9ee !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

.customer-payments-screen .customer-payments-wallet {
  margin-bottom: 0 !important;
  padding: 24px !important;
}

.customer-payments-screen .customer-payments-wallet > div:first-child {
  align-items: flex-start;
  border-bottom: 1px solid #edf0f3;
  margin: -2px 0 18px;
  padding-bottom: 18px;
}

.customer-payments-screen .customer-payments-wallet > div:first-child > div:first-child {
  align-items: flex-start;
}

.customer-payments-screen .customer-payments-wallet svg,
.customer-payments-screen .customer-payments-card > div:first-child svg {
  color: #ee001c !important;
  height: 20px;
  width: 20px;
}

.customer-payments-screen .customer-payments-wallet h3,
.customer-payments-screen .customer-payments-card h3 {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.customer-payments-screen .customer-payments-wallet [class*='grid'] > div {
  border-color: #edf0f3 !important;
  border-radius: 14px !important;
  background: #f8f9fa !important;
  padding: 15px !important;
}

.customer-payments-screen .customer-payments-wallet [class*='grid'] > div p {
  font-size: 12px !important;
}

.customer-payments-screen .customer-payments-wallet [class*='grid'] > div p + p {
  font-size: 14px !important;
}

.customer-payments-screen .customer-payments-card {
  padding: 22px !important;
}

.customer-payments-screen .customer-payments-card > .space-y-4 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.customer-payments-screen .customer-payments-card > .space-y-4 > [class*='rounded-2xl'],
.customer-payments-screen .customer-payments-card > .space-y-4 > pre,
.customer-payments-screen .customer-payments-card > .space-y-4 > .grid {
  grid-column: 1 / -1;
}

.customer-payments-screen .customer-payments-card > div:first-child {
  align-items: center;
  border-bottom: 1px solid #edf0f3;
  margin-bottom: 18px;
  padding-bottom: 15px;
}

.customer-payments-screen .customer-payments-card__header {
  align-items: flex-start !important;
}

.customer-payments-screen .customer-payments-card__header p {
  margin-top: 4px;
  color: #7b8492;
  font-size: 11px;
  line-height: 1.45;
}

.customer-payments-screen .customer-payments-card__actions {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  gap: 8px;
}

.customer-payments-screen .customer-payments-card__actions button {
  width: auto !important;
  white-space: nowrap;
}

.customer-payments-screen .customer-payments-primary-action {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.customer-payments-screen .customer-payments-card__actions button:last-child {
  border: 1px solid #dfe4ea !important;
  background: #fff !important;
  color: #0a1f44 !important;
}

.customer-payments-screen label {
  color: #17233d;
  font-size: 12px;
}

.customer-payments-screen input {
  border-color: #e1e5ea !important;
  border-radius: 12px !important;
  background: #fafbfc !important;
  padding: 11px 13px !important;
  color: #17233d !important;
  font-size: 13px !important;
}

.customer-payments-screen input:focus {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.08);
}

.customer-payments-screen button:not([aria-label*='Close']):not([aria-label*='Menu']) {
  min-height: 42px;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.customer-payments-screen pre {
  border-radius: 12px !important;
}

@media (max-width: 640px) {
  .customer-payments-screen .customer-payments-wallet,
  .customer-payments-screen .customer-payments-card {
    padding: 18px !important;
  }

  .customer-payments-screen .customer-payments-wallet > div:first-child {
    flex-direction: column;
  }

  .customer-payments-screen .customer-payments-card__header {
    flex-direction: column;
  }

  .customer-payments-screen .customer-payments-card__actions {
    width: 100%;
  }

  .customer-payments-screen .customer-payments-card__actions button {
    flex: 1;
  }

  .customer-payments-screen .customer-payments-card > .space-y-4 {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}

.customer-case-create-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.2);
  backdrop-filter: blur(8px);
}

.customer-case-create-modal__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  cursor: default;
}

.customer-case-create-modal__card {
  position: relative;
  z-index: 1;
  width: min(980px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  overflow: auto;
  border: 1px solid var(--brand-border, #e5e7eb);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
  padding: 26px;
}

.customer-case-create-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--brand-border, #e5e7eb);
  padding-bottom: 20px;
}

.customer-case-create-modal__eyebrow {
  margin: 0 0 6px;
  color: var(--brand-primary, #d62828);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.customer-case-create-modal__header h2 {
  margin: 0;
  color: var(--brand-dark, #0a1f44);
  font-size: 24px;
  font-weight: 800;
}

.customer-case-create-modal__header p:last-child {
  margin: 4px 0 0;
  color: var(--brand-muted, #64748b);
  font-size: 13px;
}

.customer-case-create-modal__close {
  display: inline-grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border: 0 !important;
  border-radius: 999px;
  background: #f1f3f5 !important;
  color: var(--brand-dark, #0a1f44);
  font-size: 24px;
  line-height: 1;
}

.customer-case-create-modal__close:hover {
  background: #e7eaee !important;
  color: var(--brand-dark, #0a1f44);
}

.customer-case-create-modal .customer-create-case-embedded {
  padding-top: 22px;
}

.customer-case-create-modal .customer-create-case-embedded > form {
  gap: 22px;
}

.customer-case-create-modal .customer-create-case-embedded > form > div,
.customer-case-create-modal .customer-create-case-embedded > form > aside {
  min-width: 0;
}

@media (max-width: 700px) {
  .customer-case-create-modal {
    padding: 10px;
  }

  .customer-case-create-modal__card {
    max-height: calc(100vh - 20px);
    border-radius: 18px;
    padding: 18px;
  }

  .customer-case-create-modal .customer-create-case-embedded > form {
    grid-template-columns: 1fr;
  }
}

/* Keep the expanded search aligned with the full navigation content width. */
.proto-customer__search-bar {
  width: 100%;
  max-width: none !important;
  margin: 0;
}

.proto-customer__search-bar .app-search-surface {
  width: 100%;
  background: #e9edf1 !important;
}

.customer-case-create-modal .customer-create-case-tips {
  border-color: #e7e8eb !important;
  background: #f7f7f8 !important;
}

.customer-case-create-modal .customer-create-case-tips > div:last-child > div,
.customer-case-create-modal .customer-create-case-tips > div:last-child > div:first-child,
.customer-case-create-modal .customer-create-case-tips > div:last-child > div:nth-child(2) {
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.customer-case-create-modal .customer-create-case-actions {
  background: #fff !important;
}

/* Help and support uses the customer dark palette too. */
html.dark .proto-cases-refresh,
html.dark .proto-cases-secondary-action {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-cases-stat-card,
html.dark .proto-cases-list-panel,
html.dark .proto-cases-list-panel .grid > button {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-cases-stat-card span {
  background: var(--customer-surface-soft) !important;
  color: #ff7180 !important;
}
html.dark .proto-cases-list-panel__header h2,
html.dark .proto-cases-list-panel .grid > button h3,
html.dark .proto-cases-list-panel .grid > button .mt-4 > div > p:last-child {
  color: var(--customer-text) !important;
}
html.dark .proto-cases-list-panel__header p:last-child,
html.dark .proto-cases-list-panel__header > span,
html.dark .proto-cases-list-panel .grid > button p,
html.dark .proto-cases-list-panel .grid > button svg {
  color: var(--customer-muted) !important;
}
html.dark .proto-cases-list-panel .grid > button .font-mono.text-\[10px\] {
  color: #ff7180 !important;
}
html.dark .proto-cases-list-panel .grid > button .border-t {
  border-color: var(--customer-border) !important;
}
html.dark .proto-cases-list-panel .grid > button:hover {
  border-color: #f20a24 !important;
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-cases-error {
  border-color: #8a5a00 !important;
  background: #3d321b !important;
  color: #f8d98d !important;
}
html.dark .proto-cases-error svg {
  color: #f8d98d !important;
}
html.dark .proto-cases-list-panel [class*='bg-\[var\(--brand-bg-subtle'] {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-cases-list-panel .delivery-card-surface {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-cases-list-panel .delivery-card-surface > :first-child {
  color: var(--customer-text) !important;
}
html.dark .proto-cases-list-panel .delivery-card-surface > :nth-child(2) {
  color: var(--customer-muted) !important;
}

/* Returns filters and empty states share the same dark card hierarchy. */
html.dark .customer-returns-screen > .grid {
  border: 1px solid var(--customer-border) !important;
  background: var(--customer-surface) !important;
  padding: 16px !important;
}
html.dark .customer-returns-screen > .grid label > span,
html.dark .customer-returns-screen > .grid svg {
  color: var(--customer-muted) !important;
}
html.dark .customer-returns-screen > .grid input,
html.dark .customer-returns-screen > .grid select {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .customer-returns-screen > .grid input::-moz-placeholder {
  color: var(--customer-muted) !important;
  opacity: 1;
}
html.dark .customer-returns-screen > .grid input::placeholder {
  color: var(--customer-muted) !important;
  opacity: 1;
}
html.dark .customer-returns-screen > .grid select option {
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .customer-returns-screen > .grid input:focus,
html.dark .customer-returns-screen > .grid select:focus {
  border-color: #f20a24 !important;
  box-shadow: 0 0 0 3px rgb(242 10 36 / 16%) !important;
}
html.dark .customer-returns-screen > div.rounded-2xl:not(.grid):not([class*='bg-red']) {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
}
html.dark
  .customer-returns-screen
  > div.rounded-2xl:not(.grid):not([class*='bg-red'])
  > :first-child {
  color: var(--customer-text) !important;
}
html.dark
  .customer-returns-screen
  > div.rounded-2xl:not(.grid):not([class*='bg-red'])
  > :not(:first-child) {
  color: var(--customer-muted) !important;
}

/* Account hub: retain the profile hierarchy and contrast in dark mode. */
html.dark .proto-profile-page {
  --brand-dark: var(--customer-text);
  --brand-muted: var(--customer-muted);
  --brand-border: var(--customer-border);
  --brand-bg-elevated: var(--customer-surface-soft);
  --brand-bg-subtle: var(--customer-surface);
  color: var(--customer-text);
}
html.dark .proto-profile-hero,
html.dark .proto-profile-hero > article + article,
html.dark .proto-profile-sidebar,
html.dark .proto-profile-content .delivery-feature-card,
html.dark .proto-profile-content > section.proto-profile-overview-card,
html.dark .proto-profile-content .proto-profile-addresses-card,
html.dark .proto-profile-content .proto-profile-account-card {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-profile-hero > article + article,
html.dark .proto-profile-hero article:last-child .grid > div,
html.dark .proto-profile-verification-row,
html.dark .proto-profile-address-item,
html.dark .proto-profile-content .rounded-2xl.border-dashed {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-profile-content > header > p:last-child,
html.dark .proto-profile-verification-copy > span,
html.dark .proto-profile-verification-copy p:last-of-type,
html.dark .proto-profile-address-item > div:first-child p:nth-child(2),
html.dark .proto-profile-address-item > div:first-child p:nth-child(3) {
  color: var(--customer-muted) !important;
}
html.dark .proto-profile-content h2,
html.dark .proto-profile-content h3,
html.dark .proto-profile-content [style*='--brand-dark'],
html.dark .proto-profile-verification-copy p:first-of-type,
html.dark .proto-profile-address-item > div:first-child p:first-child {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active {
  background: #f20a24 !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active > span:first-child {
  background: rgb(255 255 255 / 16%) !important;
  color: #fff !important;
}
html.dark .proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active) {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active) strong {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active) small,
html.dark .proto-profile-sidebar nav > p {
  color: var(--customer-muted) !important;
}
html.dark .proto-profile-content input,
html.dark .proto-profile-content select,
html.dark .proto-profile-content textarea,
html.dark .proto-profile-edit-modal input,
html.dark .proto-profile-edit-modal select,
html.dark .proto-profile-address-modal input,
html.dark .proto-profile-address-modal select {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-profile-content input::-moz-placeholder, html.dark .proto-profile-content textarea::-moz-placeholder, html.dark .proto-profile-edit-modal input::-moz-placeholder, html.dark .proto-profile-address-modal input::-moz-placeholder {
  color: var(--customer-muted) !important;
  opacity: 1;
}
html.dark .proto-profile-content input::placeholder,
html.dark .proto-profile-content textarea::placeholder,
html.dark .proto-profile-edit-modal input::placeholder,
html.dark .proto-profile-address-modal input::placeholder {
  color: var(--customer-muted) !important;
  opacity: 1;
}
html.dark .proto-profile-edit-modal__card,
html.dark .proto-profile-address-modal .proto-profile-address-form {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-profile-edit-modal__header h3,
html.dark .proto-profile-address-modal__header h3 {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-edit-modal__header p:last-child,
html.dark .proto-profile-address-modal__header p:last-child {
  color: var(--customer-muted) !important;
}
html.dark .proto-profile-edit-modal__close,
html.dark .proto-profile-address-modal__close,
html.dark .proto-profile-edit-modal__cancel,
html.dark .proto-profile-address-item > button {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-profile-delete-card {
  border-color: #7f1d2d !important;
  background: #2f2028 !important;
}
html.dark .proto-profile-delete-card > div.mt-6 > div {
  border-color: #7f1d2d !important;
  background: #38232c !important;
}
html.dark .proto-profile-delete-card [style*='--brand-dark'] {
  color: var(--customer-text) !important;
}

/* Profile rewards needs the same contrast even where legacy styles set literal ink. */
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-section,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-summary-card {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card {
  background: var(--customer-surface-soft) !important;
}
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-section__header {
  border-bottom-color: var(--customer-border) !important;
}
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-section__header
  h3,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card h4 {
  color: var(--customer-text) !important;
}
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-section__header
  p,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card p,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card small {
  color: var(--customer-muted) !important;
}
html.dark .proto-profile-sidebar {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active {
  background: transparent !important;
  box-shadow: inset 3px 0 0 #f20a24 !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active strong {
  color: #ff7180 !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active > span:first-child {
  background: transparent !important;
  color: #ff7180 !important;
}
@media (min-width: 1024px) {
  html.dark .proto-profile-layout::before {
    background: var(--customer-border) !important;
  }
}

html.dark .proto-profile-embedded-screen .customer-insights-workspace {
  --insights-ink: var(--customer-text);
  --insights-muted: var(--customer-muted);
  --insights-line: var(--customer-border);
}

.proto-mobile-app-prompt {
  position: fixed;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 90;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px 14px;
  width: min(390px, calc(100vw - 32px));
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 72%);
  border-radius: 24px;
  background: linear-gradient(135deg, #181818 0%, #2a171a 100%);
  color: #fff;
  box-shadow: 0 24px 70px rgb(0 0 0 / 28%);
  animation: proto-mobile-app-prompt-in 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.proto-mobile-app-prompt__glow {
  position: absolute;
  top: -80px;
  right: -60px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgb(242 10 36 / 40%);
  filter: blur(28px);
  pointer-events: none;
}
.proto-mobile-app-prompt__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 50%;
  background: rgb(255 255 255 / 10%);
  color: rgb(255 255 255 / 78%);
}
.proto-mobile-app-prompt__close svg {
  width: 16px;
  height: 16px;
}
.proto-mobile-app-prompt__icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #f20a24;
  color: #fff;
  box-shadow: 0 10px 24px rgb(242 10 36 / 35%);
}
.proto-mobile-app-prompt__icon > svg:first-child {
  width: 25px;
  height: 25px;
}
.proto-mobile-app-prompt__icon > svg:last-child {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 12px;
  height: 12px;
  fill: #ffd75c;
  color: #ffd75c;
}
.proto-mobile-app-prompt__copy {
  min-width: 0;
  padding-right: 24px;
}
.proto-mobile-app-prompt__eyebrow {
  display: block;
  color: #ff9aa5;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}
.proto-mobile-app-prompt h2 {
  margin: 3px 0 0;
  color: #fff;
  font-size: 21px;
  letter-spacing: -0.03em;
  line-height: 1.05;
}
.proto-mobile-app-prompt__copy p {
  grid-column: 1 / -1;
  margin: 0;
  color: rgb(255 255 255 / 74%);
  font-size: 12px;
  line-height: 1.5;
}
.proto-mobile-app-prompt__cta {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 13px;
  background: #fff;
  color: #171717;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.proto-mobile-app-prompt__cta svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: #f20a24;
}
.proto-mobile-app-prompt__later {
  grid-column: 1 / -1;
  justify-self: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgb(255 255 255 / 58%);
  font-size: 11px;
}
.proto-mobile-app-prompt__cta:focus-visible,
.proto-mobile-app-prompt__later:focus-visible,
.proto-mobile-app-prompt__close:focus-visible {
  outline: 2px solid #ffd75c;
  outline-offset: 3px;
}
@keyframes proto-mobile-app-prompt-in {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (min-width: 768px) {
  .proto-mobile-app-prompt {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .proto-mobile-app-prompt {
    animation: none;
  }
}
html.dark .proto-profile-embedded-screen .customer-insights-heading h1 {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-embedded-screen .customer-report-history__table thead,
html.dark .proto-profile-embedded-screen .customer-report-history__table th {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-muted) !important;
}

/* Product fitment confirmation — calm, compact, and consistent with Dolivory's
   red/ink action palette in both light and dark themes. */
.vehicle-fitment-overlay {
  --fitment-surface: #fff;
  --fitment-soft: #f7f6f3;
  --fitment-ink: #171717;
  --fitment-muted: #686868;
  --fitment-line: #e8e6e1;
  --fitment-red: #ee001c;
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgb(18 18 18 / 54%);
  backdrop-filter: blur(5px);
}

.vehicle-fitment-dialog {
  display: flex;
  width: min(100%, 640px);
  max-height: min(90dvh, 760px);
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--fitment-line);
  border-radius: 20px;
  background: var(--fitment-surface);
  color: var(--fitment-ink);
  box-shadow: 0 24px 72px rgb(0 0 0 / 22%);
}

.vehicle-fitment-dialog__header {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 28px 20px;
  border-bottom: 1px solid var(--fitment-line);
}

.vehicle-fitment-dialog__heading {
  min-width: 0;
}

.vehicle-fitment-dialog__eyebrow {
  display: block;
  color: var(--fitment-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.vehicle-fitment-dialog__title {
  margin: 5px 0 0 !important;
  color: var(--fitment-ink) !important;
  font-size: clamp(22px, 3vw, 28px) !important;
  letter-spacing: -0.04em;
  line-height: 1.1 !important;
}

.vehicle-fitment-dialog__description {
  max-width: 48ch;
  margin: 8px 0 0;
  color: var(--fitment-muted);
  font-size: 13px;
  line-height: 1.5;
}

.vehicle-fitment-dialog__close {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--fitment-line);
  border-radius: 12px;
  background: var(--fitment-soft);
  color: var(--fitment-ink);
  cursor: pointer;
  transition:
    background-color 140ms ease,
    border-color 140ms ease;
}

.vehicle-fitment-dialog__close:hover {
  border-color: var(--fitment-ink);
  background: var(--fitment-surface);
}

.vehicle-fitment-dialog__content {
  min-height: 0;
  overflow-y: auto;
  padding: 20px 28px 24px;
  overscroll-behavior: contain;
}

.vehicle-fitment-dialog__part {
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--fitment-soft);
}

.vehicle-fitment-dialog__part-name {
  margin: 5px 0 0;
  color: var(--fitment-ink);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.35;
}

.vehicle-fitment-dialog__part-meta {
  margin: 5px 0 0;
  color: var(--fitment-muted);
  font-size: 12px;
  line-height: 1.45;
}

.vehicle-fitment-dialog__spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  margin-top: 12px;
  border-top: 1px solid var(--fitment-line);
}

.vehicle-fitment-dialog__spec {
  display: flex;
  min-width: 0;
  min-height: 62px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid var(--fitment-line);
}

.vehicle-fitment-dialog__spec-label {
  color: var(--fitment-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.vehicle-fitment-dialog__spec-value {
  overflow-wrap: anywhere;
  color: var(--fitment-ink) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.vehicle-fitment-dialog__spec-select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--fitment-line);
  border-radius: 9px;
  padding: 6px 10px;
  background: var(--fitment-surface);
  color: var(--fitment-ink);
  font: inherit;
  font-size: 13px;
}

.vehicle-fitment-dialog__spec-select:disabled {
  color: var(--fitment-muted);
  opacity: 0.65;
}

.vehicle-fitment-dialog__legacy {
  margin-top: 20px;
}

.vehicle-fitment-dialog__variant-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

.vehicle-fitment-dialog__variant {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--fitment-line);
  border-radius: 12px;
  padding: 10px 14px;
  background: var(--fitment-surface);
  color: var(--fitment-ink);
  cursor: pointer;
  text-align: left;
  transition:
    border-color 140ms ease,
    background-color 140ms ease;
}

.vehicle-fitment-dialog__variant:hover,
.vehicle-fitment-dialog__variant.is-selected {
  border-color: var(--fitment-red);
  background: color-mix(in srgb, var(--fitment-red) 6%, var(--fitment-surface));
}

.vehicle-fitment-dialog__variant span:first-child {
  font-size: 13px;
  font-weight: 600;
}

.vehicle-fitment-dialog__variant span:last-child {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
}

.vehicle-fitment-dialog__selected-option {
  margin-top: 16px;
  padding: 14px 0 0;
  border-top: 1px solid var(--fitment-line);
}

.vehicle-fitment-dialog__selected-option-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.vehicle-fitment-dialog__price {
  color: var(--fitment-ink);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.vehicle-fitment-dialog__selected-option-name {
  margin: 6px 0 0;
  color: var(--fitment-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.vehicle-fitment-dialog__error {
  margin-top: 14px;
  border-radius: 10px;
  padding: 11px 13px;
  background: color-mix(in srgb, var(--fitment-red) 8%, var(--fitment-surface));
  color: var(--fitment-red);
  font-size: 13px;
  line-height: 1.45;
}

.vehicle-fitment-dialog__footer {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid var(--fitment-line);
  padding: 16px 28px 20px;
  background: var(--fitment-surface);
}

.vehicle-fitment-dialog__action {
  min-height: 46px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  padding: 0 18px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  transition:
    background-color 140ms ease,
    transform 140ms ease;
}

.vehicle-fitment-dialog__action--secondary {
  background: var(--fitment-ink) !important;
}

.vehicle-fitment-dialog__action--secondary:hover:not(:disabled) {
  background: #303030 !important;
}

.vehicle-fitment-dialog__action--primary {
  background: var(--fitment-red) !important;
}

.vehicle-fitment-dialog__action--primary:hover:not(:disabled) {
  background: #cf0019 !important;
}

.vehicle-fitment-dialog__action:hover:not(:disabled) {
  transform: translateY(-1px);
}

.vehicle-fitment-dialog__action:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.vehicle-fitment-dialog :is(button, select):focus-visible {
  outline: 2px solid var(--fitment-red);
  outline-offset: 2px;
}

html.dark .vehicle-fitment-overlay {
  --fitment-surface: #1e293b;
  --fitment-soft: #27364b;
  --fitment-ink: #f8fafc;
  --fitment-muted: #cbd5e1;
  --fitment-line: #40516a;
  --fitment-red: #ee001c;
}

@media (max-width: 600px) {
  .vehicle-fitment-overlay {
    align-items: flex-end;
    padding: 10px;
  }

  .vehicle-fitment-dialog {
    width: 100%;
    max-height: min(92dvh, 760px);
    border-radius: 18px;
  }

  .vehicle-fitment-dialog__header {
    gap: 12px;
    padding: 20px 18px 16px;
  }

  .vehicle-fitment-dialog__content {
    padding: 16px 18px 20px;
  }

  .vehicle-fitment-dialog__spec-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vehicle-fitment-dialog__spec {
    min-height: 56px;
  }

  .vehicle-fitment-dialog__footer {
    flex-direction: column-reverse;
    padding: 12px 18px max(16px, env(safe-area-inset-bottom));
  }

  .vehicle-fitment-dialog__action {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vehicle-fitment-dialog__close,
  .vehicle-fitment-dialog__variant,
  .vehicle-fitment-dialog__action {
    transition: none;
  }
}

/* Customer order history: quiet, ruled rows with the primary details up front. */
.proto-customer:has(.proto-page.proto-orders-page) {
  overflow-x: clip;
}

.proto-page.proto-orders-page {
  --orders-paper: #f2f0e9;
  --orders-surface: #fbfaf6;
  --orders-ink: #181818;
  --orders-muted: #75736d;
  --orders-line: #c7c4bc;
  --orders-action: #ee001c;
  --orders-black: #171717;
  --orders-radius-control: 12px;
  --orders-radius-surface: 16px;
  --orders-radius-pill: 999px;
  max-width: 1180px;
  padding-top: clamp(30px, 4vw, 54px);
  color: var(--orders-ink);
}

.proto-orders-page .proto-orders-head {
  align-items: end;
  gap: 28px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--orders-line);
}

.proto-orders-page .proto-home__eyebrow {
  margin: 0 0 12px;
  color: var(--orders-muted);
  font:
    500 10px/1.3 'DM Mono',
    monospace;
  letter-spacing: 0.09em;
}

.proto-orders-page .proto-orders-head h1 {
  margin: 0;
  color: var(--orders-ink);
  font:
    800 clamp(40px, 5.2vw, 66px) / 0.94 Manrope,
    sans-serif;
  letter-spacing: -0.07em;
}

.proto-orders-page .proto-orders-head p:not(.proto-home__eyebrow) {
  margin: 12px 0 0;
  color: var(--orders-muted);
  font-size: 14px;
}

.proto-orders-page .proto-orders-tabs.sliding-tabs {
  flex: 0 0 auto;
  min-width: 0;
  border: 1px solid var(--orders-line);
  border-radius: var(--orders-radius-control);
  background: transparent;
}

.proto-orders-page .proto-orders-tabs .sliding-tabs__indicator {
  border-radius: 9px;
  background: var(--orders-black);
}

.proto-orders-page .proto-orders-tabs button {
  min-height: 42px;
  padding: 9px 13px;
  color: var(--orders-muted);
  font-size: 11px;
}

.proto-orders-page .proto-orders-tabs button.is-active {
  color: #fff;
}

.orders-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(170px, 230px) auto auto;
  align-items: end;
  gap: 14px;
  padding: 22px 0 18px;
  border-bottom: 1px solid var(--orders-line);
}

.orders-toolbar__label,
.orders-row__label {
  display: block;
  margin-bottom: 7px;
  color: var(--orders-muted);
  font:
    500 9px/1.3 'DM Mono',
    monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.orders-toolbar__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.orders-toolbar__input-wrap > svg {
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;
  color: var(--orders-muted);
}

.orders-toolbar input,
.orders-toolbar select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--orders-line);
  border-radius: var(--orders-radius-control);
  background: var(--orders-surface);
  color: var(--orders-ink);
  font:
    400 12px/1.4 'DM Sans',
    sans-serif;
  outline: none;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease;
}

.orders-toolbar input {
  padding: 10px 12px 10px 38px;
}

.orders-toolbar select {
  padding: 10px 32px 10px 12px;
}

.orders-toolbar input:focus-visible,
.orders-toolbar select:focus-visible {
  border-color: var(--orders-action);
  box-shadow: 0 0 0 2px rgb(238 0 28 / 14%);
}

.orders-toolbar__clear {
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--orders-black);
  border-radius: var(--orders-radius-control);
  background: var(--orders-black);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.orders-toolbar__clear:hover {
  border-color: var(--orders-action);
  background: var(--orders-action);
  color: #fff;
}

.orders-toolbar__count {
  margin: 0 0 12px auto;
  color: var(--orders-muted);
  font:
    500 10px/1.3 'DM Mono',
    monospace;
  white-space: nowrap;
}

.orders-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 26px 0 10px;
}

.orders-section-heading .proto-orders-history-title {
  margin: 0;
  color: var(--orders-ink);
  font:
    700 21px/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.045em;
}

.orders-section-heading > span {
  color: var(--orders-muted);
  font:
    500 10px/1.3 'DM Mono',
    monospace;
}

.orders-list {
  border: 0;
  background: transparent;
}

.orders-row {
  display: grid;
  grid-template-columns:
    minmax(250px, 1.7fr) minmax(115px, 0.7fr) minmax(125px, 0.8fr) minmax(105px, 0.65fr)
    minmax(108px, auto);
  align-items: center;
  gap: 20px;
  min-height: 112px;
  padding: 18px 12px;
  border: 0;
  border-radius: var(--orders-radius-control);
  transition: background-color 140ms ease;
}

.orders-row:not(:last-child) {
  border-bottom: 1px solid var(--orders-line);
  border-radius: 0;
}

.orders-row:hover {
  background: rgb(199 196 188 / 12%);
}

.orders-row__summary {
  min-width: 0;
}

.orders-row__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 13px;
  margin-bottom: 6px;
  color: var(--orders-muted);
  font:
    500 9px/1.4 'DM Mono',
    monospace;
}

.orders-row__meta > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.orders-row__meta svg {
  width: 13px;
  height: 13px;
}

.orders-row__title {
  display: block;
  overflow: hidden;
  color: var(--orders-ink);
  font:
    700 16px/1.2 Manrope,
    sans-serif;
  letter-spacing: -0.025em;
  text-decoration: none;
  text-overflow: ellipsis;
}

.orders-row__title:hover {
  color: var(--orders-action);
}

.orders-row__title:focus-visible,
.orders-row__track:focus-visible,
.orders-row__again:focus-visible,
.orders-retry:focus-visible {
  border-radius: var(--orders-radius-control);
  outline: 2px solid var(--orders-action);
  outline-offset: 3px;
}

.orders-row__merchant {
  overflow: hidden;
  margin: 5px 0 0;
  color: var(--orders-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.orders-row__delivery,
.orders-row__total {
  color: var(--orders-ink);
  font-size: 12px;
  line-height: 1.4;
}

.orders-row__delivery {
  display: grid;
  gap: 3px;
}

.orders-row__status .orders-row__label,
.orders-row__total .orders-row__label {
  display: none;
}

.orders-row__total strong {
  font:
    600 12px/1.4 'DM Mono',
    monospace;
  white-space: nowrap;
}

.orders-row__actions {
  display: grid;
  justify-items: start;
  gap: 7px;
}

.orders-row__track,
.orders-row__again {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  color: var(--orders-action);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.orders-row__track svg,
.orders-row__again svg {
  width: 15px;
  height: 15px;
}

.orders-row__again {
  min-height: 32px;
  padding: 0 10px;
  border-radius: var(--orders-radius-pill);
  background: var(--orders-black);
  color: #fff;
  font-size: 10px;
}

.orders-row__track:focus-visible {
  border-radius: var(--orders-radius-pill);
}

.orders-row__again:focus-visible {
  border-radius: var(--orders-radius-pill);
}

.orders-row__track {
  min-height: 36px;
  padding: 0 12px;
  border-radius: var(--orders-radius-pill);
  background: var(--orders-action);
  color: #fff;
}

.proto-orders-page a.orders-row__track,
.proto-orders-page a.orders-row__again {
  color: #fff;
}

.orders-pagination {
  padding-top: 14px;
}

.orders-pagination > div {
  border-top: 0;
}

.orders-pagination > div > div > button {
  min-height: 44px;
  border-radius: var(--orders-radius-pill);
  color: #fff;
}

.orders-pagination > div > div > button:first-child {
  border-color: var(--orders-black);
  background: var(--orders-black);
}

.orders-pagination > div > div > button:last-child {
  border-color: var(--orders-action);
  background: var(--orders-action);
}

.orders-pagination > div > div > button:focus-visible {
  outline: 2px solid var(--orders-action);
  outline-offset: 3px;
}

.orders-retry {
  min-height: 42px;
  margin-top: 14px;
  padding: 0 17px;
  border: 0;
  border-radius: var(--orders-radius-control);
  background: var(--orders-action);
  color: white;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.proto-orders-page .proto-orders-empty {
  border: 1px solid var(--orders-line);
  border-radius: var(--orders-radius-surface);
  background: var(--orders-surface);
  color: var(--orders-ink);
}

.proto-orders-page .proto-orders-empty h2 {
  color: var(--orders-ink);
}

.proto-orders-page .proto-orders-empty p {
  color: var(--orders-muted);
}

.proto-orders-page .proto-orders-empty a {
  border-radius: var(--orders-radius-control);
  background: var(--orders-action);
}

html.dark .proto-page.proto-orders-page {
  --orders-paper: #0f172a;
  --orders-surface: #1e293b;
  --orders-ink: #f8fafc;
  --orders-muted: #cbd5e1;
  --orders-line: #475569;
  --orders-action: #ee001c;
}

html.dark .proto-orders-page .proto-orders-tabs button.is-active,
html.dark .proto-orders-page .orders-retry {
  color: #fff;
}

html.dark .proto-orders-page .orders-toolbar input,
html.dark .proto-orders-page .orders-toolbar select {
  color-scheme: dark;
}

html.dark .proto-orders-page .orders-toolbar__clear {
  border-color: var(--orders-black);
  background: var(--orders-black);
  color: #fff;
}

html.dark .proto-orders-page .orders-toolbar__clear:hover {
  border-color: var(--orders-action);
  background: var(--orders-action);
  color: #fff;
}

html.dark .proto-orders-page .orders-row:hover {
  background: rgb(203 213 225 / 6%);
}

html.dark .proto-orders-page .orders-row__title,
html.dark .proto-orders-page .orders-row__delivery,
html.dark .proto-orders-page .orders-row__total {
  color: var(--orders-ink);
}

@media (max-width: 920px) {
  .orders-row {
    grid-template-columns: minmax(220px, 1.4fr) minmax(110px, 0.7fr) minmax(125px, auto) minmax(
        100px,
        auto
      );
  }

  .orders-row__total {
    grid-column: 2;
  }

  .orders-row__actions {
    grid-column: 4;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 680px) {
  .proto-page.proto-orders-page {
    padding-top: 24px;
  }

  .proto-orders-page .proto-orders-head {
    display: grid;
    gap: 18px;
    padding-bottom: 18px;
  }

  .proto-orders-page .proto-orders-head > div:last-child {
    margin-top: 0;
  }

  .proto-orders-page .proto-orders-tabs.sliding-tabs {
    width: 100%;
  }

  .proto-orders-page .proto-orders-tabs button {
    padding-inline: 5px;
    font-size: 10px;
  }

  .orders-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.65fr);
    gap: 12px 10px;
    padding: 16px 0 14px;
  }

  .orders-toolbar__search {
    grid-column: 1 / -1;
  }

  .orders-toolbar__count {
    margin: 0 0 12px auto;
    grid-column: 2;
    justify-self: end;
  }

  .orders-toolbar__clear {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    padding-inline: 0;
  }

  .orders-section-heading {
    margin-top: 21px;
  }

  .orders-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px 16px;
    padding: 16px 2px;
  }

  .orders-row__summary {
    grid-column: 1 / -1;
  }

  .orders-row__title {
    white-space: normal;
  }

  .orders-row__delivery {
    grid-column: 1;
    align-self: center;
  }

  .orders-row__status {
    grid-column: 2;
    justify-self: end;
  }

  .orders-row__total {
    display: flex;
    grid-column: 1;
    align-items: baseline;
    gap: 8px;
  }

  .orders-row__status .orders-row__label,
  .orders-row__total .orders-row__label {
    display: block;
    margin: 0;
    font-size: 8px;
  }

  .orders-row__actions {
    grid-column: 2;
    grid-row: 3 / span 2;
    justify-items: end;
    align-self: center;
  }
}

@media (max-width: 390px) {
  .orders-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .orders-toolbar__search,
  .orders-toolbar__count,
  .orders-toolbar__clear {
    grid-column: 1;
  }

  .orders-toolbar__clear {
    grid-row: auto;
  }

  .orders-toolbar__count {
    margin: 0;
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .proto-orders-page .orders-row,
  .proto-orders-page .orders-toolbar input,
  .proto-orders-page .orders-toolbar select {
    transition: none;
  }
}

/* Full-bleed merchant storefront banner. */
.proto-page.proto-merchant-page {
  width: 100%;
  max-width: none;
  padding: 0 0 72px;
}
.proto-merchant-hero {
  width: 100vw;
  min-height: min(72svh, 680px);
  aspect-ratio: auto;
  margin-left: calc(50% - 50vw);
  padding: 0;
  border-radius: 0 !important;
  align-items: stretch;
}
.proto-merchant-hero > img {
  -o-object-position: center 44%;
     object-position: center 44%;
}
.proto-merchant-hero__shade {
  background:
    linear-gradient(90deg, rgb(8 10 14 / 76%) 0%, rgb(8 10 14 / 44%) 48%, transparent 100%),
    linear-gradient(0deg, rgb(8 10 14 / 65%) 0%, transparent 62%);
}
.proto-merchant-hero__back {
  position: absolute;
  top: max(24px, env(safe-area-inset-top));
  left: max(28px, calc((100vw - 1240px) / 2));
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: 999px;
  background: rgb(14 16 20 / 28%);
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  backdrop-filter: blur(14px);
}
.proto-merchant-hero__back svg {
  width: 16px;
  height: 16px;
}
.proto-merchant-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  gap: 24px;
  width: min(100% - 56px, 1240px);
  margin: auto;
  padding: 110px 0 56px;
}
.proto-merchant-hero__logo {
  display: grid;
  flex: 0 0 104px;
  width: 104px;
  height: 104px;
  place-items: center;
  overflow: hidden;
  border: 3px solid rgb(255 255 255 / 88%);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 16px 40px rgb(0 0 0 / 25%);
  color: #171717;
}
.proto-merchant-hero__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.proto-merchant-hero__logo i {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
}
.proto-merchant-hero__copy {
  max-width: 760px;
}
.proto-merchant-hero__eyebrow {
  color: rgb(255 255 255 / 76%);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.17em;
}
.proto-merchant-hero__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.proto-merchant-hero__title-row h1 {
  margin: 8px 0 3px;
  color: #fff;
  font-size: clamp(38px, 5.2vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-shadow: 0 2px 24px rgb(0 0 0 / 20%);
}
.proto-merchant-hero__title-row h1 svg {
  width: 21px;
  height: 21px;
  color: #8cf0b4;
}
.proto-merchant-hero__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgb(255 255 255 / 25%);
  border-radius: 999px;
  background: rgb(16 18 22 / 34%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.proto-merchant-hero__status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b8c0ca;
}
.proto-merchant-hero__status.is-open i {
  background: #5de094;
  box-shadow: 0 0 0 3px rgb(93 224 148 / 18%);
}
.proto-merchant-hero__copy > p {
  margin: 9px 0 0;
  color: rgb(255 255 255 / 83%);
  font-size: 15px;
}
.proto-merchant-hero__facts {
  gap: 9px;
  margin-top: 18px;
}
.proto-merchant-hero__facts span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgb(255 255 255 / 20%);
  border-radius: 999px;
  background: rgb(12 14 18 / 28%);
  color: #fff;
  font-size: 11px;
  font-weight: 650;
  backdrop-filter: blur(10px);
}
.proto-merchant-hero__facts span svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  fill: #f4a51c;
  color: #f4a51c;
}
.proto-merchant-page__content {
  width: min(100% - 56px, 1240px);
  margin: 0 auto;
}
.proto-merchant-identity {
  width: min(100% - 56px, 1240px);
  min-height: 0;
  gap: 20px;
  margin: 0 auto;
  padding: 30px 0 27px;
  border-bottom: 1px solid #eae7e4;
}
.proto-merchant-identity__logo {
  width: 92px;
  height: 92px;
  flex: 0 0 92px;
  margin-top: 0;
  border-radius: 22px;
}
.proto-merchant-identity__logo i {
  font-size: 22px;
}
.proto-merchant-identity__details {
  padding-top: 2px;
}
.proto-merchant-identity__heading {
  align-items: center;
}
.proto-merchant-identity h1 {
  margin: 5px 0 4px;
  font-size: clamp(28px, 3.2vw, 40px);
}
.proto-merchant-identity__tagline {
  max-width: 620px;
}
.proto-merchant-identity__meta {
  gap: 14px;
  margin-top: 12px;
}
.proto-merchant-identity__meta span + span::before {
  margin: 0 0 0 0;
  content: none;
}
.proto-merchant-page__content .proto-merchant-menu-head {
  margin-top: 30px;
}
@media (max-width: 760px) {
  .proto-page.proto-merchant-page {
    width: 100%;
    padding-bottom: 44px;
  }
  .proto-merchant-hero {
    min-height: min(70svh, 650px);
    min-height: clamp(470px, 70svh, 650px);
    aspect-ratio: auto;
    border-radius: 0 !important;
  }
  .proto-merchant-hero > img {
    -o-object-position: center;
       object-position: center;
  }
  .proto-merchant-hero__shade {
    background:
      linear-gradient(0deg, rgb(7 8 11 / 82%) 0%, rgb(7 8 11 / 48%) 48%, rgb(7 8 11 / 10%) 100%),
      linear-gradient(90deg, rgb(7 8 11 / 24%), transparent 80%);
  }
  .proto-merchant-hero__back {
    top: max(18px, env(safe-area-inset-top));
    left: 16px;
    min-height: 38px;
  }
  .proto-merchant-hero__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: calc(100% - 36px);
    margin-top: auto;
    padding: 130px 0 30px;
  }
  .proto-merchant-hero__logo {
    flex-basis: 76px;
    width: 76px;
    height: 76px;
    border-radius: 22px;
  }
  .proto-merchant-hero__logo i {
    font-size: 21px;
  }
  .proto-merchant-hero__copy {
    width: 100%;
  }
  .proto-merchant-hero__title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
  .proto-merchant-hero__title-row h1 {
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.02;
  }
  .proto-merchant-hero__copy > p {
    max-width: 36ch;
    font-size: 13px;
  }
  .proto-merchant-hero__facts {
    gap: 7px;
    margin-top: 14px;
  }
  .proto-merchant-hero__facts span {
    min-height: 31px;
    padding: 0 9px;
    font-size: 10px;
  }
  .proto-merchant-page__content {
    width: calc(100% - 32px);
  }
  .proto-merchant-identity {
    width: calc(100% - 32px);
    gap: 14px;
    padding: 22px 0 20px;
  }
  .proto-merchant-identity__logo {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    border-radius: 18px;
  }
  .proto-merchant-identity__logo i {
    font-size: 18px;
  }
  .proto-merchant-identity__heading {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  .proto-merchant-identity__heading > div {
    min-width: 0;
  }
  .proto-merchant-identity h1 {
    font-size: clamp(24px, 7vw, 32px);
  }
  .proto-merchant-identity__status {
    flex: 0 0 auto;
    margin-top: 7px;
    padding: 0 9px;
    font-size: 10px;
  }
  .proto-merchant-identity__meta {
    gap: 6px 12px;
    margin-top: 10px;
    font-size: 11px;
  }
  .proto-merchant-page__content .proto-merchant-menu-head {
    margin-top: 28px;
  }
}

/* Let the sticky customer navigation reach the viewport edges on every device. */
.proto-customer > .proto-customer__header {
  box-sizing: border-box;
  width: 100vw;
  margin-right: 0;
  margin-left: calc(50% - 50vw);
  padding-right: clamp(16px, 4vw, 58px);
  padding-left: clamp(16px, 4vw, 58px);
}

/* Full cart page. The cart owns the bag review flow; checkout remains a separate
   destination so customers always know which step they are in. */
.proto-cart-page {
  min-height: calc(100vh - 72px);
  background: var(--customer-bg, #fff);
  color: var(--customer-text, #111827);
  padding: 44px 24px 84px;
}

.proto-cart-page__container {
  width: min(1160px, 100%);
  margin: 0 auto;
}

.proto-cart-page__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--customer-muted, #64748b);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  transition: color 160ms ease;
}

.proto-cart-page__back:hover {
  color: var(--customer-text, #111827);
}

.proto-cart-page__back svg {
  width: 17px;
  height: 17px;
}

.proto-cart-page__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin: 40px 0 30px;
}

.proto-cart-page__eyebrow {
  margin: 0 0 8px;
  color: var(--customer-muted, #64748b);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.proto-cart-page__header h1,
.proto-cart-page__section-heading h2,
.proto-cart-page__summary h2,
.proto-cart-page__empty h2 {
  margin: 0;
  color: var(--customer-text, #111827);
  letter-spacing: -0.035em;
}

.proto-cart-page__header h1 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1;
}

.proto-cart-page__header > div > p:last-child,
.proto-cart-page__section-heading p {
  margin: 10px 0 0;
  color: var(--customer-muted, #64748b);
  font-size: 14px;
}

.proto-cart-page__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--customer-surface-soft, #f4f5f7);
  color: var(--customer-text, #111827);
  font-size: 13px;
  font-weight: 750;
}

.proto-cart-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: start;
  gap: 56px;
}

.proto-cart-page__main-column {
  display: grid;
  min-width: 0;
  gap: 24px;
}

.proto-cart-page__items,
.proto-cart-page__summary-inner,
.proto-cart-page__empty {
  border: 1px solid var(--customer-border, #e5e7eb);
  border-radius: 22px;
  background: var(--customer-surface, #fff);
}

.proto-cart-page__items {
  overflow: hidden;
}

.proto-cart-page__main-column > .store-pairings {
  border: 1px solid var(--customer-border, #e5e7eb);
  border-radius: 22px;
  padding: 24px 28px;
  background: var(--customer-surface, #fff);
}

.proto-cart-page__main-column .store-pairings > header {
  align-items: flex-start;
}

.proto-cart-page__main-column .store-pairings header p {
  margin: 5px 0 0;
  color: var(--customer-muted, #64748b);
  font-size: 13px;
}

.proto-cart-page__main-column .store-pairings__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

.proto-cart-page__main-column .store-pairings article {
  min-width: 0;
  border: 1px solid var(--customer-border, #e5e7eb);
  border-radius: 14px;
  padding: 10px;
  background: var(--customer-surface-soft, #f8fafc);
}

.proto-cart-page__main-column .store-pairings article img,
.proto-cart-page__main-column .store-pairings article .store-pairings__placeholder {
  width: 42px;
  height: 42px;
}

.proto-cart-page__main-column .store-pairings article strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proto-cart-page__main-column .store-pairings article small {
  font-size: 11px;
}

.proto-cart-page__main-column .store-pairings article button {
  width: 34px;
  height: 34px;
}

.proto-cart-page__section-heading {
  padding: 25px 28px 20px;
  border-bottom: 1px solid var(--customer-border, #e5e7eb);
}

.proto-cart-page__section-heading h2,
.proto-cart-page__summary h2 {
  font-size: 20px;
  line-height: 1.2;
}

.proto-cart-page__notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 28px;
  border-radius: 10px;
  padding: 12px 14px;
  background: #fff8e7;
  color: #8a5a00;
  font-size: 12px;
  line-height: 1.45;
}

.proto-cart-page__notice-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-top: 1px;
}

.proto-cart-page__notice > span {
  flex: 1;
}

.proto-cart-page__clear {
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: 7px;
  padding: 5px 9px;
  background: transparent;
  color: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.proto-cart-page__clear:hover,
.proto-cart-page__clear:focus-visible {
  background: rgb(138 90 0 / 10%);
}

.proto-cart-page__item-list {
  padding: 0 28px;
}

.proto-cart-page__item {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--customer-border, #e5e7eb);
}

.proto-cart-page__item:last-child {
  border-bottom: 0;
}

.proto-cart-page__image {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  background: transparent !important;
}

.proto-cart-page__item-main {
  min-width: 0;
}

.proto-cart-page__item-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.proto-cart-page__item-copy {
  min-width: 0;
}

.proto-cart-page__item-copy h3 {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: var(--customer-text, #111827);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.proto-cart-page__meta {
  display: -webkit-box;
  overflow: hidden;
  margin: 4px 0 0;
  color: var(--customer-muted, #64748b);
  font-size: 12px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.proto-cart-page__price {
  flex: 0 0 auto;
  color: var(--customer-text, #111827);
  font-size: 15px;
  font-weight: 750;
  white-space: nowrap;
}

.proto-cart-page__item-bottomline {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
}

.proto-cart-page__quantity {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid var(--customer-border, #e5e7eb);
  border-radius: 999px;
  background: var(--customer-surface-soft, #f7f7f8);
}

.proto-cart-page__quantity button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--customer-text, #111827);
  cursor: pointer;
}

.proto-cart-page__quantity button:hover {
  background: var(--customer-surface, #fff);
}

.proto-cart-page__quantity svg,
.proto-cart-page__edit svg,
.proto-cart-page__remove svg {
  width: 15px;
  height: 15px;
}

.proto-cart-page__quantity span {
  min-width: 26px;
  color: var(--customer-text, #111827);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.proto-cart-page__edit,
.proto-cart-page__remove {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  padding: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.proto-cart-page__edit {
  color: var(--customer-text, #111827);
}

.proto-cart-page__remove {
  margin-left: auto;
  color: var(--customer-muted, #64748b);
}

.proto-cart-page__edit:hover,
.proto-cart-page__remove:hover {
  color: var(--customer-red, #f20a24);
}

.proto-cart-page__summary {
  position: sticky;
  top: 96px;
}

.proto-cart-page__summary-inner {
  padding: 26px;
}

.proto-cart-page__summary-lines {
  display: grid;
  gap: 11px;
  margin-top: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--customer-border, #e5e7eb);
}

.proto-cart-page__summary-lines > div,
.proto-cart-page__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--customer-muted, #64748b);
  font-size: 13px;
}

.proto-cart-page__summary-lines strong,
.proto-cart-page__total strong {
  color: var(--customer-text, #111827);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.proto-cart-page__total {
  padding-top: 20px;
  color: var(--customer-text, #111827);
  font-size: 15px;
  font-weight: 700;
}

.proto-cart-page__total strong {
  font-size: 22px;
}

.proto-cart-page__helper {
  margin: 10px 0 0;
  color: var(--customer-muted, #64748b);
  font-size: 12px;
}

.proto-cart-page__paused {
  margin: 18px 0 0;
  border-radius: 10px;
  padding: 10px 12px;
  background: #fff1f2;
  color: #be123c;
  font-size: 12px;
  font-weight: 650;
}

.proto-cart-page__checkout {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 26px;
  border-radius: 12px !important;
  padding: 13px 18px !important;
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
}

.proto-cart-page__checkout:hover:not(:disabled),
.proto-cart-page__checkout:focus-visible:not(:disabled) {
  border-color: #d90820 !important;
  background: #d90820 !important;
  color: #fff !important;
}

.proto-cart-page__checkout:disabled {
  border-color: #f6a6af !important;
  background: #f6a6af !important;
  color: #fff !important;
}

.proto-cart-page__checkout span {
  margin-left: auto;
  font-size: 18px;
}

.proto-cart-page__empty {
  padding: 72px 24px;
  text-align: center;
}

.proto-cart-page__empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: var(--customer-surface-soft, #f7f7f8);
  color: var(--customer-text, #111827);
}

.proto-cart-page__empty-icon svg {
  width: 29px;
  height: 29px;
}

.proto-cart-page__empty h2 {
  font-size: 24px;
}

.proto-cart-page__empty p {
  max-width: 360px;
  margin: 10px auto 24px;
  color: var(--customer-muted, #64748b);
  font-size: 14px;
}

@media (max-width: 900px) {
  .proto-cart-page__layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .proto-cart-page__summary {
    position: static;
  }
}

@media (max-width: 600px) {
  .proto-cart-page {
    padding: 28px 16px 56px;
  }

  .proto-cart-page__header {
    margin: 30px 0 22px;
  }

  .proto-cart-page__section-heading,
  .proto-cart-page__item-list,
  .proto-cart-page__main-column > .store-pairings {
    padding-left: 18px;
    padding-right: 18px;
  }

  .proto-cart-page__item {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
  }

  .proto-cart-page__image {
    width: 56px;
    height: 56px;
  }

  .proto-cart-page__item-bottomline {
    flex-wrap: wrap;
    gap: 12px;
  }

  .proto-cart-page__remove {
    margin-left: 0;
  }

  .proto-cart-page__summary-inner {
    padding: 22px 18px;
  }

  .proto-cart-page__main-column .store-pairings__list {
    grid-template-columns: 1fr;
  }
}

/* Full-page checkout presentation. The checkout data and actions remain in
   CustomerCheckoutScreen; this shell removes the modal treatment only. */
.proto-checkout-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 48px;
  width: min(1240px, 100%);
  margin: 0 auto;
  padding: 32px 32px 72px;
}
.proto-checkout-page__back {
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #71737b;
  font-size: 14px;
  font-weight: 700;
}
.proto-checkout-page__back:hover {
  color: #f20a24;
}
.proto-checkout-page > .proto-checkout-compact__form {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  max-height: none;
  overflow: visible;
  padding: 0;
}
.proto-checkout-page > .proto-checkout-compact__summary {
  grid-column: 2;
  grid-row: 2;
  position: sticky;
  top: 96px;
  align-self: start;
  min-width: 0;
  height: auto;
  max-height: calc(100vh - 120px);
  overflow: hidden;
  border: 1px solid #eae7e4;
  border-radius: 18px;
  padding: 22px;
  background: #fff;
  box-shadow: none;
}
.proto-checkout-page > .proto-checkout-compact__form > .proto-checkout-compact__eyebrow {
  display: block;
  margin-top: 18px;
}
.proto-checkout-page > .proto-checkout-compact__form > h1 {
  margin-top: 8px;
}
.proto-checkout-page > .proto-checkout-compact__form > .proto-checkout-compact__intro {
  max-width: 560px;
  margin-bottom: 28px;
}
.proto-checkout-page .proto-checkout-compact__segment {
  max-width: 420px;
  margin-bottom: 26px;
}
.proto-checkout-page .proto-checkout-compact__delivery-title {
  margin-top: 0;
}
.proto-checkout-page .proto-checkout-compact__payment-picker {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #ece9e6;
}
.proto-checkout-page .proto-checkout-compact__payments--picker {
  gap: 8px;
  margin-top: 14px;
}
.proto-checkout-page .proto-checkout-compact__payments--picker > button {
  min-height: 64px;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  padding: 14px 16px;
  background: #fff;
}
.proto-checkout-page .proto-checkout-compact__payments--picker > button.is-selected {
  border-color: #171717;
  background: #faf9f7;
}
.proto-checkout-page__summary-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ece9e6;
}
.proto-checkout-page__summary-heading h2 {
  margin: 5px 0 0;
  color: #171717;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.proto-checkout-page__summary-heading > button {
  border: 0;
  background: transparent;
  padding: 5px 0;
  color: #f20a24;
  font-size: 12px;
  font-weight: 700;
}
.proto-checkout-page .proto-checkout-compact__merchant {
  padding: 16px 0;
}
.proto-checkout-page .proto-checkout-compact__items {
  max-height: min(390px, 42vh);
  margin: 0;
  padding: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(0 0 0 / 14%) transparent;
}
.proto-checkout-page .proto-checkout-compact__items > div {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  min-height: 0;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #ece9e6;
}
.proto-checkout-page .proto-checkout-compact__items > div > section {
  min-width: 0;
}
.proto-checkout-page .proto-checkout-compact__items > div > section > strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 13px;
  line-height: 1.35;
  text-transform: none;
}
.proto-checkout-page .proto-checkout-compact__items > div > section > small {
  display: block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 3px;
  color: #71737b;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-checkout-page .proto-checkout-compact__items > div > b {
  align-self: start;
  color: #171717;
  font-size: 13px;
  white-space: nowrap;
}
.proto-checkout-page .proto-checkout-compact__breakdown {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #ece9e6;
}
.proto-checkout-page .proto-checkout-compact__total {
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px dashed #d8d3ce;
}
.proto-checkout-page .proto-checkout-compact__payment-action {
  position: static;
  margin: 16px 0 0;
  padding: 0;
  background: transparent;
}
.proto-checkout-page .proto-checkout-compact__place-order {
  min-height: 52px;
  width: 100%;
  border-radius: 999px;
}
.proto-checkout-page .proto-checkout-compact__summary > p:last-child {
  margin-top: 12px;
}
html.dark .proto-checkout-page__summary-heading h2,
html.dark .proto-checkout-page .proto-checkout-compact__items > div > b {
  color: var(--customer-text);
}
html.dark .proto-checkout-page > .proto-checkout-compact__summary,
html.dark .proto-checkout-page .proto-checkout-compact__payments--picker > button {
  border-color: var(--customer-border);
  background: var(--customer-surface);
  color: var(--customer-text);
}
@media (max-width: 900px) {
  .proto-checkout-page {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 24px 0 56px;
  }
  .proto-checkout-page > .proto-checkout-compact__form,
  .proto-checkout-page > .proto-checkout-compact__summary {
    grid-column: 1;
    grid-row: auto;
  }
  .proto-checkout-page > .proto-checkout-compact__summary {
    position: static;
    max-height: none;
  }
}
@media (max-width: 520px) {
  .proto-checkout-page {
    padding-inline: 0;
  }
  .proto-checkout-page > .proto-checkout-compact__summary {
    border-radius: 14px;
    padding: 18px;
  }
}

/* Order insights is embedded in the profile, but owns a separate report workspace. */
html.dark .proto-profile-embedded-screen .customer-insights-workspace {
  --insights-ink: var(--customer-text);
  --insights-muted: var(--customer-muted);
  --insights-line: var(--customer-border);
  color: var(--customer-text) !important;
}
html.dark .proto-profile-embedded-screen .customer-embedded-screen-header,
html.dark .proto-profile-embedded-screen .customer-report-history,
html.dark .proto-profile-embedded-screen .customer-generated-preview,
html.dark .proto-profile-embedded-screen .customer-report-summary-card,
html.dark .proto-profile-embedded-screen .customer-report-type-option {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-profile-embedded-screen .customer-report-type-option:hover,
html.dark .proto-profile-embedded-screen .customer-period-option:hover {
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-profile-embedded-screen .customer-report-type-option.is-selected,
html.dark .proto-profile-embedded-screen .customer-report-type-option[aria-selected='true'],
html.dark .proto-profile-embedded-screen .customer-period-option.is-selected {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
}
html.dark .proto-profile-embedded-screen .customer-report-type-option.is-selected small,
html.dark .proto-profile-embedded-screen .customer-report-type-option[aria-selected='true'] small {
  color: #fff !important;
}
html.dark .proto-profile-embedded-screen .customer-period-option,
html.dark .proto-profile-embedded-screen .customer-custom-period input,
html.dark .proto-profile-embedded-screen .customer-generated-preview__exports button,
html.dark .proto-profile-embedded-screen .customer-report-pagination button,
html.dark .proto-profile-embedded-screen .customer-report-actions > button,
html.dark .proto-profile-embedded-screen .customer-download-menu > button,
html.dark .proto-profile-embedded-screen .customer-download-menu__popover {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-profile-embedded-screen .customer-report-history__heading,
html.dark .proto-profile-embedded-screen .customer-report-history__table th,
html.dark .proto-profile-embedded-screen .customer-report-history__table td,
html.dark .proto-profile-embedded-screen .customer-report-pagination {
  border-color: var(--customer-border) !important;
  color: var(--customer-muted) !important;
}
html.dark .proto-profile-embedded-screen .customer-report-history__table td:first-child,
html.dark .proto-profile-embedded-screen .customer-report-history__table td:first-child strong,
html.dark .proto-profile-embedded-screen .customer-run-detail strong {
  color: var(--customer-text) !important;
}

/* Standard prescription page layout (non-embedded route). */
.prescription-flow-page {
  color: #171717;
  background: #fff !important;
}
.prescription-flow-page__content {
  width: min(1280px, 100%);
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 40px 0 56px;
}
.prescription-flow-page__content .prescription-flow-header {
  border-bottom: 1px solid #ece7e2;
  padding: 8px 0 24px !important;
}
.prescription-flow-page__content .prescription-flow-progress {
  width: min(680px, 100%);
  margin: 24px auto 0;
  padding: 0 !important;
}
.prescription-flow-page__content .prescription-flow-body {
  overflow: visible;
  padding: 0 !important;
}
.prescription-flow-page__content .prescription-flow-body > .prescription-flow-step {
  max-width: 680px !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
}
.prescription-flow-page__content .prescription-flow-step {
  background: transparent !important;
}
.prescription-flow-page__content .prescription-flow-step > div:last-child {
  border-top: 1px solid #ececec;
  margin-top: 28px;
  padding-top: 16px;
}
.prescription-flow-page__content .prescription-flow-step > div:last-child button:last-child,
.prescription-flow-page__content .prescription-flow-step > div:last-child button[type='submit'] {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
}
@media (max-width: 640px) {
  .prescription-flow-page {
    padding-inline: 20px !important;
  }
  .prescription-flow-page__content {
    padding: 24px 0 40px;
  }
  .prescription-flow-page__content .prescription-flow-header {
    padding-top: 0 !important;
  }
}

/* Final prescription action override: shared customer styles must not turn the CTA navy. */
.prescription-flow-modal
  .prescription-flow-body
  .prescription-flow-step
  > div:last-child
  button:last-child,
.prescription-flow-modal
  .prescription-flow-body
  .prescription-flow-step
  > div:last-child
  button[type='submit'] {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Final customer Part Request overrides: keep legacy dashboard rules from winning. */
.proto-part-request-page {
  padding-bottom: 48px !important;
}
.proto-part-request-head {
  margin-bottom: 28px !important;
}
.proto-part-request-back {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 14px !important;
  color: #171717 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.proto-part-request-back:hover {
  border-color: #f20a24 !important;
  background: #fff2f4 !important;
  color: #f20a24 !important;
}
.proto-part-request-content {
  display: grid !important;
  gap: 20px !important;
}
.proto-part-request-content .delivery-feature-card {
  border: 1px solid #ece7e2 !important;
  border-radius: 20px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: none !important;
  transform: none !important;
}
.proto-part-request-content input:not([type='checkbox']),
.proto-part-request-content select,
.proto-part-request-content textarea {
  min-height: 50px !important;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: none !important;
}
.proto-part-request-content textarea {
  min-height: 110px !important;
}
.proto-part-request-content input:not([type='checkbox']):focus,
.proto-part-request-content select:focus,
.proto-part-request-content textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06) !important;
  outline: none !important;
}
.proto-part-request-content input[type='checkbox'] {
  accent-color: #f20a24 !important;
}
.proto-part-request-content button[type='submit'],
.proto-part-request-content button[class*='bg-primary'] {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
}
.proto-part-request-content button[type='submit']:hover,
.proto-part-request-content button[class*='bg-primary']:hover {
  background: #d90820 !important;
}
.proto-part-request-empty {
  border: 1px dashed #ddd8d4 !important;
  border-radius: 18px !important;
  background: #fcfaf8 !important;
  padding: 32px 24px !important;
  text-align: center;
}
@media (max-width: 760px) {
  .proto-part-request-head {
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .proto-part-request-back {
    width: 100% !important;
    justify-content: center !important;
  }
  .proto-part-request-content .delivery-feature-card {
    padding: 18px !important;
  }
}

.customer-returns-history-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.customer-return-history-card {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  background: #fff;
  padding: 18px;
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    transform 0.16s ease;
}
.customer-return-history-card:hover,
.customer-return-history-card:focus-visible {
  border-color: #f20a24;
  background: #fffafb;
  outline: none;
  transform: translateY(-1px);
}
.customer-return-history-card header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.customer-return-history-card header span {
  border-radius: 999px;
  background: #fff2f4;
  padding: 6px 9px;
  color: #f20a24;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.customer-return-history-card time {
  color: #171717;
  font-size: 10px;
  white-space: nowrap;
}
.customer-return-history-card h2 {
  display: -webkit-box;
  margin: 16px 0 5px;
  overflow: hidden;
  color: #171717;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.customer-return-history-card p,
.customer-return-history-card small {
  margin: 0;
  color: #666;
  font-size: 11px;
  line-height: 1.45;
}
.customer-return-history-card small {
  margin-top: 5px;
}
.customer-return-history-card strong {
  margin-top: 14px;
  color: #171717;
  font-size: 14px;
}
.customer-return-history-card button {
  margin-top: auto;
  border: 0;
  background: transparent;
  padding: 12px 0 0;
  color: #f20a24;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.customer-return-history-card button:hover {
  color: #d90820;
}
.customer-returns-history-grid > :last-child {
  grid-column: 1 / -1;
}
.customer-returns-screen > div.grid {
  border-color: #e8e8e8 !important;
  box-shadow: none !important;
}
@media (max-width: 900px) {
  .customer-returns-history-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .customer-returns-history-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .customer-return-history-card {
    min-height: 190px;
    padding: 16px;
  }
}
.customer-returns-screen {
  padding-bottom: 40px;
}
.customer-returns-screen > .proto-orders-head {
  margin-bottom: 8px;
}
.customer-returns-screen > .grid {
  margin-top: 8px;
  padding: 18px 20px !important;
}
.customer-returns-screen > .grid label + label {
  min-width: 0;
}
.customer-returns-screen .customer-returns-history-grid {
  margin-top: 8px;
  padding-top: 4px;
}
.customer-returns-screen .customer-return-history-card {
  padding: 20px;
}
.customer-returns-screen .customer-return-history-card h2 {
  max-width: 100%;
}
@media (max-width: 620px) {
  .customer-returns-screen {
    padding-bottom: 28px;
  }
  .customer-returns-screen > .grid {
    gap: 16px;
    padding: 16px !important;
  }
  .customer-returns-screen .customer-returns-history-grid {
    margin-top: 4px;
    padding-top: 0;
  }
  .customer-returns-screen .customer-return-history-card {
    padding: 18px;
  }
}

/* Returns follows the customer design system: a quiet toolbar and one crisp detail sheet. */
.customer-returns-screen > .grid {
  align-items: end;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.customer-returns-screen > .grid label > span {
  margin-bottom: 8px !important;
  color: #666 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.customer-returns-screen > .grid input,
.customer-returns-screen > .grid select {
  min-height: 50px;
  border-color: #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: none !important;
}
.customer-returns-screen > .grid input:focus,
.customer-returns-screen > .grid select:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06) !important;
}
.customer-returns-screen > .grid svg {
  color: #8a8a8a !important;
}
.customer-return-detail-modal {
  padding: 20px;
  background: rgba(10, 10, 10, 0.48) !important;
  backdrop-filter: blur(3px) !important;
}
.customer-return-detail-modal__card {
  width: min(600px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18) !important;
}
.customer-return-detail-modal__header {
  border-bottom: 1px solid #f0f0f0;
  padding: 22px 24px 18px;
}
.customer-return-detail-modal__icon {
  height: 40px;
  width: 40px;
  border-radius: 12px;
  background: #fff2f4;
  color: #f20a24;
}
.customer-return-detail-modal__eyebrow {
  color: #8a8a8a;
}
.customer-return-detail-modal__header h2 {
  color: #171717;
  font-size: 20px;
}
.customer-return-detail-modal__close {
  height: 36px;
  width: 36px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background: #fff;
  color: #666;
  font-size: 20px;
}
.customer-return-detail-modal__close:hover {
  border-color: #f20a24;
  color: #f20a24;
}
.customer-return-detail-modal__body {
  gap: 20px;
  padding: 22px 24px 24px;
}
.customer-return-detail-modal__status-row {
  color: #666;
}
.customer-return-detail-modal__status {
  background: #fff2f4;
  color: #f20a24;
}
.customer-return-detail-modal__description {
  color: #444;
  font-size: 14px;
}
.customer-return-detail-modal__details > div {
  border-color: #ece7e2;
  padding: 13px 0;
}
.customer-return-detail-modal__details dt {
  color: #8a8a8a;
}
.customer-return-detail-modal__details dd {
  color: #171717;
}
.customer-return-detail-modal__refund,
.customer-return-detail-modal__timeline {
  border: 1px solid #ece7e2;
  border-radius: 14px;
  background: #fcfaf8;
  padding: 15px 16px;
}
.customer-return-detail-modal__refund strong,
.customer-return-detail-modal__timeline > strong {
  color: #171717;
}
.customer-return-detail-modal__refund span {
  color: #218a58;
}
@media (max-width: 620px) {
  .customer-returns-screen > .grid {
    gap: 14px;
  }
  .customer-return-detail-modal {
    padding: 12px;
  }
  .customer-return-detail-modal__card {
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }
  .customer-return-detail-modal__header {
    padding: 18px 18px 15px;
  }
  .customer-return-detail-modal__body {
    padding: 18px;
  }
}

.proto-part-request-page {
  padding-bottom: 48px;
}
.proto-part-request-head {
  margin-bottom: 28px;
}
.proto-part-request-head > div {
  min-width: 0;
}
.proto-part-request-head > div > p:last-child {
  max-width: 680px;
}
.proto-part-request-back {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background: #fff;
  padding: 0 14px;
  color: #171717;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    color 0.16s ease,
    background 0.16s ease;
}
.proto-part-request-back svg {
  width: 16px;
  height: 16px;
}
.proto-part-request-back:hover {
  border-color: #f20a24;
  background: #fff2f4;
  color: #f20a24;
}
.proto-part-request-content {
  display: grid;
  gap: 20px;
}
.proto-part-request-content .delivery-feature-card {
  border: 1px solid #ece7e2 !important;
  border-radius: 20px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: none !important;
}
.proto-part-request-content .delivery-feature-card > div:first-child {
  margin-bottom: 20px;
}
.proto-part-request-content input:not([type='checkbox']),
.proto-part-request-content select,
.proto-part-request-content textarea {
  border-color: #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: none !important;
}
.proto-part-request-content input:not([type='checkbox']),
.proto-part-request-content select {
  min-height: 50px;
}
.proto-part-request-content textarea {
  min-height: 110px;
}
.proto-part-request-content input:not([type='checkbox']):focus,
.proto-part-request-content select:focus,
.proto-part-request-content textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06) !important;
  outline: none;
}
.proto-part-request-content input[type='checkbox'] {
  accent-color: #f20a24;
}
.proto-part-request-content .text-blue-600,
.proto-part-request-content .text-blue-700 {
  color: #f20a24 !important;
}
.proto-part-request-content .bg-blue-50 {
  background: #fff2f4 !important;
}
.proto-part-request-content button[type='submit'],
.proto-part-request-content button.bg-primary,
.proto-part-request-content button[class*='bg-primary'] {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
}
.proto-part-request-content button[type='submit']:hover,
.proto-part-request-content button.bg-primary:hover,
.proto-part-request-content button[class*='bg-primary']:hover {
  background: #d90820 !important;
}
.proto-part-request-empty {
  border: 1px dashed #ddd8d4;
  border-radius: 18px;
  background: #fcfaf8;
  padding: 32px 24px;
  text-align: center;
}
@media (max-width: 760px) {
  .proto-part-request-page {
    padding-bottom: 28px;
  }
  .proto-part-request-head {
    align-items: flex-start;
    gap: 16px;
  }
  .proto-part-request-back {
    width: 100%;
    justify-content: center;
  }
  .proto-part-request-content .delivery-feature-card {
    padding: 18px !important;
  }
}

/* Mobile customer shell: keep the primary actions reachable without horizontal overflow. */
@media (max-width: 620px) {
  .proto-customer {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
    overflow-y: visible;
    padding: 0 12px 28px;
  }

  .proto-customer__header {
    position: sticky;
    min-height: 58px;
    gap: 4px;
    margin: 0 -12px;
    padding: 0 12px;
    background: #fff;
  }

  .proto-customer__brand {
    flex: 0 0 auto;
  }

  .proto-customer__brand img {
    width: 78px;
    height: 28px;
  }

  .proto-customer__actions {
    min-width: 0;
    gap: 2px;
  }

  .proto-customer__search-trigger,
  .proto-customer__notifications,
  .proto-customer__side-nav-trigger {
    width: 38px;
    height: 38px;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 10px;
  }

  .proto-customer__search-trigger span,
  .proto-customer__orders-monitor {
    display: none;
  }

  .proto-customer__cart {
    width: 42px;
    min-height: 38px !important;
    margin-left: 0;
    padding: 0 !important;
    justify-content: center;
    border-radius: 10px;
  }

  .proto-customer__side-nav-trigger {
    margin-left: 0;
    border: 1px solid #eae7e4;
  }

  .proto-customer__search-bar {
    margin: 0 -12px;
    padding: 10px 12px;
    background: #fff;
  }

  .proto-customer .customer-page-content {
    min-width: 0;
  }

  .proto-home__products,
  .proto-home__stores,
  .proto-home__store-grid {
    width: 100%;
  }

  .proto-home__product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .proto-home__store-product-group .proto-home__product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proto-home__food-card,
  .proto-home__food-card-main {
    min-width: 0;
    max-width: 100%;
  }

  .proto-home__product-art,
  .proto-home__food-card-art {
    height: 128px;
  }

  .proto-home__product-art img,
  .proto-home__food-card-art img {
    height: 138px;
  }

  .proto-home__product-copy strong {
    min-height: 2.2em;
    line-height: 1.1;
  }

  .proto-side-nav {
    width: min(360px, calc(100vw - 18px));
  }

  .proto-cart-sheet {
    width: 100vw;
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* Keep prescription primary actions red after the shared customer button resets. */
.prescription-flow-modal
  .prescription-flow-body
  .prescription-flow-step
  > div:last-child
  button:last-child,
.prescription-flow-modal
  .prescription-flow-body
  .prescription-flow-step
  > div:last-child
  button[type='submit'] {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Final prescription modal correction: keep the checkout recognizable and the active surface crisp. */
.prescription-flow-scrim {
  z-index: 120 !important;
  background: rgba(10, 10, 10, 0.48) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
.prescription-flow-modal {
  position: fixed !important;
  inset: 0 !important;
  width: min(920px, calc(100vw - 72px)) !important;
  height: auto !important;
  max-height: min(760px, calc(100vh - 64px)) !important;
  margin: auto !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.24) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}
.prescription-flow-body {
  scrollbar-width: none !important;
  -ms-overflow-style: none;
}
.prescription-flow-body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.prescription-flow-header {
  padding: 24px 32px 18px !important;
}
.prescription-flow-progress {
  padding: 14px 32px !important;
}
.prescription-flow-progress > div > div:first-child {
  box-shadow: none !important;
}
.prescription-flow-progress
  > div
  > div:first-child:not([class*='bg-[var(--brand-red']):not([class*='bg-red-100']) {
  background: #f4f5f7 !important;
  color: #97a0af !important;
}
.prescription-flow-progress > div > div:last-child {
  background: #e6e6e6 !important;
}
.prescription-flow-body {
  padding: 0 32px 0 !important;
}
.prescription-flow-body > .prescription-flow-step {
  max-width: 680px !important;
  padding: 18px 0 24px !important;
}
.prescription-flow-step .grid.gap-4 {
  -moz-column-gap: 16px !important;
       column-gap: 16px !important;
  row-gap: 18px !important;
}
.prescription-flow-field {
  min-height: 50px !important;
  height: 50px;
}
.prescription-flow-step textarea.prescription-flow-field {
  height: auto;
  min-height: 74px !important;
}
.prescription-required-notice {
  min-height: 64px;
  border-color: #ffdde2 !important;
  background: #fff7f8 !important;
  padding: 12px 16px !important;
  display: none !important;
}
.prescription-required-notice svg {
  color: #f20a24 !important;
}
.prescription-flow-modal .prescription-flow-step > div:last-child {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin: 18px -32px -24px !important;
  border-top: 1px solid #ececec !important;
  padding: 16px 32px !important;
  background: #fff !important;
}
.prescription-flow-modal .prescription-flow-step > div:last-child button {
  min-height: 48px !important;
  border-radius: 10px !important;
  padding-inline: 22px !important;
}
.prescription-flow-modal .prescription-flow-step > div:last-child button[type='submit'],
.prescription-flow-modal .prescription-flow-step > div:last-child button:last-child {
  background: #f20a24 !important;
  color: #fff !important;
}
.prescription-flow-step > div:last-child button[type='submit'],
.prescription-flow-step > div:last-child button:last-child {
  background: #f20a24 !important;
  border-color: #f20a24 !important;
  color: #fff !important;
}
.prescription-phone-control {
  min-height: 50px;
}
.prescription-phone-country {
  flex: 0 0 auto;
}
.prescription-phone-input {
  height: 50px;
  background: #fff !important;
}
@media (max-width: 640px) {
  .prescription-flow-modal {
    width: 100% !important;
    max-height: calc(100vh - 24px) !important;
    border-radius: 18px !important;
  }
  .prescription-flow-header {
    padding: 20px 20px 16px !important;
  }
  .prescription-flow-progress {
    padding: 12px 20px !important;
  }
  .prescription-flow-body {
    padding-inline: 20px !important;
  }
  .prescription-flow-body > .prescription-flow-step {
    padding-inline: 0 !important;
  }
  .prescription-flow-modal .prescription-flow-step > div:last-child {
    margin-inline: -20px !important;
    padding-inline: 20px !important;
  }
}

/* Pharmacy prescription flow: one focused modal with a single scrolling body. */
.prescription-flow-scrim {
  background: rgba(23, 23, 23, 0.58) !important;
}
.prescription-flow-modal {
  min-height: 0;
}
.prescription-flow-modal > header {
  flex: 0 0 auto;
}
.prescription-flow-modal > .prescription-flow-progress {
  flex: 0 0 auto;
}
.prescription-flow-body {
  min-height: 0;
  overflow-y: auto;
  padding: 0 8px 8px;
  scrollbar-width: thin;
}
.prescription-flow-body > .prescription-flow-step {
  max-width: 720px;
  margin-inline: auto;
}
.prescription-flow-step {
  background: #fff !important;
  box-shadow: none !important;
}
.prescription-flow-step-heading {
  margin-bottom: 2px;
}
.prescription-flow-step-heading > button {
  display: none;
}
.prescription-flow-step-heading h3 {
  margin: 0;
  color: #171717;
  font:
    750 21px/1.2 Manrope,
    sans-serif;
}
.prescription-flow-step-heading p {
  margin-top: 6px;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.5;
}
.prescription-required-notice {
  border: 1px solid #ffdde2;
  border-radius: 12px;
  background: #fff7f8;
  padding: 14px 16px;
}
.prescription-flow-field {
  min-height: 52px;
  border-color: #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.prescription-flow-field:focus {
  border-color: #f20a24 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.09) !important;
}
.prescription-upload-surface {
  min-height: 240px;
  border-color: #dedede !important;
  background: #fff !important;
}
.prescription-upload-surface:hover {
  border-color: #f20a24 !important;
  background: #fffafa !important;
}
.prescription-upload-surface .text-slate-400 {
  color: #f20a24 !important;
}
.prescription-fulfilment-options label {
  min-height: 92px;
  border: 1px solid #dedede !important;
  border-radius: 12px !important;
  background: #fff !important;
}
.prescription-fulfilment-options label:has(input:checked) {
  border-color: #171717 !important;
  background: #fff7f8 !important;
}
.prescription-fulfilment-options label input {
  accent-color: #f20a24;
}
.prescription-flow-modal .prescription-flow-step > div:last-child {
  border-color: #ededed !important;
}
.prescription-flow-modal .prescription-flow-step > div:last-child button:not([type='button']),
.prescription-flow-modal .prescription-flow-step > div:last-child button[type='button']:last-child {
  min-height: 50px;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f20a24 !important;
  color: #fff !important;
}
.prescription-flow-modal
  .prescription-flow-step
  > div:last-child
  button[type='button']:first-child {
  background: #fff !important;
  color: #555 !important;
}
.prescription-flow-status {
  background: #fff7f8 !important;
  box-shadow: none !important;
}
@media (max-width: 640px) {
  .prescription-flow-scrim {
    align-items: stretch;
    padding: 0;
  }
  .prescription-flow-modal {
    max-height: 100vh;
    border-radius: 0;
  }
  .prescription-flow-header {
    padding: 18px 20px 16px !important;
  }
  .prescription-flow-progress {
    padding-inline: 20px !important;
  }
  .prescription-flow-body {
    padding-inline: 12px;
  }
  .prescription-flow-step {
    padding: 20px 8px !important;
  }
  .prescription-fulfilment-options {
    grid-template-columns: 1fr !important;
  }
}

/* Compact account hub spacing: keep the profile/returns content readable without
   excessive gutters or oversized navigation controls. */
.proto-profile-page {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.proto-profile-layout {
  gap: 24px !important;
}
.proto-profile-sidebar {
  padding: 10px 8px !important;
}
.proto-profile-sidebar nav {
  gap: 1px !important;
}
.proto-profile-sidebar nav > button {
  height: 42px;
  gap: 8px;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.proto-profile-sidebar nav > p {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.proto-profile-content > header {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.proto-profile-content .customer-returns-screen > div:first-child {
  padding: 12px !important;
}
.proto-profile-content .customer-returns-screen table th,
.proto-profile-content .customer-returns-screen table td {
  padding: 10px !important;
}
.proto-profile-content .customer-returns-screen button {
  padding: 6px 10px !important;
}

@media (max-width: 700px) {
  .proto-profile-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .proto-profile-sidebar {
    padding: 8px 6px !important;
  }
  .proto-profile-sidebar nav > button {
    height: 40px;
  }
  .proto-profile-content > header {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* The search extension should span the same content rail as the navigation. */
.proto-customer__search-bar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.proto-customer__search-bar .app-search-surface {
  width: 100% !important;
  background: #e9edf1 !important;
}

.proto-home__hero-product-image {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  height: 100%;
  min-height: 360px;
  -o-object-fit: cover;
     object-fit: cover;
  animation: proto-home-hero-product-in 0.55s ease both;
}

.proto-home__dish-detail {
  cursor: pointer;
  text-align: left;
}

@keyframes proto-home-hero-product-in {
  from {
    opacity: 0.35;
    transform: scale(1.035);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.customer-hot-deal-spotlight {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #171717;
}

.customer-hot-deal-spotlight__button {
  display: grid;
  width: 100%;
  min-height: 250px;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
  overflow: hidden;
  text-align: left;
}

.customer-hot-deal-spotlight__image {
  min-height: 250px;
  overflow: hidden;
  background: #303033;
}

.customer-hot-deal-spotlight__image img {
  animation: customer-hot-deal-image-in 0.55s ease both;
}

.customer-hot-deal-spotlight__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 34px 42px;
  background: linear-gradient(135deg, #171717 0%, #27272a 100%);
}

.customer-hot-deal-spotlight__eyebrow {
  color: #ffb4bc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.customer-hot-deal-spotlight__price {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

.customer-hot-deal-spotlight__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #ffb4bc;
  font-size: 12px;
  font-weight: 800;
}

.customer-hot-deal-spotlight__dots {
  position: absolute;
  right: 30px;
  bottom: 18px;
  display: flex;
  gap: 6px;
}

.customer-hot-deal-spotlight__dots button {
  width: 7px;
  height: 7px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.36);
  padding: 0;
}

.customer-hot-deal-spotlight__dots button.is-active {
  width: 22px;
  background: #fff;
}

@keyframes customer-hot-deal-image-in {
  from {
    opacity: 0.35;
    transform: scale(1.04);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 680px) {
  .customer-hot-deal-spotlight__button {
    grid-template-columns: 1fr;
  }

  .customer-hot-deal-spotlight__image {
    min-height: 190px;
  }

  .customer-hot-deal-spotlight__content {
    padding: 22px 22px 38px;
  }

  .customer-hot-deal-spotlight__dots {
    right: 22px;
  }
}

/* The modal reads as one checkout-style flow: supporting information follows the form instead of sitting in a side rail. */
.customer-case-create-modal .customer-create-case-embedded > form {
  grid-template-columns: 1fr !important;
}

.customer-case-create-modal .customer-create-case-embedded > form > aside {
  display: contents !important;
}

.customer-case-create-modal .customer-create-case-embedded > form > aside > section {
  width: 100%;
}

.customer-case-create-modal .customer-create-case-embedded section.delivery-feature-card {
  border: 0 !important;
  box-shadow: none !important;
}

.customer-case-create-modal .customer-create-case-tips-inline {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 2px 2px 4px;
  color: #777a82;
  font-size: 11px;
  line-height: 1.45;
}

.customer-case-create-modal .customer-create-case-tips-inline p {
  margin: 0;
}

.customer-case-create-modal .customer-create-case-embedded > form {
  display: block !important;
}

.customer-case-create-modal .customer-create-case-embedded > form > div:first-child {
  display: grid !important;
  gap: 16px !important;
}

.customer-case-create-modal .customer-create-case-embedded > form > aside {
  display: contents !important;
}

.customer-case-create-modal .customer-create-case-embedded section {
  border: 0 !important;
  box-shadow: none !important;
}

.customer-case-create-modal .customer-create-case-embedded section[class*='border-dashed'] {
  border: 0 !important;
  background: #f7f7f8 !important;
}

.customer-case-create-modal .customer-create-case-actions > div:last-child > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Case creation uses a focused, checkout-style modal rather than the legacy page surfaces. */
.customer-case-create-modal__card {
  width: min(1080px, 100%);
  max-height: min(860px, calc(100vh - 40px));
  overflow-y: auto;
  border: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.24);
  padding: 0;
}

.customer-case-create-modal__header {
  position: sticky;
  top: 0;
  z-index: 3;
  align-items: center;
  border-bottom: 1px solid #eceef1;
  background: rgba(255, 255, 255, 0.96);
  padding: 25px 32px 22px;
  backdrop-filter: blur(12px);
}

.customer-case-create-modal__header h2 {
  color: #171717;
  font-size: 26px;
  letter-spacing: -0.035em;
}

.customer-case-create-modal__eyebrow {
  color: #ee001c;
  font-size: 9px;
  letter-spacing: 0.2em;
}

.customer-case-create-modal__header p:last-child {
  color: #777a82;
  font-size: 12px;
}

.customer-case-create-modal__close {
  width: 38px;
  height: 38px;
  border: 1px solid #e5e6e8 !important;
  background: #f5f5f6 !important;
  color: #171717 !important;
  font-size: 22px;
}

.customer-case-create-modal__close:hover,
.customer-case-create-modal__close:focus-visible {
  border-color: #d7d8db !important;
  background: #ededee !important;
  color: #171717 !important;
}

.customer-case-create-modal .customer-create-case-embedded {
  padding: 26px 32px 32px;
}

.customer-case-create-modal .customer-create-case-embedded > form {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  align-items: start;
  gap: 24px;
}

.customer-case-create-modal .customer-create-case-embedded > form > div:first-child,
.customer-case-create-modal .customer-create-case-embedded > form > aside {
  display: grid;
  gap: 16px;
}

.customer-case-create-modal
  .customer-create-case-embedded
  > form
  > div:first-child
  > div:first-child {
  min-height: 22px;
  justify-content: flex-end;
}

.customer-case-create-modal
  .customer-create-case-embedded
  > form
  > div:first-child
  > div:first-child
  > button {
  display: none;
}

.customer-case-create-modal .customer-create-case-embedded section.delivery-feature-card {
  border: 1px solid #eceef1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 20px !important;
  box-shadow: none !important;
}

.customer-case-create-modal
  .customer-create-case-embedded
  section.delivery-feature-card
  > div:first-child {
  gap: 5px;
}

.customer-case-create-modal
  .customer-create-case-embedded
  section.delivery-feature-card
  > div:first-child
  h3 {
  color: #171717 !important;
  font-size: 15px !important;
  letter-spacing: -0.015em;
}

.customer-case-create-modal
  .customer-create-case-embedded
  section.delivery-feature-card
  > div:first-child
  p {
  color: #777a82 !important;
  font-size: 11px !important;
  line-height: 1.45;
}

.customer-case-create-modal
  .customer-create-case-embedded
  section.delivery-feature-card
  > div:last-child {
  margin-top: 18px !important;
}

.customer-case-create-modal .customer-create-case-embedded label {
  color: #303139;
  font-size: 12px;
  font-weight: 700;
}

.customer-case-create-modal .customer-create-case-embedded input,
.customer-case-create-modal .customer-create-case-embedded select,
.customer-case-create-modal .customer-create-case-embedded textarea {
  border-color: #e1e3e6 !important;
  border-radius: 11px !important;
  background: #fafafa !important;
  color: #171717 !important;
  font-size: 13px;
  box-shadow: none !important;
}

.customer-case-create-modal .customer-create-case-embedded input:focus,
.customer-case-create-modal .customer-create-case-embedded select:focus,
.customer-case-create-modal .customer-create-case-embedded textarea:focus {
  border-color: #171717 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(23, 23, 23, 0.07) !important;
}

.customer-case-create-modal .customer-create-case-embedded aside > section:first-child {
  background: #f7f7f8 !important;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:first-child
  > div:last-child
  > div:first-child {
  border-radius: 16px;
  background: #171717;
  padding: 18px;
  box-shadow: none;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:first-child
  > div:last-child
  > div:nth-child(2)
  > div {
  border: 0;
  border-radius: 10px;
  background: #fff;
  padding: 11px 12px;
}

.customer-case-create-modal .customer-create-case-embedded aside > section:last-of-type {
  background: #fff !important;
}

.customer-case-create-modal .customer-create-case-embedded aside > section:last-of-type button {
  min-height: 44px;
  border-radius: 11px !important;
  box-shadow: none !important;
  transform: none !important;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:last-of-type
  > div:last-child
  > div {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:last-of-type
  button[type='submit'] {
  order: -1;
  background: #ee001c !important;
  color: #fff !important;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:last-of-type
  button[type='button'] {
  border-color: #e1e3e6 !important;
  background: #fff !important;
  color: #303139 !important;
}

@media (max-width: 700px) {
  .customer-case-create-modal__header,
  .customer-case-create-modal .customer-create-case-embedded {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Keep the profile sidebar/content divider above transparent and embedded surfaces. */
@media (min-width: 1024px) {
  .proto-profile-layout::before {
    z-index: 5;
    display: block !important;
    background: #ece7e2 !important;
  }
  .proto-profile-sidebar,
  .proto-profile-content {
    position: relative;
    z-index: 1;
  }
}

.proto-customer__brand img {
  display: block;
  width: 94px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}

.proto-customer__nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow: visible;
}

.proto-customer__nav-item {
  position: relative;
  flex: 0 0 auto;
}

.proto-customer__nav-item--measured-out {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}

.proto-customer__nav-link-row {
  display: flex;
  align-items: center;
}

.proto-customer__nav-caret {
  display: grid;
  place-items: center;
  width: 22px;
  height: 30px;
  margin-left: -8px;
  border: 0;
  border-radius: 0 999px 999px 0;
  background: transparent;
  color: #777b83;
  cursor: pointer;
}

.proto-customer__nav-caret svg {
  width: 13px;
  height: 13px;
  transition: transform 0.18s ease;
}

.proto-customer__nav-caret[aria-expanded='true'] svg {
  transform: rotate(180deg);
}

.proto-customer__nav-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 60;
  display: grid;
  min-width: 220px;
  max-width: 290px;
  padding: 8px;
  border: 1px solid #ececef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 35px rgba(29, 35, 47, 0.14);
}

.proto-customer__nav-dropdown a {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #34363b;
  font-size: 12px;
}

.proto-customer__nav-dropdown a:hover {
  background: #fff1f3;
  color: var(--red);
}

.proto-customer__nav-dropdown a small {
  color: #858891;
  font-size: 10px;
  line-height: 1.35;
}

.proto-customer__nav-dropdown-status {
  padding: 10px 12px;
  color: #858891;
  font-size: 11px;
}

.proto-customer__nav-more {
  position: relative;
  flex: 0 0 auto;
}

.proto-customer__nav-more-trigger {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 30px;
  padding: 8px 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #555961;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.proto-customer__nav-more-trigger:hover,
.proto-customer__nav-more-trigger[aria-expanded='true'] {
  background: var(--red-soft);
  color: var(--red);
}

.proto-customer__nav-more-trigger svg {
  width: 17px;
  height: 17px;
}

.proto-customer__nav-more-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  display: grid;
  min-width: 170px;
  padding: 8px;
  border: 1px solid #ececef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 35px rgba(29, 35, 47, 0.14);
}

.proto-customer__nav-more-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: #34363b;
  font-size: 12px;
}

.proto-customer__nav-more-menu a:hover,
.proto-customer__nav-more-menu a.active {
  background: #fff1f3;
  color: var(--red);
  font-weight: 700;
}

.proto-customer__nav a,
.proto-customer__nav button {
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 8px 10px;
  color: #555961;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.proto-customer__nav a span,
.proto-customer__nav button span {
  margin-right: 5px;
}

.proto-customer__nav a.active,
.proto-customer__nav a:hover {
  background: var(--red-soft);
  color: var(--red);
  font-weight: 700;
}

.proto-customer__nav a.proto-customer__nav-category-link {
  display: inline-flex;
  align-items: center;
}

.proto-customer__nav-content {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-right: 0 !important;
}

.proto-customer__nav-content svg {
  width: 14px;
  height: 14px;
}

.proto-customer__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.proto-customer__actions > a {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 700;
}

.proto-customer__actions > a:first-child {
  width: 36px;
  justify-content: center;
  padding: 0;
}

.proto-customer__actions svg {
  width: 17px;
  height: 17px;
}

.proto-customer__cart {
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: #171717 !important;
  padding: 0 16px !important;
}

.proto-customer__cart b {
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 10px;
}
.proto-customer__notifications {
  display: grid !important;
  width: 40px;
  min-height: 40px !important;
  place-items: center;
  border: 1px solid #eae7e4;
  border-radius: 12px;
  color: #555 !important;
  padding: 0 !important;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease;
}
.proto-customer__notifications:hover {
  border-color: #f3c9d0;
  background: #fff8f9;
  color: #f20a24 !important;
}
.proto-customer__notifications svg {
  width: 20px;
  height: 20px;
}
.proto-customer__notifications-wrap {
  position: relative;
}
.proto-customer__actions {
  gap: 6px;
}
.proto-customer__search-trigger,
.proto-customer__orders-link,
.proto-customer__notifications {
  display: inline-flex !important;
  height: 40px;
  min-height: 40px !important;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #171717 !important;
  font-size: 14px;
  font-weight: 600;
  transition:
    background-color 0.16s ease,
    color 0.16s ease;
}
.proto-customer__search-trigger {
  gap: 7px;
  padding: 0 8px;
}
.proto-customer__search-trigger svg {
  width: 18px;
  height: 18px;
}
.proto-customer__orders-link {
  padding: 0 8px !important;
}
.proto-customer__notifications {
  width: 40px;
  padding: 0 !important;
}
.proto-customer__search-trigger:hover,
.proto-customer__orders-link:hover,
.proto-customer__notifications:hover {
  border: 0;
  background: #f6f6f6;
  color: #171717 !important;
}
.proto-customer__cart {
  min-height: 40px !important;
  margin-left: 6px;
  border-radius: 999px;
  background: #f20a24;
  padding: 0 14px !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  transition: background-color 0.16s ease;
}
.proto-customer__cart:hover {
  background: #d90820;
  color: #fff !important;
}
.proto-customer__cart svg {
  width: 18px;
  height: 18px;
}
.proto-customer__cart b {
  min-width: 20px;
  height: 20px;
  background: #fff;
  color: #f20a24;
  font-size: 11px;
}
.proto-notifications-popover {
  position: absolute;
  z-index: 100;
  top: calc(100% + 10px);
  right: 0;
  width: min(400px, calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid #eae7e4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12);
  animation: proto-notifications-in 0.2s ease-out;
}
.proto-notifications-popover header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 18px 18px 14px;
}
.proto-notifications-popover header strong,
.proto-notifications-popover header span {
  display: block;
}
.proto-notifications-popover header strong {
  color: #171717;
  font-size: 15px;
}
.proto-notifications-popover header span {
  margin-top: 3px;
  color: #6b6b6b;
  font-size: 11px;
}
.proto-notifications-popover header > button {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: #f6f6f6;
  color: #555;
  font-size: 18px;
  cursor: pointer;
}
.proto-notifications-popover__list {
  max-height: min(500px, calc(100vh - 150px));
  overflow: auto;
}
.proto-notifications-popover__list > p {
  margin: 0;
  padding: 32px 18px;
  color: #6b6b6b;
  font-size: 13px;
  text-align: center;
}
.proto-notifications-popover__list > button {
  display: flex;
  width: 100%;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
  padding: 14px 16px;
  text-align: left;
  cursor: pointer;
}
.proto-notifications-popover__list > button:hover {
  background: #fff8f9;
}
.proto-notifications-popover__list > button > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: #f20a24;
}
.proto-notifications-popover__list > button span,
.proto-notifications-popover__list > button strong,
.proto-notifications-popover__list > button small {
  display: block;
}
.proto-notifications-popover__list > button strong {
  color: #171717;
  font-size: 14px;
}
.proto-notifications-popover__list > button small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 4px;
  color: #6b6b6b;
  font-size: 12px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.proto-notifications-popover footer {
  padding: 12px 18px;
  text-align: center;
}
.proto-notifications-popover footer button {
  border: 0;
  background: transparent;
  color: #555;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.proto-notifications-popover footer button:hover {
  color: #f20a24;
}
@keyframes proto-notifications-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.proto-customer__orders-monitor {
  position: relative;
}
.proto-customer__orders-monitor > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.proto-customer__orders-badge {
  color: var(--red);
  font-size: 9px;
  line-height: 1;
}
.proto-customer__order-preview {
  position: absolute;
  z-index: 90;
  top: calc(100% + 12px);
  left: 50%;
  display: grid;
  width: 220px;
  gap: 5px;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -5px);
  border: 1px solid #e6e6e9;
  border-radius: 14px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 14px 32px rgba(20, 25, 35, 0.14);
  transition:
    opacity 0.16s ease,
    transform 0.16s ease,
    visibility 0.16s;
  pointer-events: none;
}
.proto-customer__orders-monitor:hover .proto-customer__order-preview,
.proto-customer__orders-monitor:focus-within .proto-customer__order-preview {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}
.proto-customer__order-preview strong {
  color: #171717;
  font-size: 12px;
}
.proto-customer__order-preview span {
  color: #777a82;
  font-size: 11px;
}
.proto-customer__order-preview i {
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #f0f0f1;
}
.proto-customer__order-preview i em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--red);
}
.proto-customer__order-preview small {
  color: var(--red);
  font-size: 10px;
  font-weight: 700;
}

.proto-home__hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 57px 0 0;
}

.proto-home__copy {
  position: relative;
  z-index: 2;
  padding-top: 0;
}

.proto-home__location {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 26px;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 11px;
}

.proto-home__location span {
  color: var(--red);
}

.proto-home__location button {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--red);
  font-size: 11px;
  font-weight: 700;
}

.customer-location-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 20px;
}
.customer-location-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(18, 24, 38, 0.42);
  backdrop-filter: blur(3px);
}
.customer-location-modal__panel {
  position: relative;
  width: min(500px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid #ece7e2;
  border-radius: 22px;
  background: #fff;
  padding: 26px;
  box-shadow: 0 24px 70px rgba(16, 24, 40, 0.2);
}
.customer-location-modal__header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
.customer-location-modal__eyebrow {
  margin: 0 0 8px;
  color: var(--red);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.customer-location-modal__header h2 {
  margin: 0;
  color: #171717;
  font:
    800 24px/1.15 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}
.customer-location-modal__header p:last-child {
  margin: 8px 0 0;
  color: #73737b;
  font-size: 13px;
  line-height: 1.5;
}
.customer-location-modal__close {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f7f7f8;
  color: #73737b;
}
.customer-location-modal__close svg {
  width: 18px;
  height: 18px;
}
.customer-location-modal__active {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 14px;
  border: 1px solid #f6cbd0;
  border-radius: 14px;
  background: #fff7f8;
  color: var(--red);
}
.customer-location-modal__active svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.customer-location-modal__active div {
  display: grid;
  gap: 3px;
}
.customer-location-modal__active span {
  color: #73737b;
  font-size: 11px;
  font-weight: 700;
}
.customer-location-modal__active strong {
  color: #171717;
  font-size: 13px;
}
.customer-location-modal__list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
.customer-location-modal__option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  background: #fff;
  text-align: left;
  transition:
    border-color 0.18s ease,
    background 0.18s ease;
}
.customer-location-modal__option:hover,
.customer-location-modal__option.is-active {
  border-color: #f20a24;
  background: #fff7f8;
}
.customer-location-modal__option-icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: #f7f7f8;
  color: var(--red);
}
.customer-location-modal__option-icon svg {
  width: 16px;
  height: 16px;
}
.customer-location-modal__option > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.customer-location-modal__option strong {
  color: #171717;
  font-size: 13px;
}
.customer-location-modal__option small {
  overflow: hidden;
  color: #73737b;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-location-modal__option > svg {
  width: 18px;
  height: 18px;
  margin-left: auto;
  flex: 0 0 auto;
  color: var(--red);
}
.customer-location-modal__empty {
  margin: 0;
  color: #73737b;
  font-size: 13px;
}
.customer-location-modal__manage {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 20px;
  border: 0;
  background: transparent;
  color: var(--red);
  font-size: 13px;
  font-weight: 800;
}
.customer-location-modal__manage svg {
  width: 16px;
  height: 16px;
}
@media (max-width: 640px) {
  .customer-location-modal {
    padding: 12px;
  }
  .customer-location-modal__panel {
    max-height: calc(100vh - 24px);
    padding: 22px 18px;
    border-radius: 18px;
  }
}

.proto-home__eyebrow {
  margin: 0;
  color: #858791;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.proto-home__copy h1,
.proto-home__stores h2 {
  margin: 8px 0 12px;
  font:
    800 clamp(40px, 4.3vw, 62px)/0.98 Manrope,
    sans-serif;
  letter-spacing: -0.065em;
}

.proto-home__description {
  max-width: 450px;
  margin: 0;
  color: #676a72;
  font-size: 14px;
}

.proto-home__search {
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(505px, 100%);
  margin-top: 24px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  box-shadow: 0 12px 26px rgba(29, 35, 47, 0.07);
  color: #898b92;
  font-size: 12px;
}

.proto-home__search svg {
  width: 18px;
  height: 18px;
}

.proto-home__search span {
  flex: 1;
}

.proto-home__search b {
  font-size: 10px;
  color: #65666d;
}

.proto-home__buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 18px 0 0;
}

.proto-home__buttons a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
}

.proto-home__buttons a:first-child {
  min-height: 44px;
  justify-content: center;
  border-radius: 999px;
  background: var(--red);
  padding: 0 17px;
  color: #fff;
}

.proto-home__buttons a:last-child {
  color: #333;
}

.proto-home__food-shortcuts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
}

.proto-home__food-shortcuts > span {
  margin-right: 2px;
  color: var(--muted);
  font:
    500 10px/1.3 'DM Mono',
    monospace;
  text-transform: uppercase;
}

.proto-home__food-shortcuts a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 13px;
  color: #181818;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition:
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease;
}

.proto-home__food-shortcuts a:hover,
.proto-home__food-shortcuts a.is-active {
  border-color: var(--black);
  background: var(--black);
  color: #fff;
}

.proto-home__food-shortcuts a:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 3px;
}

.proto-home__buttons svg,
.proto-home__below-hero svg,
.proto-home__stores svg {
  width: 14px;
  height: 14px;
}

.proto-home__dish-detail {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 12px;
  max-width: 460px;
  min-height: 64px;
  margin: 0 auto;
  padding: 11px 14px;
  border: 1px solid var(--black);
  border-radius: 16px;
  background: var(--black);
  color: #fff;
  text-align: left;
  box-shadow: 0 12px 30px rgb(24 24 24 / 12%);
  cursor: pointer;
  transition:
    transform 140ms ease,
    box-shadow 140ms ease;
}

.proto-home__dish-detail:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgb(24 24 24 / 16%);
}

.proto-home__dish-detail:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 3px;
}

.proto-home__dish-detail i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgb(255 255 255 / 14%);
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.proto-home__dish-detail strong,
.proto-home__dish-detail small {
  display: block;
}

.proto-home__dish-detail strong {
  overflow: hidden;
  color: #fff;
  font:
    700 13px Manrope,
    sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proto-home__dish-detail span {
  min-width: 0;
}

.proto-home__dish-detail small {
  overflow: hidden;
  color: rgb(255 255 255 / 72%);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proto-home__dish-detail > b {
  align-self: start;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
}

.proto-home__dish-detail em {
  grid-column: 2 / -1;
  grid-row: 2;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.proto-home__visual {
  position: relative;
  isolation: isolate;
  align-self: stretch;
  min-height: 480px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border-radius: 28px;
  background:
    radial-gradient(ellipse at 70% 34%, rgb(242 183 165 / 64%), transparent 39%),
    linear-gradient(145deg, #f5eee5 0%, #e9e0d4 100%);
}

.proto-home__visual img {
  position: relative;
  z-index: 1;
  width: min(570px, 100%);
  height: 460px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 20px 18px rgba(67, 40, 20, 0.17));
}

@media (prefers-reduced-motion: reduce) {
  .proto-home__dish-detail,
  .proto-home__food-shortcuts a {
    transition: none;
  }

  .proto-home__dish-detail:hover {
    transform: none;
  }
}

.proto-home__promo {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 318px;
  max-width: 1400px;
  margin: 42px auto 0;
  overflow: hidden;
  place-items: center;
  background: #171717;
  padding: 42px 32px;
  text-align: center;
}

.proto-home__promo-copy {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
}

.proto-home__promo-copy > p {
  margin: 0;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.proto-home__promo-copy h2 {
  margin: 18px 0 12px;
  color: #fff;
  font:
    800 clamp(35px, 4.2vw, 62px)/0.98 Manrope,
    sans-serif;
  letter-spacing: -0.065em;
}

.proto-home__promo-copy h2 span {
  color: #ff3552;
}

.proto-home__promo-copy small {
  max-width: min(80vw, 500px);
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proto-home__promo-copy button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  border: 0;
  border-radius: 999px;
  background: #f8002c;
  padding: 14px 19px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  transition:
    background 0.16s ease,
    transform 0.16s ease;
}

.proto-home__promo-copy button:hover {
  background: #e80028;
  transform: translateY(-1px);
}

.proto-home__promo-copy button svg {
  width: 16px;
  height: 16px;
}

.proto-home__promo-burst {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: -26px;
  width: 168px;
  height: 168px;
  transform: translateY(-50%);
}

.proto-home__promo-burst i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 90px;
  transform: translate(-50%, -50%) rotate(var(--burst-rotation)) translateY(-43px);
  transform-origin: center;
  background: #9d1020;
}

.proto-home__below-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1400px;
  margin: 30px auto 0;
  border-bottom: 1px solid #eeeeef;
}

.proto-home__chips {
  display: flex;
  gap: 7px;
  overflow: auto;
  padding: 0 0 14px;
}

.proto-home__chips button {
  border: 0;
  border-radius: 999px;
  background: #f7f7f8;
  padding: 7px 13px;
  color: #3c3e45;
  font-size: 11px;
  white-space: nowrap;
}

.proto-home__chips button.is-active {
  background: #171717;
  color: #fff;
  font-weight: 700;
}

.proto-home__below-hero > a,
.proto-home__stores > a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 14px;
  color: var(--red);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.proto-home__stores {
  display: flex;
  align-items: end;
  justify-content: space-between;
  max-width: 1400px;
  margin: 39px auto 0;
}

.proto-home__stores h2 {
  font-size: 27px;
  margin: 5px 0 0;
}

.proto-home__stores > a {
  padding: 0;
}

@media (max-width: 1000px) {
  .proto-customer__nav a,
  .proto-customer__nav button {
    font-size: 0;
    padding: 8px;
  }

  .proto-customer__nav a span,
  .proto-customer__nav button span {
    margin: 0;
    font-size: 13px;
  }

  .proto-home__hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  }

  .proto-home__copy h1 {
    font-size: 48px;
  }

  .proto-home__dish-detail {
    grid-template-columns: 38px 1fr auto;
  }

  .proto-home__dish-detail em {
    display: none;
  }
}

@media (max-width: 620px) {
  .proto-customer {
    padding: 0 16px 32px;
  }

  .proto-customer__header {
    min-height: 66px;
    gap: 7px;
  }

  .proto-customer__brand img {
    width: 84px;
  }

  .proto-customer__nav {
    display: none;
  }

  .proto-customer__actions {
    margin-left: auto;
    gap: 0;
  }

  .proto-customer__actions > a:not(:first-child):not(.proto-customer__cart) {
    display: none;
  }

  .proto-customer__actions > a.proto-customer__notifications {
    display: grid !important;
  }

  .proto-customer__cart {
    padding: 0 11px !important;
    font-size: 0 !important;
  }

  .proto-customer__cart svg,
  .proto-customer__cart b {
    font-size: 10px !important;
  }

  .proto-home__hero {
    display: block;
    padding-top: 30px;
  }

  .proto-home__copy h1 {
    max-width: 340px;
    font-size: 37px;
  }

  .proto-home__description {
    font-size: 13px;
  }

  .proto-home__location {
    margin-bottom: 20px;
  }

  .proto-home__visual {
    min-height: 330px;
    margin-top: 22px;
    border-radius: 22px;
  }

  .proto-home__visual img {
    width: 100%;
    height: 330px;
    min-height: 0;
    padding: 12px 12px 76px;
  }

  .proto-home__dish-detail {
    right: 12px;
    bottom: 12px;
    left: 12px;
    max-width: none;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    padding: 9px 11px;
  }

  .proto-home__dish-detail em {
    display: none;
  }

  .proto-home__food-shortcuts {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: -16px;
    padding: 2px 16px 4px 0;
    scrollbar-width: none;
  }

  .proto-home__food-shortcuts::-webkit-scrollbar {
    display: none;
  }

  .proto-home__promo {
    min-height: 280px;
    margin-top: 32px;
    padding: 32px 24px;
  }

  .proto-home__promo-copy h2 {
    margin-top: 14px;
    font-size: 37px;
  }

  .proto-home__promo-copy small {
    font-size: 10px;
  }

  .proto-home__promo-copy button {
    margin-top: 20px;
  }

  .proto-home__promo-burst {
    top: 32px;
    right: -46px;
    width: 112px;
    height: 112px;
    transform: none;
  }

  .proto-home__promo-burst i {
    width: 6px;
    height: 60px;
    transform: translate(-50%, -50%) rotate(var(--burst-rotation)) translateY(-28px);
  }

  .proto-home__below-hero {
    display: block;
    margin-top: 18px;
  }

  .proto-home__below-hero > a {
    display: block;
    padding-bottom: 10px;
  }

  .proto-home__chips {
    padding: 0 0 10px;
  }

  .proto-home__stores {
    margin-top: 30px;
  }

  .proto-home__stores h2 {
    font-size: 22px;
  }

  .proto-home__stores > a {
    font-size: 10px;
  }
}

.proto-customer__nav a,
.proto-customer__nav button {
  display: inline-flex;
  align-items: center;
}

.proto-customer__nav svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  stroke-width: 2.25;
}

.proto-home__location svg {
  width: 13px;
  height: 13px;
  color: var(--red);
  stroke-width: 2.4;
}

@media (max-width: 1000px) {
  .proto-customer__nav a,
  .proto-customer__nav button {
    font-size: 0;
  }

  .proto-customer__nav svg {
    width: 14px;
    height: 14px;
    margin: 0;
  }
}

.proto-footer {
  margin: 56px calc(clamp(22px, 4vw, 58px) * -1) -40px;
  background: #171717;
  color: #fff;
}

.proto-footer a {
  color: #c7c8cc;
  text-decoration: none;
  font-size: 11px;
}

.proto-footer a:hover {
  color: #fff;
}

.proto-footer__top {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, minmax(120px, 0.7fr)) 1.15fr;
  gap: 30px;
  max-width: 1400px;
  margin: auto;
  padding: 44px clamp(22px, 4vw, 58px) 37px;
}

.proto-footer__brand img {
  display: block;
  width: 112px;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}

.proto-footer__brand p {
  max-width: 270px;
  margin: 17px 0 0;
  color: #c7c8cc;
  font-size: 12px;
  line-height: 1.55;
}

.proto-footer section:not(.proto-footer__brand) {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.proto-footer h2 {
  margin: 4px 0 13px;
  font:
    700 11px Manrope,
    sans-serif;
  letter-spacing: 0.03em;
}

.proto-footer__apps {
  gap: 7px !important;
}

.proto-footer__badge {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 136px;
  padding: 8px 9px;
  border: 1px solid #4a4b50;
  border-radius: 8px;
}

.proto-footer__badge svg {
  width: 19px;
  height: 19px;
}

.proto-footer__badge small,
.proto-footer__badge strong {
  display: block;
}

.proto-footer__badge small {
  font-size: 6px;
  letter-spacing: 0.06em;
}

.proto-footer__badge strong {
  margin-top: 1px;
  color: #fff;
  font-size: 10px;
}

.proto-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  max-width: 1400px;
  margin: auto;
  padding: 18px clamp(22px, 4vw, 58px);
  border-top: 1px solid #34353a;
  color: #92949b;
  font-size: 10px;
}

.proto-footer__bottom div {
  display: flex;
  gap: 14px;
}

@media (max-width: 960px) {
  .proto-footer__top {
    grid-template-columns: 1.3fr repeat(3, minmax(100px, 0.75fr));
  }

  .proto-footer__apps {
    grid-column: 1/-1;
  }
}

@media (max-width: 620px) {
  .proto-footer {
    margin-top: 36px;
  }

  .proto-footer__top {
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    padding-top: 35px;
  }

  .proto-footer__brand,
  .proto-footer__apps {
    grid-column: 1/-1;
  }

  .proto-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .proto-footer__bottom div {
    flex-wrap: wrap;
  }
}

.proto-home__subcategories {
  width: 100%;
  max-width: none;
  margin: 28px auto 0;
  padding: 20px 0 4px;
  border-top: 1px solid #ececef;
}

.proto-home__subcategories-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.proto-home__subcategories-heading h2 {
  margin: 5px 0 0;
  color: #202126;
  font:
    800 27px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}

.proto-home__subcategories-heading > span {
  color: #858891;
  font-size: 11px;
}

.proto-home__subcategory-list {
  position: relative;
  display: flex;
  gap: 8px;
  margin-top: 16px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scrollbar-width: thin;
}

.proto-home__subcategory-list a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  isolation: isolate;
  overflow: hidden;
  padding: 9px 14px;
  border: 1px solid #e3e3e7;
  border-radius: 999px;
  background: #fff;
  color: #555961;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}

.proto-home__subcategory-list a.is-active {
  background: transparent;
}

.proto-home__subcategory-label {
  position: relative;
  z-index: 1;
}

.proto-home__subcategory-active-pill {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: 999px;
  background: var(--red);
  pointer-events: none;
}

.proto-home__subcategory-list a:hover {
  border-color: var(--red);
  background: var(--red-soft);
  color: var(--red);
}

.proto-home__subcategory-list a.is-active {
  border-color: var(--red);
  background: transparent;
  color: #fff;
}

.proto-home__subcategory-status {
  align-self: center;
  color: #858891;
  font-size: 12px;
}

html.dark .proto-home__subcategories {
  border-top-color: var(--customer-border);
}

html.dark .proto-home__subcategories-heading h2 {
  color: var(--customer-text);
}

html.dark .proto-home__subcategories-heading > span,
html.dark .proto-home__subcategory-status {
  color: var(--customer-muted);
}

html.dark .proto-home__subcategory-list a {
  border-color: var(--customer-border);
  background: var(--customer-surface-soft);
  color: var(--customer-text);
}

html.dark .proto-home__subcategory-list a:hover,
html.dark .proto-home__subcategory-list a:focus-visible {
  border-color: #f20a24;
  background: #3a2027;
  color: #fff;
}

html.dark .proto-home__subcategory-list a.is-active {
  border-color: #f20a24;
  background: transparent;
  color: #fff;
}

.proto-home__products {
  width: 100%;
  max-width: none;
  margin: 25px auto 0;
}

.proto-home__products-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 13px;
}

.proto-home__products-heading h2 {
  margin: 5px 0 0;
  font:
    800 27px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}

.proto-home__products-heading > span {
  color: #858791;
  font-size: 11px;
}

.proto-home__product-status {
  display: flex;
  min-height: 270px;
  align-items: center;
  justify-content: center;
  padding: 42px 24px;
  border: 1px solid #e4e7ed;
  border-radius: 22px;
  background: radial-gradient(circle at 50% 0%, #fff 0%, #f7f8fb 72%);
  color: #202126;
  flex-direction: column;
  text-align: center;
}

.proto-home__product-status-icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  place-items: center;
  border: 1px solid #e1e4ea;
  border-radius: 18px;
  background: #fff;
  color: var(--red);
  box-shadow: 0 10px 24px rgba(30, 36, 48, 0.08);
}

.proto-home__product-status-icon svg {
  width: 27px;
  height: 27px;
}

.proto-home__product-status-eyebrow {
  margin: 0 0 7px;
  color: #858891;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.proto-home__product-status strong {
  max-width: 520px;
  font:
    800 22px/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}

.proto-home__product-status > p:not(.proto-home__product-status-eyebrow) {
  max-width: 430px;
  margin: 10px 0 18px;
  color: #74767d;
  font-size: 13px;
  line-height: 1.5;
}

.proto-home__product-status > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--red);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.proto-home__product-status > a svg {
  width: 16px;
  height: 16px;
  transition: transform 0.18s ease;
}

.proto-home__product-status > a:hover svg,
.proto-home__product-status > a:focus-visible svg {
  transform: translateX(3px);
}

html.dark .proto-home__product-status {
  border-color: var(--customer-border);
  background: radial-gradient(circle at 50% 0%, #24334a 0%, var(--customer-surface) 72%);
  color: var(--customer-text);
}

html.dark .proto-home__product-status-icon {
  border-color: var(--customer-border);
  background: var(--customer-surface-soft);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

html.dark .proto-home__product-status-eyebrow,
html.dark .proto-home__product-status > p:not(.proto-home__product-status-eyebrow) {
  color: var(--customer-muted);
}

html.dark .proto-home__product-status > a {
  color: #ff7182;
}

.proto-home__product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.proto-home__product {
  position: relative;
  overflow: hidden;
  border: 1px solid #ededf0;
  border-radius: 18px;
  background: #fff;
  padding: 0;
  color: var(--black);
  text-align: left;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.proto-home__product:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(29, 35, 47, 0.1);
}

.proto-home__product-art {
  position: relative;
  display: grid;
  place-items: center;
  height: 185px;
  overflow: hidden;
  background: #fff0e9;
}

.proto-home__product-art:after {
  position: absolute;
  content: '';
  width: 155px;
  height: 155px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
}

.proto-home__product-art img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 195px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 10px 11px rgba(61, 38, 19, 0.18));
  border-radius: 14px;
}

.proto-home__product-art > span {
  position: relative;
  z-index: 1;
  font-size: 34px;
}

.proto-home__product-copy {
  display: block;
  padding: 13px 14px 14px;
}

.proto-home__product-copy small,
.proto-home__product-copy strong,
.proto-home__product-copy em,
.proto-home__product-copy b {
  display: block;
}

.proto-home__product-copy small {
  color: #858791;
  font-size: 9px;
}

.proto-home__product-copy strong {
  margin: 4px 0;
  font:
    700 15px Manrope,
    sans-serif;
  letter-spacing: -0.035em;
}

.proto-home__product-copy em {
  color: #777a82;
  font-size: 9px;
  font-style: normal;
}

.proto-home__product-copy b {
  margin-top: 7px;
  color: var(--red);
  font-size: 12px;
}

.proto-home__product-open {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #777a82;
  font-size: 9px;
  font-weight: 700;
}

.proto-home__product-open svg {
  width: 13px;
  height: 13px;
}

@media (max-width: 1000px) {
  .proto-home__product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .proto-home__products-heading h2 {
    font-size: 22px;
  }

  .proto-home__product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .proto-home__product-art {
    height: 140px;
  }

  .proto-home__product-art img {
    height: 150px;
  }

  .proto-home__product-copy {
    padding: 10px;
  }

  .proto-home__product-copy strong {
    font-size: 12px;
  }

  .proto-home__product-open {
    display: none;
  }
}

.proto-home__store-status {
  max-width: 1400px;
  margin: 15px auto;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 15px;
  color: #74767d;
  font-size: 12px;
  text-align: center;
}

.proto-home__store-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 1400px;
  margin: 18px auto 29px;
}

.proto-home__store {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 10px;
  position: relative;
  min-height: 102px;
  padding: 13px;
  border: 1px solid #ededf0;
  border-radius: 15px;
  background: #fff;
  color: var(--black);
  text-align: left;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.proto-home__store:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(29, 35, 47, 0.1);
}

.proto-home__store-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #f0f0f1;
  color: #171717;
  font-size: 10px;
  font-weight: 800;
}

.proto-home__store-mark--2 {
  background: #fff0e9;
  color: #bd3e1d;
}

.proto-home__store-mark--3 {
  background: #e8f2dc;
  color: #41741e;
}

.proto-home__store-mark--4 {
  background: #e9eef9;
  color: #355899;
}

.proto-home__store-copy strong,
.proto-home__store-copy small,
.proto-home__store-copy em {
  display: block;
}

.proto-home__store-copy strong {
  font:
    700 12px/1.2 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}

.proto-home__store-copy small {
  margin-top: 3px;
  overflow: hidden;
  color: #858791;
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.proto-home__store-copy em {
  margin-top: 5px;
  color: #666970;
  font-size: 9px;
  font-style: normal;
}

.proto-home__store > span:last-child {
  position: absolute;
  right: 12px;
  bottom: 11px;
  display: flex;
  align-items: center;
  gap: 3px;
  color: var(--red);
  font-size: 9px;
  font-weight: 700;
}

.proto-home__store > span:last-child svg {
  width: 12px;
  height: 12px;
}

@media (max-width: 1000px) {
  .proto-home__store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .proto-home__store-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 24px;
  }
}

.proto-home__product-art {
  height: 200px;
  border-radius: 0;
  background: #fff0e9;
}

.proto-home__product-art--food {
  background: #fff0e9;
}

.proto-home__product-art--grocery {
  background: #fff1d9;
}

.proto-home__product-art--pharmacy {
  background: #e4f3ec;
}

.proto-home__product-art--car-parts {
  background: #e6eef8;
}

.proto-home__product-art--liquor {
  background: #f1e7fb;
}

.proto-home__product-art--coffee {
  background: #f3e6df;
}

.proto-home__product-art:after {
  width: 180px;
  height: 180px;
}

.proto-home__product-art img {
  height: 215px;
}

.proto-home__product-copy {
  padding: 13px 14px 14px;
}

.proto-home__product-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.proto-home__product-meta small {
  overflow: hidden;
  color: #7e8088;
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.proto-home__product-meta small:last-child {
  flex: none;
}

.proto-home__product-copy strong {
  margin: 4px 0;
  font:
    700 15px Manrope,
    sans-serif;
  letter-spacing: -0.035em;
}

.proto-home__product-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.proto-home__product-bottom b {
  margin: 0;
  color: var(--red);
  font-size: 12px;
}

.proto-home__product-bottom i {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #171717;
  color: #fff;
}

.proto-home__product-bottom svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.8;
}

.proto-home__product-open {
  display: none;
}

@media (max-width: 620px) {
  .proto-home__product-art {
    height: 145px;
  }

  .proto-home__product-art img {
    height: 160px;
  }

  .proto-home__product-copy {
    padding: 10px;
  }

  .proto-home__product-copy strong {
    font-size: 12px;
  }
}

.proto-home__merchant-grid {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 1400px;
  margin: 15px auto 30px;
  padding: 4px 4px 14px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.proto-home__merchant-grid::-webkit-scrollbar {
  display: none;
}

.proto-home__merchant-tile {
  position: relative;
  flex: 0 0 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
  padding: 0 2px 4px;
  border: 0;
  background: transparent;
  color: var(--black);
  text-align: center;
  scroll-snap-align: start;
}

.proto-home__merchant-image-wrap {
  position: relative;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--merchant-soft, #fff0e9);
  box-shadow: 0 8px 18px rgba(29, 35, 47, 0.12);
}

.proto-home__merchant-image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.proto-home__merchant-image-wrap > span {
  font-size: 15px;
  font-weight: 800;
}

.proto-home__merchant-tile strong {
  display: block;
  max-width: 132px;
  min-height: 3.45em;
  margin-top: 10px;
  font:
    700 14px/1.15 Manrope,
    sans-serif;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.proto-home__merchant-tile small {
  display: block;
  max-width: 132px;
  margin-top: 4px;
  overflow: hidden;
  color: #6e7179;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.proto-home__product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.proto-home__food-card {
  overflow: hidden;
  border: 1px solid #ededf0;
  border-radius: 18px;
  background: #fff;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.proto-home__food-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(29, 35, 47, 0.1);
}

.proto-home__food-card button {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--black);
  text-align: left;
}

.proto-home__food-card-art {
  position: relative;
  display: grid;
  place-items: center;
  height: 200px;
  overflow: hidden;
  background: #fff0e9;
}

.proto-home__food-card-art:after {
  position: absolute;
  content: '';
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.52);
}

.proto-home__food-card-art > * {
  position: relative;
  z-index: 1;
}

.proto-home__food-card-art img {
  width: 100%;
  height: 215px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 10px 11px rgba(61, 38, 19, 0.18));
}

.proto-home__food-card-art--food {
  background: #fff0e9;
}

.proto-home__food-card-art--chicken {
  background: #fff0e9;
}

.proto-home__food-card-art--burger {
  background: #f2ebd8;
}

.proto-home__food-card-art--bowl {
  background: #e4f2dd;
}

.proto-home__food-card-art--pizza {
  background: #ffe9dd;
}

.proto-home__food-card-art--grocery {
  background: #fff1d9;
}

.proto-home__food-card-art--groceries {
  background: #fff1d9;
}

.proto-home__food-card-art--pharmacy {
  background: #e4f3ec;
}

.proto-home__food-card-art--car-parts {
  background: #e6eef8;
}

.proto-home__food-card-art--liquor {
  background: #f1e7fb;
}

.proto-home__food-card-art--coffee {
  background: #f3e6df;
}

.proto-home__food-card-art--flowers {
  background: #f8e4ed;
}

.proto-home__food-card-art--essentials {
  background: #e9edf8;
}

.proto-home__food-card-copy {
  display: block;
  padding: 13px 14px 14px;
}

.proto-home__card-meta {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #7e8088;
}

.proto-home__merchant-tag {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  color: #555861;
  font-size: 9px;
  min-height: 2.7em;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.proto-home__merchant-tag i {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-right: 4px;
  border-radius: 6px;
  background: #171717;
  color: #fff;
  font-size: 6px;
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
}

.proto-home__food-card-copy > strong {
  display: block;
  margin: 5px 0;
  font:
    700 15px Manrope,
    sans-serif;
  letter-spacing: -0.035em;
}

.proto-home__card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--red);
  font-size: 12px;
  font-weight: 700;
}

.proto-home__card-bottom b {
  color: var(--red);
}

.proto-home__card-bottom i {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #171717;
  color: #fff;
}

.proto-home__card-bottom svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.8;
}

@media (max-width: 620px) {
  .proto-home__merchant-grid {
    gap: 12px;
    margin-top: 12px;
    padding-bottom: 11px;
  }

  .proto-home__merchant-tile {
    flex-basis: 112px;
  }

  .proto-home__merchant-image-wrap {
    width: 80px;
    height: 80px;
  }

  .proto-home__merchant-tile strong {
    max-width: 112px;
    font-size: 12px;
  }

  .proto-home__merchant-tile small {
    max-width: 112px;
    font-size: 8px;
  }

  .proto-home__food-card-art {
    height: 145px;
  }

  .proto-home__food-card-art img {
    height: 160px;
  }

  .proto-home__food-card-copy {
    padding: 10px;
  }

  .proto-home__food-card-copy > strong {
    font-size: 12px;
  }
}

.proto-home__food-card-art {
  height: 235px;
}

.proto-home__food-card-art:after {
  width: 205px;
  height: 205px;
}

.proto-home__food-card-art img {
  height: 250px;
}

.proto-home__food-card-copy {
  padding: 16px;
}

.proto-home__card-meta {
  font-size: 11px;
  font-weight: 600;
}

.proto-home__merchant-tag {
  margin-top: 8px;
  font-size: 11px;
}

.proto-home__merchant-tag i {
  width: 20px;
  height: 20px;
  border-radius: 7px;
  font-size: 7px;
}

.proto-home__food-card-copy > strong {
  min-height: 42px;
  margin: 8px 0;
  font-size: 18px;
  line-height: 1.17;
}

.proto-home__card-bottom {
  font-size: 15px;
}

.proto-home__card-bottom i {
  width: 32px;
  height: 32px;
}

.proto-home__card-bottom svg {
  width: 17px;
  height: 17px;
}

@media (max-width: 620px) {
  .proto-home__food-card-art {
    height: 170px;
  }

  .proto-home__food-card-art img {
    height: 184px;
  }

  .proto-home__food-card-copy {
    padding: 12px;
  }

  .proto-home__card-meta,
  .proto-home__merchant-tag {
    font-size: 10px;
  }

  .proto-home__food-card-copy > strong {
    min-height: 34px;
    margin: 6px 0;
    font-size: 14px;
  }

  .proto-home__card-bottom {
    font-size: 13px;
  }

  .proto-home__card-bottom i {
    width: 28px;
    height: 28px;
  }
}

.proto-home__merchant-grid--loading {
  gap: 28px;
}

.proto-home__merchant-skeleton {
  flex: 0 0 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.proto-home__merchant-skeleton > span,
.proto-home__merchant-skeleton > b,
.proto-home__merchant-skeleton > small,
.proto-home__food-card--skeleton .proto-home__food-card-art,
.proto-home__food-card--skeleton .proto-home__food-card-copy > * {
  display: block;
  background: linear-gradient(100deg, #f0f0f2 20%, #fafafb 38%, #f0f0f2 58%);
  background-size: 200% 100%;
  animation: proto-home-shimmer 1.25s ease-in-out infinite;
}

.proto-home__merchant-skeleton > span {
  width: 104px;
  height: 104px;
  border-radius: 50%;
}

.proto-home__merchant-skeleton > b {
  width: 82px;
  height: 12px;
  margin-top: 11px;
  border-radius: 999px;
}

.proto-home__merchant-skeleton > small {
  width: 61px;
  height: 8px;
  margin-top: 7px;
  border-radius: 999px;
}

.proto-home__loading-products {
  position: relative;
}

.proto-home__loading-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: -1px 0 16px;
  color: #74767d;
  font-size: 11px;
}

.proto-home__loading-note i {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #f3b0ba;
  border-top-color: var(--red);
  border-radius: 50%;
  animation: proto-home-spin 0.7s linear infinite;
}

.proto-home__food-card--skeleton {
  pointer-events: none;
}

.proto-home__food-card--skeleton .proto-home__food-card-art {
  height: 235px;
  border: 0;
  background-color: #f4f4f5;
}

.proto-home__food-card--skeleton .proto-home__food-card-art:after {
  display: none;
}

.proto-home__food-card--skeleton .proto-home__food-card-copy {
  display: block;
  padding: 16px;
}

.proto-home__food-card--skeleton .proto-home__food-card-copy i {
  width: 48%;
  height: 10px;
  border-radius: 999px;
}

.proto-home__food-card--skeleton .proto-home__food-card-copy i + i {
  width: 70%;
  height: 12px;
  margin-top: 11px;
}

.proto-home__food-card--skeleton .proto-home__food-card-copy b {
  width: 88%;
  height: 18px;
  margin-top: 13px;
  border-radius: 999px;
}

.proto-home__food-card--skeleton .proto-home__food-card-copy em {
  width: 43%;
  height: 12px;
  margin-top: 16px;
  border-radius: 999px;
}

@keyframes proto-home-shimmer {
  to {
    background-position: -200% 0;
  }
}

@keyframes proto-home-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 620px) {
  .proto-home__merchant-skeleton {
    flex-basis: 126px;
  }

  .proto-home__merchant-skeleton > span {
    width: 72px;
    height: 72px;
  }

  .proto-home__food-card--skeleton .proto-home__food-card-art {
    height: 170px;
  }

  .proto-home__food-card--skeleton .proto-home__food-card-copy {
    padding: 12px;
  }
}

.proto-page {
  max-width: 1260px;
  margin: auto;
  padding: 34px 0 58px;
}

.proto-page__back {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 24px;
  color: var(--red) !important;
  font-size: 11px;
  font-weight: 700;
}

.proto-page__back svg {
  width: 14px;
}
.proto-customer__back-bar {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 22px 0 0;
}
.proto-customer__back-bar .proto-page__back {
  margin-bottom: 0;
}

.proto-page__title,
.proto-merchant-menu-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.proto-page__title h1,
.proto-orders-head h1 {
  margin: 7px 0 0;
  font:
    800 clamp(34px, 4.4vw, 54px)/1 Manrope,
    sans-serif;
  letter-spacing: -0.065em;
}

.proto-page__title > span,
.proto-merchant-menu-head > span {
  color: #777a82;
  font-size: 11px;
}
.proto-merchant-empty {
  display: grid;
  place-items: center;
  min-height: 220px;
  margin-top: 20px;
  border: 1px dashed #e1e1e5;
  border-radius: 18px;
  padding: 28px;
  text-align: center;
}
.proto-merchant-empty h2 {
  margin: 0;
  color: #171717;
  font:
    800 22px/1.1 Manrope,
    sans-serif;
}
.proto-merchant-empty p {
  margin: 8px 0 14px;
  color: #777a82;
  font-size: 12px;
}
.proto-merchant-empty a,
.proto-merchant-empty button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: var(--red);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.proto-merchant-empty a svg,
.proto-merchant-empty button svg {
  width: 16px;
  height: 16px;
}

.proto-stores-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.proto-customer__search-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 0 9px;
  color: #171717;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.proto-customer__search-trigger:hover,
.proto-customer__search-trigger.is-active {
  background: var(--red-soft);
  color: var(--red);
}
.proto-customer__search-trigger span {
  display: inline;
}
.proto-customer__orders-link {
  font-weight: 800 !important;
  border-radius: 999px;
  color: #171717 !important;
}
.proto-customer__orders-link:hover {
  background: #f7f7f8;
}
.proto-customer__search-trigger:focus-visible,
.proto-customer__orders-link:focus-visible,
.proto-customer__cart:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
}

/* Keep the header's text actions visually interchangeable. */
.proto-customer__actions {
  align-items: center;
  gap: 8px;
}

.proto-customer__orders-monitor {
  display: flex;
  align-items: center;
}

.proto-customer__search-trigger,
.proto-customer__orders-monitor > .proto-customer__orders-link {
  display: inline-flex !important;
  height: 36px;
  min-height: 36px !important;
  align-items: center;
  justify-content: center;
  padding: 0 10px !important;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700 !important;
  line-height: 1;
}

.proto-customer__search-trigger {
  gap: 7px;
}

.proto-customer__search-trigger:hover,
.proto-customer__orders-monitor > .proto-customer__orders-link:hover {
  background: #f7f7f8;
  color: #171717 !important;
}

.proto-customer__cart {
  background: var(--red);
  color: #fff !important;
}
.proto-customer__cart b {
  background: #fff;
  color: var(--red);
}

@media (max-width: 620px) {
  .proto-customer__actions > a.proto-customer__cart {
    position: relative;
    display: inline-flex !important;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px !important;
    margin-left: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 1;
  }

  .proto-customer__actions > a.proto-customer__cart svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
  }

  .proto-customer__actions > a.proto-customer__cart b {
    position: absolute;
    top: -4px;
    right: -4px;
    display: grid;
    width: 18px;
    min-width: 18px;
    height: 18px;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 10px !important;
    line-height: 1;
  }

  .proto-customer__header {
    flex-wrap: wrap;
    row-gap: 0;
    padding-top: 8px;
    padding-bottom: 4px;
  }

  .proto-customer__actions {
    order: 3;
  }

  .proto-customer__nav {
    order: 4;
    display: flex !important;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    margin-top: 6px;
    padding: 0 0 4px;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .proto-customer__nav::-webkit-scrollbar {
    display: none;
  }

  .proto-customer__nav-item--measured-out {
    position: relative;
    visibility: visible;
    pointer-events: auto;
  }

  .proto-customer__nav-more {
    display: none;
  }

  .proto-customer__nav a.proto-customer__nav-category-link {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 12px;
  }

  .proto-customer__nav-content svg {
    width: 13px;
    height: 13px;
  }
}

.proto-customer__search-bar {
  position: sticky;
  top: 75px;
  z-index: 49;
  max-width: 1400px;
  margin: 0 auto;
  padding: 12px 0;
  background: #fff;
}
.proto-customer__search-bar > div {
  width: 100%;
}
.proto-customer__search-bar .app-search-surface {
  min-height: 44px;
  border-radius: 12px;
}
.proto-customer__search-bar .customer-dashboard-search--prototype {
  gap: 10px;
  padding: 0 14px;
  box-shadow: none;
}
.proto-customer__search-bar .customer-dashboard-search__label {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.proto-customer__search-bar .customer-dashboard-search__divider {
  width: 1px;
  height: 20px;
  background: #dfe2e7;
}
.proto-customer__search-bar input {
  min-width: 0;
  height: 42px;
  font-size: 12px;
}
.proto-customer__search-bar .customer-dashboard-search--prototype > button {
  margin-left: 4px;
}

.proto-stores-groups {
  display: grid;
  gap: 34px;
}
.proto-store-group {
  display: grid;
  gap: 14px;
}
.proto-store-group__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.proto-store-group__heading h2 {
  margin: 0;
  color: #171717;
  font:
    800 25px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}
.proto-store-group__heading span {
  color: #777a82;
  font-size: 11px;
}

.proto-store-card {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 245px;
  overflow: hidden;
  border-radius: 19px;
  padding: 22px;
  color: #fff !important;
  background: #171717;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.proto-store-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 35px rgba(27, 31, 38, 0.18);
}

.proto-store-card > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}

.proto-store-card:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(15, 16, 19, 0.9),
    rgba(15, 16, 19, 0.54) 58%,
    rgba(15, 16, 19, 0.1)
  );
}

.proto-store-card > div {
  align-self: flex-end;
  max-width: 310px;
}

.proto-store-card i,
.proto-merchant-hero__copy i {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border-radius: 11px;
  background: #fff;
  color: #171717;
  font:
    800 12px Manrope,
    sans-serif;
  font-style: normal;
}

.proto-store-card h2 {
  margin: 13px 0 6px;
  font:
    800 25px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}

.proto-store-card p {
  margin: 0;
  color: #f0f0f1;
  font-size: 11px;
}

.proto-store-card footer {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 15px;
  font-size: 10px;
  font-weight: 700;
}

.proto-store-card footer b {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  padding: 7px 10px;
}

.proto-store-card footer svg {
  width: 12px;
}

.proto-store-card--skeleton {
  min-height: 245px;
  background: linear-gradient(100deg, #f0f0f2 20%, #fafafb 38%, #f0f0f2 58%);
  background-size: 200% 100%;
  animation: proto-home-shimmer 1.25s ease-in-out infinite;
}

.proto-store-card--skeleton:after {
  display: none;
}

.proto-stores-page {
  max-width: 1280px;
  width: calc(100% - 48px);
  padding: 32px 0 64px;
}
.proto-stores-page__header {
  margin-top: 24px;
}
.proto-stores-page__header h1 {
  max-width: 700px;
  margin: 10px 0 8px;
  color: #171717;
  font:
    750 clamp(48px, 4vw, 54px)/0.98 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-stores-page__header > p:last-child {
  margin: 0;
  color: #777;
  font-size: 14px;
}
.proto-stores-categories {
  display: flex;
  gap: 9px;
  margin-top: 26px;
  overflow-x: auto;
  padding-bottom: 3px;
  scrollbar-width: none;
}
.proto-stores-categories::-webkit-scrollbar {
  display: none;
}
.proto-stores-categories button {
  height: 40px;
  flex: 0 0 auto;
  border: 1px solid #e7e7e7;
  border-radius: 999px;
  background: #fff;
  padding: 0 15px;
  color: #444;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
.proto-stores-categories button.is-active {
  border-color: #171717;
  background: #171717;
  color: #fff;
}
.proto-stores-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 28px 0 16px;
}
.proto-stores-toolbar p {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin: 0;
}
.proto-stores-toolbar strong {
  color: #171717;
  font:
    700 26px/1 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-stores-toolbar p span,
.proto-stores-toolbar > span {
  color: #777;
  font-size: 13px;
}
.proto-stores-toolbar > span:before {
  content: 'Sort: ';
  color: #aaa;
}
.proto-stores-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.proto-store-card {
  display: block;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #eae7e4;
  border-radius: 18px;
  background: #fff !important;
  padding: 0;
  color: #171717 !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.proto-store-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(20, 20, 20, 0.07);
}
.proto-store-card:after {
  display: none;
}
.proto-store-card__image {
  position: relative;
  width: 100%;
  max-width: none;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f5f5f5;
}
.proto-store-card__image > img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.2s ease;
}
.proto-store-card:hover .proto-store-card__image > img {
  transform: scale(1.015);
}
.proto-store-card__image > span {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #777;
  font:
    800 30px Manrope,
    sans-serif;
}
.proto-store-card__image > b {
  position: absolute;
  top: 14px;
  left: 14px;
  height: 28px;
  border-radius: 999px;
  background: rgba(245, 245, 245, 0.94);
  padding: 0 10px;
  color: #666;
  font-size: 11px;
  line-height: 28px;
}
.proto-store-card__image > b.is-open {
  background: rgba(255, 255, 255, 0.94);
  color: #171717;
}
.proto-store-card__content {
  max-width: none !important;
  padding: 15px 16px 16px;
}
.proto-store-card__identity {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}
.proto-store-card__identity > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 10px;
  background: #f5f5f5;
  color: #171717;
  font:
    800 12px Manrope,
    sans-serif;
  font-style: normal;
}
.proto-store-card__identity > i img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.proto-store-card__identity h2 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 1px 0 4px;
  color: #171717;
  font:
    700 18px/1.15 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}
.proto-store-card__identity h2 svg {
  width: 15px;
  height: 15px;
  color: #238a57;
}
.proto-store-card__identity p {
  overflow: hidden;
  margin: 0;
  color: #777;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-store-card__rating {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-top: 3px;
  color: #171717;
  font-size: 13px;
  font-weight: 650;
}
.proto-store-card__rating svg {
  width: 14px;
  height: 14px;
  fill: #f4a51c;
  color: #f4a51c;
}
.proto-store-card__content footer {
  display: flex;
  gap: 7px;
  margin-top: 16px;
  color: #555;
  font-size: 13px;
  font-weight: 600;
}
.proto-store-card__content footer span + span:before {
  content: '·';
  margin-right: 7px;
  color: #aaa;
}
.proto-store-card--skeleton {
  min-height: 300px;
  border: 1px solid #eee;
  background: linear-gradient(100deg, #f0f0f2 20%, #fafafb 38%, #f0f0f2 58%) !important;
}
.proto-stores-empty {
  border: 1px dashed #dedee2;
  border-radius: 18px;
  padding: 44px 24px;
  text-align: center;
}
.proto-stores-empty h2 {
  margin: 0;
  color: #171717;
  font:
    700 21px Manrope,
    sans-serif;
}
.proto-stores-empty p {
  margin: 8px 0 18px;
  color: #777;
  font-size: 13px;
}
.proto-stores-empty button {
  border: 0;
  background: transparent;
  color: var(--red);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .proto-stores-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .proto-stores-page {
    width: calc(100% - 32px);
    padding-top: 24px;
  }
  .proto-stores-page__header h1 {
    font-size: 40px;
  }
  .proto-stores-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .proto-stores-toolbar {
    margin-top: 24px;
  }
}
.proto-stores-toolbar > div:first-child strong,
.proto-stores-toolbar > div:first-child span {
  display: block;
}
.proto-stores-toolbar > div:first-child span {
  margin-top: 5px;
  color: #777;
  font-size: 13px;
}
.proto-stores-toolbar__actions {
  display: flex;
  gap: 8px;
}
.proto-stores-toolbar__actions button {
  height: 36px;
  border: 1px solid #e7e7e7;
  border-radius: 9px;
  background: #fff;
  padding: 0 11px;
  color: #555;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.proto-stores-toolbar__actions button:hover {
  background: #f7f7f7;
}
.proto-stores-toolbar > span {
  display: none;
}
.proto-store-card__content {
  padding: 16px 16px 18px;
}
.proto-store-card__image {
  background: #f6f4f2;
}
.proto-store-card__image > span > i {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 14px;
  background: #fff;
  color: #555;
  font:
    800 16px Manrope,
    sans-serif;
  font-style: normal;
  box-shadow: 0 4px 12px rgba(20, 20, 20, 0.06);
}
.proto-store-card__image > b {
  box-shadow: 0 3px 10px rgba(20, 20, 20, 0.08);
}
.proto-store-card__identity p {
  margin-top: 5px;
}
.proto-store-card__content footer {
  margin-top: 14px;
}
.proto-store-card > .proto-store-card__image {
  width: 100% !important;
  max-width: none !important;
  align-self: stretch;
}
html.dark .proto-stores-page__header h1,
html.dark .proto-stores-toolbar strong,
html.dark .proto-store-card__identity h2,
html.dark .proto-stores-empty h2 {
  color: #f5f6f7;
}
html.dark .proto-stores-page__header > p:last-child,
html.dark .proto-stores-toolbar p span,
html.dark .proto-stores-toolbar > div:first-child span,
html.dark .proto-store-card__identity p,
html.dark .proto-store-card__content footer,
html.dark .proto-stores-empty p {
  color: #a8afb7;
}
html.dark .proto-stores-categories button,
html.dark .proto-stores-toolbar__actions button {
  border-color: #475569;
  background: #334155;
  color: #dfe3e7;
}
html.dark .proto-stores-categories button.is-active {
  border-color: #f20a24;
  background: #f20a24;
  color: #fff;
}
html.dark .proto-store-card {
  border-color: #475569;
  background: #1e293b !important;
  color: #f5f6f7 !important;
}
html.dark .proto-store-card__image {
  background: #334155;
}
html.dark .proto-store-card__identity > i {
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-store-card__rating {
  color: #f5f6f7;
}
html.dark .proto-stores-empty {
  border-color: #475569;
}
html.dark .proto-orders-page .delivery-feature-card,
html.dark .proto-orders-page .customer-reservation-workspace-embedded {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f5f6f7;
}
html.dark .proto-orders-page .delivery-feature-card [class*='text-gray-900'],
html.dark .proto-orders-page .delivery-feature-card [class*='text-slate-900'],
html.dark .proto-orders-page .delivery-feature-card [class*='text-gray-800'] {
  color: #f5f6f7 !important;
}
html.dark .proto-orders-page .delivery-feature-card [class*='text-gray-500'],
html.dark .proto-orders-page .delivery-feature-card [class*='text-gray-600'],
html.dark .proto-orders-page .delivery-feature-card [class*='text-slate-500'],
html.dark .proto-orders-page .delivery-feature-card [class*='text-slate-600'] {
  color: #a8afb7 !important;
}
html.dark .proto-orders-page .delivery-feature-card input,
html.dark .proto-orders-page .delivery-feature-card select,
html.dark .proto-orders-page .delivery-feature-card button:not(.bg-red-600) {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #dfe3e7 !important;
}
html.dark .proto-orders-page .delivery-feature-card hr,
html.dark .proto-orders-page .delivery-feature-card [class*='border'] {
  border-color: #475569 !important;
}
html.dark .proto-cart-sheet {
  background: #1e293b !important;
  color: #f5f6f7;
  box-shadow: -16px 0 45px rgba(0, 0, 0, 0.45);
}
html.dark .proto-cart-sheet header {
  border-color: #475569;
}
html.dark .proto-cart-sheet header span,
html.dark .proto-cart-sheet__items small {
  color: #a8afb7;
}
html.dark .proto-cart-sheet header button {
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-cart-sheet__items div {
  border-color: #475569;
}
html.dark .proto-cart-sheet__items div > span {
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-cart-sheet__items strong {
  color: #f5f6f7;
}
html.dark .proto-cart-sheet__items div {
  background: #202429 !important;
  border-color: #475569 !important;
}
html.dark .proto-cart-sheet footer {
  border-top-color: #475569 !important;
}
html.dark .proto-cart-sheet footer > span,
html.dark .proto-cart-sheet footer > span b {
  color: #f5f6f7 !important;
}
html.dark .proto-cart-sheet h2 {
  color: #f5f6f7 !important;
}
html.dark .proto-cart-sheet__items div {
  background: transparent !important;
  border-color: #475569 !important;
}

.proto-merchant-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: end;
  min-height: 285px;
  overflow: hidden;
  border-radius: 22px;
  padding: 34px 38px;
  color: #fff;
}

.proto-merchant-hero > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.proto-merchant-hero__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(12, 13, 16, 0.9),
    rgba(12, 13, 16, 0.64) 48%,
    rgba(12, 13, 16, 0.16)
  );
}

.proto-merchant-hero__copy {
  max-width: 650px;
}

.proto-merchant-hero__copy i {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  font-size: 18px;
}
.proto-merchant-hero__copy i img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

.proto-merchant-hero h1 {
  margin: 17px 0 9px;
  font:
    800 clamp(32px, 4.2vw, 52px)/1 Manrope,
    sans-serif;
  letter-spacing: -0.065em;
}

.proto-merchant-hero p {
  margin: 0;
  color: #f1f1f2;
}

.proto-merchant-hero__facts {
  display: flex;
  gap: 25px;
  margin-left: auto;
  padding-bottom: 5px;
}

.proto-merchant-hero__facts div {
  min-width: 82px;
}

.proto-merchant-hero__facts strong,
.proto-merchant-hero__facts small {
  display: block;
}

.proto-merchant-hero__facts strong {
  font:
    700 14px Manrope,
    sans-serif;
}

.proto-merchant-hero__facts small {
  margin-top: 3px;
  color: #e1e1e4;
  font-size: 9px;
}

.proto-merchant-menu-head {
  margin: 33px 0 14px;
}

.proto-merchant-menu-head h2 {
  margin: 5px 0 0;
  font:
    800 26px/1 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}

.proto-merchant-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.proto-merchant-product {
  overflow: hidden;
  border: 1px solid #ececef;
  border-radius: 17px;
  background: #fff;
}

.proto-merchant-product__art {
  height: 205px;
  background: #fff0e9;
}

.proto-merchant-product__art img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 14px;
}

.proto-merchant-product > div:last-child {
  padding: 14px;
}

.proto-merchant-product small {
  color: #777a82;
  font-size: 10px;
}

.proto-merchant-product h3 {
  margin: 6px 0;
  font:
    700 17px/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}

.proto-merchant-product p {
  min-height: 32px;
  margin: 0;
  color: #666970;
  font-size: 11px;
}

.proto-merchant-product footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.proto-merchant-product footer strong {
  font-size: 13px;
}

.proto-merchant-product footer button {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 0;
  border-radius: 999px;
  background: #171717;
  padding: 9px 12px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

.proto-merchant-product footer svg {
  width: 13px;
}

.proto-merchant-page {
  max-width: 1240px;
  width: calc(100% - 64px);
  padding-bottom: 72px;
}
.proto-merchant-page .proto-page__back {
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 600;
}
.proto-merchant-hero {
  aspect-ratio: 4 / 1;
  min-height: 0;
  height: auto;
  padding: 0;
  border-radius: 20px;
}
.proto-merchant-hero > img {
  -o-object-position: center 42%;
     object-position: center 42%;
}
.proto-merchant-hero__shade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.12));
}
.proto-merchant-hero__copy {
  align-self: end;
  max-width: 720px;
}
.proto-merchant-hero__copy i {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  font-size: 15px;
}
.proto-merchant-hero h1 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 13px 0 7px;
  font:
    750 clamp(38px, 3.4vw, 44px)/1 Manrope,
    sans-serif;
  letter-spacing: -0.035em;
}
.proto-merchant-hero h1 svg {
  width: 20px;
  height: 20px;
  color: #7ae5ad;
}
.proto-merchant-hero__copy > p {
  max-width: 520px;
  font-size: 13px;
}
.proto-merchant-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 15px 0 0;
  padding: 0;
}
.proto-merchant-hero__facts span {
  color: #fff;
  font-size: 13px;
  font-weight: 650;
}
.proto-merchant-hero__facts span svg {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  vertical-align: -2px;
  fill: #f4a51c;
  color: #f4a51c;
}
.proto-merchant-hero__facts span.is-open {
  color: #a5efc4;
}
.proto-merchant-identity {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  min-height: 174px;
  margin-top: -1px;
  padding: 48px 4px 30px;
  border-bottom: 1px solid #eae7e4;
}
.proto-merchant-identity__logo {
  position: relative;
  z-index: 1;
  display: grid;
  width: 128px;
  height: 128px;
  flex: 0 0 128px;
  place-items: center;
  margin-top: -130px;
  overflow: hidden;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #172033;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
  color: #fff;
}
.proto-merchant-identity__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.proto-merchant-identity__logo i {
  font:
    800 25px/1 Manrope,
    sans-serif;
  font-style: normal;
}
.proto-merchant-identity__details {
  min-width: 0;
  flex: 1;
}
.proto-merchant-identity__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.proto-merchant-identity h1 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 5px 0;
  color: #171717;
  font:
    750 clamp(28px, 3vw, 34px)/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}
.proto-merchant-identity h1 svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: #16a34a;
}
.proto-merchant-identity__tagline {
  margin: 0;
  color: #777;
  font-size: 13px;
}
.proto-merchant-identity__status {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #f8fafc;
  padding: 0 12px;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}
.proto-merchant-identity__status.is-open {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}
.proto-merchant-identity__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 18px;
  color: #777;
  font-size: 13px;
}
.proto-merchant-identity__meta span + span::before {
  margin: 0 10px;
  color: #c4c7cc;
  content: '·';
}
.proto-merchant-identity__meta span {
  display: inline-flex;
  align-items: center;
}
.proto-merchant-identity__meta svg {
  width: 15px;
  height: 15px;
  margin-right: 4px;
  fill: #f4a51c;
  color: #f4a51c;
}
.proto-merchant-menu-head {
  align-items: end;
  margin: 30px 0 16px;
}
.proto-merchant-menu-head h2 {
  margin: 5px 0 0;
  font-size: 28px;
}
.proto-merchant-menu-head p:last-child {
  margin: 0;
  color: #777;
  font-size: 13px;
}
.proto-merchant-menu-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.proto-merchant-menu-title > span {
  color: #777a82;
  font-size: 13px;
  font-weight: 650;
}
.proto-merchant-menu-head > span {
  font-size: 13px;
}
.proto-merchant-search {
  display: flex;
  width: min(520px, 100%);
  height: 46px;
  align-items: center;
  gap: 9px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 0 12px;
  color: #777;
}
.proto-merchant-search svg {
  width: 18px;
  height: 18px;
}
.proto-merchant-search input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #171717;
  font: inherit;
  font-size: 13px;
}
.proto-merchant-products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 20px;
}
.proto-merchant-product {
  cursor: pointer;
  border-color: #eae7e4;
  border-radius: 18px;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.proto-merchant-product:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(20, 20, 20, 0.07);
}
.proto-merchant-product__art {
  aspect-ratio: 4 / 3;
  height: auto;
  background: #f7f5f3;
}
.proto-merchant-product__art img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
.proto-merchant-product > div:last-child {
  padding: 15px 16px 16px;
}
.proto-merchant-product small {
  display: block;
  min-height: 16px;
  color: #777;
  font-size: 12px;
}
.proto-merchant-product h3 {
  margin: 7px 0 6px;
  color: #171717;
  font-size: 18px;
}
.proto-merchant-product p {
  display: -webkit-box;
  min-height: 0;
  overflow: hidden;
  color: #777;
  font-size: 13px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.proto-merchant-product footer {
  margin-top: 14px;
}
.proto-merchant-product footer strong {
  color: #171717;
  font-size: 15px;
}
.proto-merchant-product footer button {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  background: #171717;
  padding: 0;
}
.proto-merchant-product footer button:hover {
  background: #f20a24;
}
.proto-merchant-product footer button svg {
  width: 18px;
}
.proto-merchant-menu-actions__part-request {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #f20a24;
  border-radius: 12px;
  background: #f20a24;
  padding: 0 16px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(242, 10, 36, 0.16);
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
}
.proto-merchant-menu-actions__part-request svg {
  width: 19px;
  height: 19px;
}
.proto-merchant-menu-actions__part-request:hover {
  border-color: #d90820;
  background: #d90820;
  box-shadow: 0 10px 22px rgba(242, 10, 36, 0.22);
  transform: translateY(-1px);
}
.proto-merchant-menu-actions__part-request:focus-visible {
  outline: 3px solid rgba(242, 10, 36, 0.25);
  outline-offset: 3px;
}

.customer-reservation-card {
  border-color: #e9eaf0 !important;
  box-shadow: 0 14px 30px -26px rgba(15, 23, 42, 0.5) !important;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}
.customer-reservation-card:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 18px 34px -25px rgba(15, 23, 42, 0.42) !important;
  transform: translateY(-1px);
}
.customer-reservation-card__details > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid #f0f1f4;
  padding-top: 8px;
}
.customer-reservation-card__details span {
  color: #8a8f9b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.customer-reservation-card__details strong {
  min-width: 0;
  overflow: hidden;
  color: #343946;
  font-size: 12px;
  font-weight: 650;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-reservation-card__action {
  min-height: 40px;
  justify-content: center;
  border-radius: 999px;
  background: #f3f6ff;
  padding: 0 14px;
}
.customer-reservation-workspace-embedded > section:first-child {
  display: none;
}
.customer-reservation-workspace-embedded .customer-reservation-list-panel {
  border-radius: 20px !important;
  border: 0 !important;
  background: #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.customer-reservation-workspace-embedded .customer-reservation-list-panel,
.customer-reservation-workspace-embedded .customer-reservation-list-panel * {
  box-shadow: none !important;
}
.customer-reservation-workspace-embedded .customer-reservation-list-panel > div:first-child {
  border-color: #ece7e2;
}
.customer-reservation-workspace-embedded .customer-reservation-list-panel > div:last-child {
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.customer-reservation-workspace-embedded .customer-reservation-list-panel > div:last-child > div {
  border: 0 !important;
}
.customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  button:not(.customer-reservation-card__action) {
  border-color: #e8e8e8;
  color: #171717;
}
.customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  button:not(.customer-reservation-card__action):hover {
  border-color: #f20a24;
  background: #fff2f4;
}
.customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  button.customer-reservation-card__action {
  border-color: #f20a24 !important;
  background: #fff2f4 !important;
  color: #f20a24 !important;
}
.customer-reservation-workspace-embedded .customer-reservation-start {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(242, 10, 36, 0.14) !important;
}
.customer-reservation-workspace-embedded .customer-reservation-start:hover {
  background: #d90820 !important;
}
.customer-reservation-history-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 16px 0 20px;
}
.customer-reservation-controls-row {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(240px, 1fr);
  gap: 12px;
  border-top: 1px solid #ece7e2;
  padding-top: 14px;
}
.customer-reservation-workspace-embedded .customer-reservation-list-panel > div.rounded-3xl {
  padding: 0 !important;
}
.customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div.rounded-3xl
  > div:first-child {
  padding: 0 !important;
}
.customer-reservation-controls-row label {
  display: grid;
  gap: 6px;
}
.customer-reservation-controls-row label > span {
  color: #777a82;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.customer-reservation-controls-row select,
.customer-reservation-controls-row input {
  min-height: 42px;
  border: 1px solid #e2e2e5;
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
  color: #171717;
  font-size: 12px;
  outline: 0;
}
.customer-reservation-controls-row select:focus,
.customer-reservation-controls-row input:focus {
  border-color: #f20a24;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.1);
}
.customer-reservation-history-card {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  background: #fff;
  padding: 18px;
}
.customer-reservation-history-card header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.customer-reservation-history-card__status {
  border-radius: 999px;
  background: #fff2f4;
  padding: 6px 9px;
  color: #f20a24;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.customer-reservation-history-card__status.is-confirmed {
  background: #e9f8ef;
  color: #16824a;
}
.customer-reservation-history-card__status.is-pending {
  background: #fff6df;
  color: #a86500;
}
.customer-reservation-history-card time {
  color: #171717;
  font-size: 10px;
  white-space: nowrap;
}
.customer-reservation-history-card h3 {
  margin: 15px 0 3px;
  color: #171717;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}
.customer-reservation-history-card p {
  margin: 0;
  color: #666;
  font-size: 11px;
  line-height: 1.45;
}
.customer-reservation-history-card strong {
  margin-top: 14px;
  color: #171717;
  font-size: 13px;
}
.customer-reservation-history-card small {
  margin-top: 5px;
  color: #a86b00;
  font-size: 10px;
}
.customer-reservation-history-card button,
.customer-reservation-history-card > span {
  margin-top: auto;
  border: 0;
  background: transparent;
  padding: 12px 0 0;
  color: #f20a24;
  font-size: 11px;
  font-weight: 700;
}
.customer-reservation-history-card button {
  cursor: pointer;
}
.customer-reservation-history-card button:hover {
  color: #d90820;
}
.customer-reservation-history-card.is-clickable {
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    background 0.16s ease;
}
.customer-reservation-history-card.is-clickable:hover,
.customer-reservation-history-card.is-clickable:focus-visible {
  border-color: #f20a24;
  background: #fffafb;
  outline: none;
}
.customer-reservation-detail-overlay {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(23, 23, 23, 0.28);
}
.customer-reservation-detail-dialog {
  width: min(520px, 100%);
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  background: #fff;
  padding: 24px;
}
.customer-reservation-detail-dialog header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.customer-reservation-detail-dialog header p {
  margin: 0 0 6px;
  color: #777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.customer-reservation-detail-dialog h2 {
  margin: 0;
  color: #171717;
  font-size: 21px;
  line-height: 1.2;
}
.customer-reservation-detail-dialog header button {
  border: 0;
  background: transparent;
  color: #777;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.customer-reservation-detail-dialog dl {
  display: grid;
  gap: 12px;
  margin: 22px 0 0;
}
.customer-reservation-detail-dialog dl div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 12px;
}
.customer-reservation-detail-dialog dt {
  color: #777;
  font-size: 12px;
}
.customer-reservation-detail-dialog dd {
  margin: 0;
  color: #171717;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
.customer-reservation-detail-dialog__loading {
  margin: 26px 0 8px;
  color: #777;
  font-size: 13px;
}
.customer-reservation-detail-dialog__actions {
  margin-top: 22px;
  border-top: 1px solid #efefef;
  padding-top: 18px;
}
.customer-reservation-detail-dialog__actions h3 {
  margin: 0;
  color: #171717;
  font-size: 14px;
}
.customer-reservation-detail-dialog__actions > p {
  margin: 5px 0 0;
  color: #777;
  font-size: 12px;
}
.customer-reservation-detail-dialog__actions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.customer-reservation-detail-dialog__actions .customer-reservation-detail-dialog__action,
.customer-reservation-detail-dialog__actions .customer-reservation-detail-dialog__cancel {
  margin-top: 14px;
}
.customer-reservation-detail-dialog__action {
  margin-top: 22px;
  border: 0;
  border-radius: 999px;
  background: #f20a24;
  padding: 11px 16px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.customer-reservation-detail-dialog__cancel {
  margin: 22px 0 0 8px;
  border: 1px solid #dedede;
  border-radius: 999px;
  background: #fff;
  padding: 10px 15px;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.customer-reservation-detail-dialog__cancel:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.customer-reservation-detail-dialog__message {
  margin: 14px 0 0;
  color: #277548;
  font-size: 12px;
  font-weight: 600;
}
html.dark .customer-reservation-detail-overlay {
  background: rgba(5, 7, 9, 0.78);
  backdrop-filter: blur(4px);
}
html.dark .customer-reservation-detail-dialog {
  border-color: #475569;
  background: #1e293b;
  color: #f5f6f7;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}
html.dark .customer-reservation-detail-dialog header p,
html.dark .customer-reservation-detail-dialog dt,
html.dark .customer-reservation-detail-dialog__loading,
html.dark .customer-reservation-detail-dialog__actions > p {
  color: #a8afb7;
}
html.dark .customer-reservation-detail-dialog h2,
html.dark .customer-reservation-detail-dialog dd,
html.dark .customer-reservation-detail-dialog__actions h3 {
  color: #f5f6f7;
}
html.dark .customer-reservation-detail-dialog header button {
  color: #dfe3e7;
}
html.dark .customer-reservation-detail-dialog dl div,
html.dark .customer-reservation-detail-dialog__actions {
  border-color: #475569;
}
html.dark .customer-reservation-detail-dialog__cancel {
  border-color: #475569;
  background: #334155;
  color: #f5f6f7;
}
.proto-orders-list__card-clickable {
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    transform 0.16s ease;
}
.proto-orders-list__card-clickable:hover,
.proto-orders-list__card-clickable:focus-visible {
  border-color: #f20a24 !important;
  background: #fffafb;
  outline: none;
  transform: translateY(-1px);
}
html.dark .proto-orders-list article,
html.dark .proto-orders-empty {
  border-color: #475569;
  background: #1e293b;
  color: #f5f6f7;
}
html.dark .proto-orders-list__card-clickable:hover,
html.dark .proto-orders-list__card-clickable:focus-visible {
  border-color: #f20a24 !important;
  background: #202429;
}
@media (max-width: 900px) {
  .customer-reservation-history-grid {
    grid-template-columns: 1fr;
  }
  .customer-reservation-controls-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {
  .customer-reservation-history-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px 0 16px;
  }
  .customer-reservation-history-card {
    min-height: 176px;
    padding: 16px;
  }
  .customer-reservation-card__details > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  .customer-reservation-card__details strong {
    text-align: left;
    white-space: normal;
  }
  .customer-reservation-card__action {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .proto-merchant-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .proto-merchant-page {
    width: calc(100% - 32px);
  }
  .proto-merchant-hero {
    aspect-ratio: 16 / 9;
  }
  .proto-merchant-identity {
    gap: 14px;
    min-height: 188px;
    padding: 42px 0 26px;
  }
  .proto-merchant-identity__logo {
    width: 96px;
    height: 96px;
    flex-basis: 96px;
    margin-top: -98px;
  }
  .proto-merchant-identity__logo i {
    font-size: 21px;
  }
  .proto-merchant-identity__heading {
    display: block;
  }
  .proto-merchant-identity__status {
    margin-top: 14px;
  }
  .proto-merchant-menu-head {
    display: block;
  }
  .proto-merchant-menu-head > span {
    display: block;
    margin-top: 12px;
  }
  .proto-merchant-products {
    grid-template-columns: 1fr;
  }
}
html.dark .proto-merchant-menu-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
html.dark .proto-merchant-menu-head p:last-child {
  color: #a8afb7;
}
html.dark .proto-merchant-menu-actions {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
html.dark .proto-merchant-menu-actions > span {
  color: #dfe3e7;
}
html.dark .proto-merchant-search {
  border-color: #475569;
  background: #1e293b;
  color: #a8afb7;
}
html.dark .proto-merchant-search input {
  background: #1e293b;
  color: #f5f6f7;
}
html.dark .proto-merchant-search input::-moz-placeholder {
  color: #8f98a3;
}
html.dark .proto-merchant-search input::placeholder {
  color: #8f98a3;
}
html.dark .proto-merchant-product {
  border-color: #475569;
  background: #1e293b;
  color: #f5f6f7;
}
html.dark .proto-merchant-product__art {
  background: #334155;
}
html.dark .proto-merchant-product small,
html.dark .proto-merchant-product p {
  color: #a8afb7;
}
html.dark .proto-merchant-product h3,
html.dark .proto-merchant-product footer strong {
  color: #f5f6f7;
}
html.dark .proto-merchant-identity {
  border-bottom-color: #334155;
}
html.dark .proto-merchant-identity h1 {
  color: #f5f6f7;
}
html.dark .proto-merchant-identity__tagline,
html.dark .proto-merchant-identity__meta,
html.dark .proto-merchant-menu-title > span {
  color: #a8afb7;
}
html.dark .proto-merchant-identity__status {
  border-color: #475569;
  background: #1e293b;
  color: #cbd5e1;
}
html.dark .proto-merchant-identity__status.is-open {
  border-color: #166534;
  background: #143322;
  color: #86efac;
}
html.dark .proto-merchant-identity__meta span + span::before {
  color: #64748b;
}
@media (max-width: 760px) {
  html.dark .proto-merchant-menu-head {
    display: block;
  }
  html.dark .proto-merchant-menu-actions {
    margin-top: 12px;
  }
}

.proto-merchant-product--skeleton {
  height: 340px;
  background: linear-gradient(100deg, #f0f0f2 20%, #fafafb 38%, #f0f0f2 58%);
  background-size: 200% 100%;
  animation: proto-home-shimmer 1.25s ease-in-out infinite;
}

.proto-product-detail {
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: center;
  gap: 16px;
  min-height: 410px;
}

.proto-product-detail__art {
  position: relative;
  display: grid;
  place-items: center;
  height: 385px;
  overflow: hidden;
  background: #fff0e9;
}

.proto-product-detail__art:before {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: #fff8f4;
}

.proto-product-detail__art img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 365px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 16px;
}

.proto-product-detail__copy {
  padding: 18px;
}

.proto-product-detail__merchant {
  display: flex;
  justify-content: space-between;
  margin-top: 11px;
  color: #44464d !important;
  font-size: 11px;
  font-weight: 700;
}

.proto-product-detail__merchant span {
  color: var(--red);
}

.proto-product-detail__copy h1 {
  margin: 10px 0;
  font:
    800 38px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.06em;
}

.proto-product-detail__title-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.proto-product-detail__title-row h1 {
  flex: 1;
}

.proto-product-detail__favourite {
  display: grid !important;
  width: 42px !important;
  height: 42px;
  flex: 0 0 42px;
  margin-top: 8px;
  place-items: center;
  border: 1px solid #e2e3e7 !important;
  border-radius: 50%;
  background: #fff !important;
  color: #666970 !important;
  cursor: pointer;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.proto-product-detail__favourite:hover,
.proto-product-detail__favourite.is-active {
  border-color: #f3c9d0 !important;
  background: #fff1f3 !important;
  color: var(--red) !important;
}

.proto-product-detail__favourite:active {
  transform: scale(0.92);
}

.proto-product-detail__favourite svg {
  width: 20px;
  height: 20px;
}

.proto-product-detail__copy > p:not(.proto-home__eyebrow) {
  margin: 0;
  color: #666970;
  font-size: 12px;
}

.proto-product-detail__copy label {
  display: block;
  margin: 22px 0 8px;
  color: #858791;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.proto-product-detail__options {
  display: flex;
  gap: 8px;
}

.proto-product-detail__options button {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid #e4e4e7;
  border-radius: 11px;
  background: #fff;
  padding: 10px;
  color: #333;
  font-size: 10px;
}

.proto-product-detail__options button.is-selected {
  border-color: #171717;
  background: #171717;
  color: #fff;
}

.proto-product-detail__options small {
  font-size: 8px;
}

.proto-product-detail__action {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 23px;
}

.proto-product-detail__action strong {
  font-size: 17px;
}

.proto-product-detail__action button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 0;
  border-radius: 999px;
  background: #171717;
  padding: 13px 18px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.proto-product-detail__action svg {
  width: 16px;
}

.proto-orders-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 19px 0 27px;
}

.proto-orders-head p:not(.proto-home__eyebrow) {
  margin: 8px 0 0;
  color: #71737b;
}

.proto-orders-head button {
  margin-left: 7px;
  border: 0;
  border-radius: 999px;
  background: #f5f5f6;
  padding: 8px 12px;
  font-size: 11px;
}

.proto-orders-head button.is-active {
  background: #171717;
  color: #fff;
  font-weight: 700;
}

.proto-orders-head .proto-orders-tabs {
  min-width: 286px;
}

.proto-orders-head .proto-orders-tabs button {
  margin-left: 0;
  border-radius: 8px;
  background: transparent;
  padding: 9px 11px;
}

.proto-orders-head .proto-orders-tabs button.is-active {
  background: transparent;
  color: #fff;
}

.proto-orders-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.proto-orders-list article,
.proto-orders-empty {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 18px;
}

.proto-orders-list span {
  display: inline-block;
  border-radius: 999px;
  background: #fff1f3;
  padding: 5px 8px;
  color: var(--red);
  font-size: 9px;
  font-weight: 700;
}

.proto-orders-list h2 {
  margin: 10px 0 3px;
  font:
    700 14px Manrope,
    sans-serif;
}

.proto-orders-list p {
  margin: 0;
  color: #71737b;
  font-size: 10px;
}

.proto-orders-list strong {
  display: block;
  margin-top: 13px;
}

.proto-orders-empty {
  padding: 65px 20px;
  text-align: center;
}

.proto-orders-empty i {
  color: var(--red);
  font-size: 30px;
  font-style: normal;
}

.proto-orders-empty h2 {
  margin: 7px 0;
  font:
    800 23px Manrope,
    sans-serif;
}

.proto-orders-empty p {
  margin: 0;
  color: #71737b;
}

.proto-orders-empty a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: #171717;
  padding: 11px 15px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 700;
}

.proto-orders-empty svg {
  width: 14px;
}

@media (max-width: 760px) {
  .proto-stores-grid {
    grid-template-columns: 1fr;
  }

  .proto-merchant-hero {
    display: block;
  }

  .proto-merchant-hero__facts {
    margin: 26px 0 0;
  }

  .proto-merchant-products {
    grid-template-columns: 1fr;
  }

  .proto-product-detail {
    grid-template-columns: 1fr;
  }

  .proto-product-detail__art {
    height: 290px;
  }

  .proto-product-detail__art img {
    height: 280px;
  }

  .proto-orders-head {
    display: block;
  }

  .proto-orders-head > div:last-child {
    margin-top: 20px;
  }

  .proto-orders-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .proto-page {
    padding-top: 24px;
  }

  .proto-merchant-products {
    grid-template-columns: 1fr;
  }

  .proto-merchant-hero__facts {
    gap: 16px;
  }

  .proto-product-detail__copy {
    padding: 5px;
  }

  .proto-product-detail__copy h1 {
    font-size: 31px;
  }

  .proto-product-detail__options {
    flex-wrap: wrap;
  }
}

.proto-product-detail {
  grid-template-columns: 50% 50%;
  min-height: 490px;
}

.proto-product-detail__art {
  height: 470px;
}

.proto-product-detail__art:before {
  width: 405px;
  height: 405px;
}

.proto-product-detail__art > span {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 20px;
  border: 1px solid #f3cbd1;
  border-radius: 999px;
  background: #fff;
  padding: 5px 9px;
  color: var(--red);
  font-size: 9px;
  font-weight: 700;
}

.proto-product-detail__art img {
  height: 480px;
  filter: drop-shadow(0 13px 16px rgba(66, 40, 20, 0.17));
}

.proto-product-detail__copy {
  padding: 42px 34px;
}

.proto-product-detail__copy label {
  margin: 18px 0 9px;
  font-size: 11px;
  color: #5f626b;
}

.proto-product-detail__portions {
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  max-width: 372px;
  gap: 11px;
}

.proto-product-detail__portions button {
  display: flex;
  min-height: 52px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5d6da;
  border-radius: 999px;
  background: #fff;
  padding: 7px 13px;
  color: #171717;
  font-size: 13px;
  font-weight: 700;
}

.proto-product-detail__portions button small {
  margin-top: 5px;
  color: #8b8d93;
  font-size: 10px;
}

.proto-product-detail__portions button.is-selected {
  border-color: #171717;
  background: #171717;
  color: #fff;
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.18);
}

.proto-product-detail__portions button.is-selected small {
  color: #fff;
}

.proto-product-detail__options {
  display: flex;
  max-width: 360px;
  flex-direction: column;
  gap: 10px;
}

.proto-product-detail__options button {
  position: relative;
  width: 100%;
  min-height: 76px;
  align-items: center;
  justify-content: center;
  border-color: #d5d6da;
  border-radius: 12px;
  padding: 10px 14px 10px 68px;
  color: #c74d27;
  font-size: 20px;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.proto-product-detail__option-art {
  position: absolute;
  left: 12px;
  top: 12px;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 12px;
  background: #fff0df;
  color: #c74d27;
  font-size: 20px;
}
.proto-product-detail__option-art img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.proto-product-detail__options button:hover {
  transform: translateY(-2px);
  border-color: #171717;
}

.proto-product-detail__options button small {
  position: absolute;
  right: 14px;
  bottom: 34px;
  left: 68px;
  text-align: left;
  color: #171717;
  font-size: 12px;
  font-weight: 700;
}

.proto-product-detail__options button b {
  position: absolute;
  right: 14px;
  bottom: 12px;
  left: 68px;
  text-align: left;
  color: var(--red);
  font-size: 11px;
}

.proto-product-detail__options button.is-selected {
  background: #fff;
  color: #c74d27;
  border-color: #171717;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
}

.proto-product-detail__action {
  gap: 18px;
  margin-top: 29px;
}

.proto-product-detail__quantity {
  display: flex;
  align-items: center;
  gap: 8px;
}

.proto-product-detail__quantity button {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 50%;
  background: #f1f1f2;
  color: #171717;
}

.proto-product-detail__quantity svg {
  width: 16px;
}

.proto-product-detail__quantity output {
  min-width: 12px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}

.proto-product-detail__action > button {
  min-width: 185px;
  padding: 15px 23px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.14);
  font-size: 12px;
}
.proto-product-detail__action > button:disabled {
  cursor: wait;
  opacity: 0.92;
}
.proto-product-detail__action > button > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.proto-product-detail__action > button > span > span {
  font-weight: 700;
}
.proto-product-detail__action > button > span > b {
  font-size: 12px;
}
.proto-product-detail__cart-conflict {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  border: 1px solid #f2c3c9;
  border-radius: 12px;
  background: #fff5f6;
  padding: 14px;
}
.proto-product-detail__cart-conflict strong {
  color: #9f1020;
  font-size: 13px;
}
.proto-product-detail__cart-conflict p {
  margin: 0;
  color: #6f4b50;
  font-size: 12px;
  line-height: 1.4;
}
.proto-product-detail__cart-conflict > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.proto-product-detail__cart-conflict button {
  border: 1px solid #e4b4ba;
  border-radius: 999px;
  background: #fff;
  padding: 8px 12px;
  color: #9f1020;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.proto-product-detail__cart-conflict button:last-child {
  border-color: var(--red);
  background: var(--red);
  color: #fff;
}
.proto-product-detail__action > button.is-refusing {
  animation: cart-add-refused 0.34s ease-in-out;
  background: #a91020;
}
@keyframes cart-add-refused {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(7px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.proto-cart-conflict-modal__scrim {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  background: rgba(20, 22, 28, 0.52);
  backdrop-filter: blur(7px);
  padding: 24px;
}
.proto-cart-conflict-modal {
  position: relative;
  width: min(430px, 100%);
  border-radius: 20px;
  background: #fff;
  padding: 30px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.25);
  text-align: center;
}
.proto-cart-conflict-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f2f2f3;
  color: #171717;
  font-size: 20px;
  cursor: pointer;
}
.proto-cart-conflict-modal__icon {
  display: grid;
  width: 42px;
  height: 42px;
  margin: 0 auto 14px;
  place-items: center;
  border-radius: 50%;
  background: #fff1f3;
  color: #d71938;
  font-size: 24px;
  font-weight: 800;
}
.proto-cart-conflict-modal h2 {
  margin: 0;
  color: #171717;
  font:
    800 20px/1.15 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}
.proto-cart-conflict-modal p {
  margin: 10px 0 22px;
  color: #6d6f77;
  font-size: 13px;
  line-height: 1.45;
}
.proto-cart-conflict-modal__actions {
  display: grid;
  gap: 9px;
}
.proto-cart-conflict-modal__actions button {
  min-height: 44px;
  border: 1px solid #dedee2;
  border-radius: 999px;
  background: #fff;
  color: #171717;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.proto-cart-conflict-modal__actions button:last-child {
  border-color: var(--red);
  background: var(--red);
  color: #fff;
}
html.dark .proto-cart-conflict-modal__scrim {
  background: rgba(0, 0, 0, 0.72);
}
html.dark .proto-cart-conflict-modal {
  background: #1e293b;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
}
html.dark .proto-cart-conflict-modal__close {
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-cart-conflict-modal__icon {
  background: #3b2026;
  color: #ff7180;
}
html.dark .proto-cart-conflict-modal h2 {
  color: #f5f6f7;
}
html.dark .proto-cart-conflict-modal p {
  color: #a8afb7;
}
html.dark .proto-cart-conflict-modal__actions button {
  border-color: #475569;
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-cart-conflict-modal__actions button:last-child {
  border-color: var(--red);
  background: var(--red);
  color: #fff;
}

.proto-product-detail__action > button b {
  font-size: 12px;
}

@media (max-width: 620px) {
  .proto-product-detail {
    grid-template-columns: 38% 62%;
    min-height: 410px;
  }

  .proto-product-detail__art {
    height: 230px;
  }

  .proto-product-detail__art:before {
    width: 140px;
    height: 140px;
  }

  .proto-product-detail__art img {
    height: 225px;
  }

  .proto-product-detail__art > span {
    top: 6px;
    left: 4px;
    font-size: 7px;
  }

  .proto-product-detail__copy {
    padding: 8px 3px 8px 12px;
  }

  .proto-product-detail__copy h1 {
    font-size: 19px;
  }

  .proto-product-detail__copy label {
    font-size: 9px;
  }

  .proto-product-detail__portions {
    max-width: 285px;
    gap: 7px;
  }

  .proto-product-detail__portions button {
    min-height: 56px;
    padding: 7px 5px;
    font-size: 10px;
  }

  .proto-product-detail__portions button small {
    font-size: 8px;
  }

  .proto-product-detail__options {
    gap: 7px;
  }

  .proto-product-detail__options button {
    width: 65px;
    height: 68px;
    font-size: 18px;
  }

  .proto-product-detail__options button small {
    bottom: 7px;
    font-size: 7px;
  }

  .proto-product-detail__options button b {
    bottom: -12px;
    font-size: 7px;
  }

  .proto-product-detail__action {
    margin-top: 19px;
  }

  .proto-product-detail__action > button {
    min-width: 155px;
    padding: 12px 16px;
  }

  .proto-product-detail__quantity {
    gap: 5px;
  }

  .proto-product-detail__quantity button {
    width: 27px;
    height: 27px;
  }
}

.proto-active-order {
  display: grid;
  grid-template-columns: 1.3fr 1fr 190px;
  align-items: center;
  gap: 22px;
  border: 1px solid #f0d3d7;
  border-radius: 20px;
  background: #fffafb;
  padding: 23px;
}

.proto-active-order > div > span {
  display: inline-block;
  border-radius: 999px;
  background: #fff1f3;
  padding: 5px 8px;
  color: var(--red);
  font-size: 9px;
  font-weight: 700;
}

.proto-active-order h2 {
  margin: 9px 0 5px;
  font:
    800 22px Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}

.proto-active-order p {
  margin: 0;
  color: #71737b;
  font-size: 11px;
}

.proto-active-order__route {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #52545b;
  font-size: 11px;
}

.proto-active-order__route i {
  height: 1px;
  flex: 1;
  background: #d9d9dc;
}

.proto-active-order__eta {
  border-left: 1px solid #eeeef0;
  padding-left: 22px;
}

.proto-active-order__eta strong,
.proto-active-order__eta small {
  display: block;
}

.proto-active-order__eta strong {
  font:
    800 21px Manrope,
    sans-serif;
}

.proto-active-order__eta small {
  color: #71737b;
  font-size: 10px;
}

.proto-active-order__eta a {
  display: block;
  margin-top: 12px;
  border-radius: 999px;
  background: #171717;
  padding: 11px;
  color: #fff !important;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
}

html.dark .proto-active-order {
  border-color: #4a3037;
  background: #1e293b;
  color: #f5f6f7;
}

html.dark .proto-active-order > div > span {
  background: #3a2027;
  color: #ff6b7a;
}

html.dark .proto-active-order h2,
html.dark .proto-active-order__eta strong {
  color: #f5f6f7;
}

html.dark .proto-active-order p,
html.dark .proto-active-order__eta small {
  color: #b5bcc4;
}

html.dark .proto-active-order__route {
  color: #dfe3e7;
}

html.dark .proto-active-order__route i,
html.dark .proto-active-order__eta {
  border-color: #475569;
}

html.dark .proto-active-order__route i {
  background-color: #334155;
}

.proto-orders-history-title {
  margin: 36px 0 14px;
  font:
    800 22px Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}

.proto-orders-list article > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.proto-orders-list article > div small {
  font-size: 10px;
}

.proto-orders-list h3 {
  margin: 10px 0 3px;
  font:
    700 14px Manrope,
    sans-serif;
}

.proto-orders-list b {
  display: block;
  margin: 13px 0 9px;
  font-size: 13px;
}

.proto-orders-list a {
  color: var(--red) !important;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 750px) {
  .proto-active-order {
    grid-template-columns: 1fr;
  }

  .proto-active-order__eta {
    border-top: 1px solid #eeeef0;
    border-left: 0;
    padding: 14px 0 0;
  }
}

.proto-product-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 16px;
  align-items: start;
}

.proto-product-workspace .proto-product-detail {
  border: 1px solid #f0f0f1;
  border-radius: 18px;
  background: #fff;
}

.proto-product-bag {
  position: sticky;
  top: 16px;
  display: flex;
  min-height: 610px;
  flex-direction: column;
  border: 1px solid #f0f0f1;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
}

.proto-product-bag > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}

.proto-product-bag h2 {
  margin: 0;
  font:
    700 17px/1.1 Manrope,
    sans-serif;
}

.proto-product-bag__store {
  margin: 0 0 12px;
  color: inherit;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.proto-product-bag > header span {
  color: #858791;
  font-size: 10px;
}

.proto-product-bag__items {
  display: flex;
  max-height: 265px;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #b8bbc2 transparent;
  padding-right: 3px;
}
.proto-product-bag__items::-webkit-scrollbar {
  width: 6px;
}
.proto-product-bag__items::-webkit-scrollbar-track {
  background: transparent;
}
.proto-product-bag__items::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #b8bbc2;
}
.proto-product-bag__items::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.proto-product-bag__items article {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 9px 10px;
  background: #fff;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.proto-product-bag__items article:hover {
  border-color: #d8d9dd;
  box-shadow: 0 5px 14px rgba(18, 24, 40, 0.06);
}

.proto-product-bag__items > article > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff0eb;
  color: #c74d27;
  font:
    700 18px Manrope,
    sans-serif;
}
.proto-product-bag__thumb {
  overflow: hidden;
}
.proto-product-bag__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.proto-product-bag__items strong,
.proto-product-bag__items small,
.proto-product-bag__items b {
  display: block;
}

.proto-product-bag__items strong {
  overflow: hidden;
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.proto-product-bag__items small {
  margin-top: 2px;
  color: #858791;
  font-size: 9px;
}

.proto-product-bag__items b {
  margin-top: 3px;
  color: var(--red);
  font-size: 10px;
}

.proto-product-bag__quantity {
  display: flex;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: #f6f6f7;
  padding: 4px;
}

.proto-product-bag__quantity button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: #f1f1f2;
  color: #171717;
}

.proto-product-bag__quantity svg {
  width: 14px;
  height: 14px;
}

.proto-product-bag__quantity output {
  min-width: 24px;
  color: #171717;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}
.proto-product-bag__quantity button {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.proto-product-bag__empty {
  margin: auto;
  text-align: center;
  color: #777a82;
}

.proto-product-bag__empty span {
  display: block;
  color: var(--red);
  font-size: 30px;
}

.proto-product-bag__empty strong {
  display: block;
  margin: 4px;
  color: #171717;
  font:
    700 13px Manrope,
    sans-serif;
}

.proto-product-bag__empty p {
  margin: 0;
  font-size: 11px;
}

.proto-product-bag__totals {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 14px;
  padding-top: 12px;
}

.proto-product-bag__totals span,
.proto-product-bag__totals strong {
  display: flex;
  justify-content: space-between;
  color: #64666d;
  font-size: 11px;
}

.proto-product-bag__totals strong {
  margin-top: 2px;
  border-top: 1px dashed #d5d5d8;
  padding-top: 10px;
  color: #171717;
}

.proto-product-bag__totals strong b {
  font-size: 15px;
}

.proto-product-bag__checkout {
  display: block;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--red);
  padding: 15px 14px;
  color: #fff !important;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.proto-product-bag__clear {
  margin: 9px auto 0;
  border: 0;
  background: transparent;
  color: #777a82;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 1000px) {
  .proto-product-workspace {
    grid-template-columns: 1fr;
  }

  .proto-product-bag {
    position: static;
    min-height: 0;
    margin-top: 22px;
  }
  .proto-product-bag__items {
    max-height: 320px;
    flex: 0 1 320px;
    overflow: auto;
  }
}

@media (max-width: 620px) {
  .proto-product-workspace .proto-product-detail {
    border: 0;
    border-radius: 0;
  }

  .proto-product-bag {
    padding: 18px 15px 16px;
    margin-top: 28px;
  }
}

.proto-home__food-card {
  border-radius: 18px;
}

.proto-home__food-card-art {
  height: 200px;
}

.proto-home__food-card-art:after {
  width: 180px;
  height: 180px;
}

.proto-home__food-card-art img {
  height: 215px;
}

.proto-home__food-card-copy {
  padding: 13px 14px 14px;
}

.proto-home__card-meta {
  font-size: 9px;
  font-weight: 400;
}

.proto-home__merchant-tag {
  margin-top: 6px;
  font-size: 9px;
}

.proto-home__merchant-tag i {
  width: 17px;
  height: 17px;
  margin-right: 4px;
  border-radius: 6px;
  font-size: 6px;
}

.proto-home__food-card-copy > strong {
  min-height: 0;
  margin: 4px 0;
  font-size: 15px;
  line-height: 1.25;
}

.proto-home__card-bottom {
  font-size: 12px;
}

.proto-home__card-bottom i {
  width: 26px;
  height: 26px;
}

.proto-home__card-bottom svg {
  width: 15px;
  height: 15px;
}

.proto-home__merchant-card-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ededf0;
  padding: 10px 14px;
  color: #7e8088 !important;
  font-size: 9px;
}

.proto-home__merchant-card-link span {
  color: var(--red);
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 620px) {
  .proto-home__food-card-art {
    height: 145px;
  }

  .proto-home__food-card-art img {
    height: 160px;
  }

  .proto-home__food-card-copy {
    padding: 10px;
  }

  .proto-home__card-meta,
  .proto-home__merchant-tag {
    font-size: 9px;
  }

  .proto-home__food-card-copy > strong {
    min-height: 0;
    margin: 4px 0;
    font-size: 12px;
  }

  .proto-home__card-bottom {
    font-size: 11px;
  }

  .proto-home__card-bottom i {
    width: 26px;
    height: 26px;
  }
}

.proto-home__product-groups {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.proto-home__store-product-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0 0 13px;
}

.proto-home__store-product-heading > span {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  min-width: 0;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}

.proto-home__store-product-heading i {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #171717;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.proto-home__store-product-heading strong {
  font:
    700 15px Manrope,
    sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

.proto-home__store-product-heading small {
  display: block;
  max-width: min(64vw, 520px);
  overflow: hidden;
  color: #7d7f87;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proto-home__store-product-heading > a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--red) !important;
  font-size: 10px;
  font-weight: 700;
}

.proto-home__store-product-heading svg {
  width: 13px;
}

.proto-home__item-promotions {
  margin: 30px 0;
  border: 1px solid #f0d8dc;
  border-radius: 20px;
  background: linear-gradient(115deg, #fff7f8, #fff 58%);
  padding: 18px;
}
.proto-home__item-promotions-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.proto-home__item-promotions-heading h2 {
  margin: 4px 0 0;
  color: #171717;
  font:
    800 21px/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-home__item-promotions-heading > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: none;
  color: #e20d26;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.proto-home__item-promotions-heading svg {
  width: 14px;
}
.proto-home__item-promotion-rail {
  display: grid;
  grid-auto-columns: minmax(250px, 290px);
  grid-auto-flow: column;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 1px 5px;
  scrollbar-width: thin;
  scroll-snap-type: x proximity;
}
.proto-home__item-promotion {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  min-height: 112px;
  overflow: hidden;
  border: 1px solid #f0e4e6;
  border-radius: 14px;
  background: #fff;
  padding: 0;
  color: #171717;
  cursor: pointer;
  text-align: left;
  scroll-snap-align: start;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.proto-home__item-promotion:hover {
  border-color: #f20a24;
  box-shadow: 0 9px 22px rgba(164, 22, 42, 0.12);
  transform: translateY(-2px);
}
.proto-home__item-promotion-art {
  display: grid;
  place-items: center;
  background: #fff1f3;
  padding: 8px;
}
.proto-home__item-promotion-art img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.proto-home__item-promotion-copy {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  padding: 12px;
}
.proto-home__item-promotion-copy > small {
  color: #e20d26;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.proto-home__item-promotion-copy > strong {
  overflow: hidden;
  color: #171717;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-home__item-promotion-copy > span {
  overflow: hidden;
  color: #777a82;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-home__item-promotion-copy > b {
  margin-top: 3px;
  color: #e20d26;
  font-size: 12px;
}
.proto-home__item-promotion-copy > em {
  color: #909096;
  font-size: 10px;
  font-style: normal;
  text-decoration: line-through;
}
html.dark .proto-home__item-promotions {
  border-color: var(--customer-border);
  background: linear-gradient(115deg, #2d1d2a, var(--customer-surface) 58%);
}
html.dark .proto-home__item-promotions-heading h2,
html.dark .proto-home__item-promotion-copy > strong {
  color: var(--customer-text);
}
html.dark .proto-home__item-promotion {
  border-color: var(--customer-border);
  background: var(--customer-surface-soft);
  color: var(--customer-text);
}
html.dark .proto-home__item-promotion-art {
  background: var(--customer-bg);
}
html.dark .proto-home__item-promotion-copy > span,
html.dark .proto-home__item-promotion-copy > em {
  color: var(--customer-muted);
}

@media (max-width: 620px) {
  .proto-home__product-groups {
    gap: 27px;
  }

  .proto-home__store-product-heading {
    margin-bottom: 10px;
  }

  .proto-home__store-product-heading strong {
    font-size: 13px;
  }

  .proto-home__store-product-heading > span {
    grid-template-columns: 34px minmax(0, 1fr);
    -moz-column-gap: 8px;
         column-gap: 8px;
  }

  .proto-home__store-product-heading i {
    width: 34px;
    height: 34px;
  }

  .proto-home__store-product-heading small {
    max-width: calc(100vw - 158px);
    font-size: 10px;
  }
}

.proto-customer__nav a,
.proto-customer__nav button {
  font-weight: 500;
  transition: none;
  transform: none;
}

.proto-customer__nav a:hover,
.proto-customer__nav button:hover {
  font-weight: 500;
  transform: none;
}

.proto-customer__nav a.active {
  font-weight: 700;
}

.proto-product-workspace .proto-product-detail {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.proto-product-detail__art {
  background: transparent;
}

.proto-product-detail__art:before {
  display: none;
}

.proto-product-detail__art img {
  filter: drop-shadow(0 16px 18px rgba(66, 40, 20, 0.17));
}

.proto-product-detail__quantity button,
.proto-product-bag__quantity button {
  position: relative;
  font-size: 0;
}

.proto-product-detail__quantity button svg,
.proto-product-bag__quantity button svg {
  display: none;
}

.proto-product-detail__quantity button::before,
.proto-product-bag__quantity button::before {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.proto-product-detail__quantity button[aria-label*='Decrease']::before,
.proto-product-bag__quantity button[aria-label*='Decrease']::before {
  content: '−';
}

.proto-product-detail__quantity button[aria-label*='Increase']::before,
.proto-product-bag__quantity button[aria-label*='Increase']::before {
  content: '+';
}

.proto-product-detail__quantity button {
  width: 31px;
  height: 31px;
  background: #f1f1f2;
}

.proto-product-bag__quantity button {
  width: 19px;
  height: 19px;
}

.proto-product-bag__quantity button::before {
  font-size: 13px;
}

.proto-footer__brand img {
  width: 104px;
  height: auto;
  filter: brightness(0) invert(1);
  mix-blend-mode: normal;
}

.proto-footer__wordmark {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #fff;
  font:
    800 25px/1 Manrope,
    sans-serif;
  letter-spacing: -0.08em;
}

.proto-footer__wordmark i {
  display: inline-block;
  color: #ee001c;
  font:
    800 22px/1 Arial,
    sans-serif;
  transform: rotate(-24deg);
}

.proto-footer__qr {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 9px;
  color: #c7c8cc;
  font-size: 9px;
  line-height: 1.35;
}

.proto-footer__qr svg {
  display: block;
  width: 112px;
  height: 112px;
  border-radius: 5px;
  padding: 5px;
  background: #fff;
}

.proto-footer__apps {
  min-width: 170px;
}

.proto-footer {
  background: #000;
}

.proto-footer__logo-image {
  display: block;
  width: 145px;
  height: 43px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
  filter: none !important;
}

.proto-footer__qr {
  align-items: center;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 9px;
  color: #d8e4f2;
  text-align: center;
}

.proto-footer__qr svg {
  width: 112px;
  height: 112px;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
}

.proto-footer__apps {
  min-width: 170px;
}

.proto-footer__badge {
  display: none;
}
.proto-footer__download-card {
  display: flex;
  align-items: flex-start;
  gap: 0;
  width: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.proto-footer__download-card svg {
  display: block;
  width: 112px;
  height: 112px;
  border-radius: 6px;
  padding: 5px;
  background: #fff;
}
.proto-footer__download-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.proto-footer__download-options > svg {
  order: 2;
}
.proto-footer__download-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.proto-footer__download-copy strong {
  color: #fff;
  font-size: 10px;
}
.proto-footer__download-copy span {
  color: #b9b9b9;
  font-size: 8px;
  line-height: 1.35;
}
.proto-footer__store-buttons {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 136px;
}
.proto-footer a.proto-footer__store-button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 37px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 5px 8px;
  color: #fff;
  background: #000;
}
.proto-footer a.proto-footer__store-button:hover {
  background: #1c1c1c;
}
.proto-footer__store-button > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.proto-footer__store-icon--apple {
  color: #f5f5f7;
}
.proto-footer__store-icon--google {
  color: #34a853;
}
.proto-footer__store-icon--huawei {
  color: #ff1f2d;
}
.proto-footer__store-button > span {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}
.proto-footer__store-button small {
  color: #fff;
  font-size: 7px;
  letter-spacing: 0.01em;
}
.proto-footer__store-button strong {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.proto-home__card-meta small:first-child {
  color: #555861;
  font-weight: 600;
}
.proto-product-detail__copy > .proto-home__eyebrow {
  color: #555861;
  font-size: 10px;
  letter-spacing: 0.08em;
  font-weight: 700;
}
.proto-product-detail__prescription-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 12px 0 14px;
  border: 1px solid #f1c3c8;
  border-radius: 999px;
  background: #fff5f6;
  padding: 6px 10px 6px 7px;
  color: #a91020;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}
.proto-product-detail__prescription-badge > span {
  display: inline-grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  background: #ef1830;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: -0.04em;
}
.proto-product-loading {
  min-height: 760px;
}
.proto-product-loading-frame {
  min-height: 760px;
}
.proto-product-page {
  min-height: 980px;
}
.proto-product-workspace {
  align-items: start;
  min-height: 900px;
}
.proto-product-complements {
  grid-column: 1 / -1;
  margin: 0 34px 26px;
  border-top: 1px solid #eeeeef;
  padding-top: 25px;
}
.proto-product-complements h2 {
  margin: 5px 0 12px;
  font:
    800 23px/1 Manrope,
    sans-serif;
  letter-spacing: -0.045em;
}
.proto-product-complements__items {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.proto-product-complements__items article {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  border: 1px solid #e7e7ea;
  border-radius: 14px;
  padding: 10px 12px;
}
.proto-product-complements__items article > i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff0df;
  font-size: 19px;
  font-style: normal;
}
.proto-product-complements__items article > i svg {
  width: 18px;
  height: 18px;
  color: #c74d27;
  stroke-width: 2.2;
}
.proto-product-complements__items strong,
.proto-product-complements__items small,
.proto-product-complements__items b {
  display: block;
}
.proto-product-complements__items strong {
  font:
    700 12px Manrope,
    sans-serif;
}
.proto-product-complements__items small {
  margin-top: 2px;
  color: #7e8088;
  font-size: 10px;
}
.proto-product-complements__items b {
  margin-top: 3px;
  color: var(--red);
  font-size: 11px;
}
.proto-product-complements__items button {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 0;
  border-radius: 50%;
  background: #171717;
  color: #fff;
}
.proto-product-complements__items button svg {
  width: 14px;
  stroke-width: 2.8;
}
.proto-product-store-products {
  margin: 0 34px 28px;
  border-top: 1px solid #eeeeef;
  padding-top: 22px;
}
.proto-product-store-products h2 {
  margin: 4px 0 14px;
  color: #171717;
  font:
    800 21px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-product-store-products__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.proto-product-store-products__grid article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
  border: 1px solid #e7e7ea;
  border-radius: 13px;
  background: #fff;
  padding: 8px;
  color: #171717;
}
.proto-product-store-products__main {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.proto-product-store-products__add {
  border: 0;
  border-radius: 999px;
  background: var(--red);
  padding: 10px 14px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.proto-product-store-products__image {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  overflow: hidden;
  border-radius: 9px;
  background: #fff0e9;
  color: #c74d27;
  font-weight: 800;
}
.proto-product-store-products__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.proto-product-store-products__grid strong,
.proto-product-store-products__grid small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-product-store-products__grid strong {
  font-size: 11px;
}
.proto-product-store-products__grid small {
  margin-top: 4px;
  color: var(--red);
  font-size: 10px;
  font-weight: 700;
}
html.dark .proto-customer__search-bar {
  background: #0f172a !important;
  border-color: #475569 !important;
}
html.dark .proto-customer__search-bar .app-search-surface {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f5f6f7;
}
html.dark .proto-customer__search-bar .customer-dashboard-search__label,
html.dark .proto-customer__search-bar input {
  color: #dfe3e7 !important;
}
html.dark .proto-customer__search-bar .customer-dashboard-search__divider {
  background: #334155;
}
html.dark .proto-customer__search-bar .customer-dashboard-search__results.app-search-surface {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32) !important;
}
html.dark .proto-customer__search-bar .customer-dashboard-search__results button:hover {
  background: var(--customer-surface-soft) !important;
}
html.dark
  .proto-customer__search-bar
  .customer-dashboard-search__results
  .customer-dashboard-search__result-title {
  color: var(--customer-text) !important;
}
html.dark
  .proto-customer__search-bar
  .customer-dashboard-search__results
  .customer-dashboard-search__result-description,
html.dark .proto-customer__search-bar .customer-dashboard-search__results p {
  color: var(--customer-muted) !important;
}
html.dark .proto-customer__search-bar .customer-dashboard-search__results button > div:first-child {
  background: var(--customer-bg) !important;
  color: #f20a24 !important;
}
html.dark .proto-product-store-products {
  border-color: #475569;
}
html.dark .proto-product-store-products h2 {
  color: #f5f6f7;
}
html.dark .proto-product-store-products__grid button {
  border-color: #475569;
  background: #1e293b;
  color: #f5f6f7;
}
html.dark .proto-product-store-products__grid article {
  border-color: #475569;
  background: #1e293b;
  color: #f5f6f7;
}
html.dark .proto-product-store-products__main {
  background: transparent;
  color: #f5f6f7;
}
html.dark .proto-product-store-products__add {
  background: #f20a2d;
  color: #fff;
}
html.dark .proto-product-store-products__image {
  background: #334155;
}
html.dark .proto-product-detail__options button {
  border-color: #414951 !important;
  background: #334155 !important;
}
html.dark .proto-product-detail__options button.is-selected {
  border-color: #475569 !important;
  background: #334155 !important;
}
html.dark .proto-product-detail__option-check {
  border-color: #78818b !important;
  background: #1c2024 !important;
}
html.dark .proto-product-detail__options button.is-selected .proto-product-detail__option-check {
  border-color: #ef001c !important;
  background: #ef001c !important;
  color: #fff !important;
}
@media (max-width: 620px) {
  .proto-product-complements {
    margin: 0 5px 22px;
    padding-top: 20px;
  }
  .proto-product-complements h2 {
    font-size: 20px;
  }
  .proto-product-complements__items article {
    min-height: 67px;
  }
}
.proto-product-bag {
  position: sticky;
  top: 92px;
  align-self: start;
  height: calc(100vh - 172px);
  min-height: min(680px, calc(100vh - 172px));
  max-height: 900px;
  margin-bottom: 64px;
  overflow: hidden;
}
.proto-product-bag__items {
  min-height: 180px;
  flex: 1 1 auto;
  max-height: none;
}
.proto-product-bag__items:empty {
  min-height: 180px;
}
.proto-product-bag__totals {
  margin-top: auto;
}
.proto-product-bag__checkout {
  margin-top: 14px;
}
.proto-product-bag__quantity button {
  font-size: inherit;
}
.proto-product-bag__quantity button::before {
  display: none;
}
.proto-product-bag__quantity button svg {
  display: block;
  width: 11px;
  height: 11px;
  stroke-width: 2.5;
}
@media (max-width: 1000px) {
  .proto-product-workspace {
    min-height: 0;
  }
  .proto-product-bag {
    position: static;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  .proto-product-bag__items {
    min-height: 0;
    max-height: 320px;
    flex: 0 1 320px;
    overflow: auto;
  }
}

.proto-product-detail__options-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  max-width: 360px;
  margin-top: 20px;
}
.proto-product-detail__options-heading label {
  margin: 0;
}
.proto-product-detail__options-heading small {
  color: #777a82;
  font-size: 11px;
}
.proto-product-detail__options-heading {
  margin-bottom: 10px;
}
.proto-product-detail__options button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 54px;
  min-height: 54px;
  border: 1px solid #e0e1e4;
  border-radius: 12px;
  background: #fff;
  padding: 0 16px;
  color: #171717;
  text-align: left;
}
.proto-product-detail__options button:hover {
  transform: none;
  border-color: #b9bbc1;
  box-shadow: 0 3px 9px rgba(20, 25, 35, 0.06);
}
.proto-product-detail__options button.is-selected {
  border-color: #ef001c;
  background: #fff7f8;
  color: #171717;
  box-shadow: none;
}
.proto-product-detail__option-check {
  position: static;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1.5px solid #b8bbc2;
  border-radius: 5px;
  background: #fff;
  color: #fff;
}
.proto-product-detail__option-check svg {
  width: 14px;
  height: 14px;
  stroke-width: 3;
}
.proto-product-detail__options button.is-selected .proto-product-detail__option-check {
  border-color: #c74d27;
  background: #c74d27;
}
.proto-product-detail__options button small {
  position: static;
  flex: 1;
  color: #24262b;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}
.proto-product-detail__options button b {
  position: static !important;
  inset: auto !important;
  margin-left: auto;
  align-self: center;
  color: #c74d27;
  font-size: 11px;
  white-space: nowrap;
}
.proto-product-detail__option-left {
  position: static;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-right: auto;
}
.proto-product-detail__options button .proto-product-detail__option-left small {
  position: static;
  flex: 0 1 auto;
}

/* Clean compact extra rows: checkbox, label, price. */
.proto-product-detail__options button {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: initial !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #e6e6e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #171717 !important;
  transform: none !important;
}
.proto-product-detail__options button:hover {
  border-color: #c9cacf !important;
  box-shadow: 0 3px 10px rgba(20, 25, 35, 0.06) !important;
}
.proto-product-detail__options button.is-selected {
  border-color: #ef001c !important;
  background: #fff7f8 !important;
}
.proto-product-detail__option-left {
  display: contents !important;
}
.proto-product-detail__option-check {
  grid-column: 1;
  grid-row: 1;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  border: 1.5px solid #b9bbc1 !important;
  border-radius: 5px !important;
}
.proto-product-detail__options button.is-selected .proto-product-detail__option-check {
  border-color: #ef001c !important;
  background: #ef001c !important;
}
.proto-product-detail__options button small {
  grid-column: 2;
  grid-row: 1;
  position: static !important;
  margin: 0 12px !important;
  color: #171717 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
.proto-product-detail__options button b {
  grid-column: 3;
  grid-row: 1;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  color: #d71920 !important;
  font-size: 11px !important;
  text-align: right !important;
}
.proto-cart-sheet__scrim {
  position: fixed;
  inset: 0;
  z-index: 80;
  border: 0;
  background: rgba(10, 15, 30, 0.48);
  backdrop-filter: blur(12px);
}

/* Prototype 1 checkout: a focused, two-column popout over the marketplace. */
.proto-checkout-popout__scrim {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(20, 22, 28, 0.48);
  backdrop-filter: blur(3px);
}

/* Checkout can be opened from the cart without replacing the customer page. */
.proto-checkout-overlay {
  position: fixed;
  z-index: 102;
  inset: 0;
  pointer-events: none;
}
.proto-checkout-overlay > .proto-customer {
  min-height: 0;
  background: transparent !important;
  pointer-events: none;
}
.proto-checkout-overlay .proto-checkout-popout,
.proto-checkout-overlay .proto-checkout-editor,
.proto-checkout-overlay .proto-checkout-address-sheet {
  pointer-events: auto;
}

.proto-checkout-confirmation-modal {
  position: fixed;
  z-index: 120;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 24px 32px;
  background: rgba(10, 10, 10, 0.48);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  pointer-events: auto;
  backdrop-filter: blur(3px);
}
.proto-checkout-confirmation-modal > .dashboard-layout-embedded {
  width: min(960px, calc(100vw - 64px));
  max-height: min(780px, calc(100vh - 48px));
  overflow: auto;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.3);
}
.order-confirmation-modal {
  color: #171717;
  background: #fff;
}
.order-confirmation-modal__header {
  position: sticky;
  z-index: 1;
  top: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  border-bottom: 1px solid #ededee;
  background: #fff;
  padding: 28px 30px 24px;
}
.order-confirmation-modal__success-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 14px;
  background: #eaf8f0;
  color: #238a57;
}
.order-confirmation-modal__success-icon svg {
  width: 27px;
  height: 27px;
}
.order-confirmation-modal__header p,
.order-confirmation-modal__header h1,
.order-confirmation-modal__header strong,
.order-confirmation-modal__header span {
  display: block;
}
.order-confirmation-modal__header p {
  margin: 1px 0 5px;
  color: #167a49;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.order-confirmation-modal__header h1 {
  margin: 0;
  font:
    800 25px/1.15 Manrope,
    sans-serif;
}
.order-confirmation-modal__header strong {
  margin-top: 6px;
  color: #555;
  font-size: 13px;
}
.order-confirmation-modal__header span {
  margin-top: 5px;
  color: #73737b;
  font-size: 13px;
}
.order-confirmation-modal__header > button {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #f4f4f5;
  color: #555;
  font-size: 22px;
  cursor: pointer;
}
.order-confirmation-modal__body {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.85fr);
  gap: 28px;
  padding: 28px 30px 32px;
}
.order-confirmation-modal h2 {
  margin: 0;
  font:
    800 18px/1.2 Manrope,
    sans-serif;
}
.order-confirmation-modal__merchant {
  margin: 6px 0 16px;
  color: #73737b;
  font-size: 13px;
}
.order-confirmation-modal__items article {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #ededee;
  padding: 12px 0;
}
.order-confirmation-modal__items img {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f4f4f5;
}
.order-confirmation-modal__items strong,
.order-confirmation-modal__items span {
  display: block;
}
.order-confirmation-modal__items strong {
  font-size: 14px;
}
.order-confirmation-modal__items span {
  margin-top: 4px;
  color: #73737b;
  font-size: 12px;
}
.order-confirmation-modal__items b {
  font-size: 14px;
}
.order-confirmation-modal__payment-summary {
  margin-top: 24px;
}
.order-confirmation-modal__payment-summary > div {
  margin-top: 15px;
}
.order-confirmation-modal__total {
  margin-top: 16px !important;
  border-top: 1px solid #cfcfd2;
  padding-top: 16px;
}
.order-confirmation-modal__total div > :last-child {
  font-size: 18px !important;
  font-weight: 750;
}
.order-confirmation-modal__invoice {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 18px 0 0;
  border-top: 1px solid #eee;
  padding-top: 16px;
  color: #73737b;
  font-size: 12px;
}
.order-confirmation-modal__invoice svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #555;
}
.order-confirmation-modal__invoice strong,
.order-confirmation-modal__invoice span {
  display: block;
}
.order-confirmation-modal__invoice strong {
  margin-bottom: 3px;
  color: #171717;
  font-size: 13px;
}
.order-confirmation-modal__invoice-link {
  margin: 10px 0 0 27px;
  border: 0;
  background: transparent;
  color: #555;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.order-confirmation-modal__next {
  border-left: 1px solid #ededee;
  padding-left: 28px;
}
.order-confirmation-modal__next > p {
  max-width: 330px;
  margin: 8px 0 0;
  color: #64646b;
  font-size: 13px;
  line-height: 1.5;
}
.order-confirmation-modal__status {
  margin-top: 22px;
  border: 1px solid #ededee;
  border-radius: 14px;
  padding: 16px;
}
.order-confirmation-modal__status h3 {
  margin: 0 0 12px;
  color: #73737b;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.order-confirmation-modal__status div {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid #f0f0f1;
  padding: 9px 0;
  font-size: 13px;
}
.order-confirmation-modal__status div:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.order-confirmation-modal__status div:last-child {
  padding-bottom: 0;
}
.order-confirmation-modal__status b {
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 12px;
}
.order-confirmation-modal__status b[data-status='success'] {
  background: #ebfaf2;
  color: #167a49;
}
.order-confirmation-modal__status b[data-status='pending'],
.order-confirmation-modal__status b[data-status='initiated'] {
  background: #fff5de;
  color: #a76400;
}
.order-confirmation-modal__status b[data-status='waiting'] {
  background: #f5f5f5;
  color: #666;
}
.order-confirmation-modal__status b[data-status='preparing'] {
  background: #fff0f2;
  color: #d91b32;
}
.order-confirmation-modal__status b[data-status='failed'],
.order-confirmation-modal__status b[data-status='cancelled'] {
  background: #fff0f1;
  color: #c62828;
}
.order-confirmation-modal__status
  b:not([data-status='success']):not([data-status='failed']):not([data-status='cancelled']):not(
    [data-status='pending']
  ):not([data-status='initiated']):not([data-status='waiting']):not([data-status='preparing']) {
  background: #fff7e8;
  color: #a86300;
}
.order-confirmation-modal__invoice-copy {
  margin-top: 16px !important;
}
.order-confirmation-modal__actions {
  display: grid;
  gap: 0;
  margin-top: 24px;
}
.order-confirmation-modal__actions > button,
.order-confirmation-modal__actions > .themed-button {
  min-height: 40px;
  border: 0;
  background: transparent;
  color: #555;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.order-confirmation-modal__actions > .themed-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 10px;
  background: #f20a24;
  color: #fff;
  text-align: center;
}
.order-confirmation-modal__action-view {
  min-height: auto !important;
  margin-top: 18px;
  color: #171717 !important;
  font-weight: 650 !important;
}
.order-confirmation-modal__action-refresh {
  min-height: auto !important;
  margin-top: 16px;
  color: #666 !important;
  font-weight: 500 !important;
}
.order-confirmation-modal__action-home {
  min-height: auto !important;
  margin-top: 16px;
  color: #888 !important;
  font-weight: 500 !important;
}
.order-confirmation-modal__message {
  margin-top: 14px !important;
  color: #a86300 !important;
}
@media (max-width: 900px) {
  .proto-checkout-confirmation-modal {
    padding: 10px;
  }
  .proto-checkout-confirmation-modal > .dashboard-layout-embedded {
    width: 100%;
    max-height: 100%;
  }
  .order-confirmation-modal__header {
    padding: 22px 20px 18px;
  }
  .order-confirmation-modal__header h1 {
    font-size: 21px;
  }
  .order-confirmation-modal__body {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 22px 20px;
  }
  .order-confirmation-modal__next {
    border-top: 1px solid #efefef;
    border-left: 0;
    padding-top: 24px;
    padding-left: 0;
  }
}

.proto-checkout-confirmation-modal
  > .dashboard-layout-embedded:has(.order-confirmation-modal--minimal) {
  width: min(520px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);
}
.order-confirmation-modal--minimal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border: 1px solid #e7e7ea;
  border-radius: 20px;
  background: linear-gradient(145deg, #fff 0%, #fff 70%, #fff7f8 100%);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
  padding: 40px 38px 32px;
  color: #171717;
  text-align: center;
}
.order-confirmation-modal--minimal .order-confirmation-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f4f4f5;
  color: #555;
  font-size: 22px;
  cursor: pointer;
}
.order-confirmation-modal--minimal .order-confirmation-modal__success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #eaf8f0;
  color: #238a57;
  box-shadow: 0 10px 24px rgba(35, 138, 87, 0.16);
}
.order-confirmation-modal--minimal .order-confirmation-modal__success-icon svg {
  width: 30px;
  height: 30px;
}
.order-confirmation-modal__eyebrow {
  margin: 18px 0 8px;
  color: #238a57;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.order-confirmation-modal--minimal h1 {
  margin: 0;
  color: #171717;
  font:
    750 32px/1.15 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}
.order-confirmation-modal__description {
  max-width: 360px;
  margin: 14px 0 0;
  color: #6b6b6b;
  font-size: 15px;
  line-height: 1.5;
}
.order-confirmation-modal__reference {
  margin: 20px 0 0;
  border: 1px solid #e7e7ea;
  border-radius: 999px;
  background: #fff;
  padding: 7px 12px;
  color: #555861;
  font-size: 13px;
  font-weight: 600;
}
.order-confirmation-modal--minimal .order-confirmation-modal__primary-action {
  width: 100%;
  margin-top: 28px;
  background: #f20a24 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(242, 10, 36, 0.22);
}
.order-confirmation-modal--minimal .order-confirmation-modal__primary-action:hover {
  background: #d90820 !important;
}
.order-confirmation-modal__continue-shopping {
  margin-top: 16px;
  border: 0;
  background: transparent;
  color: #555;
  font-size: 14px;
  font-weight: 550;
  cursor: pointer;
}
.order-confirmation-modal__continue-shopping:hover {
  color: #f20a24;
}

html.dark .order-confirmation-modal--minimal {
  border-color: var(--customer-border);
  background: linear-gradient(
    145deg,
    var(--customer-surface) 0%,
    var(--customer-surface) 72%,
    #17233a 100%
  );
  box-shadow: 0 26px 68px rgba(0, 0, 0, 0.42);
  color: var(--customer-text);
}
html.dark .order-confirmation-modal--minimal .order-confirmation-modal__close {
  background: var(--customer-surface-soft);
  color: var(--customer-text);
}
html.dark .order-confirmation-modal--minimal .order-confirmation-modal__success-icon {
  background: rgba(37, 211, 102, 0.12);
  color: #4ade80;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}
html.dark .order-confirmation-modal--minimal h1 {
  color: var(--customer-text);
}
html.dark .order-confirmation-modal__description {
  color: var(--customer-muted);
}
html.dark .order-confirmation-modal__reference {
  border-color: var(--customer-border);
  background: var(--customer-bg);
  color: var(--customer-muted);
}
html.dark .order-confirmation-modal__continue-shopping {
  color: var(--customer-muted);
}
html.dark .order-confirmation-modal__continue-shopping:hover {
  color: #fff;
}
@media (max-width: 900px) {
  .order-confirmation-modal--minimal {
    padding: 40px 28px 30px;
  }
}

.proto-customer__page--checkout {
  position: relative;
  z-index: 101;
}

.proto-checkout-popout {
  position: fixed;
  z-index: 101;
  top: 18px;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  flex-direction: column;
  width: min(1120px, calc(100vw - 36px));
  margin: auto;
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.23);
}

.proto-checkout-popout__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid #e8e8ec;
  padding: 28px 34px 22px;
  background: #fff;
}

.proto-checkout-popout__header span {
  color: #777a82;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.proto-checkout-popout__header h1 {
  margin: 5px 0 6px;
  color: #171717;
  font:
    800 30px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}

.proto-checkout-popout__header p {
  margin: 0;
  color: #676a72;
  font-size: 12px;
}

.proto-checkout-popout__header button {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f3f3f4;
  color: #171717;
  font-size: 24px;
  line-height: 1;
}

.proto-checkout-popout__body {
  flex: 1;
  overflow: auto;
  padding: 26px 34px 34px;
  background: #fff;
}

.proto-checkout-popout__body > div:last-child > section {
  border-radius: 14px;
  background: #f7f7f8;
  box-shadow: none;
}

@media (max-width: 640px) {
  .proto-checkout-popout {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: calc(100vw - 20px);
  }
  .proto-checkout-popout__header {
    padding: 22px 20px 18px;
  }
  .proto-checkout-popout__header h1 {
    font-size: 25px;
  }
  .proto-checkout-popout__body {
    padding: 18px;
  }
}

.proto-checkout-popout--compact {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  width: min(1000px, calc(100vw - 48px));
  height: min(760px, calc(100vh - 36px));
  max-height: calc(100vh - 36px);
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 22px;
}
.proto-checkout-compact__form {
  min-height: 0;
  max-height: calc(100vh - 36px);
  overflow: auto;
  padding: 39px 42px;
  scrollbar-width: none;
}
.proto-checkout-compact__form::-webkit-scrollbar,
.proto-checkout-compact__summary::-webkit-scrollbar,
.proto-checkout-popout--compact::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.proto-checkout-compact__summary {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 39px 30px;
  background: #f7f7f8;
}
.proto-checkout-compact__delivery-price {
  display: grid;
  gap: 6px;
  margin: 18px 0 4px;
  padding: 14px 0;
  border-top: 1px solid #e5e5e8;
  border-bottom: 1px solid #e5e5e8;
}
.proto-checkout-compact__delivery-price > strong {
  font-size: 14px;
}
.proto-checkout-compact__delivery-price > small {
  color: #73737b;
  font-size: 11px;
}
.proto-checkout-compact__delivery-price > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 11px;
}
.proto-checkout-compact__delivery-price > div span {
  color: #73737b;
}
.proto-checkout-compact__delivery-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  font-size: 11px;
}
.proto-checkout-compact__delivery-meta span {
  display: grid;
  gap: 2px;
}
.proto-checkout-compact__delivery-meta small {
  color: #73737b;
}
.proto-checkout-compact__close {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: #f2f2f3;
  color: #171717;
  font-size: 20px;
  line-height: 1;
}
.proto-checkout-compact__eyebrow,
.proto-checkout-compact__label {
  display: block;
  color: #777a82;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.proto-checkout-popout--compact h1 {
  margin: 6px 0;
  color: #171717;
  font:
    800 30px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}
.proto-checkout-compact__intro {
  margin: 0 0 22px;
  color: #676a72;
  font-size: 14px;
}
.proto-checkout-compact__segment {
  margin-bottom: 14px;
}
.proto-checkout-compact__address {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 7px;
  border: 1px solid #e5e5e7;
  border-radius: 11px;
  padding: 9px 11px;
}
.proto-checkout-compact__address > svg {
  width: 17px;
  height: 17px;
  color: var(--red);
}
.proto-checkout-compact__address > div {
  flex: 1;
  min-width: 0;
}
.proto-checkout-compact__address-dropdown {
  width: 100%;
  cursor: pointer;
  text-align: left;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.proto-checkout-compact__address-dropdown:hover,
.proto-checkout-compact__address-dropdown:focus-visible {
  border-color: #171717;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.08);
  outline: 0;
}
.proto-checkout-compact__address-dropdown .proto-checkout-compact__address-chevron {
  flex: 0 0 auto;
  color: #171717;
  font-size: 18px;
  line-height: 1;
}
.proto-checkout-compact__address strong,
.proto-checkout-compact__address small,
.proto-checkout-compact__payments strong,
.proto-checkout-compact__payments small,
.proto-checkout-compact__items strong,
.proto-checkout-compact__items small {
  display: block;
}
.proto-checkout-compact__address strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-checkout-compact__address small,
.proto-checkout-compact__payments small,
.proto-checkout-compact__items small {
  margin-top: 2px;
  color: #777a82;
  font-size: 11px;
}
.proto-checkout-compact__address button {
  border: 0;
  background: transparent;
  color: var(--red);
  font-size: 11px;
  font-weight: 700;
}
.proto-checkout-compact__address-options {
  margin-top: 5px;
  border: 1px solid #e5e5e7;
  border-radius: 11px;
  padding: 4px;
}
.proto-checkout-compact__address-options button {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 8px;
  text-align: left;
}
.proto-checkout-compact__address-options button:hover {
  background: #f7f7f8;
}
.proto-checkout-compact__address-options strong,
.proto-checkout-compact__address-options small {
  display: block;
  font-size: 10px;
}
.proto-checkout-compact__address-options small {
  margin-top: 2px;
  color: #777a82;
}
.proto-checkout-compact__label {
  margin: 16px 0 7px;
}
.proto-checkout-compact__input {
  width: 100%;
  height: 40px;
  border: 1px solid #e2e2e5;
  border-radius: 9px;
  padding: 0 11px;
  color: #171717;
  outline: 0;
}
.proto-checkout-compact__input:focus {
  border-color: #171717;
}
.proto-checkout-compact__payment-group-label {
  display: block;
  margin: 10px 0 7px;
  color: #777a82;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.proto-checkout-compact__payments {
  display: grid;
  max-width: 100%;
  grid-template-columns: 1fr;
  /* gap: 8px; */
  overflow: visible;
  border: 1px solid #e2e2e5;
  border-radius: 12px;
}
.proto-checkout-compact__payments--online {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.proto-checkout-compact__payments::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.proto-checkout-compact__payments button {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 56px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  /* border: 1px solid #e2e2e5; */
  border-radius: 9px;
  background: #fff;
  padding: 8px 10px;
  text-align: left;
}
.proto-checkout-compact__payments button.is-selected {
  border: 2px solid #f20a24;
  background: #fff0f2;
  color: #d90922;
}
.proto-checkout-compact__payments button.is-selected strong,
.proto-checkout-compact__payments button.is-selected small {
  color: #d90922;
}
.proto-checkout-compact__payments--online button {
  min-height: 104px;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 8px; */
  padding: 12px;
}
.proto-checkout-compact__payment-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 10px;
  background: #f2f2f3;
  color: #171717;
}
.proto-checkout-compact__payment-icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.9;
}
.proto-payment-brand {
  gap: 1px;
  color: #171717;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.proto-payment-brand svg {
  width: 19px;
  height: 19px;
  stroke-width: 2;
}
.proto-payment-brand img {
  width: 38px;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
}
.proto-payment-brand--card::before {
  width: 34px;
  height: 34px;
  background: url('/icons/credit-card.svg') center / contain no-repeat;
  content: '';
}
.proto-payment-brand--card > svg {
  display: none;
}
.proto-payment-brand strong {
  color: #171717;
  font-size: 14px;
  line-height: 1;
}
.proto-payment-brand small {
  display: none !important;
}
.proto-payment-brand--ecocash_wallet {
  background: #e8f7ed;
  color: #168343;
}
.proto-payment-brand--innbucks_wallet {
  background: #fff2d8;
  color: #9a5d00;
}
.proto-payment-brand--onemoney_wallet {
  background: #e9f0ff;
  color: #2256b3;
}
.proto-payment-brand--telecash_wallet {
  background: #f2eaff;
  color: #7338b9;
}
.proto-payment-brand--cash_on_delivery {
  background: #fff1e6;
  color: #a95717;
}
.proto-checkout-compact__payments button > div {
  min-width: 0;
  flex: 1;
}
.proto-checkout-compact__payments strong {
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-checkout-compact__payments button > div small {
  display: block;
  margin-top: 2px;
  color: #777a82;
  font-size: 10px;
}
.proto-checkout-compact__payments button.is-selected > div small {
  color: #777a82;
}
.proto-checkout-compact__payments i {
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  place-items: center;
  border: 1.5px solid #b9bbc1;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  font-size: 10px;
  font-style: normal;
}
.proto-checkout-compact__payments button.is-selected > i {
  border-color: #f20a24;
  background: #f20a24;
  color: #fff;
  box-shadow: 0 0 0 3px rgb(242 10 36 / 12%);
}
.proto-checkout-compact__cash-payment {
  margin-top: 12px;
  border-top: 0;
  padding-top: 0;
}
.proto-checkout-compact__payment-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  color: #a0a2a8;
  font-size: 10px;
  text-transform: lowercase;
}
.proto-checkout-compact__payment-divider::before,
.proto-checkout-compact__payment-divider::after {
  flex: 1;
  height: 1px;
  background: #e5e5e7;
  content: '';
}
.proto-checkout-compact__payments--cash {
  display: block;
  overflow: visible;
  padding-bottom: 0;
}
.proto-checkout-compact__payments--cash button {
  width: 100%;
  min-width: 0;
  min-height: 62px;
  flex-direction: row;
  align-items: center;
}
.proto-checkout-compact__payments--cash button > div {
  flex: 1;
}
.proto-checkout-compact__extras {
  margin-top: 13px;
  border-top: 1px solid #e5e5e7;
}
.proto-checkout-compact__extras summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0;
  color: #171717;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  list-style: none;
}
.proto-checkout-compact__extras summary::-webkit-details-marker {
  display: none;
}
.proto-checkout-compact__extras[open] summary span {
  transform: rotate(180deg);
}
.proto-checkout-compact__extras-body {
  display: grid;
  gap: 9px;
  padding: 0 0 13px;
}
.proto-checkout-compact__choice-row,
.proto-checkout-compact__schedule-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.proto-checkout-compact__choice-row button {
  border: 1px solid #e2e2e5;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  color: #555861;
  font-size: 11px;
  font-weight: 700;
}
.proto-checkout-compact__choice-row button.is-selected {
  border-color: #171717;
  background: #171717;
  color: #fff;
}
.proto-checkout-choice-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 18px 0;
  border: 1px solid #e2e2e5;
}
.proto-checkout-choice-tabs button,
.proto-checkout-editor .proto-checkout-choice-tabs button,
.proto-checkout-address-sheet__recipient .proto-checkout-choice-tabs button {
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 14px 12px;
  color: #555861;
  font-size: 13px;
}
.proto-checkout-choice-tabs button.is-active,
.proto-checkout-editor .proto-checkout-choice-tabs button.is-active,
.proto-checkout-address-sheet__recipient .proto-checkout-choice-tabs button.is-active {
  border: 0;
  background: transparent;
  color: #fff;
}
.proto-checkout-address-sheet__recipient .proto-checkout-choice-tabs {
  margin-top: 8px;
  margin-bottom: 0;
  gap: 0;
}
.proto-checkout-compact__field-label {
  display: grid;
  gap: 5px;
  color: #777a82;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
.proto-checkout-compact__field-label input,
.proto-checkout-compact__field-label select,
.proto-checkout-compact__field-label textarea {
  width: 100%;
  border: 1px solid #e2e2e5;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  color: #171717;
  font: 12px/1.3 inherit;
  letter-spacing: normal;
  outline: 0;
}
.proto-checkout-compact__field-label textarea {
  min-height: 52px;
  resize: vertical;
}
.proto-checkout-compact__notice {
  margin: 0;
  border-radius: 8px;
  background: #fff7dd;
  padding: 8px;
  color: #825f00;
  font-size: 10px;
}
.proto-checkout-compact__offers {
  margin: 12px 0 0;
}
.proto-checkout-compact__offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #e2e2e5;
  border-radius: 8px;
  padding: 8px;
}
html.dark .proto-checkout-popout,
html.dark .proto-checkout-editor,
html.dark .proto-checkout-address-sheet,
html.dark .proto-checkout-confirmation-modal > .dashboard-layout-embedded {
  background: #1e293b !important;
  color: #f5f6f7;
}
html.dark .proto-checkout-address-sheet {
  border-color: #475569 !important;
  background: #1e293b !important;
  color: #f5f6f7 !important;
}
html.dark .proto-checkout-address-sheet h2,
html.dark .proto-checkout-address-sheet strong {
  color: #f5f6f7 !important;
}
html.dark .proto-checkout-address-sheet header span,
html.dark .proto-checkout-address-sheet > p,
html.dark .proto-checkout-address-sheet small,
html.dark .proto-checkout-address-sheet__recipient > .proto-checkout-compact__label {
  color: #a8afb7 !important;
}
html.dark .proto-checkout-address-sheet header button {
  background: #334155 !important;
  color: #f5f6f7 !important;
}
html.dark .proto-checkout-address-sheet > input,
html.dark .proto-checkout-address-sheet__list > button,
html.dark .proto-checkout-address-sheet__recipient input,
html.dark .proto-checkout-address-sheet__recipient select,
html.dark .proto-checkout-address-sheet__recipient textarea {
  border-color: #475569 !important;
  background: #334155 !important;
  color: #f5f6f7 !important;
}
html.dark .proto-checkout-address-sheet__list > button:hover {
  border-color: #f20a2d !important;
  background: #334155 !important;
}
html.dark .proto-checkout-address-sheet__recipient {
  border-color: #475569 !important;
}
html.dark .proto-checkout-address-sheet__recipient .proto-checkout-choice-tabs {
  border-color: #475569 !important;
  background: #0f172a !important;
}
html.dark .proto-checkout-address-sheet__recipient .proto-checkout-choice-tabs button {
  background: transparent !important;
  color: #cbd5e1 !important;
}
html.dark
  .proto-checkout-address-sheet__recipient
  .proto-checkout-choice-tabs
  .sliding-tabs__indicator {
  background: #334155 !important;
}
html.dark .proto-checkout-address-sheet__recipient .proto-checkout-choice-tabs button.is-active {
  background: transparent !important;
  color: #f8fafc !important;
}
html.dark .proto-checkout-popout__header,
html.dark .proto-checkout-compact__summary {
  background: #0f172a !important;
  border-color: #475569 !important;
}
html.dark .proto-checkout-popout--compact h1,
html.dark .proto-checkout-compact__summary-row strong,
html.dark .proto-checkout-compact__extras summary {
  color: #f5f6f7;
}
html.dark .proto-checkout-compact__intro,
html.dark .proto-checkout-compact__label,
html.dark .proto-checkout-compact__eyebrow,
html.dark .proto-checkout-compact__summary-row small,
html.dark .proto-checkout-compact__payment-picker-heading small,
html.dark .proto-checkout-compact__delivery-price > small,
html.dark .proto-checkout-compact__delivery-price > div span,
html.dark .proto-checkout-compact__delivery-meta small {
  color: #a8afb7;
}
html.dark .proto-checkout-compact__address,
html.dark .proto-checkout-compact__address-options,
html.dark .proto-checkout-compact__input,
html.dark .proto-checkout-compact__field-label input,
html.dark .proto-checkout-compact__field-label select,
html.dark .proto-checkout-compact__field-label textarea,
html.dark .proto-checkout-compact__payments button,
html.dark .proto-checkout-compact__choice-row button,
html.dark .proto-checkout-editor__payments > button {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #f5f6f7 !important;
}
html.dark .proto-checkout-compact__payments button.is-selected,
html.dark .proto-checkout-compact__choice-row button.is-selected,
html.dark .proto-checkout-editor__payments > button.is-selected {
  border-color: #f20a24 !important;
  background: #3b2934 !important;
}
html.dark .proto-checkout-compact__payments button.is-selected,
html.dark .proto-checkout-compact__payments button.is-selected strong,
html.dark .proto-checkout-compact__payments button.is-selected small,
html.dark .proto-checkout-compact__payments button.is-selected > i {
  color: #ff7180 !important;
}
html.dark .proto-checkout-compact__payments button.is-selected > i {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgb(242 10 36 / 18%);
}
html.dark .proto-checkout-compact__payment-icon,
html.dark .proto-checkout-compact__payments i {
  background: #334155;
  border-color: #475569;
  color: #f5f6f7;
}
html.dark .proto-checkout-compact__close,
html.dark .proto-checkout-editor header button {
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-checkout-compact__delivery-price,
html.dark .proto-checkout-compact__extras,
html.dark .proto-checkout-compact__payment-divider::before,
html.dark .proto-checkout-compact__payment-divider::after {
  border-color: #475569;
  background-color: #334155;
}
html.dark .proto-checkout-compact__form,
html.dark .proto-checkout-compact__summary,
html.dark .proto-checkout-compact__summary > * {
  border-color: #475569 !important;
}
html.dark .proto-checkout-compact__breakdown,
html.dark .proto-checkout-compact__breakdown span,
html.dark .proto-checkout-compact__breakdown b,
html.dark .proto-checkout-compact__summary-row,
html.dark .proto-checkout-compact__summary-row .proto-checkout-compact__label {
  color: #dfe3e7 !important;
}
html.dark .proto-checkout-compact__breakdown small {
  color: #a8afb7 !important;
}
html.dark .proto-checkout-compact__segment,
html.dark .proto-checkout-compact__segment button,
html.dark .proto-checkout-compact__address,
html.dark .proto-checkout-compact__payments,
html.dark .proto-checkout-compact__payments--picker {
  border-color: #475569 !important;
}
/* Checkout includes embedded utility components with their own border classes.
   Normalize those to the same dark border token as the main checkout shell. */
html.dark .proto-checkout-popout--compact,
html.dark .proto-checkout-popout [class*='border'],
html.dark .proto-checkout-editor [class*='border'],
html.dark .proto-checkout-address-sheet [class*='border'] {
  border-color: var(--customer-border) !important;
}
html.dark .proto-checkout-compact__summary-row,
html.dark .proto-checkout-compact__items > div {
  border-bottom-color: var(--customer-border) !important;
}
html.dark .proto-checkout-compact__delivery-price,
html.dark .proto-checkout-compact__breakdown {
  border-top-color: var(--customer-border) !important;
  border-bottom-color: var(--customer-border) !important;
}
html.dark .proto-checkout-popout--compact .proto-checkout-compact__section-title,
html.dark .proto-checkout-popout--compact .proto-checkout-compact__items strong,
html.dark .proto-checkout-popout--compact .proto-checkout-compact__items > div > b,
html.dark .proto-checkout-popout--compact .proto-checkout-compact__total,
html.dark .proto-checkout-popout--compact .proto-checkout-compact__total strong {
  color: var(--customer-text) !important;
}
html.dark .proto-checkout-popout--compact .proto-checkout-compact__items small {
  color: var(--customer-muted) !important;
}
html.dark .proto-checkout-popout--compact .proto-checkout-compact__payment-action {
  border-top: 1px solid var(--customer-border);
  background: var(--customer-bg) !important;
}
.proto-checkout-compact__offer strong,
.proto-checkout-compact__offer small {
  display: block;
  font-size: 10px;
}
.proto-checkout-compact__offer small {
  margin-top: 2px;
  color: #777a82;
}
.proto-checkout-compact__offer button,
.proto-checkout-compact__remove-offer {
  border: 0;
  background: transparent;
  color: var(--red);
  font-size: 10px;
  font-weight: 700;
}
.proto-checkout-compact__remove-offer {
  justify-self: start;
  padding: 2px 0;
}
.proto-checkout-address-sheet {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 57.5%;
  width: auto;
  max-height: none;
  transform: none;
  overflow: auto;
  border: 1px solid #e8e8ec;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0 22px 22px 0;
  background: #fff;
  padding: 44px 42px;
  box-shadow: -18px 0 45px rgba(29, 35, 47, 0.16);
  animation: checkout-address-sheet-in 0.22s ease-out;
  will-change: clip-path;
}
.proto-checkout-address-sheet.is-closing {
  animation: checkout-address-sheet-out 0.22s ease-in forwards;
  pointer-events: none;
}
@keyframes checkout-address-sheet-in {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes checkout-address-sheet-out {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 100%);
  }
}
.proto-checkout-address-sheet header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.proto-checkout-address-sheet header span {
  color: #777a82;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.proto-checkout-address-sheet h2 {
  margin: 7px 0 0;
  color: #171717;
  font:
    800 27px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.05em;
}
.proto-checkout-address-sheet header button {
  border: 0;
  background: #f3f3f4;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  color: #171717;
  font-size: 18px;
  line-height: 1;
}
.proto-checkout-address-sheet > p {
  margin: 12px 0 18px;
  color: #676a72;
  font-size: 13px;
  line-height: 1.45;
}
.proto-checkout-address-sheet > input {
  width: 100%;
  height: 46px;
  border: 1px solid #e2e2e5;
  border-radius: 10px;
  padding: 0 13px;
  outline: 0;
  font-size: 14px;
  margin-top: 10px;
}
.proto-checkout-address-sheet__list {
  display: grid;
  gap: 7px;
  margin-top: 14px;
}
.proto-checkout-address-sheet__list > button {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  border: 1px solid #e2e2e5;
  border-radius: 10px;
  background: #fff;
  padding: 10px;
  text-align: left;
}
.proto-checkout-address-sheet__list > button:hover {
  border-color: #171717;
}
.proto-checkout-address-sheet__list > button > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #fff1f3;
  color: var(--red);
}
.proto-checkout-address-sheet__list svg {
  width: 13px;
  height: 13px;
}
.proto-checkout-address-sheet__list > button div {
  flex: 1;
  min-width: 0;
}
.proto-checkout-address-sheet__list strong,
.proto-checkout-address-sheet__list small {
  display: block;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-checkout-address-sheet__list small {
  margin-top: 3px;
  color: #777a82;
}
.proto-checkout-address-sheet__list b {
  color: var(--red);
  font-size: 18px;
  font-weight: 400;
}
.proto-checkout-address-sheet__recipient {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #ececee;
}
.proto-checkout-address-sheet__recipient .proto-checkout-compact__choice-row {
  margin-top: 8px;
  gap: 10px;
}
.proto-checkout-address-sheet__recipient .proto-checkout-compact__choice-row button {
  padding: 14px 12px;
  font-size: 13px;
}
.proto-checkout-address-sheet__recipient .proto-checkout-compact__schedule-fields {
  margin-top: 10px;
}
.proto-checkout-address-sheet__location {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  border: 0;
  background: transparent;
  color: var(--red);
  font-size: 13px;
  font-weight: 700;
}
.proto-checkout-address-sheet__location svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 650px) {
  .proto-checkout-address-sheet {
    left: 0;
    border-radius: 0 0 22px 22px;
    padding: 24px 25px;
  }
}
.proto-checkout-compact__merchant {
  display: grid;
  gap: 3px;
  margin: 18px 0 4px;
}
.proto-checkout-compact__merchant strong {
  font-size: 14px;
}
.proto-checkout-compact__merchant small {
  color: #777a82;
  font-size: 11px;
}
.proto-checkout-compact__vehicle {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.proto-checkout-compact__vehicle svg {
  width: 13px;
  height: 13px;
  stroke-width: 2;
}
.proto-checkout-compact__items {
  flex: 1 1 auto;
  min-height: 0;
  margin: 12px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b7bdc8 transparent;
}
.proto-checkout-compact__items::-webkit-scrollbar {
  width: 5px;
}
.proto-checkout-compact__items::-webkit-scrollbar-track {
  background: transparent;
}
.proto-checkout-compact__items::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #b7bdc8;
}
.proto-checkout-compact__items::-webkit-scrollbar-thumb:hover {
  background: #8791a1;
}
.proto-checkout-compact__items > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  border: 0;
  border-bottom: 1px solid #e3e3e5;
  border-radius: 0;
  background: transparent;
  padding: 10px 0;
}
.proto-checkout-compact__items > div > section {
  flex: 1;
  min-width: 0;
}
.proto-checkout-compact__items strong,
.proto-checkout-compact__items b {
  font-size: 12px;
}
.proto-checkout-compact__breakdown {
  display: grid;
  gap: 7px;
  margin-top: auto;
  border-top: 1px solid #e3e3e5;
  padding-top: 12px;
}
.proto-checkout-compact__breakdown > div {
  display: flex;
  justify-content: space-between;
  color: #777a82;
  font-size: 11px;
}
.proto-checkout-compact__breakdown b {
  color: #171717;
  font-weight: 600;
}
.proto-checkout-compact__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed #cfcfd3;
  padding-top: 15px;
  font-size: 13px;
  font-weight: 700;
}
.proto-checkout-compact__total strong {
  font-size: 20px;
}
.proto-checkout-compact__place-order {
  width: 100%;
  justify-content: center;
  margin-top: 17px;
  border: 1px solid #f00020 !important;
  border-radius: 999px;
  background: #f00020 !important;
  padding: 15px 20px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  opacity: 1 !important;
}
.proto-checkout-compact__place-order:hover {
  background: #d9001a !important;
  border-color: #d9001a !important;
}
.proto-checkout-compact__place-order:disabled {
  background: #f00020 !important;
  border-color: #f00020 !important;
  opacity: 1 !important;
}
.proto-checkout-compact__payment-action {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.proto-checkout-compact__place-order.is-payment-loading,
.proto-checkout-compact__payment-action > button.is-payment-loading {
  position: relative;
  overflow: hidden;
  color: transparent !important;
}
.proto-checkout-compact__payment-action > button {
  box-sizing: border-box;
  flex: 0 0 100%;
  height: 52px;
  min-height: 52px;
  min-width: 100%;
  padding-block: 0;
}
.proto-checkout-popout--compact .proto-checkout-compact__payment-action > button {
  flex-basis: calc(100% - 16px);
  height: 48px;
  min-height: 48px;
  min-width: calc(100% - 16px);
  margin-inline: auto;
}
.proto-checkout-compact__payment-action > button.is-payment-loading,
.proto-checkout-compact__payment-action > button.is-payment-loading:hover,
.proto-checkout-compact__payment-action > button.is-payment-loading:active {
  transform: none !important;
  transition: none !important;
  box-shadow: none !important;
}
.proto-checkout-compact__payment-action > button:hover,
.proto-checkout-compact__payment-action > button:focus,
.proto-checkout-compact__payment-action > button:focus-visible,
.proto-checkout-compact__payment-action > button:active {
  transform: none !important;
  transition: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.proto-checkout-popout--compact .proto-checkout-compact__payment-action button:hover,
.proto-checkout-popout--compact .proto-checkout-compact__payment-action button:active,
.proto-checkout-popout--compact
  .proto-checkout-compact__payment-action
  button:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}
.proto-checkout-popout--compact .proto-checkout-compact__payment-action button:focus-visible {
  outline: 2px solid var(--red) !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.proto-checkout-compact__place-order:hover,
.proto-checkout-compact__place-order:active,
.proto-checkout-compact__place-order:focus {
  background: #f00020 !important;
  border-color: #f00020 !important;
}
.proto-payment-initiation {
  display: flex;
  position: absolute;
  z-index: 2;
  inset: 0;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  color: #fff !important;
  pointer-events: none;
}
.proto-payment-initiation > i {
  position: absolute;
  z-index: 0;
  inset: 0 auto 0 0;
  width: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.66);
  transition: width 0.1s linear;
}
.proto-payment-initiation > span {
  position: relative;
  z-index: 1;
  color: #fff !important;
  animation: payment-initiation-text-in 0.2s ease-out;
}
@keyframes payment-initiation-text-in {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.proto-payment-initiation__cancel {
  align-self: center;
  border: 0;
  background: transparent;
  color: #73737b;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.proto-payment-initiation__cancel:hover {
  color: #171717;
  text-decoration: underline;
}
.proto-schedule-date-picker {
  position: relative;
}
.proto-schedule-date-picker__trigger {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 1px solid #e1e1e5;
  border-radius: 12px;
  background: #fff;
  padding: 11px 12px;
  color: #171717;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}
.proto-schedule-date-picker__trigger svg {
  width: 17px;
  color: #f00020;
}
.proto-schedule-date-picker__trigger strong {
  color: #777a82;
  font-size: 11px;
  font-weight: 600;
}
.proto-schedule-date-picker__menu {
  position: absolute;
  z-index: 8;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  border: 1px solid #e1e1e5;
  border-radius: 14px;
  background: #fff;
  padding: 8px;
  box-shadow: 0 14px 30px rgba(20, 25, 35, 0.14);
}
.proto-schedule-date-picker__menu button {
  display: grid;
  gap: 3px;
  border: 0;
  border-radius: 10px;
  background: #f7f7f8;
  padding: 9px 4px;
  color: #555861;
  font-size: 10px;
}
.proto-schedule-date-picker__menu button strong {
  color: #171717;
  font-size: 12px;
}
.proto-schedule-date-picker__menu button.is-selected {
  background: #fff0f2;
  color: #f00020;
}
.proto-schedule-date-picker__menu button.is-selected strong {
  color: #f00020;
}
.proto-schedule-date-picker__menu button.is-closed {
  cursor: not-allowed;
  opacity: 0.42;
}
.proto-schedule-time-picker {
  position: relative;
}
.proto-schedule-time-picker__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 52px;
  border: 1px solid #dedee3;
  border-radius: 12px;
  background: #fff;
  padding: 10px 13px;
  color: #171717;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}
.proto-schedule-time-picker__trigger strong {
  color: #777a82;
  font-size: 17px;
  line-height: 1;
}
.proto-schedule-time-picker__trigger:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.proto-schedule-time-picker__menu {
  position: absolute;
  z-index: 9;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border: 1px solid #e4e4e8;
  border-radius: 14px;
  background: #fff;
  padding: 10px;
  box-shadow: 0 18px 38px rgba(20, 25, 35, 0.16);
}
.proto-schedule-time-picker__column {
  display: grid;
  align-content: start;
  gap: 5px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: none;
}
.proto-schedule-time-picker__column::-webkit-scrollbar {
  display: none;
}
.proto-schedule-time-picker__column > span {
  padding: 2px 4px 4px;
  color: #777a82;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.proto-schedule-time-picker__menu button {
  min-height: 36px;
  border: 0;
  border-radius: 9px;
  background: #f7f7f8;
  color: #555861;
  font-size: 11px;
  font-weight: 700;
}
.proto-schedule-time-picker__menu button:hover {
  background: #f2f2f3;
}
.proto-schedule-time-picker__menu button.is-selected {
  background: #fff0f2;
  color: #f00020;
  box-shadow: inset 0 0 0 1px rgba(240, 0, 32, 0.16);
}

/* Tracking follows the same quiet, editorial rhythm as the Orders page. */
.proto-tracking-page {
  --brand-blue: var(--dv-red);
  --brand-dark: #171717;
  --brand-muted: #71737b;
  --brand-bg-elevated: #fffaf7;
  --brand-border: var(--line);
  --brand-border-strong: #d9cec5;
  padding-bottom: 64px;
}
.proto-tracking-page .bg-blue-50 {
  background: #fff1f3 !important;
}
.proto-tracking-page .text-blue-700 {
  color: var(--dv-red) !important;
}
.proto-tracking-page .border-blue-200 {
  border-color: #f4cbd1 !important;
}
.proto-tracking-head {
  align-items: center;
  padding-top: 19px;
}
.proto-tracking-head > div:first-child p:last-child {
  margin-top: 8px;
}
.proto-tracking-progress-shell {
  margin-bottom: 4px;
}
.proto-tracking-page {
  --dv-red: #f20a24;
}
.proto-tracking-progress-card {
  border-color: var(--line) !important;
  box-shadow: none !important;
  background: #fff8f8 !important;
  border-color: #f3e3e5 !important;
  border-radius: 22px !important;
  padding: 28px 30px !important;
}
.proto-tracking-progress-card h4 {
  font-size: clamp(28px, 3vw, 34px);
  letter-spacing: -0.045em;
  line-height: 1.1;
}
.proto-tracking-status-label {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  background: #fff0f2;
  padding: 0 12px;
  color: #e20d26;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.proto-tracking-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #6b6b6b;
  font-size: 12px;
  font-weight: 600;
}
.proto-tracking-live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2eaa68;
}
.proto-tracking-eta {
  display: grid;
  min-width: 190px;
  gap: 5px;
  text-align: right;
}
.proto-tracking-eta span {
  color: #909090;
  font-size: 12px;
  font-weight: 700;
}
.proto-tracking-eta strong {
  color: #171717;
  font-size: 30px;
  font-weight: 750;
  letter-spacing: -0.045em;
}
.proto-tracking-eta small {
  max-width: 220px;
  color: #6b6b6b;
  font-size: 12px;
  line-height: 1.45;
}
.proto-tracking-progress-card > div:last-child {
  margin-top: 28px;
}
.proto-tracking-progress-card .absolute.top-4 {
  top: 18px;
  height: 4px;
  background: #dadada;
}
.proto-tracking-progress-card .absolute.top-4[style] {
  background: var(--dv-red) !important;
}
.proto-tracking-timeline {
  position: relative;
  display: grid;
  gap: 8px;
}
.proto-tracking-timeline__item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding: 14px 12px;
  border-radius: 12px;
}
.proto-tracking-timeline__item.is-current {
  background: #fff7f8;
}
.proto-tracking-timeline__marker {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #dadada;
  border-radius: 50%;
  background: #fff;
  color: #909090;
  font-size: 16px;
  font-weight: 700;
}
.proto-tracking-timeline__marker.is-done {
  border-color: #171717;
  background: #171717;
  color: #fff;
}
.proto-tracking-timeline__item.is-current .proto-tracking-timeline__marker {
  border-color: var(--dv-red);
  background: var(--dv-red);
  color: #fff;
}
.proto-tracking-timeline__item strong {
  display: block;
  color: #171717;
  font-size: 14px;
  font-weight: 700;
}
.proto-tracking-timeline__item span {
  display: block;
  margin-top: 4px;
  color: #6b6b6b;
  font-size: 13px;
  line-height: 1.45;
}
.proto-tracking-timeline__line {
  position: absolute;
  top: 29px;
  bottom: 29px;
  left: 26px;
  width: 1px;
  background: #e8e3df;
}
.proto-tracking-summary-location {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--dv-red);
}
.proto-tracking-summary-location > div {
  display: grid;
  gap: 5px;
}
.proto-tracking-summary-location span {
  color: #909090;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.proto-tracking-summary-location strong {
  color: #171717;
  font-size: 15px;
  line-height: 1.35;
}
.proto-tracking-order-summary {
  border-top: 1px solid #ece8e5;
  padding-top: 20px;
}
.proto-tracking-order-summary__items {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.proto-tracking-order-summary__items > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
}
.proto-tracking-order-summary__items span {
  color: #171717;
  font-size: 13px;
  font-weight: 700;
}
.proto-tracking-order-summary__items small {
  color: #909090;
  font-size: 12px;
}
.proto-tracking-order-summary__items strong {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #171717;
  font-size: 13px;
}
.proto-tracking-order-summary__total {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  border-top: 1px solid #ece8e5;
  padding-top: 14px;
}
.proto-tracking-order-summary__total > div {
  color: #6b6b6b;
  font-size: 12px;
}
.proto-tracking-order-summary__total > div:last-child {
  color: #171717;
  font-size: 15px;
  font-weight: 700;
}
.proto-tracking-content > div > section,
.proto-tracking-content > div > aside {
  border-radius: 20px;
  border-color: #ece8e5;
  background: #fff;
}
.proto-tracking-content > div:last-child {
  position: sticky;
  top: 96px;
  align-self: start;
}
.proto-tracking-content > div > section,
.proto-tracking-content > aside,
.proto-tracking-content > div > .rounded-\[24px\] {
  box-shadow: none;
}

/* Compact, readable updates and a flat review section inside order tracking. */
.proto-order-updates > .mt-6 {
  margin-top: 18px;
}
.proto-order-updates__list {
  display: grid;
}
.proto-order-update-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  padding: 13px 0;
  border-bottom: 1px solid #ece8e5;
}
.proto-order-update-row:first-child {
  padding-top: 2px;
}
.proto-order-update-row:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}
.proto-order-update-row__icon {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  margin-top: 1px;
  border-radius: 50%;
  background: #fff0f2;
  color: var(--dv-red);
  font-size: 14px;
  font-weight: 800;
}
.proto-order-update-row strong,
.proto-order-update-row span:not(.proto-order-update-row__icon) {
  display: block;
}
.proto-order-update-row strong {
  color: #242424;
  font-size: 14px;
  line-height: 1.35;
}
.proto-order-update-row span:not(.proto-order-update-row__icon) {
  margin-top: 3px;
  color: #71737b;
  font-size: 13px;
  line-height: 1.45;
}
.order-review-form {
  margin-top: 20px;
  padding-top: 24px;
  border-top: 1px solid #e6e2df;
}
.order-review-form__heading h4 {
  color: #242424;
}
.order-review-form__heading p {
  margin-top: 3px;
  color: #71737b;
}
.order-review-form__body {
  display: grid;
  gap: 22px;
  margin-top: 18px;
}
.order-review-overall,
.order-review-driver {
  display: grid;
  gap: 8px;
}
.order-review-stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.order-review-stars button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #d8d5d2;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  transition:
    color 150ms ease,
    transform 150ms ease;
}
.order-review-stars button:hover,
.order-review-stars button.is-selected {
  color: #f5b700;
}
.order-review-stars button:focus-visible {
  outline: 2px solid rgba(242, 10, 36, 0.45);
  outline-offset: 3px;
  border-radius: 4px;
}
.order-review-stars button:hover {
  transform: translateY(-1px);
}
.order-review-details {
  display: grid;
  gap: 14px;
  padding-top: 4px;
}
.order-review-details > div:first-child p:last-child {
  margin-top: 2px;
  color: #71737b;
}
.order-review-details__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 28px;
}
.order-review-details__grid > div > p {
  margin-bottom: 5px;
  color: #55565c;
}
.order-review-comment {
  min-height: 88px;
  width: 100%;
  resize: vertical;
  border: 1px solid #e6e2df;
  border-radius: 12px;
  background: #fff;
  padding: 12px 14px;
  color: #242424;
  font-size: 14px;
  outline: none;
}
.order-review-comment:focus {
  border-color: #f20a24;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.12);
}
.order-review-actions {
  display: flex;
  justify-content: flex-end;
}
.order-review-actions button {
  min-width: 180px;
  border: 0;
  border-radius: 999px;
  background: #f20a24;
  color: #fff;
  cursor: pointer;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  transition:
    background 150ms ease,
    transform 150ms ease;
}
.order-review-actions button:hover:not(:disabled) {
  background: #d90820;
  transform: translateY(-1px);
}
.order-review-actions button:disabled {
  cursor: wait;
  opacity: 0.7;
}
.order-review-error,
.order-review-success {
  margin: 16px 0 0;
  color: #d90820;
  font-size: 14px;
}
.order-review-success {
  color: #218739;
}

/* Order tracking uses its own editorial tokens, so map them to the customer
   dark palette rather than inheriting the light-only tracking colours. */
html.dark .proto-tracking-page {
  --brand-dark: var(--customer-text);
  --brand-muted: var(--customer-muted);
  --brand-bg-elevated: var(--customer-surface-soft);
  --brand-border: var(--customer-border);
  --brand-border-strong: var(--customer-border);
  color: var(--customer-text);
}
html.dark .proto-tracking-page .proto-tracking-progress-card,
html.dark .proto-tracking-page .proto-tracking-content > div > section,
html.dark .proto-tracking-page .proto-tracking-content > div > aside,
html.dark .proto-tracking-page [class*='bg-white'] {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-tracking-page [class*='bg-[var(--brand-bg-elevated)]'] {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-tracking-page input,
html.dark .proto-tracking-page select,
html.dark .proto-tracking-page textarea {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-tracking-page .proto-tracking-status-label,
html.dark .proto-tracking-page .proto-tracking-timeline__item.is-current {
  background: rgba(242, 10, 36, 0.16);
  color: #fecdd3;
}
html.dark .proto-tracking-page .proto-tracking-eta span,
html.dark .proto-tracking-page .proto-tracking-eta small,
html.dark .proto-tracking-page .proto-tracking-live,
html.dark .proto-tracking-page .proto-tracking-timeline__item span,
html.dark .proto-tracking-page .proto-tracking-summary-location span,
html.dark .proto-tracking-page .proto-tracking-order-summary__items small,
html.dark .proto-tracking-page .proto-tracking-order-summary__total > div {
  color: var(--customer-muted);
}
html.dark .proto-tracking-page .proto-tracking-eta strong,
html.dark .proto-tracking-page .proto-tracking-timeline__item strong,
html.dark .proto-tracking-page .proto-tracking-summary-location strong,
html.dark .proto-tracking-page .proto-tracking-order-summary__items span,
html.dark .proto-tracking-page .proto-tracking-order-summary__items strong,
html.dark .proto-tracking-page .proto-tracking-order-summary__total > div:last-child {
  color: var(--customer-text);
}
html.dark .proto-tracking-page .proto-tracking-progress-card .absolute.top-4,
html.dark .proto-tracking-page .proto-tracking-timeline__line {
  background: var(--customer-border);
}
html.dark .proto-tracking-page .proto-tracking-timeline__marker {
  border-color: var(--customer-border);
  background: var(--customer-surface-soft);
  color: var(--customer-muted);
}
html.dark .proto-tracking-page .proto-tracking-timeline__marker.is-done {
  border-color: var(--customer-text);
  background: var(--customer-text);
  color: var(--customer-bg);
}
html.dark .proto-tracking-page .proto-tracking-order-summary,
html.dark .proto-tracking-page .proto-tracking-order-summary__total {
  border-color: var(--customer-border);
}
html.dark .proto-order-update-row {
  border-color: var(--customer-border);
}
html.dark .proto-order-update-row strong,
html.dark .order-review-form__heading h4,
html.dark .order-review-comment {
  color: var(--customer-text);
}
html.dark .proto-order-update-row span:not(.proto-order-update-row__icon),
html.dark .order-review-form__heading p,
html.dark .order-review-details > div:first-child p:last-child,
html.dark .order-review-details__grid > div > p {
  color: var(--customer-muted);
}
html.dark .order-review-form,
html.dark .order-review-comment {
  border-color: var(--customer-border);
}
html.dark .order-review-comment {
  background: var(--customer-surface-soft);
}
@media (max-width: 700px) {
  .proto-tracking-page {
    padding-top: 0;
  }
  .proto-tracking-head {
    align-items: flex-start;
    flex-direction: column;
    padding-block: 19px 22px;
  }
  .proto-tracking-head > div:last-child {
    width: 100%;
    justify-content: flex-start;
  }
  .proto-tracking-progress-card {
    padding: 18px !important;
  }
  .order-review-details__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .order-review-actions button {
    width: 100%;
  }
}
.proto-checkout-compact__summary > p {
  margin: 12px 0 0;
  color: #7d7f86;
  font-size: 10px;
  text-align: center;
}
@media (max-width: 650px) {
  .proto-checkout-popout--compact {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) minmax(260px, 0.8fr);
    width: min(480px, calc(100vw - 22px));
    height: calc(100vh - 22px);
    max-height: calc(100vh - 22px);
  }
  .proto-checkout-compact__form,
  .proto-checkout-compact__summary {
    min-height: 0;
    max-height: none;
    padding: 28px 25px;
  }
  .proto-checkout-compact__payments--online {
    grid-template-columns: 1fr;
  }
}
.proto-cart-sheet {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 81;
  max-height: min(520px, 88vh);
  border-radius: 24px 24px 0 0;
  background: #fff;
  padding: 22px max(22px, calc((100vw - 720px) / 2));
  box-shadow: 0 -16px 45px rgba(15, 23, 42, 0.18);
}
.proto-cart-sheet header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.proto-cart-sheet h2 {
  margin: 0;
  font:
    800 22px/1 Manrope,
    sans-serif;
}
.proto-cart-sheet header span {
  color: #777a82;
  font-size: 11px;
}
.proto-cart-sheet header button {
  border: 0;
  background: #f2f2f3;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 22px;
  line-height: 1;
}
.proto-cart-sheet__items {
  display: grid;
  gap: 8px;
  max-height: 300px;
  overflow: auto;
  margin: 18px 0;
}
.proto-cart-sheet__items div {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #eeeef0;
  padding: 8px 0;
}
.proto-cart-sheet__items div > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 10px;
  background: #fff0eb;
  color: #c74d27;
  font-weight: 700;
}
.proto-cart-sheet__items img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.proto-customer__side-nav-trigger {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-left: 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #171717;
  cursor: pointer;
}
.proto-customer__side-nav-trigger:hover {
  background: transparent;
}
.proto-customer__side-nav-trigger svg {
  width: 20px;
  height: 20px;
}
html.dark .proto-customer__side-nav-trigger {
  color: #f5f6f7;
}
.proto-customer__side-nav-trigger,
.proto-customer__side-nav-trigger:hover {
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Customer profile: compact storefront treatment, intentionally separate from dashboard cards. */
.proto-profile-page {
  max-width: 1100px;
}
.proto-profile-hero {
  overflow: hidden;
  border: 1px solid #e6e6e8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(20, 23, 30, 0.035);
}
.proto-profile-hero > article + article {
  border-top: 1px solid #eeeeef;
  background: #fbfbfb;
}
.proto-profile-hero h1 {
  font:
    800 26px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.045em;
}
.proto-profile-hero .rounded-2xl {
  border-radius: 14px;
}
.proto-profile-layout {
  align-items: start;
}
.proto-profile-sidebar {
  border: 1px solid #e6e6e8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 23, 30, 0.025);
}
.proto-profile-sidebar nav {
  max-height: 540px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.proto-profile-sidebar nav button {
  border: 0;
  background: transparent;
}
.proto-profile-sidebar nav button:hover {
  background: #f7f7f8;
}
.proto-profile-sidebar .proto-profile-sidebar__active {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 16px;
  background: #171717;
  padding: 10px 12px;
  color: #fff;
  text-align: left;
}
.proto-profile-sidebar .proto-profile-sidebar__active strong,
.proto-profile-sidebar .proto-profile-sidebar__active small {
  color: #fff !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active > span:first-child {
  background: #fff;
  color: #171717;
}
.proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active) {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  padding: 9px 12px;
}
.proto-profile-sidebar nav > p + button {
  margin-top: 2px;
}
.proto-profile-sidebar nav > p ~ button {
  padding-block: 7px;
}
.proto-profile-sidebar nav > p ~ button > span:first-child {
  height: 28px;
  width: 28px;
  border-radius: 9px;
}
.proto-profile-sidebar nav > p ~ button small {
  display: none;
}
.proto-profile-content > header {
  min-height: 94px;
  padding: 6px 2px 12px;
}
.proto-profile-content__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.proto-profile-content__header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  gap: 18px;
}
.proto-profile-header-action {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin-top: 4px;
  border: 0;
  background: transparent;
  padding: 8px 2px;
  color: #ee001c;
  font-size: 14px;
  font-weight: 800;
}
.proto-profile-header-action svg {
  width: 18px;
  height: 18px;
}
.proto-profile-header-action--add {
  color: #ee001c;
}
.proto-profile-header-action:hover {
  color: #b80016;
}
.proto-profile-content > header h2 {
  font:
    800 25px/1.08 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-profile-content .delivery-feature-card {
  border: 1px solid #e6e6e8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 23, 30, 0.02);
}
.proto-profile-content .delivery-feature-card > div:first-child h3 {
  font:
    800 18px/1.15 Manrope,
    sans-serif;
  letter-spacing: -0.025em;
}
.proto-profile-content .delivery-feature-card > div.mt-6 {
  margin-top: 20px;
}
.proto-profile-content input,
.proto-profile-content select,
.proto-profile-content textarea {
  border-color: #e2e2e5;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.proto-profile-content .rounded-2xl {
  border-radius: 12px;
}
.proto-profile-content .proto-profile-overview-card > div:first-child {
  display: none !important;
}
.proto-profile-content .proto-profile-overview-card > div.mt-6 {
  margin-top: 0 !important;
}
@media (min-width: 1280px) {
  .proto-profile-hero > article + article {
    border-top: 0;
    border-left: 1px solid #eeeeef;
  }
}
@media (max-width: 1023px) {
  .proto-profile-sidebar nav {
    display: flex;
    max-height: none;
    overflow-x: auto;
  }
  .proto-profile-sidebar nav button {
    min-width: 170px;
  }
}

/* Customer account hub refinement: lighter, warmer and closer to the consumer app. */
.proto-profile-page {
  max-width: 1240px !important;
  padding-top: 32px !important;
  padding-bottom: 56px !important;
  color: #171717;
}
.proto-profile-hero {
  border-color: #ece7e2 !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 30px rgba(20, 20, 20, 0.035) !important;
}
.proto-profile-hero > article {
  padding: 24px 28px !important;
}
.proto-profile-hero > article + article {
  background: #fff !important;
}
.proto-profile-hero > article:first-child {
  gap: 18px !important;
}
.proto-profile-hero > article:first-child > div:first-child {
  height: 72px;
  width: 72px;
  border-radius: 20px;
}
.proto-profile-hero h1 {
  font-size: 30px !important;
}
.proto-profile-hero article:last-child {
  display: flex;
  align-items: center;
  gap: 18px;
}
.proto-profile-hero article:last-child > p {
  position: absolute;
  margin-top: -66px;
}
.proto-profile-hero article:last-child .grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.proto-profile-hero article:last-child .grid > div {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f7f7f7;
}
.proto-profile-hero article:last-child .grid > div p:first-child {
  font-size: 14px;
  font-weight: 700;
}
.proto-profile-hero article:last-child .grid > div p:last-child {
  font-size: 12px;
}
.proto-profile-layout {
  display: block !important;
}
.proto-profile-sidebar {
  margin-top: 20px;
  padding: 6px !important;
  border-color: #ece7e2 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.proto-profile-sidebar > div:first-child {
  display: none;
}
.proto-profile-sidebar nav {
  display: flex !important;
  align-items: center;
  gap: 6px;
  max-height: none !important;
  overflow: visible !important;
}
.proto-profile-sidebar nav > p {
  display: none;
}
.proto-profile-sidebar nav > button {
  flex: 0 0 auto;
  min-width: auto !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
}
.proto-profile-sidebar nav > button > span:first-child {
  display: none;
}
.proto-profile-sidebar nav > button strong {
  font-size: 13px !important;
}
.proto-profile-sidebar nav > button small {
  display: none !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active {
  background: #171717 !important;
  color: #fff !important;
}
.proto-profile-sidebar nav > button:nth-of-type(n + 4) {
  display: none !important;
}
.proto-profile-content {
  margin-top: 26px;
}
.proto-profile-content > header {
  min-height: 0 !important;
  padding: 0 2px 4px !important;
}
.proto-profile-content > header > p {
  color: #ee001c !important;
}
.proto-profile-content > header h2 {
  font-size: 28px !important;
}
.proto-profile-content > header > p:last-child {
  color: #737373 !important;
}
.proto-profile-content .delivery-feature-card,
.proto-profile-content > section {
  border-color: #ece7e2 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.025) !important;
}
@media (max-width: 700px) {
  .proto-profile-page {
    padding: 20px 16px 40px !important;
  }
  .proto-profile-hero > article {
    padding: 20px !important;
  }
  .proto-profile-hero article:last-child {
    display: block;
  }
  .proto-profile-hero article:last-child > p {
    position: static;
    margin: 0 0 10px;
  }
  .proto-profile-sidebar {
    overflow-x: auto;
  }
  .proto-profile-sidebar nav {
    width: -moz-max-content;
    width: max-content;
  }
  .proto-profile-content {
    margin-top: 20px;
  }
}
.proto-profile-hero > article:first-child > div:first-child {
  height: auto !important;
  width: auto !important;
}

/* Tighten the account header and keep its navigation label non-interactive in tone. */
.proto-profile-hero {
  border: 0 !important;
  box-shadow: none !important;
}
.proto-profile-hero > article {
  padding: 18px 24px !important;
}
.proto-profile-hero > article + article {
  border-left: 0 !important;
}
.proto-profile-layout {
  margin-top: -10px;
}
.proto-profile-sidebar > div:first-child p:last-child {
  color: #737373 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.proto-profile-content {
  margin-top: 18px !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active {
  background: transparent !important;
  border-left: 0 !important;
  padding-left: 12px !important;
  color: #171717 !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active strong {
  color: #ee001c !important;
  font-weight: 700 !important;
}
.proto-profile-sidebar nav > button.proto-profile-sidebar__active {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.proto-profile-sidebar nav > button.proto-profile-sidebar__active,
.proto-profile-sidebar nav > button.proto-profile-sidebar__active strong,
.proto-profile-sidebar nav > button.proto-profile-sidebar__active svg {
  color: #ee001c !important;
}

/* Schedule date picker cleanup. */
.proto-checkout-compact__schedule-fields {
  align-items: start;
  gap: 10px !important;
}
.proto-schedule-date-picker__trigger {
  min-height: 52px;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 10px 13px;
  border-color: #dedee3;
  border-radius: 12px;
  line-height: 1.15;
}
.proto-schedule-date-picker__trigger svg {
  width: 16px;
  height: 16px;
}
.proto-schedule-date-picker__trigger strong {
  white-space: nowrap;
  font-size: 12px;
}
.proto-schedule-date-picker__menu {
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  width: min(280px, calc(100vw - 48px));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
  border-color: #e4e4e8;
  border-radius: 14px;
  box-shadow: 0 18px 38px rgba(20, 25, 35, 0.16);
}
.proto-schedule-date-picker__menu button {
  min-height: 58px;
  align-content: center;
  border-radius: 10px;
  padding: 8px 5px;
  font-size: 10px;
  line-height: 1.2;
}
.proto-schedule-date-picker__menu button span {
  color: #666a73;
  font-size: 10px;
  font-weight: 700;
}
.proto-schedule-date-picker__menu button strong {
  font-size: 13px;
  line-height: 1.15;
}
.proto-schedule-date-picker__menu button:hover {
  background: #f2f2f3;
}
.proto-schedule-date-picker__menu button.is-selected {
  background: #fff0f2;
  box-shadow: inset 0 0 0 1px rgba(240, 0, 32, 0.16);
}

html.dark .proto-checkout-compact__schedule-fields .proto-schedule-date-picker__trigger,
html.dark .proto-checkout-compact__schedule-fields .proto-schedule-time-picker__trigger {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}

html.dark .proto-checkout-compact__schedule-fields .proto-schedule-date-picker__trigger strong,
html.dark .proto-checkout-compact__schedule-fields .proto-schedule-time-picker__trigger strong {
  color: var(--customer-muted) !important;
}

html.dark .proto-checkout-compact__schedule-fields .proto-schedule-date-picker__menu,
html.dark .proto-checkout-compact__schedule-fields .proto-schedule-time-picker__menu {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
}

html.dark .proto-checkout-compact__schedule-fields .proto-schedule-date-picker__menu button,
html.dark .proto-checkout-compact__schedule-fields .proto-schedule-time-picker__menu button {
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}

html.dark .proto-checkout-compact__schedule-fields .proto-schedule-date-picker__menu button span {
  color: var(--customer-muted) !important;
}

html.dark .proto-checkout-compact__schedule-fields .proto-schedule-date-picker__menu button strong {
  color: var(--customer-text) !important;
}

html.dark
  .proto-checkout-compact__schedule-fields
  .proto-schedule-date-picker__menu
  button.is-selected,
html.dark
  .proto-checkout-compact__schedule-fields
  .proto-schedule-time-picker__menu
  button.is-selected {
  background: rgba(242, 10, 36, 0.2) !important;
  color: #fecdd3 !important;
}

html.dark
  .proto-checkout-compact__schedule-fields
  .proto-schedule-date-picker__menu
  button.is-selected
  span,
html.dark
  .proto-checkout-compact__schedule-fields
  .proto-schedule-date-picker__menu
  button.is-selected
  strong {
  color: #fecdd3 !important;
}

html.dark .proto-checkout-compact [class*='bg-amber-50'] {
  border-color: #66521f !important;
  background: #302816 !important;
  color: #f4c66b !important;
}

/* Profile navigation active affordance. */
.proto-profile-sidebar nav > button > span:first-child {
  display: inline-flex !important;
  height: 30px;
  width: 30px;
  flex: 0 0 30px;
  border-radius: 9px;
  background: #f7f7f7;
  color: #626262;
}
.proto-profile-sidebar nav > button.proto-profile-sidebar__active {
  border-left: 3px solid #ee001c !important;
  padding-left: 9px !important;
}
.proto-profile-sidebar nav > button.proto-profile-sidebar__active > span:first-child {
  color: #ee001c !important;
  background: #fff !important;
}
@keyframes profile-panel-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.proto-profile-content {
  animation: profile-panel-enter 0.28s ease-out both;
}
@media (prefers-reduced-motion: reduce) {
  .proto-profile-content {
    animation: none;
  }
}
@media (min-width: 1024px) {
  .proto-profile-layout {
    position: relative;
  }
  .proto-profile-layout::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 264px;
    width: 1px;
    background: #ece7e2;
    pointer-events: none;
  }
}
@media (min-width: 701px) and (max-width: 1023px) {
  .proto-profile-layout {
    position: relative;
  }
  .proto-profile-layout::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 234px;
    width: 1px;
    background: #ece7e2;
    pointer-events: none;
  }
}

/* Sidebar correction: retain navigation, but make it calm and consumer-focused. */
.proto-profile-page {
  max-width: 1360px !important;
}
.proto-profile-back {
  display: inline-flex;
  margin-bottom: 4px;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
.proto-profile-back:hover {
  color: #ee001c;
  transform: translateX(-3px);
}

/* Profile sections are embedded inside the account hub. Keep their content,
   but remove the legacy page shells so they share one refreshed canvas. */
.proto-profile-content .dashboard-layout-embedded {
  width: 100%;
  min-width: 0;
}

.proto-profile-content .dashboard-layout-embedded > .min-h-screen {
  min-height: 0 !important;
  background: transparent !important;
}

.proto-profile-content .dashboard-layout-embedded > .min-h-screen > .sticky {
  display: none !important;
}

.proto-profile-content .dashboard-layout-embedded .bg-gradient-to-br,
.proto-profile-content .dashboard-layout-embedded .bg-gradient-to-r {
  background: #fff !important;
  background-image: none !important;
}

.proto-profile-content .dashboard-layout-embedded .bg-gradient-to-r {
  background: #f1f5f9 !important;
  border: 1px solid #ece7e2;
  border-radius: 18px;
  color: #171717 !important;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.025);
}

.proto-profile-content .dashboard-layout-embedded .bg-purple-50,
.proto-profile-content .dashboard-layout-embedded .bg-pink-100 {
  background-color: #fff !important;
}

.proto-profile-content .dashboard-layout-embedded .text-white {
  color: #0a1f44 !important;
}

.proto-profile-content .dashboard-layout-embedded .text-purple-100 {
  color: #64748b !important;
}

.proto-profile-embedded-screen > .min-h-screen {
  min-height: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

.proto-profile-embedded-screen > .min-h-screen > .sticky {
  display: none !important;
}

.proto-profile-embedded-screen .bg-gradient-to-br,
.proto-profile-embedded-screen .bg-gradient-to-r {
  background: #fff !important;
  background-image: none !important;
}

.proto-profile-embedded-screen .bg-gradient-to-r {
  background: #f1f5f9 !important;
  border: 1px solid #ece7e2;
  border-radius: 18px;
  color: #0a1f44 !important;
}

.proto-profile-embedded-screen .bg-purple-50,
.proto-profile-embedded-screen .bg-pink-100 {
  background-color: #fff !important;
}

.proto-profile-embedded-screen .text-white {
  color: #0a1f44 !important;
}

.proto-profile-embedded-screen .text-purple-100 {
  color: #64748b !important;
}

/* Final account-hub normalization for legacy feature content. */
.proto-profile-embedded-screen {
  color: #0a1f44;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  line-height: 1.45;
}

.proto-profile-embedded-screen h1,
.proto-profile-embedded-screen h2,
.proto-profile-embedded-screen h3,
.proto-profile-embedded-screen h4 {
  color: #0a1f44 !important;
  font-family: Manrope, sans-serif !important;
  letter-spacing: -0.035em;
}

.proto-profile-embedded-screen h1 {
  font-size: 25px !important;
  line-height: 1.1 !important;
}
.proto-profile-embedded-screen h2 {
  font-size: 19px !important;
  line-height: 1.15 !important;
}
.proto-profile-embedded-screen h3 {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.proto-profile-embedded-screen p,
.proto-profile-embedded-screen label,
.proto-profile-embedded-screen span,
.proto-profile-embedded-screen small {
  font-size: 12px;
}

.proto-profile-embedded-screen section,
.proto-profile-embedded-screen article,
.proto-profile-embedded-screen [class*='rounded-xl'],
.proto-profile-embedded-screen [class*='rounded-2xl'],
.proto-profile-embedded-screen [class*='rounded-3xl'] {
  border-color: #e8e8eb !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(20, 20, 20, 0.035) !important;
}

.proto-profile-embedded-screen button {
  min-height: 38px;
  border-radius: 10px !important;
  background: #171717 !important;
  color: #fff !important;
  font-family: Manrope, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}

.proto-profile-embedded-screen button:hover {
  background: #ee001c !important;
  color: #fff !important;
}

.proto-profile-embedded-screen a {
  color: #ee001c;
  font-size: 12px;
  font-weight: 800;
}

.proto-profile-embedded-screen button:not([aria-label*='Close']):not([aria-label*='Menu']) {
  border-color: #171717 !important;
}

.proto-profile-embedded-screen input,
.proto-profile-embedded-screen select,
.proto-profile-embedded-screen textarea {
  min-height: 40px;
  border: 1px solid #e2e2e5 !important;
  border-radius: 10px !important;
  background: #fafafa !important;
  color: #0a1f44 !important;
  font-family: Manrope, sans-serif !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.proto-profile-embedded-screen input:focus,
.proto-profile-embedded-screen select:focus,
.proto-profile-embedded-screen textarea:focus {
  border-color: #ee001c !important;
  box-shadow: 0 0 0 3px rgba(238, 0, 28, 0.08) !important;
  outline: none;
}

.proto-profile-page .proto-profile-hero {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.proto-profile-overview-card {
  box-shadow: none !important;
}

.proto-profile-edit-modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.proto-profile-edit-modal__backdrop {
  position: absolute;
  inset: 0;
  min-height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(10, 31, 68, 0.46) !important;
  box-shadow: none !important;
  cursor: default;
}

.proto-profile-edit-modal__card {
  position: relative;
  z-index: 1;
  width: min(100%, 620px);
  max-height: min(720px, calc(100vh - 48px));
  overflow-y: auto;
  border: 1px solid #e8e8eb;
  border-radius: 22px;
  background: #fff;
  padding: 52px 42px 39px;
  box-shadow: 0 28px 80px rgba(10, 31, 68, 0.22);
}

.proto-profile-edit-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.proto-profile-edit-modal__header h3 {
  margin: 5px 0 4px;
  color: #0a1f44;
  font:
    800 25px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}

.proto-profile-edit-modal__header p:last-child {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.proto-profile-edit-modal input[type='date'] {
  height: 40px;
  min-height: 40px;
  border-radius: 9px !important;
  background: #fff !important;
  padding: 0 11px;
  color: #171717 !important;
  font-size: 12px !important;
}

.proto-profile-edit-modal input[type='date']::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.72;
}

.proto-profile-edit-modal__close {
  display: inline-flex;
  min-height: 36px !important;
  width: 36px;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f2f2f3 !important;
  color: #64748b !important;
}

.proto-profile-edit-modal__save,
.proto-profile-edit-modal__cancel {
  min-height: 44px !important;
  flex: 1;
  justify-content: center;
  border-radius: 999px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
}

.proto-profile-edit-modal__actions {
  padding-top: 14px;
}

.proto-profile-date-picker {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1.25fr;
  gap: 8px;
  margin-top: 8px;
}

.proto-profile-date-picker select {
  height: 40px;
  min-width: 0;
  margin: 0;
  border: 1px solid #e2e2e5 !important;
  border-radius: 9px !important;
  background: #fff !important;
  padding: 0 30px 0 11px;
  color: #171717 !important;
  font:
    12px/1.3 Manrope,
    sans-serif !important;
}

.proto-profile-edit-modal__save {
  border-color: #f00020 !important;
  background: #f00020 !important;
  color: #fff !important;
}

.proto-profile-edit-modal__save:hover {
  border-color: #d9001a !important;
  background: #d9001a !important;
}

.proto-profile-edit-modal__cancel {
  border: 1px solid #e2e2e5 !important;
  background: #fff !important;
  color: #171717 !important;
}

.proto-profile-edit-modal__cancel:hover {
  border-color: #171717 !important;
  background: #fafafa !important;
  color: #171717 !important;
}

.proto-profile-edit-modal__close:hover {
  background: #171717 !important;
  color: #fff !important;
}

@media (max-width: 640px) {
  .proto-profile-edit-modal {
    padding: 14px;
  }
  .proto-profile-edit-modal__card {
    padding: 24px 20px;
    border-radius: 16px;
  }
}

.proto-profile-content .dashboard-layout-embedded .bg-gradient-to-r * {
  color: inherit;
}

.proto-profile-content .dashboard-layout-embedded .shadow-lg,
.proto-profile-content .dashboard-layout-embedded .shadow-xl {
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.025) !important;
}
.proto-profile-layout {
  display: grid !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}
.proto-profile-sidebar {
  position: sticky;
  top: 0;
  margin-top: 0;
  padding: 16px 12px !important;
  border: 0 !important;
  border-radius: 20px !important;
  align-self: start;
  box-shadow: none !important;
}
.proto-profile-sidebar > div:first-child {
  display: block !important;
  padding: 2px 10px 12px !important;
}
.proto-profile-sidebar nav {
  display: grid !important;
  gap: 3px;
  max-height: none !important;
  overflow: visible !important;
}
.proto-profile-sidebar nav > p {
  display: block;
  margin-top: 12px;
  padding: 8px 10px 4px !important;
  color: #8a8a8a !important;
  font-size: 10px !important;
}
.proto-profile-sidebar nav > button {
  display: flex !important;
  width: 100%;
  min-width: 0 !important;
  height: 48px;
  align-items: center;
  gap: 12px;
  padding: 0 12px !important;
  border-radius: 12px !important;
  text-align: left;
}
.proto-profile-sidebar nav > button > span:first-child {
  display: none !important;
}
.proto-profile-sidebar nav > button strong {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.proto-profile-sidebar nav > button small {
  display: none !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active {
  background: #fff1f3 !important;
  color: #171717 !important;
  border-left: 3px solid #f20a24 !important;
  padding-left: 9px !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active strong,
.proto-profile-sidebar .proto-profile-sidebar__active small {
  color: #171717 !important;
}
.proto-profile-sidebar .proto-profile-sidebar__active > span:first-child {
  display: none !important;
}
.proto-profile-sidebar nav > button:hover:not(.proto-profile-sidebar__active) {
  background: #fafafa !important;
}
.proto-profile-sidebar nav > button:nth-of-type(n + 4) {
  display: flex !important;
}
.proto-profile-content {
  margin-top: 0 !important;
}
@media (min-width: 701px) {
  .proto-profile-content {
    margin-left: 16px !important;
    margin-right: 24px !important;
  }
}
@media (max-width: 1023px) {
  .proto-profile-layout {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }
  .proto-profile-sidebar nav {
    display: grid !important;
    overflow: visible !important;
  }
}
@media (max-width: 700px) {
  .proto-profile-layout {
    display: block !important;
  }
  .proto-profile-content {
    margin-right: 0 !important;
  }
  .proto-profile-sidebar {
    position: static;
    margin-top: 20px;
    overflow: hidden;
  }
  .proto-profile-sidebar nav {
    display: flex !important;
    width: -moz-max-content;
    width: max-content;
    overflow-x: auto;
  }
  .proto-profile-sidebar nav > p {
    display: none;
  }
  .proto-profile-sidebar nav > button {
    width: auto;
    min-width: 132px !important;
  }
  .proto-profile-sidebar nav > button:nth-of-type(n + 4) {
    display: none !important;
  }
}

/* Keep the content fixed; animate only the sidebar selection marker. */
.proto-profile-content {
  animation: none !important;
}
.proto-profile-sidebar nav > button {
  position: relative;
  border-left: 0 !important;
  padding-left: 12px !important;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}
.proto-profile-sidebar nav > button::before {
  content: '';
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: #ee001c;
  opacity: 0;
  transform: scaleY(0.35);
  transform-origin: center;
  transition:
    opacity 0.2s ease,
    transform 0.24s ease;
}
.proto-profile-sidebar nav > button.proto-profile-sidebar__active::before {
  opacity: 1;
  transform: scaleY(1);
}
.proto-profile-sidebar nav > button.proto-profile-sidebar__active {
  border-left: 0 !important;
  padding-left: 12px !important;
}
.proto-profile-sidebar nav {
  position: relative;
}
.proto-profile-sidebar__indicator {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 3px;
  border-radius: 999px;
  background: #ee001c;
  pointer-events: none;
  transition:
    top 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.2s ease;
}
.proto-profile-sidebar nav > button::before {
  display: none !important;
}

/* Shared visual language for existing screens embedded in the account hub. */
.dashboard-layout-embedded {
  width: 100%;
  min-width: 0;
  color: #0a1f44;
  font-family: Manrope, sans-serif;
}
.dashboard-layout-embedded > * {
  max-width: none !important;
}
.dashboard-layout-embedded .proto-page,
.dashboard-layout-embedded main {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dashboard-layout-embedded h1,
.dashboard-layout-embedded h2,
.dashboard-layout-embedded h3 {
  color: #0a1f44;
  letter-spacing: -0.035em;
}
.dashboard-layout-embedded button,
.dashboard-layout-embedded a {
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.dashboard-layout-embedded .delivery-card-surface,
.dashboard-layout-embedded section[class*='rounded'],
.dashboard-layout-embedded article[class*='rounded'] {
  border-color: #ece7e2;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.035);
  border: 0 !important;
}
.dashboard-layout-embedded input,
.dashboard-layout-embedded select,
.dashboard-layout-embedded textarea {
  border-color: #e2e2e5;
  border-radius: 12px;
  box-shadow: none;
}
.proto-profile-sidebar nav > button {
  border: 0 !important;
}
.proto-profile-content .delivery-feature-card,
.proto-profile-content > section,
.proto-profile-content article {
  border: 0 !important;
}
.proto-profile-content > header {
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #ece7e2;
}
.proto-profile-content > section.proto-profile-overview-card {
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.proto-profile-overview-card > div:first-child {
  position: relative;
  align-items: center !important;
}
.proto-profile-overview-card > div:first-child > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0 !important;
}
.proto-profile-overview-card > div:first-child > div:last-child button {
  min-height: 32px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #ee001c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.proto-profile-overview-card > div:first-child > div:last-child button:hover {
  border-color: transparent !important;
  background: transparent !important;
  color: #b80016 !important;
}
.proto-profile-overview-card > div:first-child > div:last-child button svg {
  color: currentColor !important;
}
.proto-profile-addresses-card {
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.proto-profile-content .proto-profile-addresses-card,
.proto-profile-content .proto-profile-account-card,
.proto-profile-content .proto-profile-delete-card {
  box-shadow: none !important;
}
.proto-profile-verification-row {
  min-height: 88px;
  border: 1px solid #e8e8eb;
  border-radius: 16px;
  background: #fafafa;
  padding: 18px 20px;
}
.proto-profile-verification-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.proto-profile-verification-copy > span {
  color: #8a8a91;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.proto-profile-verification-copy p {
  margin: 0 !important;
}
.proto-profile-verification-copy p:first-of-type {
  color: #171717 !important;
  font-size: 14px !important;
}
.proto-profile-verification-copy p:last-of-type {
  font-size: 12px !important;
}
.proto-profile-content .proto-profile-verification-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.proto-profile-content .proto-profile-verification-row > button {
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: 112px;
  flex: 0 0 auto;
}
.proto-profile-verification-row .inline-flex.rounded-full {
  flex: 0 0 auto;
  border-color: #b8e4c8 !important;
  background: #ecfdf3 !important;
  color: #16803c !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
}
.proto-profile-addresses-card > div:first-child > div:first-child,
.proto-profile-account-card > div:first-child > div:first-child,
.proto-profile-delete-card > div:first-child > div:first-child {
  display: none !important;
}
.proto-profile-addresses-card > div.mt-6,
.proto-profile-account-card > div.mt-6,
.proto-profile-delete-card > div.mt-6 {
  margin-top: 0 !important;
}
.proto-profile-delete-card {
  border: 0 !important;
  background: #fff !important;
}
.proto-profile-add-address {
  min-height: 32px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #ee001c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.proto-profile-add-address:hover {
  background: transparent !important;
  color: #b80016 !important;
}
.proto-profile-address-form {
  position: relative;
  border-color: #e8e8eb !important;
  background: #f7f7f8 !important;
  padding: 20px !important;
  box-shadow: none !important;
}
.proto-profile-address-form .flex.gap-3 {
  justify-content: flex-end;
  padding-top: 8px;
}
.proto-profile-address-form .flex.gap-3 button {
  min-height: 40px;
  border-radius: 999px !important;
  padding: 0 18px !important;
}
.proto-profile-address-list {
  display: grid;
  gap: 10px;
}
.proto-profile-address-item {
  min-height: 76px;
  border-color: #e8e8eb !important;
  background: #f7f7f8 !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
}
.proto-profile-address-item > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.proto-profile-address-item > div:first-child p:first-child {
  font-size: 13px !important;
  font-weight: 800 !important;
}
.proto-profile-address-item > div:first-child p:nth-child(2) {
  color: #0a1f44 !important;
  font-size: 12px !important;
}
.proto-profile-address-item > button {
  min-height: 30px !important;
  width: 30px;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ee001c !important;
}
.proto-profile-address-item > button:hover {
  background: #fff0f2 !important;
  color: #b80016 !important;
}
.proto-profile-address-modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}
.proto-profile-address-modal__backdrop {
  position: absolute;
  inset: 0;
  min-height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(10, 31, 68, 0.46) !important;
  box-shadow: none !important;
}
.proto-profile-address-modal .proto-profile-address-form {
  z-index: 1;
  width: min(100%, 980px);
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border: 1px solid #e8e8eb !important;
  border-radius: 22px !important;
  background: #fff !important;
  padding: 44px 42px 32px !important;
  box-shadow: 0 28px 80px rgba(10, 31, 68, 0.22) !important;
}
.proto-profile-address-modal__body {
  position: relative;
  min-height: 540px;
  display: block;
}
.proto-profile-address-modal__body > * {
  margin-top: 0 !important;
}
.proto-profile-address-modal__fields {
  width: 39%;
  display: grid;
  align-content: start;
  gap: 16px;
}
.proto-profile-address-modal__map {
  position: absolute;
  top: 0;
  right: 0;
  width: 58%;
  min-width: 0;
}
.proto-profile-address-modal__map > div:nth-child(2) {
  height: 480px !important;
  min-height: 480px;
  position: relative;
  z-index: 0;
  background: #edf2f7;
}
.proto-profile-address-modal__map .leaflet-container {
  height: 480px !important;
  min-height: 480px !important;
  background: #edf2f7;
}
.proto-profile-address-modal__map .leaflet-tile {
  width: 256px !important;
  height: 256px !important;
  max-width: none !important;
  opacity: 1 !important;
}
.proto-profile-address-modal__map .leaflet-tile-pane {
  z-index: 200 !important;
}
.proto-profile-address-modal__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 39%;
  margin-top: 0 !important;
}
.proto-profile-address-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}
.proto-profile-address-modal__header h3 {
  margin: 5px 0 4px;
  color: #0a1f44;
  font:
    800 25px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-profile-address-modal__header p:last-child {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}
.proto-profile-address-modal__close {
  display: inline-flex;
  min-height: 36px !important;
  width: 36px;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f2f2f3 !important;
  color: #64748b !important;
}
.proto-profile-address-modal__actions {
  padding-top: 14px;
}
@media (max-width: 640px) {
  .proto-profile-address-modal {
    padding: 14px;
  }
  .proto-profile-address-modal .proto-profile-address-form {
    max-height: calc(100vh - 28px);
    overflow-y: auto;
    padding: 28px 20px 22px !important;
  }
  .proto-profile-address-modal__body {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .proto-profile-address-modal__fields,
  .proto-profile-address-modal__map,
  .proto-profile-address-modal__actions {
    position: static;
    width: 100%;
  }
  .proto-profile-address-modal__map > div:nth-child(2),
  .proto-profile-address-modal__map .leaflet-container {
    height: 300px !important;
    min-height: 300px;
  }
}
.proto-side-nav__scrim {
  position: fixed;
  inset: 0;
  z-index: 84;
  border: 0;
  background: rgba(20, 22, 28, 0.28);
  backdrop-filter: blur(3px);
  cursor: default;
}
.proto-side-nav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 85;
  display: flex;
  width: min(390px, calc(100vw - 24px));
  flex-direction: column;
  background: #fff;
  padding: 28px 24px;
  box-shadow: 18px 0 45px rgba(15, 23, 42, 0.18);
}
.proto-side-nav > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececef;
}
.proto-side-nav > header span {
  color: #8a8b92;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.proto-side-nav > header h2 {
  margin: 6px 0 0;
  color: #171717;
  font:
    800 24px/1.05 Manrope,
    sans-serif;
  letter-spacing: -0.04em;
}
.proto-side-nav > header button {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: #f2f2f3;
  color: #171717;
  font-size: 22px;
  cursor: pointer;
}
.proto-side-nav > nav {
  display: grid;
  flex: 0 1 auto;
  gap: 6px;
  min-height: 0;
  overflow-y: auto;
  padding: 18px 4px 12px 0;
  scrollbar-width: thin;
}
.proto-side-nav__section-label {
  margin: 10px 0 2px;
  padding: 0 12px;
  color: #8a8b92;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.proto-side-nav__section-label:first-child {
  margin-top: 0;
}
.proto-side-nav > nav a {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  padding: 14px 12px;
  color: #171717;
  text-decoration: none;
  transition:
    background 0.15s ease,
    transform 0.15s ease;
}
.proto-side-nav > nav a:hover {
  background: #f7f7f8;
  transform: translateX(2px);
}
.proto-side-nav > nav a > svg {
  width: 21px;
  height: 21px;
  color: #ed001d;
}
.proto-side-nav > nav a > span {
  display: grid;
  gap: 4px;
}
.proto-side-nav > nav strong {
  font-size: 14px;
}
.proto-side-nav > nav small {
  color: #777a82;
  font-size: 11px;
}
.proto-side-nav > nav b {
  color: #a0a1a7;
  font-size: 18px;
  font-weight: 500;
}
.proto-side-nav__whatsapp {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  border: 1px solid #c8efd7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(19, 122, 59, 0.08);
  padding: 14px 12px;
  color: #137a3b !important;
  text-decoration: none;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.proto-side-nav__whatsapp:hover {
  border-color: #25d366;
  background: #f7fff9;
  box-shadow: 0 7px 18px rgba(19, 122, 59, 0.14);
  transform: translateY(-1px);
}
.proto-side-nav__whatsapp > svg {
  width: 21px;
  height: 21px;
}
.proto-side-nav__whatsapp > span {
  display: grid;
  gap: 4px;
}
.proto-side-nav__whatsapp strong {
  color: #137a3b;
  font-size: 13px;
}
.proto-side-nav__whatsapp small {
  color: #60736a;
  font-size: 11px;
}
.proto-side-nav__actions {
  display: grid;
  gap: 2px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #ececef;
}
.proto-side-nav__theme {
  margin: 8px 0 0;
  border: 0;
  padding: 12px 0 0;
}
.proto-side-nav__theme legend {
  margin-bottom: 8px;
  padding: 0 12px;
  color: #8a8b92;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.proto-side-nav__theme-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  border: 1px solid #e7e7ea;
  border-radius: 13px;
  background: #f7f7f8;
  padding: 4px;
}
.proto-side-nav__theme-options label {
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 52px;
  border-radius: 9px;
  color: #777a82;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}
.proto-side-nav__theme-options label.is-selected {
  background: #fff;
  color: #171717;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
}
.proto-side-nav__theme-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.proto-side-nav__theme-options svg {
  width: 17px;
  height: 17px;
}
.proto-side-nav__theme > small {
  display: block;
  margin: 7px 12px 0;
  color: #8a8b92;
  font-size: 10px;
}
.proto-side-nav {
  width: min(340px, calc(100vw - 16px));
  padding: 20px 16px;
}
.proto-side-nav > header {
  padding-bottom: 14px;
}
.proto-side-nav > header span {
  font-size: 9px;
}
.proto-side-nav > header h2 {
  margin-top: 4px;
  font-size: 21px;
}
.proto-side-nav > header button {
  width: 30px;
  height: 30px;
  font-size: 19px;
}
.proto-side-nav > nav {
  gap: 2px;
  padding: 12px 0 8px;
  scrollbar-width: none;
}
.proto-side-nav__section-label {
  margin: 8px 0 1px;
  padding: 0 8px;
  font-size: 9px;
}
.proto-side-nav > nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.proto-side-nav > nav a {
  grid-template-columns: 24px 1fr auto;
  gap: 9px;
  border-radius: 10px;
  padding: 9px 8px;
  grid-template-columns: 24px minmax(0, 1fr);
}
.proto-side-nav > nav a > svg {
  width: 18px;
  height: 18px;
  color: #171717;
}
.proto-side-nav > nav a > span {
  gap: 2px;
}
.proto-side-nav > nav strong {
  font-size: 12px;
}
.proto-side-nav > nav small {
  font-size: 10px;
}
.proto-side-nav > nav b {
  font-size: 15px;
}
.proto-side-nav__whatsapp {
  grid-template-columns: 24px 1fr auto;
  gap: 9px;
  margin-top: 6px;
  border-radius: 10px;
  padding: 10px 8px;
  grid-template-columns: 24px minmax(0, 1fr);
}
.proto-side-nav__whatsapp > svg {
  width: 18px;
  height: 18px;
}
.proto-side-nav__whatsapp > span {
  gap: 2px;
}
.proto-side-nav__whatsapp strong {
  font-size: 12px;
}
.proto-side-nav__whatsapp small {
  font-size: 10px;
}
.proto-side-nav__whatsapp b {
  font-size: 18px;
  font-weight: 500;
}
.proto-side-nav__logout {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 6px;
  border: 0;
  background: transparent;
  padding: 14px 12px 4px;
  color: #ed001d;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.proto-side-nav__logout svg {
  width: 21px;
  height: 21px;
}
html.dark .proto-customer {
  --customer-bg: #0f172a;
  --customer-surface: #1e293b;
  --customer-surface-soft: #334155;
  --customer-border: #475569;
  --customer-text: #f8fafc;
  --customer-muted: #cbd5e1;
  background: var(--customer-bg);
  color: var(--customer-text);
}

.proto-home__discovery {
  display: grid;
  gap: 2.5rem;
  margin: 2.5rem 0;
}

.proto-home__discovery-section {
  min-width: 0;
}

.proto-home__section-description {
  color: var(--customer-muted, #727784);
  margin: 0.35rem 0 0;
  font-size: 0.85rem;
}

.proto-home__discovery-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(20% - 12.8px);
  gap: 1rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 0.35rem 0.1rem 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.proto-home__discovery-rail::-webkit-scrollbar {
  display: none;
}

.proto-home__discovery-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.proto-home__rail-button {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--customer-border, #e2e5e9);
  border-radius: 999px;
  background: var(--customer-surface, #fff);
  color: var(--customer-ink, #15171a);
  font-size: 1.1rem;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.proto-home__rail-button:hover {
  background: var(--customer-ink, #15171a);
  color: var(--customer-surface, #fff);
  transform: translateY(-1px);
}

.proto-home__see-all {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.25rem;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: var(--customer-ink, #15171a);
  color: var(--customer-surface, #fff) !important;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.proto-home__see-all svg {
  width: 1rem;
  height: 1rem;
}

html.dark .proto-home__rail-button {
  border-color: #475569 !important;
  background: #334155 !important;
  color: #f5f6f7 !important;
}

html.dark .proto-home__rail-button:hover,
html.dark .proto-home__rail-button:focus-visible {
  border-color: #f20a2d !important;
  background: #3a2027 !important;
  color: #fff !important;
}

html.dark .proto-home__see-all {
  background: #f20a2d !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(242, 10, 45, 0.2);
}

html.dark .proto-home__see-all:hover,
html.dark .proto-home__see-all:focus-visible {
  background: #ff3b56 !important;
}

.proto-home__discovery-rail .proto-home__food-card {
  min-width: 0;
}

.proto-home__card-bottom--quick-add > span {
  display: grid;
  gap: 0.15rem;
}

.proto-home__card-bottom--quick-add small {
  color: var(--customer-muted, #727784);
  font-size: 0.68rem;
}

.proto-home__catalogue-status {
  color: var(--customer-muted, #727784);
  text-align: center;
  padding: 1rem;
}

.proto-home__catalogue-status--error button {
  color: var(--customer-accent, #f20a2d);
  font-weight: 700;
}

.proto-home__catalogue-sentinel {
  height: 1px;
}

@media (max-width: 620px) {
  .proto-home__discovery {
    gap: 2rem;
    margin: 2rem 0;
  }

  .proto-home__discovery .proto-home__products-heading {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
  }

  .proto-home__discovery .proto-home__products-heading > div {
    min-width: 0;
  }

  .proto-home__discovery .proto-home__products-heading h2 {
    font-size: 22px;
    line-height: 1.1;
  }

  .proto-home__discovery .proto-home__section-description {
    max-width: 300px;
    font-size: 12px;
    line-height: 1.4;
  }

  .proto-home__discovery-actions {
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
  }

  .proto-home__discovery-rail {
    grid-auto-flow: row !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-columns: auto !important;
    gap: 10px;
    overflow-x: visible !important;
    overflow-y: visible;
    padding: 0 0 4px;
  }

  .proto-home__discovery-rail .proto-home__food-card {
    width: 100%;
    border-radius: 14px;
  }

  .proto-home__discovery-rail .proto-home__food-card-art {
    height: 140px;
  }

  .proto-home__discovery-rail .proto-home__food-card-art img {
    height: 152px;
  }

  .proto-home__discovery-rail .proto-home__food-card-copy {
    padding: 10px;
  }

  .proto-home__discovery-rail .proto-home__food-card-copy > strong {
    min-height: 2.4em;
    margin: 6px 0;
    font-size: 13px;
    line-height: 1.2;
  }

  .proto-home__discovery-rail .proto-home__card-meta,
  .proto-home__discovery-rail .proto-home__merchant-tag {
    font-size: 9px;
  }

  .proto-home__discovery-rail .proto-home__card-bottom {
    font-size: 12px;
  }

  .proto-home__discovery-rail .proto-home__card-bottom i {
    width: 27px;
    height: 27px;
  }

  .proto-home__product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
}

.proto-discovery-page__browse-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.75rem;
  padding: 0.7rem 1rem;
  border-radius: 999px;
  background: var(--customer-accent, #f20a2d);
  color: #fff !important;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.proto-discovery-page__browse-link svg {
  width: 1rem;
  height: 1rem;
}
html.dark .proto-product-workspace .proto-product-detail,
html.dark .proto-product-bag {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text);
}
html.dark .proto-product-workspace .proto-product-detail {
  background: transparent !important;
  border-color: transparent !important;
}
html.dark .proto-product-detail__copy,
html.dark .proto-product-detail__copy h1 {
  color: var(--customer-text);
}
html.dark .proto-product-detail__favourite {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-product-detail__favourite:hover,
html.dark .proto-product-detail__favourite.is-active {
  border-color: #f20a24 !important;
  background: #3a2027 !important;
  color: #ff7182 !important;
}
html.dark .proto-product-detail__copy > p:not(.proto-home__eyebrow),
html.dark .proto-product-detail__merchant,
html.dark .proto-product-detail__options-heading,
html.dark .proto-product-bag > header span,
html.dark .proto-product-bag__items small,
html.dark .proto-product-bag__totals span {
  color: var(--customer-muted);
}
html.dark .proto-product-detail__portions button,
html.dark .proto-product-detail__options button,
html.dark .proto-product-detail__options label {
  background: var(--customer-surface-soft) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-product-detail__portions button.is-selected,
html.dark .proto-product-detail__options button.is-selected,
html.dark .proto-product-detail__options label:has(input:checked) {
  background: var(--customer-surface-soft) !important;
  border-color: var(--customer-border) !important;
}
html.dark .proto-product-complements {
  border-top-color: var(--customer-border);
}
html.dark .proto-product-complements__items article {
  border-color: var(--customer-border);
  background: var(--customer-surface);
}
html.dark .proto-product-complements__items small {
  color: var(--customer-muted);
}
html.dark .proto-product-detail__options {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
}
html.dark .proto-product-detail__options button + button {
  border-top-color: var(--customer-border) !important;
}
html.dark .proto-product-detail__portions button.is-selected {
  background: var(--customer-surface-soft) !important;
  border-color: #f20a24 !important;
  color: #fff !important;
  box-shadow:
    0 0 0 1px rgba(242, 10, 36, 0.35),
    0 7px 15px rgba(0, 0, 0, 0.28);
}
html.dark .proto-product-detail__portions button.is-selected small {
  color: #fff !important;
}
html.dark .proto-product-detail__options small,
html.dark .proto-product-detail__options button small,
html.dark .proto-product-detail__option-left small {
  color: #e3e7eb !important;
}
html.dark .proto-product-detail__action > button {
  background: var(--customer-surface-soft);
  color: var(--customer-text);
}
html.dark .proto-product-bag__items article {
  background: var(--customer-surface-soft);
  border-color: var(--customer-border);
}
html.dark .proto-product-bag__quantity {
  background: var(--customer-bg);
}
html.dark .proto-product-bag__quantity button {
  background: var(--customer-surface-soft);
  color: var(--customer-text);
  box-shadow: none;
}
html.dark .proto-product-bag__quantity output,
html.dark .proto-product-bag__totals strong {
  color: var(--customer-text);
}
html.dark .proto-product-bag__totals {
  border-color: var(--customer-border);
}
.proto-product-detail__portions button.is-selected {
  background: #171717 !important;
  color: #fff !important;
}
html.dark .proto-product-detail__portions button.is-selected {
  background: var(--customer-surface-soft) !important;
  border-color: #f20a24 !important;
  color: #fff !important;
  box-shadow:
    0 0 0 1px rgba(242, 10, 36, 0.35),
    0 7px 15px rgba(0, 0, 0, 0.28);
}
html.dark .proto-product-detail__portions button.is-selected small {
  color: #fff !important;
}
.proto-product-detail__action > button {
  background: var(--red);
  color: #fff;
}
html.dark .proto-customer main,
html.dark .proto-customer section,
html.dark .proto-customer footer {
  color: var(--customer-text);
}
html.dark .proto-customer [class*='bg-white'],
html.dark .proto-customer [class*='bg-[#fff'],
html.dark .proto-customer [class*='bg-[#FFF'] {
  background-color: var(--customer-surface) !important;
}
html.dark .proto-customer [class*='text-gray-900'],
html.dark .proto-customer [class*='text-gray-800'],
html.dark .proto-customer [class*='text-[#171717'] {
  color: var(--customer-text) !important;
}
html.dark .proto-customer [class*='text-gray-500'],
html.dark .proto-customer [class*='text-gray-600'],
html.dark .proto-customer [class*='text-[#777'] {
  color: var(--customer-muted) !important;
}
html.dark .proto-customer [class*='border-gray'],
html.dark .proto-customer [class*='border-[#'] {
  border-color: var(--customer-border) !important;
}
html.dark .proto-side-nav {
  background: var(--customer-bg);
  box-shadow: 18px 0 45px rgba(0, 0, 0, 0.45);
}
html.dark .proto-side-nav > header {
  border-color: var(--customer-border);
}
html.dark .proto-side-nav > header h2,
html.dark .proto-side-nav > header button,
html.dark .proto-side-nav > nav a {
  color: var(--customer-text);
}
html.dark .proto-side-nav > nav a > svg {
  color: var(--customer-text);
}
html.dark .proto-home__merchant-tag i,
html.dark .proto-home__store-product-heading i {
  background: var(--customer-surface-soft);
  color: var(--customer-text);
}
html.dark .proto-side-nav > header button {
  background: var(--customer-surface-soft);
}
html.dark .proto-side-nav > nav a:hover {
  background: var(--customer-surface-soft);
}
html.dark .proto-side-nav > nav small,
html.dark .proto-side-nav__section-label,
html.dark .proto-side-nav__theme legend,
html.dark .proto-side-nav__theme > small {
  color: var(--customer-muted);
}
html.dark .proto-side-nav__actions {
  border-color: var(--customer-border);
}
html.dark .proto-side-nav__whatsapp {
  border-color: var(--customer-border);
  background: var(--customer-surface-soft);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  color: #25d366 !important;
}
html.dark .proto-side-nav__whatsapp strong {
  color: var(--customer-text);
}
html.dark .proto-side-nav__whatsapp small {
  color: var(--customer-muted);
}
html.dark .proto-side-nav__whatsapp:hover {
  border-color: #25d366;
  background: var(--customer-surface);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.26);
}
html.dark .proto-side-nav__theme-options {
  border-color: var(--customer-border);
  background: var(--customer-bg);
}
html.dark .proto-side-nav__theme-options label {
  color: var(--customer-muted);
}
html.dark .proto-side-nav__theme-options label.is-selected {
  background: var(--customer-surface-soft);
  color: var(--customer-text);
  box-shadow: none;
}
html.dark .proto-customer__header,
html.dark .proto-customer__topbar,
html.dark .proto-customer__nav,
html.dark .proto-customer__mobile-nav,
html.dark .proto-customer__footer,
html.dark .proto-customer__actions {
  background: var(--customer-bg) !important;
  border-color: var(--customer-border) !important;
}
html.dark .proto-customer__header {
  border-bottom-color: var(--customer-border) !important;
}
html.dark .proto-customer__brand img {
  background: transparent !important;
  mix-blend-mode: screen;
}
html.dark .proto-customer__nav a,
html.dark .proto-customer__nav button {
  color: #dfe3e7 !important;
}
html.dark .proto-customer__nav a.active,
html.dark .proto-customer__nav a:hover {
  background: var(--customer-surface-soft) !important;
  color: #ff5265 !important;
}
html.dark .proto-customer__search-trigger.is-active {
  background: var(--customer-surface-soft) !important;
  color: #f5f6f7 !important;
  box-shadow: inset 0 0 0 1px var(--customer-border);
}
html.dark .proto-customer__search-trigger.is-active svg {
  color: #f5f6f7 !important;
}
html.dark .proto-home__dish-detail {
  border-color: var(--customer-border) !important;
  background: var(--black);
  color: #fff;
}
html.dark .proto-home__location {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface);
}
html.dark .proto-home__dish-detail:hover {
  border-color: var(--customer-border) !important;
}
html.dark .proto-home__dish-detail small {
  color: rgb(255 255 255 / 72%);
}
html.dark .proto-home__visual {
  background:
    radial-gradient(ellipse at 70% 34%, rgb(238 0 28 / 12%), transparent 39%),
    linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
}
html.dark .proto-home__food-shortcuts a {
  border-color: var(--customer-border);
  color: var(--customer-text);
}
html.dark .proto-home__chips button {
  background: var(--customer-surface-soft);
  color: #dfe3e7;
}
html.dark .proto-home__chips button.is-active {
  background: #f20a24;
  color: #fff;
}
html.dark .proto-home__merchant-image-wrap {
  border-color: #475569;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}
html.dark .proto-home__merchant-image-wrap:not(:has(img)) {
  background: #334155;
  color: #f5f6f7;
}
html.dark .proto-home__merchant-tile {
  color: #f5f6f7;
}
html.dark .proto-home__merchant-tile small {
  color: #a8afb7;
}
html.dark .proto-home__below-hero {
  border-bottom-color: #475569 !important;
}
html.dark .proto-home__food-card {
  border-color: var(--customer-border);
  background: var(--customer-surface);
}
html.dark .proto-home__food-card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35);
}
html.dark .proto-home__food-card button {
  color: #f5f6f7;
}
html.dark .proto-home__food-card-art {
  background: var(--customer-surface-soft);
}
html.dark .proto-home__food-card-copy {
  background: var(--customer-surface);
}
html.dark .proto-home__food-card-favourite {
  border-color: var(--customer-border) !important;
  background: rgba(51, 65, 85, 0.92) !important;
  color: var(--customer-text) !important;
}
html.dark .proto-home__food-card-favourite:hover,
html.dark .proto-home__food-card-favourite.is-active {
  border-color: #f20a24 !important;
  background: #3a2027 !important;
  color: #ff7182 !important;
}
html.dark .proto-customer__nav,
html.dark .proto-customer__mobile-nav {
  color: #f5f6f7 !important;
}
html.dark .proto-customer__nav a,
html.dark .proto-customer__mobile-nav a,
html.dark .proto-customer__nav button,
html.dark .proto-customer__mobile-nav button,
html.dark .proto-customer__search-trigger,
html.dark .proto-customer__orders-link,
html.dark .proto-customer__notifications {
  color: #dfe3e7 !important;
}
html.dark .proto-customer__nav a:hover,
html.dark .proto-customer__mobile-nav a:hover,
html.dark .proto-customer__search-trigger:hover,
html.dark .proto-customer__orders-link:hover,
html.dark .proto-customer__notifications:hover {
  background: var(--customer-surface-soft) !important;
  color: #fff !important;
}
html.dark .proto-customer hr,
html.dark .proto-customer [class*='divide-y'] > *,
html.dark .proto-customer [class*='border-b'],
html.dark .proto-customer [class*='border-t'],
html.dark .proto-customer [class*='border-l'],
html.dark .proto-customer [class*='border-r'] {
  border-color: var(--customer-border) !important;
}
html.dark .proto-customer [class*='shadow'] {
  --tw-shadow-color: rgba(0, 0, 0, 0.35);
}
html.dark .proto-notifications-popover,
html.dark .proto-customer__order-preview,
html.dark .customer-location-modal,
html.dark .proto-cart-sheet {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  color: #f5f6f7;
}
html.dark .proto-notifications-popover header {
  border-bottom-color: #475569;
}
html.dark .proto-notifications-popover header strong {
  color: #f5f6f7;
}
html.dark .proto-notifications-popover header span,
html.dark .proto-notifications-popover__list > p {
  color: #a8afb7;
}
html.dark .proto-notifications-popover header > button {
  background: #334155;
  color: #dfe3e7;
}
html.dark .proto-notifications-popover__list > button {
  border-bottom-color: #475569;
  background: #1e293b;
}
html.dark .proto-notifications-popover__list > button:hover {
  background: #334155;
}
html.dark .proto-notifications-popover__list > button strong {
  color: #f5f6f7;
}
html.dark .proto-notifications-popover__list > button small {
  color: #a8afb7;
}
html.dark .proto-notifications-popover footer {
  border-top-color: #475569;
}
html.dark .proto-notifications-popover footer button {
  color: #dfe3e7;
}
html.dark .proto-tracking-page .proto-tracking-progress-card,
html.dark .proto-tracking-page .proto-tracking-content > div > section,
html.dark .proto-tracking-page .proto-tracking-content > div > aside,
html.dark .proto-tracking-page .proto-tracking-content > div > .rounded-\[24px\] {
  background: #1a1d20 !important;
  border-color: #3c434b !important;
  color: #f5f6f7;
}
html.dark .proto-tracking-page .proto-tracking-progress-card h4,
html.dark .proto-tracking-page .proto-tracking-eta strong,
html.dark .proto-tracking-page .proto-tracking-timeline__item strong,
html.dark .proto-tracking-page .proto-tracking-summary-location strong,
html.dark .proto-tracking-page .proto-tracking-order-summary__items span,
html.dark .proto-tracking-page .proto-tracking-order-summary__items strong,
html.dark .proto-tracking-page .proto-tracking-order-summary__total > div:last-child {
  color: #f5f6f7;
}
html.dark .proto-tracking-page .proto-tracking-live,
html.dark .proto-tracking-page .proto-tracking-eta span,
html.dark .proto-tracking-page .proto-tracking-eta small,
html.dark .proto-tracking-page .proto-tracking-timeline__item span,
html.dark .proto-tracking-page .proto-tracking-summary-location span,
html.dark .proto-tracking-page .proto-tracking-order-summary__items small,
html.dark .proto-tracking-page .proto-tracking-order-summary__total > div {
  color: #a8afb7;
}
html.dark .proto-tracking-page .proto-tracking-timeline__item.is-current {
  background: #2b2024;
}
html.dark .proto-tracking-page .proto-tracking-timeline__marker {
  border-color: #626a73;
  background: #25292e;
  color: #dfe3e7;
}
html.dark .proto-tracking-page .proto-tracking-timeline__marker.is-done {
  border-color: #f5f6f7;
  background: #f5f6f7;
  color: #17191c;
}
html.dark .proto-tracking-page .proto-tracking-timeline__line {
  background: #434950;
}
html.dark .proto-tracking-page .proto-tracking-progress-card .absolute.top-4 {
  background: #434950;
}
html.dark .proto-tracking-page .proto-tracking-order-summary,
html.dark .proto-tracking-page .proto-tracking-order-summary__total {
  border-color: #3c434b;
}
html.dark .proto-tracking-page .proto-tracking-progress-card h4,
html.dark .proto-tracking-page .proto-tracking-progress-card h4.antialiased,
html.dark .proto-tracking-page .proto-tracking-progress-card p,
html.dark .proto-tracking-page .proto-tracking-content h3,
html.dark .proto-tracking-page .proto-tracking-content h3.antialiased {
  color: #f5f6f7 !important;
}
html.dark .proto-tracking-page .proto-tracking-progress-card p,
html.dark .proto-tracking-page .proto-tracking-content h3 + p {
  color: #a8afb7 !important;
}
html.dark .proto-tracking-page .proto-tracking-head > div:last-child > button {
  border-color: #3c434b !important;
  background: #25292e !important;
  color: #f5f6f7 !important;
}
html.dark .proto-tracking-page .proto-tracking-head > div:last-child > button:hover {
  border-color: #626a73 !important;
  background: #30353a !important;
}
.proto-cart-sheet__items strong {
  font-size: 12px;
}
.proto-cart-sheet__items b {
  color: #d71920;
  font-size: 12px;
}
.proto-cart-sheet > a {
  display: block;
  border-radius: 999px;
  background: var(--red);
  padding: 14px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}
.proto-cart-sheet {
  max-height: 86vh;
  border-radius: 24px 24px 0 0;
  background: #fff;
  padding: 0 22px;
}
.proto-cart-sheet header {
  height: 58px;
  border-bottom: 1px solid #d7d4cc;
}
.proto-cart-sheet h2 {
  font:
    700 12px/1 Manrope,
    sans-serif;
  letter-spacing: 0.04em;
}
.proto-cart-sheet h2 span {
  color: #111;
  font-size: 12px;
}
.proto-cart-sheet header button {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 10px;
  font-weight: 700;
}
.proto-cart-sheet__items {
  max-height: calc(86vh - 145px);
  margin: 0;
  gap: 0;
}
.proto-cart-sheet__items div {
  grid-template-columns: 54px 1fr 100px 70px;
  gap: 18px;
  min-height: 82px;
  border-bottom: 1px solid #d7d4cc;
  padding: 12px 4px;
}
.proto-cart-sheet__items div > span {
  width: 54px;
  height: 54px;
  border-radius: 0;
}
.proto-cart-sheet__items section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.proto-cart-sheet__items strong {
  font-size: 14px;
  text-transform: uppercase;
}
.proto-cart-sheet__items small {
  margin-top: 4px;
  color: #6e6b65;
  font-size: 10px;
}
.proto-cart-sheet__items em {
  align-self: center;
  font-size: 12px;
  font-style: normal;
  text-align: center;
}
.proto-cart-sheet__items b {
  align-self: center;
  text-align: right;
}
.proto-cart-sheet footer {
  display: grid;
  grid-template-columns: 1fr 300px;
  align-items: stretch;
  min-height: 74px;
  border-top: 1px solid #272727;
  margin: 0 -22px;
}
.proto-cart-sheet footer > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 22px;
  font-size: 9px;
}
.proto-cart-sheet footer > span b {
  margin-top: 5px;
  font-size: 12px;
}
.proto-cart-sheet footer a,
.proto-cart-sheet footer > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 0;
  background: var(--red);
  padding: 0 24px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.proto-cart-sheet header {
  border-bottom-color: #eeeeef;
}
.proto-cart-sheet h2 {
  font-size: 18px;
  letter-spacing: -0.02em;
  text-transform: none;
}
.proto-cart-sheet h2 span {
  color: #777a82;
  font-size: 11px;
  font-weight: 500;
}
.proto-cart-sheet__items div {
  border: 1px solid #eeeeef;
  border-radius: 14px;
  margin: 7px 0;
  padding: 10px 12px;
  background: #fff;
}
.proto-cart-sheet footer {
  border-top-color: #eeeeef;
  padding-top: 12px;
}
.proto-cart-sheet footer a,
.proto-cart-sheet footer > button {
  border-radius: 999px;
}
.proto-cart-sheet {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: flex;
  flex-direction: column;
  width: min(440px, calc(100vw - 18px));
  height: 100vh;
  max-height: none;
  margin: 0;
  border-radius: 0;
  padding: 26px 22px 22px;
  box-shadow: -18px 0 55px rgba(15, 23, 42, 0.18);
}
.proto-cart-sheet header {
  height: auto;
  margin-bottom: 16px;
  padding-bottom: 14px;
}
.proto-cart-sheet__items {
  max-height: none;
  flex: 1;
}
.proto-cart-sheet footer {
  display: block;
  min-height: 0;
  margin: 18px 0 0;
  padding-top: 14px;
}
.proto-cart-sheet footer > span {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 0 14px;
}
.proto-cart-sheet footer > span b {
  margin: 0;
}
.proto-cart-sheet footer a,
.proto-cart-sheet footer > button {
  min-height: 46px;
  padding: 0 18px;
}
.proto-product-bag.is-focused {
  animation: bag-focus 1.1s ease;
}
@keyframes bag-focus {
  0%,
  100% {
    box-shadow: none;
  }
  35% {
    box-shadow:
      0 0 0 4px rgba(239, 0, 28, 0.18),
      0 12px 28px rgba(15, 23, 42, 0.12);
  }
}
@media (max-width: 620px) {
  .proto-cart-sheet {
    width: min(420px, calc(100vw - 10px));
    border-radius: 0;
    padding: 22px 16px 16px;
  }
}

/* Cart sheet v2: simple, product-page-aligned layout. */
.proto-cart-sheet {
  width: min(410px, 100vw);
  padding: 24px;
  background: #fff;
}
.proto-cart-sheet header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid #ececef;
}
.proto-cart-sheet h2 {
  margin: 0;
  color: #171717;
  font:
    800 20px/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.03em;
}
.proto-cart-sheet h2 span {
  margin-left: 6px;
  color: #858791;
  font-size: 11px;
  font-weight: 600;
}
.proto-cart-sheet header button {
  border: 0;
  background: transparent;
  color: #777a82;
  font-size: 11px;
  font-weight: 700;
}
.proto-cart-sheet__items {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #c9cacf transparent;
}
.proto-cart-sheet__items::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.proto-cart-sheet__items::-webkit-scrollbar-track {
  background: transparent;
}
.proto-cart-sheet__items::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #c9cacf;
}
.proto-cart-sheet__items div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  margin: 0;
  border: 1px solid #e8e8eb;
  border-radius: 14px;
  padding: 9px;
}
.proto-cart-sheet__items div > span {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}
.proto-cart-sheet__items section {
  min-width: 0;
}
.proto-cart-sheet__items strong {
  overflow: hidden;
  display: block;
  color: #171717;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proto-cart-sheet__items small {
  display: block;
  margin-top: 4px;
  color: #858791;
  font-size: 10px;
}
.proto-cart-sheet__items em {
  grid-column: 3;
  color: #555861;
  font-size: 10px;
  font-style: normal;
  white-space: nowrap;
}
.proto-cart-sheet__items b {
  grid-column: 4;
  color: var(--red);
  font-size: 11px;
  text-align: right;
}
.proto-cart-sheet footer {
  display: block;
  margin: 18px 0 0;
  border-top: 1px solid #ececef;
  padding-top: 16px;
}
.proto-cart-sheet footer > span {
  display: flex;
  justify-content: space-between;
  padding: 0 0 14px;
  color: #64666d;
  font-size: 11px;
}
.proto-cart-sheet footer > span b {
  color: #171717;
}
.proto-cart-sheet footer > span.proto-cart-sheet__total {
  margin-top: 3px;
  border-top: 1px dashed #d5d5d8;
  padding-top: 10px;
  color: #171717;
  font-weight: 700;
}
.proto-cart-sheet footer > span.proto-cart-sheet__total b {
  font-size: 15px;
}
.proto-cart-sheet footer a,
.proto-cart-sheet footer > button {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  border-radius: 999px;
  background: var(--red);
  padding: 0 18px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.proto-cart-sheet footer > button {
  width: 100%;
  box-sizing: border-box;
  gap: 8px;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .proto-cart-sheet__items div {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 10px;
  }
  .proto-cart-sheet__items div > span {
    width: 44px;
    height: 44px;
  }
  .proto-cart-sheet__items b {
    grid-column: 2 / -1;
    grid-row: 2;
    justify-self: end;
  }
}

/* Product-page bag layout aligned with the approved reference. */
.proto-product-bag {
  width: 100%;
  min-height: 740px;
  border-color: #e7e7ea;
  border-radius: 18px;
  padding: 18px;
  background: #fff;
}
.proto-product-bag > header {
  margin-bottom: 14px;
}
.proto-product-bag h2 {
  font-size: 17px;
}
.proto-product-bag__items {
  max-height: 390px;
  gap: 8px;
}
.proto-product-bag__items article {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  min-height: 68px;
  border-color: #e1e2e5;
  border-radius: 12px;
  padding: 8px;
}
.proto-product-bag__items > article > span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.proto-product-bag__quantity {
  border: 1px solid #e8e8ea;
  border-radius: 999px;
  background: #fff;
  padding: 1px 3px;
}
.proto-product-bag__quantity button {
  width: 20px;
  height: 20px;
  background: #f3f3f4;
}
.proto-product-bag__totals {
  margin-top: auto;
}
.proto-product-bag__checkout {
  min-height: 47px;
  padding: 14px;
  width: 100%;
  border: 0;
  font: inherit;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .proto-product-bag {
    min-height: 0;
  }
}
.proto-cart-sheet__items em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.proto-cart-sheet__items em button {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #f1f1f2;
  color: #171717;
  font-size: 14px;
  line-height: 1;
}
.proto-cart-sheet__items em output {
  min-width: 10px;
  color: #171717;
  font-size: 10px;
  text-align: center;
}
.proto-cart-sheet__items div {
  border: 0;
  border-bottom: 1px solid #eeeeef;
  border-radius: 0;
}
.proto-footer {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}
.proto-product-bag__quantity {
  gap: 3px;
  padding: 2px 3px;
}
.proto-product-bag__quantity button {
  width: 20px;
  height: 20px;
}
.proto-product-bag__quantity button svg {
  display: block;
  width: 11px;
  height: 11px;
}
.proto-product-bag__quantity output {
  min-width: 14px;
  font-size: 10px;
  font-weight: 700;
}
.proto-product-bag__items strong {
  font-size: 13px;
}
.proto-product-bag__items small {
  overflow: hidden;
  max-width: 100%;
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.proto-product-bag__items article > section {
  min-width: 0;
}
.proto-product-bag__items b {
  font-size: 11px;
}
.proto-product-bag__items {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c9cacf transparent;
}
.proto-product-bag__items::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.proto-product-bag__items::-webkit-scrollbar-track {
  background: transparent;
}
.proto-product-bag__items::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #c9cacf;
}
.proto-product-bag__items::-webkit-scrollbar-thumb:hover {
  background: #a9aab0;
}
.proto-product-bag__checkout {
  min-height: 43px;
  padding: 11px 14px;
  font-size: 11px;
}
.proto-product-bag__clear {
  font-size: 10px;
}
@media (max-width: 620px) {
  .proto-cart-sheet__items div {
    grid-template-columns: 44px 1fr 64px;
    gap: 10px;
  }
  .proto-cart-sheet__items div > span {
    width: 44px;
    height: 44px;
  }
  .proto-cart-sheet__items em {
    grid-column: 3;
    grid-row: 1;
    font-size: 10px;
  }
  .proto-cart-sheet__items b {
    grid-column: 2 / -1;
    grid-row: 2;
    justify-self: end;
  }
  .proto-cart-sheet footer {
    grid-template-columns: 1fr 1.4fr;
  }
}
.proto-product-detail__options {
  gap: 0 !important;
  max-width: 360px;
  overflow: hidden;
  border: 1px solid #e6e6e8;
  border-radius: 12px;
  background: #fff;
}
.proto-product-detail__options button {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.proto-product-detail__options button + button {
  border-top: 1px solid #eeeeef !important;
}
.proto-product-detail__options button:hover {
  background: #fafafa !important;
}
.proto-product-detail__options button.is-selected {
  background: #fff7f8 !important;
}
.proto-product-detail__options {
  margin-bottom: 16px;
}
.proto-product-detail__action {
  width: 100%;
}
.proto-product-detail__action > button {
  width: 100%;
  min-width: 0;
}
.proto-product-detail__action > button > b {
  width: 100%;
  text-align: center;
}
.proto-product-detail__add-error {
  margin: 8px 0 0;
  border: 1px solid #f4c5c9;
  border-radius: 10px;
  background: #fff5f6;
  padding: 9px 11px;
  color: #b31325;
  font-size: 11px;
  line-height: 1.35;
}
@media (max-width: 1000px) {
  .proto-product-page {
    min-height: 760px;
  }
}
.proto-product-detail__portions {
  grid-template-columns: repeat(3, minmax(112px, 1fr));
  max-width: 430px;
  gap: 10px;
}
.proto-product-detail__portions button {
  aspect-ratio: auto;
  min-height: 52px;
  height: 52px;
  border-radius: 999px;
  padding: 8px 14px;
  line-height: 1.25;
  text-align: center;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.proto-product-detail__portions button small {
  flex: 0 0 auto;
  line-height: 1.2;
}
.proto-product-detail__portion-name {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 620px) {
  .proto-product-detail__portions {
    grid-template-columns: repeat(2, minmax(112px, 1fr));
    max-width: 300px;
  }
  .proto-product-detail__portions button {
    min-height: 52px;
    height: 52px;
    font-size: 12px;
  }
}
.proto-product-loading__back {
  width: 150px;
  height: 12px;
  margin: 8px 0 28px;
  border-radius: 99px;
  background: #ececef;
}
.proto-product-loading__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 16px;
  align-items: stretch;
}
.proto-product-loading__image,
.proto-product-loading__copy,
.proto-product-loading__bag {
  min-height: 500px;
  border-radius: 18px;
  background: linear-gradient(100deg, #f0f0f2 20%, #fafafb 38%, #f0f0f2 58%);
  background-size: 200% 100%;
  animation: proto-home-shimmer 1.25s ease-in-out infinite;
}
.proto-product-loading__image {
  min-height: 500px;
}
.proto-product-loading__copy {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding: 55px 38px;
}
.proto-product-loading__copy span {
  width: 42%;
  height: 10px;
  border-radius: 99px;
  background: #e6e6e9;
}
.proto-product-loading__copy span:nth-child(2) {
  width: 32%;
  margin-top: 8px;
}
.proto-product-loading__copy b {
  width: 70%;
  height: 38px;
  border-radius: 8px;
  background: #e6e6e9;
}
.proto-product-loading__copy i {
  width: 85px;
  height: 65px;
  border-radius: 12px;
  background: #e6e6e9;
}
.proto-product-loading__copy div {
  width: 55%;
  height: 43px;
  margin-top: auto;
  border-radius: 99px;
  background: #e6e6e9;
}
.proto-product-loading__bag {
  min-height: 610px;
}
.proto-product-loading__bag span,
.proto-product-loading__bag div {
  display: block;
  height: 14px;
  margin: 24px;
  border-radius: 99px;
  background: #e6e6e9;
}
.proto-product-loading__bag span:first-child {
  width: 35%;
  height: 18px;
}
.proto-product-loading__bag div {
  width: calc(100% - 48px);
  margin-top: 22px;
}

html.dark .proto-product-loading__image,
html.dark .proto-product-loading__copy,
html.dark .proto-product-loading__bag {
  background: linear-gradient(100deg, #253348 20%, #334155 38%, #253348 58%);
  background-size: 200% 100%;
}

html.dark .proto-product-loading__copy span,
html.dark .proto-product-loading__copy b,
html.dark .proto-product-loading__copy i,
html.dark .proto-product-loading__copy div,
html.dark .proto-product-loading__bag span,
html.dark .proto-product-loading__bag div {
  background: #475569;
}

@media (max-width: 1000px) {
  .proto-product-loading__workspace {
    grid-template-columns: 1fr;
  }
  .proto-product-loading__bag {
    min-height: 260px;
  }
}
@media (max-width: 620px) {
  .proto-product-loading {
    min-height: 700px;
  }
  .proto-product-loading__image {
    min-height: 290px;
  }
  .proto-product-loading__copy {
    min-height: 360px;
    padding: 28px 20px;
  }
  .proto-product-loading__bag {
    min-height: 250px;
  }
}
.proto-footer__download-card {
  align-items: flex-start;
}

@media (max-width: 620px) {
  .proto-product-detail {
    grid-template-columns: 1fr;
  }

  .proto-product-detail__art {
    height: 290px;
  }

  .proto-product-detail__art img {
    height: 280px;
  }

  .proto-product-detail__copy {
    padding: 22px 5px;
  }

  .proto-product-workspace .proto-product-detail {
    border: 0;
  }
}

/* Keep payment surfaces flat after embedded dashboard defaults. */
.customer-payments-screen .customer-payments-wallet,
.customer-payments-screen .customer-payments-card,
.customer-payments-screen .customer-payments-wallet [class*='rounded'],
.customer-payments-screen .customer-payments-card [class*='rounded'] {
  box-shadow: none !important;
  filter: none !important;
}

.customer-payments-screen .customer-payments-card__header > button,
.customer-payments-screen .customer-payments-card__actions button {
  width: auto !important;
  min-width: 118px;
  flex: 0 0 auto;
}

.customer-payments-screen .customer-payments-card__header > button {
  max-width: 170px;
}

/* Customer billing follows the Profile layout; invoice details open as a focused modal. */
.customer-billing-invoice-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
}

.customer-billing-invoice-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(15, 23, 42, 0.42) !important;
  color: transparent !important;
  backdrop-filter: blur(5px);
}

.customer-billing-invoice-modal__card {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  overflow-y: auto;
  border: 1px solid #e6e9ee;
  border-radius: 22px;
  background: #fff;
}

.customer-billing-invoice-modal__card > section {
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.customer-billing-invoice-modal__close {
  position: absolute;
  top: 20px;
  right: 22px;
  z-index: 2;
  display: inline-flex;
  height: 34px;
  width: 34px;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 50%;
  background: #f3f4f6 !important;
  color: #17233d !important;
  font-size: 22px;
  line-height: 1;
}

.customer-billing-invoice-modal__close:hover {
  background: #fff0f2 !important;
  color: #ee001c !important;
}

.customer-billing-invoice-modal__card > section > div:first-child {
  padding-right: 52px;
}

/* Match the checkout popout: spacious panel, simple header, calm full-page scrim. */
.customer-billing-invoice-modal {
  place-items: stretch;
  padding: 18px;
  background: rgba(20, 22, 28, 0.48);
  backdrop-filter: blur(3px);
}

.customer-billing-invoice-modal__backdrop {
  background: transparent !important;
  backdrop-filter: none;
}

.customer-billing-invoice-modal__card {
  width: min(1120px, calc(100vw - 36px));
  max-height: calc(100vh - 36px);
  margin: auto;
  overflow-y: auto;
  border: 0;
  border-radius: 22px;
  background: #fff;
}

.customer-billing-invoice-modal__card > section > div:first-child {
  border-bottom: 1px solid #e8e8ec;
  padding: 28px 72px 22px 34px;
}

.customer-billing-invoice-modal__card > section > div:nth-child(2) {
  padding: 26px 34px 34px;
}

.customer-billing-invoice-modal__close {
  top: 28px;
  right: 34px;
  height: 32px;
  width: 32px;
  background: #f3f3f4 !important;
  font-size: 24px;
}

.customer-billing-screen {
  display: grid;
  gap: 22px;
}

.customer-billing-screen > .grid {
  gap: 22px !important;
}

.customer-billing-screen section[class*='rounded'],
.customer-billing-screen article[class*='rounded'] {
  border-color: #e6e9ee !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

.customer-billing-screen section[class*='rounded'] > div:first-child {
  border-bottom-color: #edf0f3;
}

.customer-billing-screen table {
  font-size: 12px;
}

.customer-billing-screen thead {
  background: #f7f8fa !important;
}

.customer-billing-screen tbody tr {
  border-color: #edf0f3 !important;
}

.customer-billing-screen tbody tr:hover {
  background: #fff7f8 !important;
}

.customer-billing-screen button:not([aria-label*='Close']):not([aria-label*='Menu']) {
  border-radius: 12px;
  font-size: 12px;
}

.customer-billing-screen > .grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.customer-billing-screen > .grid > aside {
  display: none !important;
}

.customer-billing-state-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  box-shadow: none !important;
  filter: none !important;
}

.customer-billing-state-card {
  min-width: 0;
  border: 1px solid #e6e9ee;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
}

.customer-billing-state-card--highlight {
  border-color: #ffd5da;
  background: #fff7f8;
}

.customer-billing-state-card span,
.customer-billing-state-card small {
  display: block;
  color: #7b8492;
  font-size: 11px;
}

html.dark .customer-reservation-workspace-embedded .customer-reservation-list-panel,
html.dark
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div:last-child,
html.dark .customer-reservation-history-card {
  border-color: #475569 !important;
  background: #1e293b !important;
  color: #f5f6f7 !important;
}

html.dark
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div:first-child,
html.dark
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div:last-child
  > div,
html.dark .customer-reservation-card__details > div {
  border-color: #475569 !important;
}

html.dark
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  button:not(.customer-reservation-card__action) {
  border-color: #475569 !important;
  background: #334155 !important;
  color: #dfe3e7 !important;
}

html.dark
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  button:not(.customer-reservation-card__action):hover {
  border-color: #ef001c !important;
  background: #334155 !important;
}

html.dark .customer-reservation-history-card time,
html.dark .customer-reservation-history-card h3,
html.dark .customer-reservation-history-card strong,
html.dark .customer-reservation-card__details strong {
  color: #f5f6f7 !important;
}

html.dark .customer-reservation-history-card p,
html.dark .customer-reservation-card__details span {
  color: #a8afb7 !important;
}

html.dark .customer-reservation-history-card__status.is-confirmed {
  background: #19372a;
  color: #62dda0;
}
html.dark .customer-reservation-history-card__status.is-pending {
  background: #3c3017;
  color: #f4c66b;
}
html.dark .customer-reservation-controls-row {
  border-color: #475569;
}
html.dark .customer-reservation-controls-row label > span {
  color: #a8afb7;
}
html.dark .customer-reservation-controls-row select,
html.dark .customer-reservation-controls-row input {
  border-color: #475569;
  background: #334155;
  color: #f5f6f7;
}
html.dark .customer-reservation-controls-row input::-moz-placeholder {
  color: #8e98a3;
}
html.dark .customer-reservation-controls-row input::placeholder {
  color: #8e98a3;
}

/* Reservations workspace: keep the feature shell transparent on the app canvas. */
html.dark .proto-orders-page .customer-reservation-workspace-embedded,
html.dark
  .proto-orders-page
  .customer-reservation-workspace-embedded
  > section.delivery-feature-card,
html.dark
  .proto-orders-page
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel,
html.dark
  .proto-orders-page
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div,
html.dark
  .proto-orders-page
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div:last-child {
  background: transparent !important;
  border-color: #475569 !important;
}

html.dark
  .proto-orders-page
  .customer-reservation-workspace-embedded
  .customer-reservation-list-panel
  > div:first-child {
  background: #1e293b !important;
}

html.dark .proto-orders-page .customer-reservation-history-card {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html.dark .proto-orders-page .proto-orders-tabs,
html.dark .proto-orders-page .proto-orders-tabs.sliding-tabs {
  border-color: var(--customer-border) !important;
  background: transparent !important;
}

html.dark .proto-orders-page .proto-orders-tabs .sliding-tabs__indicator {
  background: var(--orders-black) !important;
}

html.dark .proto-orders-page .proto-orders-tabs button {
  color: var(--customer-muted) !important;
}

html.dark .proto-orders-page .proto-orders-tabs button.is-active {
  color: #fff !important;
}

.customer-billing-state-card span {
  margin-bottom: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-billing-state-card strong {
  display: block;
  overflow: hidden;
  color: #17233d;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customer-billing-state-card small {
  margin-top: 6px;
  line-height: 1.4;
}

@media (max-width: 820px) {
  .customer-billing-state-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .customer-billing-state-cards {
    grid-template-columns: 1fr;
  }
}

/* Final invoice modal corrections: preserve the page beneath as a blurred scrim. */
.customer-billing-invoice-modal {
  background: transparent !important;
  isolation: isolate;
}

.customer-billing-invoice-modal::before {
  display: none;
}

.customer-billing-invoice-modal__backdrop {
  all: unset !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0;
  display: block !important;
  background: rgba(20, 22, 28, 0.32) !important;
  background-color: rgba(20, 22, 28, 0.32) !important;
  backdrop-filter: blur(10px) saturate(0.85) !important;
  opacity: 1 !important;
}

.customer-billing-invoice-modal__backdrop:hover,
.customer-billing-invoice-modal__backdrop:focus {
  background: rgba(20, 22, 28, 0.32) !important;
  background-color: rgba(20, 22, 28, 0.32) !important;
}

.customer-billing-invoice-modal__close {
  all: unset !important;
  position: absolute !important;
  top: 28px !important;
  right: 34px !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  height: 32px !important;
  width: 32px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f3f3f4 !important;
  background-color: #f3f3f4 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.customer-billing-invoice-modal__close::before {
  content: '×';
  color: #171717;
  font-size: 22px;
  line-height: 1;
}

.customer-billing-invoice-modal__close:hover,
.customer-billing-invoice-modal__close:focus {
  border: 0 !important;
  background: #f3f3f4 !important;
  background-color: #f3f3f4 !important;
  color: transparent !important;
  outline: 0 !important;
}

.customer-billing-screen section[class*='rounded'],
.customer-billing-screen article[class*='rounded'],
.customer-billing-screen section[class*='rounded'] *,
.customer-billing-screen article[class*='rounded'] * {
  box-shadow: none !important;
  filter: none !important;
}

.customer-billing-screen .overflow-x-auto {
  overflow-x: auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.customer-billing-screen table,
.customer-billing-screen thead,
.customer-billing-screen tbody,
.customer-billing-screen tr,
.customer-billing-screen td,
.customer-billing-screen th {
  background: transparent !important;
  box-shadow: none !important;
}

.customer-billing-screen thead tr {
  border-bottom: 1px solid #e6e9ee;
}

.customer-billing-screen tbody tr {
  border-top: 1px solid #edf0f3 !important;
}

/* Wallet refresh: flat Profile-style cards and a clean activity surface. */
.customer-wallet-screen,
.customer-wallet-screen * {
  box-shadow: none !important;
  filter: none !important;
}

.customer-wallet-screen .delivery-feature-card,
.customer-wallet-screen section[class*='rounded'],
.customer-wallet-screen article[class*='rounded'] {
  border: 1px solid #e6e9ee !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #17233d !important;
  transform: none !important;
}

.customer-wallet-screen .delivery-feature-card:hover {
  transform: none !important;
}

.customer-wallet-screen .delivery-feature-card p {
  color: #17233d !important;
}

.customer-wallet-screen .delivery-feature-card p:last-child {
  color: #7b8492 !important;
}

.customer-wallet-screen .delivery-feature-card > div:first-child > span:first-child {
  background: #fff0f2 !important;
}

.customer-wallet-screen .delivery-feature-card > div:first-child > span:first-child svg {
  color: #ee001c !important;
}

.customer-wallet-screen .delivery-feature-card > div:first-child > span:last-child {
  border-color: #e6e9ee !important;
  background: #f7f8fa !important;
  color: #7b8492 !important;
}

.customer-wallet-screen table,
.customer-wallet-screen thead,
.customer-wallet-screen tbody,
.customer-wallet-screen tr,
.customer-wallet-screen td,
.customer-wallet-screen th {
  background: transparent !important;
  box-shadow: none !important;
}

.customer-wallet-screen .overflow-x-auto {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.customer-wallet-screen thead tr {
  border-bottom: 1px solid #e6e9ee;
}

.customer-wallet-screen tbody tr {
  border-top: 1px solid #edf0f3 !important;
}

.customer-wallet-screen tbody tr:hover {
  background: #fff7f8 !important;
}

.customer-wallet-screen .delivery-feature-card + .delivery-feature-card {
  border-left-color: #e6e9ee !important;
}

.customer-wallet-screen > div.grid > div > section {
  border: 0 !important;
  background: transparent !important;
}

.customer-wallet-screen > section.grid {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.customer-wallet-screen .delivery-feature-card {
  border: 0 !important;
  background: #fff !important;
}

.customer-wallet-screen button {
  border-radius: 12px;
  font-size: 12px;
}

.customer-wallet-screen .customer-wallet-filter-tabs {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  border: 1px solid #e5e5e7 !important;
  border-radius: 11px !important;
  padding: 3px;
  background: #fff !important;
}
.customer-wallet-screen .customer-wallet-filter-tabs .sliding-tabs__indicator {
  top: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 8px;
  background: #f20a24 !important;
}
.customer-wallet-screen .customer-wallet-filter-tabs button {
  min-height: 38px;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  padding: 10px 14px;
  color: #6a6d75 !important;
  font-size: 12px;
  font-weight: 700;
}
.customer-wallet-screen .customer-wallet-filter-tabs button.is-active {
  background: transparent !important;
  color: #fff !important;
}

@media (min-width: 900px) {
  .customer-wallet-screen > div.grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .customer-wallet-screen > div.grid > aside {
    display: none !important;
  }
}

.customer-wallet-screen .delivery-feature-card,
.customer-wallet-screen section[class*='rounded'],
.customer-wallet-screen article[class*='rounded'],
.customer-wallet-screen .delivery-feature-card * {
  box-shadow: none !important;
  filter: none !important;
}

.customer-wallet-screen section[class*='rounded'] {
  border-color: #e6e9ee !important;
}

.customer-wallet-screen section[class*='rounded'] button {
  min-height: 34px;
  border: 1px solid #e1e5ea !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #17233d !important;
  padding: 7px 13px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.customer-wallet-screen section[class*='rounded'] button:hover {
  border-color: #ee001c !important;
  background: #fff7f8 !important;
  color: #ee001c !important;
  transform: none !important;
}

.customer-wallet-screen section[class*='rounded'] button.bg-primary,
.customer-wallet-screen section[class*='rounded'] button[class*='bg-primary'] {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}

.customer-wallet-screen section[class*='rounded'] button.bg-primary:hover,
.customer-wallet-screen section[class*='rounded'] button[class*='bg-primary']:hover {
  background: #d90019 !important;
  color: #fff !important;
}

/* Shared flat summary-card treatment for Wallet and Payments. */
.customer-wallet-screen > section,
.customer-wallet-screen .delivery-feature-card,
.customer-billing-state-card {
  border: 1px solid #e6e9ee !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  filter: none !important;
}

.customer-wallet-screen > section,
.customer-wallet-screen .delivery-feature-card,
.customer-billing-state-card,
.customer-billing-state-card * {
  box-shadow: none !important;
}

.customer-wallet-screen .delivery-feature-card {
  min-height: 174px;
  padding: 20px !important;
}

.customer-billing-state-card {
  min-height: 126px;
  padding: 18px !important;
}

.customer-billing-state-card--highlight {
  border-color: #ffd5da !important;
  background: #fff7f8 !important;
}
html.dark .customer-billing-screen,
html.dark .customer-billing-screen section,
html.dark .customer-billing-screen article {
  color: #f5f6f7;
}
html.dark .customer-billing-screen section[class*='rounded'],
html.dark .customer-billing-screen article[class*='rounded'],
html.dark .customer-billing-state-card {
  border-color: #475569 !important;
  background: #1e293b !important;
}
html.dark .customer-billing-state-card--highlight {
  border-color: #5b2730 !important;
  background: #2a1d21 !important;
}
html.dark .customer-billing-screen section[class*='rounded'] > div:first-child {
  border-bottom-color: #475569 !important;
}
html.dark .customer-billing-screen h1,
html.dark .customer-billing-screen h2,
html.dark .customer-billing-screen h3,
html.dark .customer-billing-screen h4,
html.dark .customer-billing-state-card strong {
  color: #f5f6f7 !important;
}
html.dark .customer-billing-screen p,
html.dark .customer-billing-screen label,
html.dark .customer-billing-screen small,
html.dark .customer-billing-state-card span,
html.dark .customer-billing-state-card small {
  color: #a8afb7 !important;
}
html.dark .customer-billing-screen thead {
  background: #334155 !important;
}
html.dark .customer-billing-screen tbody tr,
html.dark .customer-billing-screen tbody td {
  border-color: #475569 !important;
  color: #dfe3e7 !important;
}
html.dark .customer-billing-screen tbody tr:hover {
  background: #334155 !important;
}
html.dark .customer-billing-screen button:not([aria-label*='Close']):not([aria-label*='Menu']) {
  border-color: #475569;
}

/* Rewards uses the same quiet, embedded treatment as Wallet and Payments. */
.customer-rewards-screen {
  color: var(--brand-dark, #0f172a);
}

.customer-embedded-screen-header {
  border-bottom: 1px solid #e6e9ee;
  padding-bottom: 18px;
}

.customer-screen-eyebrow {
  color: var(--brand-muted, #64748b);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.customer-screen-title {
  margin-top: 3px;
  color: var(--brand-dark, #0f172a);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.customer-screen-subtitle,
.customer-rewards-section__header p {
  margin-top: 4px;
  color: var(--brand-muted, #64748b);
  font-size: 12px;
  line-height: 1.45;
}

.customer-rewards-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.customer-rewards-summary-card,
.customer-reward-card,
.customer-rewards-section {
  border: 1px solid #e6e9ee;
  border-radius: 16px;
  background: #fff;
  box-shadow: none !important;
  filter: none !important;
}

.customer-rewards-summary-card {
  min-height: 148px;
  padding: 18px;
}

.customer-rewards-summary-card--primary {
  border-color: #ffd5da;
  background: #fff7f8;
}

.customer-rewards-summary-icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 10px;
  background: #fff0f2;
  color: #ee001c;
}

.customer-rewards-summary-icon svg,
.customer-reward-action svg {
  width: 16px;
  height: 16px;
}

.customer-rewards-summary-card span:not(.customer-rewards-summary-icon) {
  display: block;
  margin-top: 14px;
  color: var(--brand-muted, #64748b);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.customer-rewards-summary-card strong {
  display: block;
  margin-top: 4px;
  color: var(--brand-dark, #0f172a);
  font-size: 22px;
  line-height: 1.1;
}

.customer-rewards-summary-card small,
.customer-reward-card small {
  display: block;
  margin-top: 5px;
  color: var(--brand-muted, #64748b);
  font-size: 11px;
}

.customer-rewards-section {
  padding: 20px;
}

.customer-rewards-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #edf0f3;
  padding-bottom: 14px;
}

.customer-rewards-section__header h3 {
  color: var(--brand-dark, #0f172a);
  font-size: 15px;
  font-weight: 800;
}

.customer-rewards-points-chip,
.customer-reward-type,
.customer-reward-points,
.customer-reward-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.customer-rewards-points-chip {
  flex: none;
  background: #fff0f2;
  color: #c70018;
  padding: 8px 10px;
}

.customer-rewards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 16px;
}

.customer-reward-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 16px;
}

.customer-reward-card__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.customer-reward-type {
  background: #f1f4f7;
  color: #667085;
  padding: 6px 8px;
}
.customer-reward-points {
  color: #c70018;
}
.customer-reward-card h4 {
  margin-top: 16px;
  color: var(--brand-dark, #0f172a);
  font-size: 14px;
  font-weight: 800;
}
.customer-reward-card p {
  min-height: 38px;
  margin-top: 5px;
  color: var(--brand-muted, #64748b);
  font-size: 12px;
  line-height: 1.5;
}
.customer-reward-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 36px;
  margin-top: 16px;
  border: 1px solid #ee001c !important;
  border-radius: 10px;
  background: #ee001c !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease;
}
.customer-reward-action:hover {
  border-color: #d90019 !important;
  background: #d90019 !important;
  color: #fff !important;
}

.customer-rewards-table-wrap {
  overflow-x: auto;
  padding-top: 8px;
}
.customer-rewards-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 12px;
}
.customer-rewards-table-wrap th {
  padding: 10px 12px;
  color: var(--brand-muted, #64748b);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.customer-rewards-table-wrap td {
  border-top: 1px solid #edf0f3;
  padding: 13px 12px;
  color: var(--brand-dark, #0f172a);
}
.customer-rewards-table-wrap td:nth-child(2) {
  color: var(--brand-muted, #64748b);
}
.customer-rewards-table-wrap .is-credit {
  color: #07834f;
  font-weight: 800;
}
.customer-rewards-table-wrap .is-debit {
  color: #c70018;
  font-weight: 800;
}
.customer-reward-status {
  padding: 6px 8px;
}
.customer-reward-status.is-credited {
  background: #eaf8f1;
  color: #087443;
}
.customer-reward-status.is-redeemed {
  background: #eef4ff;
  color: #315ea8;
}

.customer-deals-intro {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #edf0f3;
  padding-bottom: 16px;
}
.customer-deals-intro__icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: none;
  place-items: center;
  border-radius: 10px;
  background: #fff0f2;
  color: #ee001c;
}
.customer-deals-intro__icon svg {
  width: 17px;
  height: 17px;
}
.customer-deals-intro h3 {
  color: var(--brand-dark, #0f172a);
  font-size: 15px;
  font-weight: 800;
}
.customer-deals-intro p {
  margin-top: 3px;
  color: var(--brand-muted, #64748b);
  font-size: 12px;
}
.customer-deals-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.customer-deals-filters button {
  border: 1px solid #e1e5ea !important;
  border-radius: 9px;
  background: #fff !important;
  padding: 7px 10px;
  color: var(--brand-dark, #0f172a) !important;
  font-size: 11px;
  font-weight: 700;
}
.customer-deals-filters button.is-selected {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.customer-deals-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 16px;
}
.customer-deal-card {
  min-width: 0;
  border: 1px solid #e6e9ee;
  border-radius: 14px;
  background: #fff;
  padding: 16px;
  box-shadow: none !important;
}
.customer-deal-card__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.customer-deal-card__topline strong {
  color: #c70018;
  font-size: 14px;
}
.customer-deal-card .customer-reward-type svg {
  width: 13px;
  height: 13px;
}
.customer-deal-card h4 {
  margin-top: 16px;
  color: var(--brand-dark, #0f172a);
  font-size: 14px;
  font-weight: 800;
}
.customer-deal-card p {
  min-height: 38px;
  margin-top: 5px;
  color: var(--brand-muted, #64748b);
  font-size: 12px;
  line-height: 1.5;
}
.customer-deal-card small {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 14px;
  color: var(--brand-muted, #64748b);
  font-size: 11px;
}
.customer-deal-card small svg {
  width: 14px;
  height: 14px;
}
.customer-deal-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 12px;
}
.customer-deal-categories span {
  border-radius: 999px;
  background: #f1f4f7;
  padding: 5px 7px;
  color: #667085;
  font-size: 10px;
  font-weight: 700;
}

/* Embedded reporting tiles inherit the profile surface instead of the legacy dark theme. */
.customer-reports-screen .dashboard-layout-embedded section,
.customer-reports-screen .dashboard-layout-embedded article,
.customer-reports-screen .dashboard-layout-embedded aside,
.customer-reports-screen .dashboard-layout-embedded button {
  box-shadow: none !important;
  filter: none !important;
}
.customer-reports-screen .dashboard-layout-embedded button {
  border-color: #e6e9ee !important;
  background: #fff !important;
  color: var(--brand-dark, #0f172a) !important;
}
.proto-profile-embedded-screen .customer-reports-screen .customer-report-workspace {
  color: var(--brand-dark, #0f172a);
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .delivery-feature-card
  span.rounded-xl {
  border: 0 !important;
  background: #fff0f2 !important;
  box-shadow: none !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .customer-report-card:hover {
  border-color: #e6e9ee !important;
  background: #fff !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .customer-report-card[class*='fff6f6'] {
  border-color: #ffd5da !important;
  background: #fff7f8 !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .delivery-feature-card
  p.rounded-full {
  border-color: #edf0f3 !important;
  background: #f7f8fa !important;
  color: var(--brand-muted, #64748b) !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .management-status-badge,
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  [class*='shadow-sm'] {
  box-shadow: none !important;
}
.customer-reports-screen .dashboard-layout-embedded .customer-report-primary-action {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.customer-reports-screen .dashboard-layout-embedded .customer-report-primary-action:hover {
  border-color: #d90019 !important;
  background: #d90019 !important;
}

/* Order Insights uses the same compact, flat profile surfaces. */

.customer-insights-workspace {
  --insights-ink: #171717;
  --insights-muted: #6b7280;
  --insights-line: #e8e8e8;
  color: var(--insights-ink);
}
.customer-reports-screen .customer-insights-workspace .customer-report-type-option.is-selected,
.customer-reports-screen
  .customer-insights-workspace
  .customer-report-type-option[aria-selected='true'] {
  border-color: #171717 !important;
  background: #171717 !important;
  color: #fff !important;
}
.customer-reports-screen
  .customer-insights-workspace
  .customer-report-type-option.is-selected
  small,
.customer-reports-screen
  .customer-insights-workspace
  .customer-report-type-option[aria-selected='true']
  small {
  color: #d6d6d6 !important;
}
.customer-reports-screen .customer-insights-workspace .customer-primary-cta {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
}
.customer-reports-screen .customer-insights-workspace .customer-primary-cta:hover {
  border-color: #d90820 !important;
  background: #d90820 !important;
}
.customer-insights-heading {
  margin-bottom: 28px;
}
.customer-insights-eyebrow,
.customer-insights-label {
  margin: 0;
  color: var(--dv-red);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.customer-insights-heading h1 {
  margin: 7px 0 8px;
  font-size: clamp(30px, 3vw, 34px);
  font-weight: 750;
  letter-spacing: -0.035em;
  line-height: 1.08;
}
.customer-insights-heading > p:last-child {
  margin: 0;
  color: var(--insights-muted);
  font-size: 15px;
  line-height: 1.6;
}
.customer-insights-section {
  margin-bottom: 24px;
}
.customer-report-switcher {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
  max-width: 720px;
}
.customer-report-type-option {
  min-height: 72px;
  padding: 14px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #fff;
  color: var(--insights-ink);
  text-align: left;
  transition:
    border-color 0.2s,
    background 0.2s,
    color 0.2s;
}
.customer-report-type-option:hover {
  border-color: #c9c9c9;
}
.customer-report-type-option.is-selected,
.customer-report-type-option[aria-selected='true'] {
  border-color: #171717;
  background: #171717;
  color: #fff;
}
.customer-report-type-option span {
  display: block;
  font-size: 14px;
  font-weight: 750;
}
.customer-report-type-option small {
  display: block;
  margin-top: 5px;
  color: var(--insights-muted);
  font-size: 12px;
  line-height: 1.4;
}
.customer-report-type-option.is-selected small,
.customer-report-type-option[aria-selected='true'] small {
  color: #d6d6d6;
}
.customer-period-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.customer-period-option {
  border: 0;
  border-radius: 999px;
  background: #f5f5f5;
  padding: 9px 14px;
  color: #555;
  font-size: 13px;
  font-weight: 650;
}
.customer-period-option:hover {
  background: #ebebeb;
}
.customer-period-option.is-selected {
  background: var(--insights-ink);
  color: #fff;
}
.customer-custom-period {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  max-width: 720px;
}
.customer-custom-period label {
  color: var(--insights-muted);
  font-size: 12px;
  font-weight: 650;
}
.customer-custom-period input {
  min-width: 0;
  border: 1px solid var(--insights-line);
  border-radius: 9px;
  background: #fff;
  padding: 9px 10px;
  color: var(--insights-ink);
  font-size: 13px;
}
.customer-report-summary-card {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  border: 1px solid #f0e1e1;
  border-radius: 16px;
  background: #fffafa;
  padding: 22px 24px;
}
.customer-report-summary-card h2,
.customer-generated-preview h2,
.customer-report-history h2 {
  margin: 7px 0 5px;
  font-size: 20px;
  font-weight: 750;
  letter-spacing: -0.02em;
}
.customer-report-summary-card p:last-child,
.customer-report-history__heading p {
  margin: 0;
  color: var(--insights-muted);
  font-size: 13px;
}
.customer-primary-cta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  height: 44px;
  border: 0;
  border-radius: 10px;
  background: #f20a24;
  padding: 0 18px;
  color: #fff;
  font-size: 13px;
  font-weight: 750;
}
.customer-primary-cta:hover {
  background: #d90820;
}
.customer-primary-cta:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.customer-primary-cta svg {
  width: 16px;
  height: 16px;
}
.customer-generated-preview {
  margin-top: 28px;
  border: 1px solid var(--insights-line);
  border-radius: 16px;
  background: #fff;
  padding: 22px;
}
.customer-generated-preview__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
.customer-generated-preview__exports {
  display: flex;
  gap: 8px;
}
.customer-generated-preview__exports button,
.customer-report-pagination button {
  border: 1px solid var(--insights-line);
  border-radius: 8px;
  background: #fff;
  padding: 8px 12px;
  color: #444;
  font-size: 12px;
  font-weight: 700;
}
.customer-report-history {
  margin-top: 40px;
  overflow: hidden;
  border: 1px solid var(--insights-line);
  border-radius: 18px;
  background: #fff;
}
.customer-report-history__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
}
.customer-refresh-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  padding: 4px;
  color: #555;
  font-size: 14px;
  font-weight: 600;
}
.customer-refresh-action svg {
  width: 15px;
  height: 15px;
}
.customer-report-history__table-wrap {
  overflow-x: auto;
}
.customer-report-history__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.customer-report-history__table th {
  background: #fafafa;
  padding: 12px 16px;
  color: #777;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-align: left;
  text-transform: uppercase;
}
.customer-report-history__table td {
  height: 74px;
  border-top: 1px solid #f0f0f0;
  padding: 12px 16px;
  color: #555;
  white-space: nowrap;
}
.customer-report-history__table td:first-child {
  color: var(--insights-ink);
}
.customer-report-history__table td:first-child strong {
  font-weight: 750;
}
.customer-report-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.customer-report-actions > button,
.customer-download-menu > button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--insights-line);
  border-radius: 8px;
  background: #fff;
  padding: 7px 10px;
  color: #444;
  font-size: 12px;
  font-weight: 700;
}
.customer-report-actions button:hover {
  border-color: #bdbdbd;
}
.customer-report-actions button:disabled {
  opacity: 0.55;
}
.customer-download-menu {
  position: relative;
}
.customer-download-menu svg {
  width: 14px;
  height: 14px;
}
.customer-download-menu__popover {
  position: absolute;
  z-index: 10;
  top: calc(100% + 6px);
  right: 0;
  min-width: 142px;
  border: 1px solid var(--insights-line);
  border-radius: 10px;
  background: #fff;
  padding: 5px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
}
.customer-download-menu__popover button {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 6px;
  background: transparent;
  padding: 8px 9px;
  color: #444;
  font-size: 12px;
  text-align: left;
}
.customer-download-menu__popover button:hover {
  background: #f6f6f6;
}
.customer-report-empty {
  height: 74px;
  color: var(--insights-muted) !important;
  text-align: center;
}
.customer-report-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
  padding: 12px 16px;
  color: var(--insights-muted);
  font-size: 12px;
}
.customer-report-pagination > div {
  display: flex;
  gap: 8px;
}
.customer-report-pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.customer-run-detail {
  display: flex;
  gap: 20px;
  color: var(--insights-muted);
  font-size: 13px;
}
.customer-run-detail strong {
  color: var(--insights-ink);
}
@media (max-width: 640px) {
  .customer-report-switcher {
    grid-template-columns: 1fr;
  }
  .customer-report-summary-card,
  .customer-report-history__heading {
    align-items: stretch;
    flex-direction: column;
  }
  .customer-primary-cta {
    justify-content: center;
  }
  .customer-custom-period {
    grid-template-columns: 1fr 1fr;
  }
  .customer-custom-period label {
    align-self: end;
  }
  .customer-custom-period input {
    width: 100%;
  }
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .delivery-feature-card {
  border: 1px solid #e6e9ee !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .delivery-feature-card:hover {
  box-shadow: none !important;
  transform: none !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-workspace
  .customer-report-card {
  min-height: 116px;
  border-radius: 14px !important;
  padding: 16px !important;
}
.proto-profile-embedded-screen .customer-reports-screen .customer-report-workspace aside {
  border: 1px solid #e6e9ee !important;
  border-radius: 14px !important;
  background: #fff !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-generated
  > .delivery-feature-card {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-generated
  .rounded-2xl.border {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-generated
  .rounded-2xl.border.overflow-hidden {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-generated
  .rounded-2xl.border {
  border: 0 !important;
  border-radius: 0 !important;
}
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-generated
  .customer-report-workspace,
.proto-profile-embedded-screen
  .customer-reports-screen
  .customer-report-generated
  [class*='bg-[#F8FAFC]'] {
  box-shadow: none !important;
}

/* Compliance is embedded in the profile shell; suppress its standalone page chrome. */
.proto-profile-content .customer-compliance-screen {
  min-height: auto !important;
  background: transparent !important;
}
.proto-profile-content .customer-compliance-screen > header {
  display: none !important;
}
.proto-profile-content .customer-compliance-screen > .flex-1 {
  padding: 0 !important;
}
.proto-profile-content .customer-compliance-screen > .flex-1 > .max-w-6xl {
  max-width: none !important;
  margin: 0 !important;
}
.proto-profile-content .customer-compliance-screen > .flex-1 > .max-w-6xl > [class*='shadow-xl'] {
  display: none !important;
}
.proto-profile-content .customer-compliance-screen [style*='box-shadow'] {
  box-shadow: none !important;
}
.proto-profile-content .customer-compliance-screen [style*='border-radius'] {
  border-radius: 16px !important;
}
.proto-profile-content .customer-compliance-screen [class*='shadow'] {
  box-shadow: none !important;
}
.proto-profile-content .customer-compliance-screen button {
  box-shadow: none !important;
  transform: none !important;
}
.proto-profile-content .customer-compliance-screen .customer-compliance-primary-action {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.proto-profile-content .customer-compliance-screen .customer-compliance-primary-action:hover {
  border-color: #d90019 !important;
  background: #d90019 !important;
}
.proto-profile-content .customer-compliance-screen .customer-compliance-secondary-action {
  border-color: #e1e5ea !important;
  background: #fff !important;
  color: var(--brand-dark, #0f172a) !important;
}
.proto-profile-content .customer-compliance-screen button {
  border-color: #e1e5ea !important;
  background: #fff !important;
  color: var(--brand-dark, #0f172a) !important;
}
.proto-profile-content .customer-compliance-screen .customer-compliance-primary-action {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.proto-profile-content .customer-compliance-screen .customer-compliance-primary-action:hover {
  border-color: #d90019 !important;
  background: #d90019 !important;
}

/* Clean embedded Verification view. */
.customer-compliance-clean-screen {
  display: grid;
  gap: 16px;
  color: var(--brand-dark, #0f172a);
}
.customer-compliance-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.customer-compliance-status-card,
.customer-compliance-clean-section {
  border: 1px solid #e6e9ee;
  border-radius: 16px;
  background: #fff;
  box-shadow: none !important;
}
.customer-compliance-status-card {
  min-height: 122px;
  padding: 18px;
}
.customer-compliance-status-card--primary {
  border-color: #ffd5da;
  background: #fff7f8;
}
.customer-compliance-status-card span {
  display: block;
  color: var(--brand-muted, #64748b);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.customer-compliance-status-card strong {
  display: block;
  margin-top: 12px;
  color: var(--brand-dark, #0f172a);
  font-size: 17px;
  font-weight: 800;
}
.customer-compliance-status-card small {
  display: block;
  margin-top: 5px;
  color: var(--brand-muted, #64748b);
  font-size: 11px;
  line-height: 1.45;
}
.customer-compliance-clean-alert {
  border: 1px solid #ffd5da;
  border-radius: 12px;
  background: #fff7f8;
  padding: 12px 14px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 700;
}
.customer-compliance-clean-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: 16px;
  align-items: start;
}
.customer-compliance-clean-section {
  padding: 20px;
}
.proto-profile-embedded-screen .customer-compliance-clean-screen .customer-compliance-clean-section,
.proto-profile-embedded-screen .customer-compliance-clean-screen .customer-compliance-clean-step {
  box-shadow: none !important;
  filter: none !important;
}
.customer-compliance-clean-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #edf0f3;
  padding-bottom: 14px;
}
.customer-compliance-clean-section__header h3 {
  color: var(--brand-dark, #0f172a);
  font-size: 15px;
  font-weight: 800;
}
.customer-compliance-clean-section__header p {
  margin-top: 4px;
  color: var(--brand-muted, #64748b);
  font-size: 12px;
  line-height: 1.45;
}
.customer-compliance-clean-count,
.customer-compliance-clean-pill {
  flex: none;
  border-radius: 999px;
  background: #f1f4f7;
  padding: 7px 9px;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
}
.customer-compliance-clean-steps {
  display: grid;
  gap: 0;
}
.customer-compliance-clean-step {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #edf0f3;
  padding: 14px 0;
}
.customer-compliance-clean-step:last-child {
  border-bottom: 0;
}
.customer-compliance-clean-step__number {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  background: #f1f4f7;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}
.customer-compliance-clean-step.is-complete .customer-compliance-clean-step__number {
  background: #eaf8f1;
  color: #087443;
}
.customer-compliance-clean-step strong {
  display: block;
  color: var(--brand-dark, #0f172a);
  font-size: 12px;
  font-weight: 800;
}
.customer-compliance-clean-step small {
  display: block;
  margin-top: 3px;
  color: var(--brand-muted, #64748b);
  font-size: 11px;
  line-height: 1.4;
}
.customer-compliance-clean-step__status {
  color: #667085;
  font-size: 10px;
  font-weight: 800;
}
.customer-compliance-clean-step.is-complete .customer-compliance-clean-step__status {
  color: #087443;
}
.customer-compliance-clean-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
}
.customer-compliance-clean-actions button,
.customer-compliance-clean-documents .customer-compliance-clean-section__header button {
  min-height: 36px;
  border-radius: 10px;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 800;
}
.customer-compliance-clean-primary {
  border: 1px solid #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.customer-compliance-clean-secondary {
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: 0 !important;
  flex: 0 0 auto;
  border: 1px solid #e1e5ea !important;
  background: #fff !important;
  color: var(--brand-dark, #0f172a) !important;
}
.customer-compliance-clean-details {
  display: grid;
  gap: 0;
}
.customer-compliance-clean-details div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #edf0f3;
  padding: 15px 0;
}
.customer-compliance-clean-details div:last-child {
  border-bottom: 0;
}
.customer-compliance-clean-details dt {
  color: var(--brand-muted, #64748b);
  font-size: 11px;
}
.customer-compliance-clean-details dd {
  max-width: 60%;
  overflow: hidden;
  color: var(--brand-dark, #0f172a);
  font-size: 12px;
  font-weight: 800;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-compliance-clean-document-list {
  display: grid;
  gap: 0;
}
.customer-compliance-clean-document {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #edf0f3;
  padding: 14px 0;
}
.customer-compliance-clean-document:last-child {
  border-bottom: 0;
}
.customer-compliance-clean-document strong {
  display: block;
  color: var(--brand-dark, #0f172a);
  font-size: 12px;
}
.customer-compliance-clean-document small {
  display: block;
  margin-top: 3px;
  color: var(--brand-muted, #64748b);
  font-size: 11px;
}
.customer-compliance-clean-document > span {
  border-radius: 999px;
  background: #f1f4f7;
  padding: 6px 8px;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.customer-compliance-clean-document > span.is-verified {
  background: #eaf8f1;
  color: #087443;
}
.customer-compliance-clean-document > button {
  border: 1px solid #ffd5da !important;
  border-radius: 9px;
  background: #fff7f8 !important;
  padding: 7px 9px;
  color: #b91c1c !important;
  font-size: 10px;
  font-weight: 800;
}
.customer-compliance-clean-empty {
  padding: 24px 0 8px;
  color: var(--brand-muted, #64748b);
  font-size: 12px;
  text-align: center;
}
@media (max-width: 820px) {
  .customer-compliance-status-grid,
  .customer-compliance-clean-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .customer-compliance-clean-section {
    padding: 16px;
  }
  .customer-compliance-clean-section__header {
    display: block;
  }
  .customer-compliance-clean-count,
  .customer-compliance-clean-pill {
    display: inline-flex;
    margin-top: 10px;
  }
  .customer-compliance-clean-document {
    grid-template-columns: 1fr auto;
  }
  .customer-compliance-clean-document > button {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}
html.dark .customer-compliance-clean-screen {
  color: #f5f6f7;
}
html.dark .customer-compliance-status-card,
html.dark .customer-compliance-clean-section {
  border-color: #475569;
  background: #1e293b;
}
html.dark .customer-compliance-status-card--primary,
html.dark .customer-compliance-clean-alert {
  border-color: #5b2730;
  background: #2a1d21;
}
html.dark .customer-compliance-status-card strong,
html.dark .customer-compliance-clean-section__header h3,
html.dark .customer-compliance-clean-step strong,
html.dark .customer-compliance-clean-details dd,
html.dark .customer-compliance-clean-document strong {
  color: #f5f6f7;
}
html.dark .customer-compliance-status-card span,
html.dark .customer-compliance-status-card small,
html.dark .customer-compliance-clean-section__header p,
html.dark .customer-compliance-clean-step small,
html.dark .customer-compliance-clean-details dt,
html.dark .customer-compliance-clean-document small,
html.dark .customer-compliance-clean-empty {
  color: #a8afb7;
}
html.dark .customer-compliance-clean-section__header,
html.dark .customer-compliance-clean-step,
html.dark .customer-compliance-clean-details div,
html.dark .customer-compliance-clean-document {
  border-color: #475569;
}
html.dark .customer-compliance-clean-count,
html.dark .customer-compliance-clean-pill {
  background: #334155;
  color: #c4cbd2;
}
html.dark .customer-compliance-clean-secondary {
  border-color: #475569 !important;
  background: #334155 !important;
  color: #f5f6f7 !important;
}
html.dark .customer-compliance-clean-document > span {
  background: #334155;
  color: #c4cbd2;
}
html.dark .proto-profile-hero,
html.dark .proto-profile-hero > article + article,
html.dark .proto-profile-sidebar {
  border-color: #475569 !important;
  background: #1e293b !important;
  color: #f5f6f7;
}
html.dark .proto-profile-hero > article + article {
  border-left-color: #475569 !important;
}
html.dark .proto-profile-hero article:last-child .grid > div {
  background: #334155;
}
html.dark .proto-profile-hero article:last-child .grid > div p,
html.dark .proto-profile-hero article:last-child > p {
  color: #a8afb7 !important;
}
html.dark .proto-profile-hero article:last-child .grid > div p:first-child {
  color: #f5f6f7 !important;
}
html.dark .proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active):hover {
  background: #334155;
}
html.dark .proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active),
html.dark .proto-profile-sidebar nav > p {
  color: #a8afb7;
}
html.dark .proto-profile-sidebar nav > button:not(.proto-profile-sidebar__active) strong {
  color: #dfe3e7 !important;
}
html.dark .proto-profile-sidebar nav > button > span:first-child {
  background: #334155;
  color: #c4cbd2;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active {
  background: #334155 !important;
  color: #fff !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active strong,
html.dark .proto-profile-sidebar .proto-profile-sidebar__active svg {
  color: #fff !important;
}

/* The remaining embedded service screens share the same flat surfaces. */
.proto-profile-content .customer-returns-screen section,
.proto-profile-content .customer-returns-screen article,
.proto-profile-content .customer-returns-screen > div,
.proto-profile-content .customer-part-requests-screen section,
.proto-profile-content .customer-part-requests-screen article,
.proto-profile-content .customer-part-requests-screen > div {
  box-shadow: none !important;
  filter: none !important;
}
.proto-profile-content .customer-returns-screen button,
.proto-profile-content .customer-part-requests-screen button {
  box-shadow: none !important;
  transform: none !important;
}

/* Keep Returns & refunds flat inside the account hub; borders remain only on
   the actual form controls and table row separators. */
.proto-profile-content .customer-returns-screen > div,
.proto-profile-content .customer-returns-screen .overflow-x-auto,
.proto-profile-content .customer-returns-screen article {
  border: 0 !important;
  box-shadow: none !important;
}

/* Home product cards keep the product link and quick-add action as separate
   controls so the plus button adds without navigating to the product page. */
.proto-home__food-card {
  position: relative;
}

.proto-home__food-card-main {
  display: block;
  width: 100% !important;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--black);
  text-align: left;
}
.proto-home__food-card-main .proto-home__food-card-copy {
  padding-bottom: 7px;
}
.proto-home__card-bottom--quick-add {
  padding: 0 14px 14px;
}
.proto-home__food-card-favourite {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  display: grid !important;
  width: 32px !important;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9) !important;
  padding: 0 !important;
  color: #696b73 !important;
  cursor: pointer;
  box-shadow: 0 5px 12px rgba(30, 36, 48, 0.12);
  backdrop-filter: blur(5px);
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    opacity 0.18s ease,
    transform 0.18s ease;
}

.proto-home__food-card-favourite:not(.is-active) {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px) scale(0.9);
}

.proto-home__food-card:hover .proto-home__food-card-favourite:not(.is-active),
.proto-home__food-card:focus-within .proto-home__food-card-favourite:not(.is-active),
.proto-home__food-card-favourite:not(.is-active):focus-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.proto-home__food-card-favourite:hover,
.proto-home__food-card-favourite.is-active {
  border-color: #f3c9d0 !important;
  background: #fff1f3 !important;
  color: var(--red) !important;
}

.proto-home__food-card-favourite.is-active svg,
.proto-product-detail__favourite.is-active svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.proto-home__food-card-favourite:active {
  transform: scale(0.9);
}

.proto-home__food-card-favourite svg {
  width: 17px;
  height: 17px;
}
.proto-home__food-card-add {
  display: grid !important;
  width: 26px !important;
  height: 26px;
  flex: 0 0 26px;
  place-items: center;
  border: 0 !important;
  border-radius: 50%;
  background: #171717 !important;
  padding: 0 !important;
  color: #fff !important;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    background 0.18s ease;
}
.proto-home__food-card-add:hover {
  background: #d90820 !important;
  transform: scale(1.08);
}
.proto-home__food-card-add:active {
  transform: scale(0.9);
}
.proto-home__food-card-add:disabled {
  cursor: not-allowed;
  background: #cbd5e1 !important;
}
.proto-home__food-card-add svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.8;
}
.proto-home__food-card-add.is-added {
  background: #d90820 !important;
  animation: proto-home-cart-added 0.6s cubic-bezier(0.2, 0.8, 0.25, 1);
}
@keyframes proto-home-cart-added {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.24);
  }
  65% {
    transform: scale(0.94);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 620px) {
  .proto-home__food-card-main .proto-home__food-card-copy {
    padding-bottom: 5px;
  }
  .proto-home__card-bottom--quick-add {
    padding: 0 10px 10px;
  }
}

.customer-return-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(9, 15, 31, 0.48);
  backdrop-filter: blur(8px);
}
.customer-return-detail-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
}
.customer-return-detail-modal__card {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  overflow: auto;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(9, 15, 31, 0.28);
}
.customer-return-detail-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 26px 18px;
}
.customer-return-detail-modal__icon {
  display: inline-flex;
  height: 38px;
  width: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #eaf1ff;
  color: #2563eb;
}
.customer-return-detail-modal__eyebrow {
  margin: 0;
  color: #7b8493;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.13em;
}
.customer-return-detail-modal__header h2 {
  margin: 4px 0 0;
  color: #0f172a;
  font:
    800 22px/1.1 Manrope,
    sans-serif;
  letter-spacing: -0.035em;
}
.customer-return-detail-modal__close {
  display: inline-flex;
  height: 32px;
  width: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: #f2f4f7;
  color: #64748b;
  font-size: 22px;
  line-height: 1;
}
.customer-return-detail-modal__body {
  display: grid;
  gap: 18px;
  padding: 0 26px 26px;
}
.customer-return-detail-modal__status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #7b8493;
  font-size: 11px;
}
.customer-return-detail-modal__status {
  border-radius: 999px;
  background: #eaf8f1;
  padding: 6px 10px;
  color: #087443;
  font-size: 11px;
  font-weight: 800;
}
.customer-return-detail-modal__description {
  margin: 0;
  color: #25324a;
  font-size: 14px;
  line-height: 1.55;
}
.customer-return-detail-modal__details {
  display: grid;
  gap: 0;
  margin: 0;
}
.customer-return-detail-modal__details > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #eef1f5;
  padding: 12px 0;
}
.customer-return-detail-modal__details > div:last-child {
  border-bottom: 0;
}
.customer-return-detail-modal__details dt {
  color: #7b8493;
  font-size: 11px;
}
.customer-return-detail-modal__details dd {
  margin: 0;
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.customer-return-detail-modal__refund,
.customer-return-detail-modal__timeline {
  display: grid;
  gap: 8px;
  border-radius: 16px;
  background: #f7f9fc;
  padding: 14px 16px;
}
.customer-return-detail-modal__refund strong,
.customer-return-detail-modal__timeline > strong {
  color: #25324a;
  font-size: 12px;
}
.customer-return-detail-modal__refund span {
  color: #087443;
  font-size: 12px;
  font-weight: 700;
}
.customer-return-detail-modal__timeline > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #25324a;
  font-size: 12px;
}
.customer-return-detail-modal__timeline small {
  color: #7b8493;
  font-size: 10px;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .customer-return-detail-modal {
    padding: 12px;
  }
  .customer-return-detail-modal__card {
    max-height: calc(100vh - 24px);
    border-radius: 22px;
  }
  .customer-return-detail-modal__header {
    padding: 20px 20px 16px;
  }
  .customer-return-detail-modal__body {
    padding: 0 20px 20px;
  }
}

/* Win over the legacy embedded-screen defaults for the newly migrated promo screens. */
.proto-profile-embedded-screen .customer-rewards-screen section,
.proto-profile-embedded-screen .customer-rewards-screen article,
.proto-profile-embedded-screen .customer-deals-screen section,
.proto-profile-embedded-screen .customer-deals-screen article {
  box-shadow: none !important;
  filter: none !important;
}
.proto-profile-embedded-screen .customer-rewards-screen button,
.proto-profile-embedded-screen .customer-deals-screen button {
  border-color: #e1e5ea !important;
  background: #fff !important;
  color: var(--brand-dark, #0f172a) !important;
  box-shadow: none !important;
  transform: none !important;
}
.proto-profile-embedded-screen .customer-rewards-screen .customer-reward-action,
.proto-profile-embedded-screen .customer-deals-screen .customer-deals-filters button.is-selected {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.proto-profile-embedded-screen .customer-rewards-screen .customer-reward-action:hover,
.proto-profile-embedded-screen
  .customer-deals-screen
  .customer-deals-filters
  button.is-selected:hover {
  border-color: #d90019 !important;
  background: #d90019 !important;
  color: #fff !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen,
html.dark .proto-profile-embedded-screen .customer-rewards-screen section,
html.dark .proto-profile-embedded-screen .customer-rewards-screen article {
  color: #f5f6f7;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-summary-card,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-section {
  border-color: #475569;
  background: #1e293b;
}
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-summary-card--primary {
  border-color: #5b2730;
  background: #2a1d21;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-summary-icon {
  background: #3a252b;
  color: #ff6574;
}
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-summary-card
  span:not(.customer-rewards-summary-icon),
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-summary-card
  small,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card p,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card small,
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-section__header
  p {
  color: #a8afb7;
}
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-summary-card
  strong,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-card h4,
html.dark
  .proto-profile-embedded-screen
  .customer-rewards-screen
  .customer-rewards-section__header
  h3 {
  color: #f5f6f7;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-points-chip,
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-type {
  background: #334155;
  color: #c4cbd2;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-points {
  color: #ff6574;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-reward-action {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-screen .customer-rewards-table-wrap td {
  border-top-color: #475569;
  color: #f5f6f7;
}

.proto-profile-embedded-screen .customer-cases-screen section,
.proto-profile-embedded-screen .customer-cases-screen article,
.proto-profile-embedded-screen .customer-cases-screen .delivery-feature-card,
.proto-profile-embedded-screen .customer-cases-screen aside {
  box-shadow: none !important;
  filter: none !important;
}
.proto-profile-embedded-screen .customer-cases-screen button {
  box-shadow: none !important;
  transform: none !important;
}
.proto-profile-embedded-screen .customer-cases-screen .customer-cases-primary-action {
  border-color: #ee001c !important;
  background: #ee001c !important;
  color: #fff !important;
}
.proto-profile-embedded-screen .customer-cases-screen .customer-cases-secondary-action {
  border-color: #e1e5ea !important;
  background: #fff !important;
  color: var(--brand-dark, #0f172a) !important;
}

/* Checkout-style segmented tabs keep a border only on the group, never on each tab. */
.proto-profile-embedded-screen .customer-wallet-screen .customer-wallet-filter-tabs button,
.proto-profile-embedded-screen .customer-wallet-screen .customer-wallet-filter-tabs button:hover,
.proto-profile-embedded-screen
  .customer-wallet-screen
  .customer-wallet-filter-tabs
  button.is-active {
  border: 0 !important;
  background: transparent !important;
}
.proto-profile-embedded-screen .customer-wallet-screen .customer-wallet-filter-tabs button {
  color: #6a6d75 !important;
}
.proto-profile-embedded-screen
  .customer-wallet-screen
  .customer-wallet-filter-tabs
  button.is-active {
  color: #fff !important;
}

.proto-profile-embedded-screen .customer-deals-screen .customer-deals-filter-tabs {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  border: 1px solid #e5e5e7 !important;
  border-radius: 11px !important;
  padding: 3px;
  background: #fff !important;
}
.proto-profile-embedded-screen
  .customer-deals-screen
  .customer-deals-filter-tabs
  .sliding-tabs__indicator {
  top: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 8px;
  background: #171717 !important;
}
.proto-profile-embedded-screen .customer-deals-screen .customer-deals-filter-tabs button,
.proto-profile-embedded-screen .customer-deals-screen .customer-deals-filter-tabs button:hover {
  min-height: 38px;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  padding: 10px 14px;
  color: #6a6d75 !important;
  font-size: 12px;
  font-weight: 700;
}
.proto-profile-embedded-screen .customer-deals-screen .customer-deals-filter-tabs button.is-active {
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

@media (max-width: 820px) {
  .customer-rewards-summary-grid,
  .customer-rewards-grid,
  .customer-deals-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .customer-rewards-summary-grid,
  .customer-rewards-grid,
  .customer-deals-grid {
    grid-template-columns: 1fr;
  }
  .customer-rewards-section {
    padding: 16px;
  }
  .customer-rewards-section__header {
    display: block;
  }
  .customer-rewards-points-chip {
    margin-top: 12px;
  }
}

@media (min-width: 1024px) {
  .proto-profile-page {
    width: 100% !important;
    max-width: none !important;
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .proto-profile-layout {
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 36px !important;
  }

  .proto-profile-content {
    min-width: 0;
  }
}

/* Part request photo upload follows the same content edges as the form fields. */
.proto-part-request-photo-upload {
  display: grid !important;
  gap: 16px !important;
  margin-top: 20px !important;
  border: 1px dashed #d7d7d7 !important;
  border-radius: 14px !important;
  background: #fcfaf8 !important;
  padding: 16px !important;
  box-shadow: none !important;
}
.proto-part-request-photo-upload__header {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
}
.proto-part-request-photo-upload__icon {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  border: 1px solid #f1c5cb !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 !important;
  color: #f20a24 !important;
  box-shadow: none !important;
}
.proto-part-request-photo-upload__icon svg {
  width: 18px !important;
  height: 18px !important;
}
.proto-part-request-photo-upload__copy {
  min-width: 0 !important;
}
.proto-part-request-photo-upload__native-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.proto-part-request-photo-upload__chooser {
  display: flex !important;
  min-height: 50px !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid #dedede !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 7px 10px !important;
  cursor: pointer !important;
}
.proto-part-request-photo-upload__chooser-button {
  display: inline-flex !important;
  min-height: 34px !important;
  align-items: center !important;
  border-radius: 8px !important;
  background: #171717 !important;
  padding: 0 12px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.proto-part-request-photo-upload__chooser-copy {
  color: #777a82 !important;
  font-size: 13px !important;
}
.proto-part-request-photo-upload__chooser:hover {
  border-color: #f20a24 !important;
}
.proto-part-request-photo-upload__chooser:hover .proto-part-request-photo-upload__chooser-button {
  background: #f20a24 !important;
}
.proto-part-request-photo-upload__native-input:focus-visible
  + .proto-part-request-photo-upload__chooser {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(242, 10, 36, 0.06) !important;
}
.proto-part-request-actions {
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.proto-part-request-actions button,
.proto-part-request-actions button:hover,
.proto-part-request-actions button:focus-visible {
  box-shadow: none !important;
  transform: none !important;
}
@media (max-width: 520px) {
  .proto-part-request-photo-upload__chooser {
    align-items: flex-start !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .proto-part-request-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .proto-part-request-actions button {
    width: 100% !important;
  }
}

/* Customer Help & Support follows the same calm, content-first shell as Orders. */
.proto-cases-page {
  padding-bottom: 48px !important;
}
.proto-cases-head {
  margin-bottom: 28px !important;
}
.proto-cases-head__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.proto-cases-refresh {
  display: inline-grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: none !important;
}
.proto-cases-refresh svg {
  width: 17px !important;
  height: 17px !important;
}
.proto-cases-refresh:hover {
  border-color: #f20a24 !important;
  color: #f20a24 !important;
}
.proto-cases-refresh:disabled {
  cursor: wait !important;
  opacity: 0.5 !important;
}
.proto-cases-primary-action,
.customer-cases-primary-action {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #f20a24 !important;
  border-radius: 12px !important;
  background: #f20a24 !important;
  padding: 0 16px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  transform: none !important;
}
.proto-cases-primary-action svg,
.customer-cases-primary-action svg {
  width: 17px !important;
  height: 17px !important;
}
.proto-cases-primary-action:hover,
.customer-cases-primary-action:hover {
  border-color: #d90820 !important;
  background: #d90820 !important;
}
.proto-cases-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}
.proto-cases-stat-card {
  min-height: 154px !important;
  border: 1px solid #ece7e2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 20px !important;
  box-shadow: none !important;
}
.proto-cases-stat-card > div > div:first-child {
  min-width: 0;
}
.proto-cases-stat-card span {
  background: #fff2f4 !important;
  color: #f20a24 !important;
}
.proto-cases-list-panel {
  border: 1px solid #ece7e2 !important;
  border-radius: 20px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: none !important;
}
.proto-cases-list-panel__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
}
.proto-cases-list-panel__header h2 {
  margin: 6px 0 5px !important;
  color: #171717 !important;
  font:
    800 26px/1.08 Manrope,
    sans-serif !important;
  letter-spacing: -0.04em !important;
}
.proto-cases-list-panel__header p:last-child {
  margin: 0 !important;
  color: #777a82 !important;
  font-size: 13px !important;
}
.proto-cases-list-panel__header > span {
  color: #777a82 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.proto-cases-list-panel .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.proto-cases-list-panel .grid > button {
  min-height: 210px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 18px !important;
  box-shadow: none !important;
  transform: none !important;
}
.proto-cases-list-panel .grid > button:hover {
  border-color: #f20a24 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.proto-cases-list-panel .grid > button:focus-visible {
  outline: 3px solid rgba(242, 10, 36, 0.14) !important;
  outline-offset: 2px !important;
}
.proto-cases-list-panel .grid > button .border-t {
  border-color: #eeeeee !important;
}
.proto-cases-error {
  margin-bottom: 20px !important;
  border: 1px solid #f2d7a5 !important;
  border-radius: 14px !important;
  background: #fffaf0 !important;
  padding: 14px 16px !important;
  color: #8a5a00 !important;
}
.proto-cases-error svg {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 auto !important;
  color: #b7791f !important;
}
.proto-cases-secondary-action {
  min-height: 40px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 13px !important;
  color: #171717 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
@media (max-width: 1080px) {
  .proto-cases-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .proto-cases-list-panel .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  .proto-cases-head {
    align-items: flex-start !important;
    gap: 18px !important;
  }
  .proto-cases-head__actions {
    width: 100% !important;
    justify-content: stretch !important;
  }
  .proto-cases-primary-action {
    flex: 1 1 auto !important;
  }
  .proto-cases-stats {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .proto-cases-stat-card {
    min-height: 0 !important;
  }
  .proto-cases-list-panel {
    padding: 18px !important;
  }
  .proto-cases-list-panel__header {
    display: block !important;
  }
  .proto-cases-list-panel__header > span {
    display: inline-block !important;
    margin-top: 12px !important;
  }
  .proto-cases-list-panel .grid {
    grid-template-columns: 1fr !important;
  }
}

/* Favourites uses the same customer shell and product rhythm as the marketplace. */
.proto-favourites-page {
  padding-bottom: 48px !important;
}
.proto-favourites-head {
  margin-bottom: 28px !important;
}
.proto-favourites-head__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
}
.proto-favourites-head__actions > span {
  color: #777a82 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.proto-favourites-explore {
  min-height: 44px !important;
  border: 1px solid #f20a24 !important;
  border-radius: 12px !important;
  background: #f20a24 !important;
  padding: 0 15px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.proto-favourites-explore:hover {
  border-color: #d90820 !important;
  background: #d90820 !important;
}
.proto-favourites-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.proto-favourite-card {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #ece7e2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.proto-favourite-card__media {
  aspect-ratio: 4 / 3 !important;
  border-bottom: 1px solid #f0eeec !important;
}
.proto-favourite-card__media > button:first-child,
.proto-favourite-card__media > button:first-child > img,
.proto-favourite-card__media > button:first-child > div {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.proto-favourite-card__media img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.proto-favourite-card__remove {
  border: 1px solid #ece7e2 !important;
  box-shadow: none !important;
  color: #f20a24 !important;
}
.proto-favourite-card__remove:hover {
  border-color: #f20a24 !important;
  background: #fff2f4 !important;
}
.proto-favourite-card__body {
  min-width: 0 !important;
  padding: 16px !important;
}
.proto-favourite-card__body > button:first-child:hover h4 {
  color: #f20a24 !important;
}
.proto-favourite-card__add,
.proto-favourite-card__view {
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
}
.proto-favourite-card__add {
  background: #f20a24 !important;
}
.proto-favourite-card__add:hover {
  background: #d90820 !important;
}
.proto-favourite-card__view {
  border: 1px solid #e1e5ea !important;
  background: #fff !important;
  color: #171717 !important;
}
.proto-favourite-card__view:hover {
  border-color: #f20a24 !important;
  background: #fff2f4 !important;
  color: #f20a24 !important;
}
.proto-favourites-empty {
  display: grid !important;
  min-height: 360px !important;
  place-items: center !important;
  align-content: center !important;
  border: 1px dashed #d8d5d2 !important;
  border-radius: 20px !important;
  background: #fff !important;
  padding: 44px 24px !important;
  text-align: center !important;
}
.proto-favourites-empty__icon {
  display: grid !important;
  width: 56px !important;
  height: 56px !important;
  margin-bottom: 18px !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #fff2f4 !important;
  color: #f20a24 !important;
}
.proto-favourites-empty__icon svg {
  width: 25px !important;
  height: 25px !important;
}
.proto-favourites-empty h2 {
  margin: 8px 0 8px !important;
  color: #171717 !important;
  font:
    800 26px/1.1 Manrope,
    sans-serif !important;
  letter-spacing: -0.035em !important;
}
.proto-favourites-empty > p:not(.proto-home__eyebrow) {
  max-width: 440px !important;
  margin: 0 !important;
  color: #777a82 !important;
  font-size: 14px !important;
}
.proto-favourites-empty > button {
  margin-top: 22px !important;
  min-height: 44px !important;
  border: 1px solid #f20a24 !important;
  border-radius: 12px !important;
  background: #f20a24 !important;
  padding: 0 16px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.proto-favourites-empty > button:hover {
  background: #d90820 !important;
}
html.dark .proto-favourites-head h1,
html.dark .proto-favourites-empty h2 {
  color: #f5f6f7 !important;
}
html.dark .proto-favourites-head p,
html.dark .proto-favourites-head__actions > span,
html.dark .proto-favourites-empty > p:not(.proto-home__eyebrow) {
  color: #a8afb7 !important;
}
html.dark .proto-favourite-card {
  border-color: #475569 !important;
  background: #1e293b !important;
}
html.dark .proto-favourite-card__media {
  border-color: #475569 !important;
}
html.dark .proto-favourite-card__body {
  background: #1e293b !important;
}
html.dark .proto-favourite-card__view {
  border-color: #475569 !important;
  background: #334155 !important;
  color: #f5f6f7 !important;
}
html.dark .proto-favourite-card__view:hover {
  background: #334155 !important;
  color: #ff7180 !important;
}
html.dark .proto-favourite-card__remove {
  border-color: #475569 !important;
  background: #334155 !important;
}
html.dark .proto-favourites-empty {
  border-color: #475569 !important;
  background: #1e293b !important;
}
html.dark .proto-favourites-empty__icon {
  background: #3b2026 !important;
}
@media (max-width: 1120px) {
  .proto-favourites-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 820px) {
  .proto-favourites-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .proto-favourites-head {
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .proto-favourites-head__actions {
    width: 100% !important;
    justify-content: space-between !important;
  }
  .proto-favourites-grid {
    grid-template-columns: 1fr !important;
  }
  .proto-favourite-card__media {
    aspect-ratio: 16 / 10 !important;
  }
  .proto-favourites-empty {
    min-height: 300px !important;
  }
}

@media (max-width: 640px) {
  .customer-billing-invoice-modal {
    padding: 10px;
  }

  .customer-billing-invoice-modal__card {
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    border-radius: 18px;
  }

  .customer-billing-invoice-modal__card > section > div:first-child {
    padding: 22px 58px 18px 20px;
  }

  .customer-billing-invoice-modal__card > section > div:nth-child(2) {
    padding: 18px 20px 22px;
  }

  .customer-billing-invoice-modal__close {
    top: 22px;
    right: 20px;
  }
}

/* The support dialog is portalled to body so it always sits above the customer navigation. */
.customer-case-create-modal {
  z-index: 1000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  background: rgba(20, 22, 28, 0.42) !important;
  backdrop-filter: blur(7px) !important;
}

.customer-case-create-modal__backdrop {
  z-index: 0 !important;
  display: block !important;
  background: transparent !important;
}

.customer-case-create-modal__card {
  z-index: 1 !important;
  width: min(940px, calc(100vw - 48px)) !important;
  max-height: min(820px, calc(100vh - 48px)) !important;
  margin: auto !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(20, 22, 28, 0.2) !important;
  padding: 0 !important;
}

.customer-case-create-modal__header {
  padding: 22px 28px 18px !important;
}

.customer-case-create-modal .customer-create-case-embedded {
  padding: 22px 28px 28px !important;
}

.customer-case-create-modal .customer-create-case-embedded > form {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 18px !important;
}

.customer-case-create-modal .customer-create-case-embedded section.delivery-feature-card {
  border: 1px solid #e7e8eb !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 18px !important;
}

.customer-case-create-modal .customer-create-case-embedded aside > section:first-child {
  border-color: #e7e8eb !important;
  background: #f7f7f8 !important;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:first-child
  > div:last-child
  > div:first-child {
  border-radius: 14px !important;
  background: #171717 !important;
  padding: 16px !important;
}

.customer-case-create-modal
  .customer-create-case-embedded
  aside
  > section:last-of-type
  > div:last-child
  > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.customer-case-create-modal .customer-create-case-embedded aside > section:last-of-type button {
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 700px) {
  .customer-case-create-modal {
    padding: 10px !important;
  }

  .customer-case-create-modal__card {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    border-radius: 18px !important;
  }

  .customer-case-create-modal__header,
  .customer-case-create-modal .customer-create-case-embedded {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .customer-case-create-modal .customer-create-case-embedded > form {
    grid-template-columns: 1fr !important;
  }
}

/* With the summary removed, keep the guidance panel calm instead of applying summary-card styling. */
.customer-case-create-modal .customer-create-case-tips {
  border-color: #e7e8eb !important;
  background: #f7f7f8 !important;
}

.customer-case-create-modal .customer-create-case-tips > div:last-child > div,
.customer-case-create-modal .customer-create-case-tips > div:last-child > div:first-child,
.customer-case-create-modal .customer-create-case-tips > div:last-child > div:nth-child(2) {
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.customer-case-create-modal .customer-create-case-actions {
  background: #fff !important;
}

/* Prescription primary actions stay red after shared button resets. */
.prescription-flow-modal
  .prescription-flow-body
  .prescription-flow-step
  > div:last-child
  button:last-child,
.prescription-flow-modal
  .prescription-flow-body
  .prescription-flow-step
  > div:last-child
  button[type='submit'] {
  border-color: #f20a24 !important;
  background: #f20a24 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Product artwork may already include transparency; do not paint a second
   decorative surface behind it. Keep skeleton cards on their loading surface. */
.proto-product-detail__art,
.proto-product-detail__option-art,
.proto-product-store-products__image,
.proto-product-bag__items > article > span,
.proto-cart-sheet__items div > span {
  background: transparent !important;
}

.proto-home__food-card:not(.proto-home__food-card--skeleton) .proto-home__food-card-art::after,
.proto-home__product-art::after,
.proto-product-detail__art::before {
  display: none !important;
}

.proto-product-detail__option-art img,
.proto-product-store-products__image img,
.proto-product-bag__thumb img,
.proto-cart-sheet__items img {
  -o-object-fit: contain;
     object-fit: contain;
}

.proto-home__visual img,
.proto-home__product-art img,
.proto-home__food-card:not(.proto-home__food-card--skeleton) .proto-home__food-card-art img,
.proto-merchant-product__art img,
.proto-product-detail__art img {
  filter: none !important;
}

/* Keep every shared SlidingTabs variant on the customer dark palette. */
html.dark .proto-customer .customer-wallet-filter-tabs,
html.dark .proto-customer .customer-deals-filter-tabs {
  border-color: var(--customer-border) !important;
  background: var(--customer-bg) !important;
}
html.dark .proto-customer .customer-wallet-filter-tabs .sliding-tabs__indicator,
html.dark .proto-customer .customer-deals-filter-tabs .sliding-tabs__indicator {
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-customer .customer-wallet-filter-tabs button,
html.dark .proto-customer .customer-deals-filter-tabs button,
html.dark .proto-customer .customer-wallet-filter-tabs button:hover,
html.dark .proto-customer .customer-deals-filter-tabs button:hover {
  color: var(--customer-muted) !important;
}
html.dark .proto-customer .customer-wallet-filter-tabs button.is-active,
html.dark .proto-customer .customer-deals-filter-tabs button.is-active {
  color: var(--customer-text) !important;
}

/* Deals is also mounted as a standalone customer page, outside the profile
   shell that already has dark overrides. */
html.dark .proto-customer .customer-deals-intro,
html.dark .proto-customer .customer-rewards-section,
html.dark .proto-customer .customer-rewards-section__header {
  border-color: var(--customer-border);
}
html.dark .proto-customer .customer-rewards-section,
html.dark .proto-customer .customer-deal-card {
  border-color: var(--customer-border);
  background: var(--customer-surface);
}
html.dark .proto-customer .customer-deal-card {
  box-shadow: none !important;
}
html.dark .proto-customer .customer-deals-intro h3,
html.dark .proto-customer .customer-rewards-section__header h3,
html.dark .proto-customer .customer-deal-card h4 {
  color: var(--customer-text);
}
html.dark .proto-customer .customer-deals-intro p,
html.dark .proto-customer .customer-rewards-section__header p,
html.dark .proto-customer .customer-deal-card p,
html.dark .proto-customer .customer-deal-card small {
  color: var(--customer-muted);
}
html.dark .proto-customer .customer-deal-categories span {
  background: var(--customer-surface-soft);
  color: var(--customer-muted);
}
html.dark .proto-customer .customer-deals-intro__icon {
  background: rgba(242, 10, 36, 0.16);
  color: #ff6b7a;
}

/* Final profile-account overrides must follow the legacy account refinements above. */
html.dark .proto-profile-sidebar,
html.dark .proto-profile-sidebar nav {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active,
html.dark .proto-profile-sidebar nav > button.proto-profile-sidebar__active {
  background: transparent !important;
  color: #ff7180 !important;
  box-shadow: none !important;
}
html.dark .proto-profile-sidebar .proto-profile-sidebar__active strong,
html.dark .proto-profile-sidebar .proto-profile-sidebar__active small {
  color: #ff7180 !important;
}
html.dark .proto-profile-sidebar nav > button:hover:not(.proto-profile-sidebar__active) {
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-profile-sidebar nav > p {
  color: var(--customer-muted) !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-section,
html.dark .proto-profile-embedded-screen .customer-reward-card,
html.dark .proto-profile-embedded-screen .customer-rewards-summary-card {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
}
html.dark .proto-profile-embedded-screen .customer-reward-card {
  background: var(--customer-surface-soft) !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-section__header {
  border-bottom-color: var(--customer-border) !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-section__header h3,
html.dark .proto-profile-embedded-screen .customer-reward-card h4 {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-embedded-screen .customer-rewards-section__header p,
html.dark .proto-profile-embedded-screen .customer-reward-card p,
html.dark .proto-profile-embedded-screen .customer-reward-card small {
  color: var(--customer-muted) !important;
}
@media (min-width: 1024px) {
  html.dark .proto-profile-layout::before {
    background: var(--customer-border) !important;
  }
}

html.dark .proto-profile-embedded-screen .customer-insights-workspace {
  --insights-ink: var(--customer-text);
  --insights-muted: var(--customer-muted);
  --insights-line: var(--customer-border);
}
html.dark .proto-profile-embedded-screen .customer-insights-heading h1 {
  color: var(--customer-text) !important;
}
html.dark .proto-profile-embedded-screen .customer-report-history__table thead,
html.dark .proto-profile-embedded-screen .customer-report-history__table th {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-soft) !important;
  color: var(--customer-muted) !important;
}
/* Product configuration follows docs/dolivory-design.md. */
.product-studio--loading .proto-product-loading__image {
  width: 100%;
  min-height: 0;
  aspect-ratio: 4 / 3;
}
.product-studio--loading .proto-product-loading__copy {
  width: 100%;
}
.product-studio {
  --product-surface: #fff;
  --product-soft: #fcfaf8;
  --product-text: #171717;
  --product-muted: #686868;
  --product-line: #e8e8e8;
  --product-red: #f20a24;
  --product-selected: #fff2f4;
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 0 64px;
  color: var(--product-text);
  font-size: 15px;
  line-height: 1.5;
}
html.dark .product-studio {
  --product-surface: #111c2d;
  --product-soft: #192638;
  --product-text: #f8fafc;
  --product-muted: #b9c3d2;
  --product-line: #344256;
  --product-selected: #36232e;
}
.product-studio *,
.product-studio *::before,
.product-studio *::after {
  box-sizing: border-box;
}
.product-studio button,
.product-studio input,
.product-studio summary {
  -webkit-tap-highlight-color: transparent;
}
.product-studio button {
  font: inherit;
  cursor: pointer;
}
.product-studio button:disabled {
  cursor: not-allowed;
}
.product-studio :is(button, a, summary, input):focus-visible {
  outline: 2px solid var(--product-red);
  outline-offset: 4px;
}
.product-studio svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.product-studio .proto-page__back {
  min-height: 44px;
  margin: 0 0 16px;
  color: var(--product-muted);
  font-size: 14px;
}
.product-studio__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: stretch;
}
.product-studio__visual {
  min-width: 0;
}
.product-studio__photo {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  border-radius: 22px;
  overflow: hidden;
  background: var(--product-soft);
}
.product-studio__photo > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-studio__photo > svg {
  width: 64px;
  height: 64px;
  color: var(--product-muted);
}
.product-studio .product-studio__favourite {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--product-line);
  border-radius: 50%;
  background: var(--product-surface);
  color: var(--product-text);
  transition:
    color 180ms,
    background 180ms;
}
.product-studio .product-studio__favourite.is-active {
  color: var(--product-red);
  background: var(--product-selected);
}
.product-studio__favourite.is-active svg {
  fill: currentColor;
}
.product-studio__configuration {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.product-studio__store {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  font-size: 13px;
  font-weight: 600;
  color: var(--product-muted);
}
.product-studio__store svg {
  width: 16px;
  height: 16px;
}
.product-studio__intro h1 {
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 750;
  margin: 14px 0 12px;
  overflow-wrap: anywhere;
}
.product-studio__description {
  color: var(--product-muted);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}
.product-studio__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 20px 0 28px;
}
.product-studio__meta > strong {
  font-size: 24px;
  font-weight: 750;
  letter-spacing: -0.03em;
}
.product-studio__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--product-muted);
  font-size: 13px;
}
.product-studio__meta svg {
  width: 16px;
  height: 16px;
}
.product-studio__group {
  min-width: 0;
  margin: 0;
  padding: 20px 0 24px;
  border: 0;
  border-top: 1px solid var(--product-line);
  scroll-margin-top: 110px;
}
.product-studio__group legend {
  float: left;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  padding: 0;
  margin-bottom: 6px;
}
.product-studio__group legend + * {
  clear: both;
}
.product-studio__group.has-error {
  border-top-color: var(--product-red);
}
.product-studio__group:focus {
  outline: none;
}
.product-studio__group:focus-visible {
  outline: 2px solid var(--product-red);
  outline-offset: 6px;
}
.product-studio__hint {
  color: var(--product-muted);
  font-size: 13px;
  margin: 0 0 12px;
}
.product-studio__question-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.product-studio__question-meta .product-studio__hint {
  margin: 0;
}
.product-studio__question-meta .product-studio__status {
  margin-left: auto;
}
.product-studio__status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  color: var(--product-muted);
  background: var(--product-soft);
  border-radius: 6px;
  padding: 4px 8px;
}
.product-studio__status.is-complete {
  color: #26734a;
  background: #ecf8ef;
}
html.dark .product-studio__status.is-complete {
  color: #a7e6bf;
  background: #173d30;
}
.product-studio__status svg {
  width: 13px;
  height: 13px;
}
.product-studio__choices {
  display: grid;
  gap: 4px;
}
.product-studio__choice {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition:
    background 180ms ease-out,
    border-color 180ms ease-out;
}
.product-studio__choice:hover {
  background: var(--product-soft);
}
.product-studio__choice:has(input:checked) {
  background: var(--product-selected);
  border-color: color-mix(in srgb, var(--product-red) 20%, transparent);
}
.product-studio__choice:has(input:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}
.product-studio__choice input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  accent-color: var(--product-red);
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin: 0;
  cursor: inherit;
}
.product-studio__choice > span {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.product-studio__choice > b {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--product-muted);
}
.product-studio__choice:has(input:checked) > b {
  color: var(--product-text);
}
.product-studio__section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.product-studio__section-heading h2 {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.025em;
  font-weight: 700;
  margin: 0;
}
.product-studio__section-heading p {
  font-size: 13px;
  color: var(--product-muted);
  margin: 5px 0 0;
}
.product-studio__preparation-heading {
  padding-top: 8px;
}
.product-studio__progress {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--product-muted);
}
.product-studio__pairings {
  padding-top: 28px;
}
.product-studio__pairing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.product-studio .product-studio__pairing {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  position: relative;
  min-height: 116px;
  padding: 12px 12px 30px;
  border: 1px solid var(--product-line);
  border-radius: 14px;
  background: var(--product-surface);
  color: var(--product-text);
  text-align: left;
  transition:
    border-color 180ms,
    transform 180ms;
}
.product-studio .product-studio__pairing:hover {
  border-color: var(--product-red);
  transform: translateY(-2px);
}
.product-studio__pairing-image {
  display: grid;
  place-items: center;
  width: 52px;
  height: 64px;
  border-radius: 8px;
  background: var(--product-soft);
  overflow: hidden;
}
.product-studio__pairing-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center;
     object-position: center;
}
.product-studio__pairing-image > svg {
  color: var(--product-muted);
}
.product-studio__pairing-copy {
  min-width: 0;
}
.product-studio__pairing-copy strong {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.product-studio__pairing-copy small {
  display: block;
  font-size: 11px;
  color: var(--product-muted);
  margin-top: 3px;
}
.product-studio__pairing-copy b {
  display: block;
  font-size: 13px;
  margin-top: 6px;
}
.product-studio__pairing-add {
  position: absolute;
  right: 10px;
  bottom: 8px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--product-text);
  color: var(--product-surface);
}
.product-studio__pairing-add svg {
  width: 16px;
  height: 16px;
}
.product-studio__purchase {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin-top: auto;
  border-top: 1px solid var(--product-line);
  padding: 16px 0 8px;
  background: var(--product-surface);
  box-shadow: 0 -12px 20px -18px rgba(0, 0, 0, 0.2);
}
.product-studio__purchase-row {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}
.product-studio__price {
  display: grid;
  gap: 2px;
}
.product-studio__price small {
  font-size: 12px;
  color: var(--product-muted);
}
.product-studio__price strong {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -0.03em;
}
.product-studio .product-studio__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  min-width: 190px;
  padding: 12px 20px;
  border: 0;
  border-radius: 10px;
  background: var(--product-red);
  color: #fff;
  font-weight: 700;
  transition: background 180ms;
}
.product-studio .product-studio__add:hover:not(:disabled) {
  background: #d90820;
}
.product-studio .product-studio__add:disabled {
  background: #e5e5e5;
  color: #737373;
}
html.dark .product-studio .product-studio__add:disabled {
  background: #334155;
  color: #b9c3d2;
}
.product-studio .product-studio__required {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 10px 0 0;
  border: 0;
  background: transparent;
  color: var(--product-muted);
  text-align: left;
  font-size: 12px;
}
.product-studio__required svg {
  width: 14px;
  height: 14px;
}
.product-studio__feedback {
  display: block;
  font-size: 12px;
  color: var(--product-muted);
}
.product-studio__error {
  color: var(--product-red);
  font-size: 13px;
  margin: 0 0 12px;
}
.product-studio__notice {
  padding: 16px;
  margin: 0 0 20px;
  background: var(--product-soft);
  border-radius: 12px;
}
.product-studio__notice p {
  color: var(--product-muted);
  margin: 4px 0;
}
.product-studio__notice a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--product-red);
}
.product-studio__bag {
  position: relative;
  isolation: isolate;
  scroll-margin-top: 100px;
  border-top: 1px solid var(--product-line);
  border-bottom: 1px solid var(--product-line);
  margin: 36px 0 0;
}
.product-studio__bag-toggle {
  position: relative;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--product-text);
  text-align: left;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  cursor: pointer;
  list-style: none;
}
.product-studio__bag-toggle::-webkit-details-marker {
  display: none;
}
.product-studio__bag-toggle > span {
  flex: 1;
  min-width: 0;
}
.product-studio__bag-toggle strong,
.product-studio__bag-toggle small {
  display: block;
}
.product-studio__bag-toggle small {
  color: var(--product-muted);
  font-size: 12px;
}
.product-studio__bag-toggle > svg:last-child {
  transition: transform 200ms;
}
.product-studio__bag-toggle[aria-expanded='true'] > svg:last-child {
  transform: rotate(180deg);
}
.product-studio__bag.is-updated {
  border-color: var(--product-red);
}
.product-studio__bag-content {
  position: relative;
  padding: 0 0 20px;
}
.product-studio__bag-highlight {
  position: absolute;
  inset: 0 -16px;
  z-index: -1;
  border-radius: 14px;
  background: var(--product-selected);
  pointer-events: none;
}
.product-studio__bag-reveal {
  overflow: hidden;
}
.product-studio__add {
  overflow: hidden;
}
.product-studio__add-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-studio .product-studio__add.is-added {
  background: #26734a;
}
html.dark .product-studio .product-studio__add.is-added {
  background: #256342;
}
.product-studio__added-toast {
  position: fixed;
  z-index: 60;
  top: 86px;
  right: max(20px, calc((100vw - 1280px) / 2));
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(460px, calc(100vw - 32px));
  padding: 14px;
  border: 1px solid var(--product-line);
  border-radius: 16px;
  background: var(--product-surface);
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
}
.product-studio__added-thumb {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: var(--product-soft);
  display: grid;
  place-items: center;
}
.product-studio__added-thumb img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-studio__added-thumb > svg:last-child {
  position: absolute;
  right: -4px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  padding: 3px;
  border-radius: 50%;
  background: #26734a;
  color: white;
}
.product-studio__added-toast > div {
  flex: 1;
  min-width: 0;
}
.product-studio__added-toast strong {
  display: block;
  font-size: 14px;
}
.product-studio__added-toast > div > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--product-muted);
  font-size: 12px;
}
.product-studio .product-studio__view-bag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: var(--product-red);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.product-studio__view-bag svg {
  width: 16px;
  height: 16px;
}
.product-studio .product-studio__dismiss {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  margin-right: -8px;
  border: 0;
  background: transparent;
  color: var(--product-muted);
}
@media (max-width: 680px) {
  .product-studio__added-toast {
    top: 74px;
    right: 16px;
    gap: 8px;
    padding: 10px;
  }
  .product-studio__added-thumb {
    width: 36px;
    height: 36px;
  }
  .product-studio__added-toast strong {
    font-size: 13px;
  }
}
.product-studio__bag-content > p {
  margin: 0;
  color: var(--product-muted);
}
.product-studio__bag-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 32px;
}
.product-studio__bag-content li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid var(--product-line);
}
.product-studio__bag-content li > img {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  background: var(--product-soft);
}
.product-studio__bag-content li > div:not(.product-studio__quantity) {
  flex: 1;
  min-width: 0;
}
.product-studio__bag-content li :is(strong, small, b) {
  display: block;
}
.product-studio__bag-content li strong {
  font-size: 14px;
}
.product-studio__bag-content li small {
  font-size: 12px;
  color: var(--product-muted);
}
.product-studio__bag-content li b {
  font-size: 13px;
  margin-top: 4px;
}
.product-studio__quantity {
  display: flex;
  align-items: center;
  border: 1px solid var(--product-line);
  border-radius: 10px;
}
.product-studio__quantity button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--product-text);
}
.product-studio__quantity output {
  min-width: 20px;
  text-align: center;
  font-size: 13px;
}
.product-studio__quantity svg {
  width: 16px;
  height: 16px;
}
.product-studio__bag-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 16px;
}
.product-studio .product-studio__text-button {
  border: 0;
  background: transparent;
  color: var(--product-muted);
  padding: 0 4px;
  min-height: 44px;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.product-studio .product-studio__checkout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 18px;
  border: 1px solid var(--product-line);
  background: var(--product-surface);
  color: var(--product-text);
  border-radius: 10px;
  font-weight: 600;
}
.product-studio__checkout:disabled {
  opacity: 0.45;
}
.product-studio__more {
  margin-top: 48px;
}
.product-studio__section-heading > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--product-red);
  font-size: 13px;
  white-space: nowrap;
}
.product-studio__more-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.product-studio__more-grid > a {
  min-width: 0;
}
.product-studio__more-grid > a > div {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  background: var(--product-soft);
}
.product-studio__more-grid img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 220ms ease-out;
}
.product-studio__more-grid a:hover img {
  transform: scale(1.035);
}
.product-studio__more-grid strong {
  display: block;
  font-weight: 650;
  font-size: 15px;
  margin-top: 12px;
}
.product-studio__more-grid span {
  display: block;
  font-size: 14px;
  margin-top: 4px;
  color: var(--product-muted);
}
@media (min-width: 1000px) and (min-height: 800px) {
  .product-studio__visual {
    position: sticky;
    top: 96px;
  }
}
@media (max-width: 900px) {
  .product-studio__layout {
    gap: 28px;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  }
  .product-studio__pairing-grid {
    grid-template-columns: 1fr;
  }
  .product-studio__pairing {
    min-height: 90px;
  }
  .product-studio__bag-content ul {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .product-studio {
    padding-top: 12px;
    padding-bottom: 32px;
  }
  .product-studio__layout {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .product-studio__visual {
    display: contents;
  }
  .product-studio__photo {
    width: 100%;
    aspect-ratio: 4 / 3;
    margin-bottom: 24px;
    border-radius: 18px;
    order: 0;
  }
  .product-studio__configuration {
    display: block;
    width: 100%;
    order: 1;
  }
  .product-studio__pairings {
    width: 100%;
    order: 2;
    padding-top: 24px;
  }
  .product-studio__pairing-grid {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    margin-right: -4px;
    padding: 2px 4px 12px 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .product-studio__pairing-grid::-webkit-scrollbar {
    display: none;
  }
  .product-studio .product-studio__pairing {
    flex: 0 0 min(44vw, 176px);
    width: min(44vw, 176px);
    grid-template-columns: 1fr;
    padding: 12px 12px 36px;
    align-content: start;
    scroll-snap-align: start;
  }
  .product-studio__pairing-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
  }
  .product-studio__pairing-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  .product-studio__intro h1 {
    font-size: 30px;
  }
  .product-studio__section-heading h2 {
    font-size: 19px;
  }
  .product-studio__purchase {
    margin-top: 0;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .product-studio__purchase-row {
    gap: 10px;
  }
  .product-studio .product-studio__add {
    min-width: 150px;
    padding-inline: 14px;
    font-size: 14px;
  }
  .product-studio__price strong {
    font-size: 24px;
  }
  .product-studio__price small {
    font-size: 11px;
  }
  .product-studio__more {
    margin-top: 32px;
  }
  .product-studio__more-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .product-studio__bag {
    margin-top: 28px;
  }
  .product-studio__bag-content li {
    flex-wrap: wrap;
  }
  .product-studio__bag-content li > div:not(.product-studio__quantity) {
    min-width: 120px;
  }
  .product-studio__quantity {
    margin-left: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-studio *,
  .product-studio *::before,
  .product-studio *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .product-studio .product-studio__pairing:hover,
  .product-studio__more-grid a:hover img {
    transform: none;
  }
}

/* Customer customisation palette: warm neutrals with Dolivory red as the only accent. */
.quick-product-dialog {
  background: #fff;
  color: #171717;
}
.quick-product-dialog::backdrop {
  background: rgb(15 15 15 / 46%);
}
.quick-product-dialog__surface {
  background: #fff;
  color: #171717;
}
.quick-product-dialog__surface > header {
  border-bottom: 1px solid #eae7e4;
}
.quick-product-dialog__surface > header button {
  border: 1px solid #e9e6e3;
  background: #f7f6f4;
  color: #171717;
}
.quick-product-dialog .product-studio--quick {
  --product-surface: #fff;
  --product-soft: #faf9f7;
  --product-text: #171717;
  --product-muted: #595959;
  --product-line: #e9e6e3;
  --product-red: #f20a24;
  --product-selected: #fff7f8;
  background: #fff;
}
.quick-product-dialog .product-studio__photo,
.quick-product-dialog .product-studio__pairing-image {
  background: #f8f7f5;
}
.quick-product-dialog .product-studio__store {
  color: #525252;
}
.quick-product-dialog .product-studio__store svg {
  color: #6c6c6c;
}
.quick-product-dialog .product-studio__store:hover {
  color: #f20a24;
}
.quick-product-dialog .product-studio__description,
.quick-product-dialog .product-studio__hint,
.quick-product-dialog .product-studio__meta > span,
.quick-product-dialog .product-studio__progress,
.quick-product-dialog .product-studio__section-heading p,
.quick-product-dialog .product-studio__price small {
  color: #595959;
}
.quick-product-dialog .product-studio__choice {
  background: #fff;
  border-color: #e7e4e1;
}
.quick-product-dialog .product-studio__choice:hover {
  background: #faf9f7;
  border-color: #d8d3cf;
}
.quick-product-dialog .product-studio__choice:has(input:checked) {
  background: #fff7f8;
  border-color: #f20a24;
}
.quick-product-dialog .product-studio__choice > b,
.quick-product-dialog .product-studio__status,
.quick-product-dialog .product-studio__required {
  color: #7a7a7a;
}
.quick-product-dialog .product-studio__status {
  background: #f4f3f1;
}
.quick-product-dialog .product-studio__status.is-complete {
  background: #f4f3f1;
  color: #218a58;
}
.quick-product-dialog .product-studio__pairing {
  border-color: #e8e5e2;
  background: #fff;
}
.quick-product-dialog .product-studio__pairing:hover {
  border-color: #d8d3cf;
  background: #f8f7f5;
}
.quick-product-dialog .product-studio__pairing-add {
  background: #171717;
  color: #fff;
}
.quick-product-dialog .product-studio__purchase {
  border-top-color: #eae7e4;
  background: #fff;
}
.quick-product-dialog .product-studio__add {
  background: #f20a24;
  color: #fff;
}
.quick-product-dialog .product-studio__add:hover:not(:disabled) {
  background: #d90820;
}
.quick-product-dialog .product-studio__add:disabled {
  background: #e9e7e5;
  color: #9c9996;
}
.quick-product-dialog .product-studio__error {
  color: #d8293e;
}
.quick-product-dialog .product-studio__required svg {
  color: #777;
}
.quick-product-dialog .product-studio__favourite {
  border-color: #e7e4e1;
  background: #fff;
  color: #666;
}
.quick-product-dialog .product-studio__favourite.is-active {
  border-color: #ffd5db;
  background: #fff1f3;
  color: #f20a24;
}
.quick-product-dialog .product-studio__layout,
.quick-product-dialog .product-studio__configuration {
  scrollbar-width: thin;
  scrollbar-color: rgb(0 0 0 / 15%) transparent;
}
.quick-product-dialog .product-studio__layout::-webkit-scrollbar,
.quick-product-dialog .product-studio__configuration::-webkit-scrollbar {
  width: 4px;
}
.quick-product-dialog .product-studio__layout::-webkit-scrollbar-track,
.quick-product-dialog .product-studio__configuration::-webkit-scrollbar-track {
  background: transparent;
}
.quick-product-dialog .product-studio__layout::-webkit-scrollbar-thumb,
.quick-product-dialog .product-studio__configuration::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgb(0 0 0 / 15%);
}
html.dark .quick-product-dialog,
html.dark .quick-product-dialog__surface,
html.dark .quick-product-dialog .product-studio--quick {
  --product-surface: #fff !important;
  --product-soft: #faf9f7 !important;
  --product-text: #171717 !important;
  --product-muted: #595959 !important;
  --product-line: #e9e6e3 !important;
  --product-red: #f20a24 !important;
  --product-selected: #fff7f8 !important;
  background: #fff !important;
  color: #171717 !important;
}