/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Plus Jakarta Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-700: #bf000f;
    --color-orange-100: #ffedd5;
    --color-orange-300: #ffb96d;
    --color-orange-900: #7e2a0c;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-900: #7b3306;
    --color-lime-100: #ecfcca;
    --color-lime-300: #bbf451;
    --color-lime-900: #35530e;
    --color-emerald-100: #d0fae5;
    --color-emerald-300: #5ee9b5;
    --color-emerald-900: #004e3b;
    --color-teal-100: #cbfbf1;
    --color-teal-300: #46ecd5;
    --color-teal-900: #0b4f4a;
    --color-cyan-100: #cefafe;
    --color-cyan-300: #53eafd;
    --color-cyan-900: #104e64;
    --color-sky-100: #dff2fe;
    --color-sky-200: #b8e6fe;
    --color-sky-300: #77d4ff;
    --color-sky-400: #00bcfe;
    --color-sky-900: #024a70;
    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-300: #90c5ff;
    --color-blue-900: #1c398e;
    --color-indigo-100: #e0e7ff;
    --color-indigo-300: #a4b3ff;
    --color-indigo-900: #312c85;
    --color-violet-100: #ede9fe;
    --color-violet-300: #c4b4ff;
    --color-violet-900: #4d179a;
    --color-zinc-100: #f4f4f5;
    --color-zinc-300: #d4d4d8;
    --color-zinc-700: #3f3f46;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-normal: 0em;
    --leading-tight: 1.25;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-prv-ink: #0f1712;
    --color-prv-muted: #0f17129e;
    --color-prv-soft: #f7f5ef;
    --color-prv-line: #0f17121a;
    --color-prv-accent: #075f45;
    --color-prv-yellow: #ffc501;
    --color-prv-mint: #ccf3e5;
    --color-prv-sky: #99c8ff;
    --color-prv-lilac: #dcd6f9;
    --color-prv-peach: #ffd1e2;
    --spacing-13: 3.25rem;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-orange-100: lab(94.7127% 3.58394 14.3151);
      --color-orange-300: lab(80.8059% 21.7313 50.4455);
      --color-orange-900: lab(30.2951% 36.0434 37.671);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-lime-100: lab(96.8662% -11.7133 22.0854);
      --color-lime-300: lab(89.9218% -35.6546 68.5254);
      --color-lime-900: lab(31.9931% -20.7654 33.7379);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-emerald-900: lab(28.8637% -26.9249 5.45986);
      --color-teal-100: lab(95.1845% -17.4212 -.425422);
      --color-teal-300: lab(84.8977% -48.1516 -1.3321);
      --color-teal-900: lab(29.506% -21.4706 -3.59886);
      --color-cyan-100: lab(95.3146% -13.8285 -6.84732);
      --color-cyan-300: lab(85.3886% -36.7636 -21.5716);
      --color-cyan-900: lab(30.372% -13.1853 -18.7887);
      --color-sky-100: lab(94.3709% -4.56053 -8.23453);
      --color-sky-200: lab(88.6983% -11.3978 -16.8488);
      --color-sky-300: lab(80.3307% -20.2945 -31.385);
      --color-sky-400: lab(70.687% -23.6078 -45.9483);
      --color-sky-900: lab(29.1959% -8.34689 -28.2453);
      --color-blue-50: lab(96.492% -1.14644 -5.11479);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-300: lab(77.5052% -6.4629 -36.42);
      --color-blue-900: lab(26.1542% 15.7545 -51.5504);
      --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
      --color-indigo-300: lab(74.0235% 8.54138 -41.6075);
      --color-indigo-900: lab(23.3911% 24.6978 -50.4718);
      --color-violet-100: lab(93.0838% 4.35197 -9.88284);
      --color-violet-300: lab(76.7419% 18.3911 -37.0706);
      --color-violet-900: lab(24.3783% 45.7525 -61.4902);
      --color-zinc-100: lab(96.1634% .0993311 -.364041);
      --color-zinc-300: lab(84.9837% .601262 -2.17986);
      --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-8 {
    inset: calc(var(--spacing) * 8);
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }

  .inset-x-8 {
    inset-inline: calc(var(--spacing) * 8);
  }

  .inset-x-10 {
    inset-inline: calc(var(--spacing) * 10);
  }

  .inset-x-11 {
    inset-inline: calc(var(--spacing) * 11);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-16 {
    top: calc(var(--spacing) * -16);
  }

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/3 {
    top: 33.3333%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-28 {
    top: calc(var(--spacing) * 28);
  }

  .top-30 {
    top: calc(var(--spacing) * 30);
  }

  .top-\[14\%\] {
    top: 14%;
  }

  .top-\[20\%\] {
    top: 20%;
  }

  .top-\[28\%\] {
    top: 28%;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-16 {
    right: calc(var(--spacing) * -16);
  }

  .right-0 {
    right: 0;
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-8 {
    right: calc(var(--spacing) * 8);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .right-\[8\%\] {
    right: 8%;
  }

  .-bottom-24 {
    bottom: calc(var(--spacing) * -24);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }

  .bottom-\[13\%\] {
    bottom: 13%;
  }

  .bottom-\[18\%\] {
    bottom: 18%;
  }

  .-left-24 {
    left: calc(var(--spacing) * -24);
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-10 {
    left: calc(var(--spacing) * 10);
  }

  .left-\[8\%\] {
    left: 8%;
  }

  .left-\[44\%\] {
    left: 44%;
  }

  .left-\[46\%\] {
    left: 46%;
  }

  .left-\[52\%\] {
    left: 52%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[88\] {
    z-index: 88;
  }

  .z-\[90\] {
    z-index: 90;
  }

  .z-\[120\] {
    z-index: 120;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-13 {
    height: var(--spacing-13);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[28rem\] {
    height: 28rem;
  }

  .h-\[33px\] {
    height: 33px;
  }

  .h-\[34rem\] {
    height: 34rem;
  }

  .h-\[39px\] {
    height: 39px;
  }

  .h-\[46rem\] {
    height: 46rem;
  }

  .h-\[74px\] {
    height: 74px;
  }

  .h-\[86px\] {
    height: 86px;
  }

  .h-\[88px\] {
    height: 88px;
  }

  .h-\[92px\] {
    height: 92px;
  }

  .h-\[365px\] {
    height: 365px;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-\[82vh\] {
    max-height: 82vh;
  }

  .max-h-\[430px\] {
    max-height: 430px;
  }

  .max-h-\[760px\] {
    max-height: 760px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }

  .min-h-\[66vh\] {
    min-height: 66vh;
  }

  .min-h-\[78vh\] {
    min-height: 78vh;
  }

  .min-h-\[118px\] {
    min-height: 118px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[280px\] {
    min-height: 280px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[520px\] {
    min-height: 520px;
  }

  .min-h-\[640px\] {
    min-height: 640px;
  }

  .min-h-\[680px\] {
    min-height: 680px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[38\%\] {
    width: 38%;
  }

  .w-\[38rem\] {
    width: 38rem;
  }

  .w-\[46rem\] {
    width: 46rem;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[86px\] {
    width: 86px;
  }

  .w-\[88px\] {
    width: 88px;
  }

  .w-\[92px\] {
    width: 92px;
  }

  .w-\[292px\] {
    width: 292px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-\[9ch\] {
    max-width: 9ch;
  }

  .max-w-\[28ch\] {
    max-width: 28ch;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[780px\] {
    max-width: 780px;
  }

  .max-w-\[980px\] {
    max-width: 980px;
  }

  .max-w-\[1180px\] {
    max-width: 1180px;
  }

  .max-w-\[1280px\] {
    max-width: 1280px;
  }

  .max-w-\[1320px\] {
    max-width: 1320px;
  }

  .max-w-\[1360px\] {
    max-width: 1360px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1474px\] {
    max-width: 1474px;
  }

  .max-w-\[1540px\] {
    max-width: 1540px;
  }

  .max-w-\[1700px\] {
    max-width: 1700px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-\[86px\] {
    min-width: 86px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[780px\] {
    min-width: 780px;
  }

  .min-w-\[850px\] {
    min-width: 850px;
  }

  .min-w-\[900px\] {
    min-width: 900px;
  }

  .min-w-\[1040px\] {
    min-width: 1040px;
  }

  .min-w-\[1220px\] {
    min-width: 1220px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-\[minmax\(0\,1fr\)_110px_120px_130px\] {
    grid-template-columns: minmax(0, 1fr) 110px 120px 130px;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .content-start {
    align-content: flex-start;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[\#d8e0eb\] > :not(:last-child)) {
    border-color: #d8e0eb;
  }

  :where(.divide-prv-line > :not(:last-child)) {
    border-color: var(--color-prv-line);
  }

  :where(.divide-white\/10 > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[15px\] {
    border-radius: 15px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .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-\[30px\] {
    border-radius: 30px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[34px\] {
    border-radius: 34px;
  }

  .rounded-\[38px\] {
    border-radius: 38px;
  }

  .rounded-\[40px\] {
    border-radius: 40px;
  }

  .rounded-\[48px\] {
    border-radius: 48px;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[999px\] {
    border-radius: 999px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-b-\[60px\] {
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#2f6df3\] {
    border-color: #2f6df3;
  }

  .border-\[\#2f6df3\]\/30 {
    border-color: #2f6df34d;
    border-color: lab(48.2962% 18.5973 -74.3554 / .3);
  }

  .border-\[\#8b7cff\]\/30 {
    border-color: #8b7cff4d;
    border-color: lab(58.279% 30.7256 -64.5674 / .3);
  }

  .border-\[\#8ed4aa\] {
    border-color: #8ed4aa;
  }

  .border-\[\#c9d2df\] {
    border-color: #c9d2df;
  }

  .border-\[\#d7b85d\]\/35 {
    border-color: #d7b85d59;
    border-color: lab(76.158% 3.54299 49.7316 / .35);
  }

  .border-\[\#d8e0eb\] {
    border-color: #d8e0eb;
  }

  .border-\[\#ee6856\]\/35 {
    border-color: #ee685659;
    border-color: lab(61.2301% 51.8878 36.9637 / .35);
  }

  .border-\[\#fed7aa\] {
    border-color: #fed7aa;
  }

  .border-\[\#ffc21a\] {
    border-color: #ffc21a;
  }

  .border-\[\#ffc21a\]\/18 {
    border-color: #ffc21a2e;
    border-color: lab(82.3715% 13.3319 80.2141 / .18);
  }

  .border-\[\#ffc21a\]\/20 {
    border-color: #ffc21a33;
    border-color: lab(82.3715% 13.3319 80.2141 / .2);
  }

  .border-\[\#ffc21a\]\/25 {
    border-color: #ffc21a40;
    border-color: lab(82.3715% 13.3319 80.2141 / .25);
  }

  .border-\[\#ffc21a\]\/35 {
    border-color: #ffc21a59;
    border-color: lab(82.3715% 13.3319 80.2141 / .35);
  }

  .border-\[\#ffc21a\]\/55 {
    border-color: #ffc21a8c;
    border-color: lab(82.3715% 13.3319 80.2141 / .55);
  }

  .border-\[rgba\(10\,40\,32\,0\.1\)\] {
    border-color: #0a28201a;
  }

  .border-\[rgba\(10\,40\,32\,0\.08\)\] {
    border-color: #0a282014;
  }

  .border-amber-300\/20 {
    border-color: #ffd23633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/20 {
      border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }

  .border-amber-300\/45 {
    border-color: #ffd23673;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/45 {
      border-color: color-mix(in oklab, var(--color-amber-300) 45%, transparent);
    }
  }

  .border-blue-300\/45 {
    border-color: #90c5ff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/45 {
      border-color: color-mix(in oklab, var(--color-blue-300) 45%, transparent);
    }
  }

  .border-cyan-300\/45 {
    border-color: #53eafd73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/45 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 45%, transparent);
    }
  }

  .border-emerald-300\/45 {
    border-color: #5ee9b573;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/45 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 45%, transparent);
    }
  }

  .border-indigo-300\/45 {
    border-color: #a4b3ff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-300\/45 {
      border-color: color-mix(in oklab, var(--color-indigo-300) 45%, transparent);
    }
  }

  .border-lime-300\/45 {
    border-color: #bbf45173;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-lime-300\/45 {
      border-color: color-mix(in oklab, var(--color-lime-300) 45%, transparent);
    }
  }

  .border-orange-300\/45 {
    border-color: #ffb96d73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-300\/45 {
      border-color: color-mix(in oklab, var(--color-orange-300) 45%, transparent);
    }
  }

  .border-prv-accent\/18 {
    border-color: #075f452e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-prv-accent\/18 {
      border-color: color-mix(in oklab, var(--color-prv-accent) 18%, transparent);
    }
  }

  .border-prv-accent\/20 {
    border-color: #075f4533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-prv-accent\/20 {
      border-color: color-mix(in oklab, var(--color-prv-accent) 20%, transparent);
    }
  }

  .border-prv-ink\/10 {
    border-color: #0f17121a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-prv-ink\/10 {
      border-color: color-mix(in oklab, var(--color-prv-ink) 10%, transparent);
    }
  }

  .border-prv-line {
    border-color: var(--color-prv-line);
  }

  .border-prv-sky\/30 {
    border-color: #99c8ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-prv-sky\/30 {
      border-color: color-mix(in oklab, var(--color-prv-sky) 30%, transparent);
    }
  }

  .border-prv-yellow\/40 {
    border-color: #ffc50166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-prv-yellow\/40 {
      border-color: color-mix(in oklab, var(--color-prv-yellow) 40%, transparent);
    }
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-400\/25 {
    border-color: #ff656840;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/25 {
      border-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
    }
  }

  .border-red-400\/30 {
    border-color: #ff65684d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/30 {
      border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
    }
  }

  .border-sky-300\/45 {
    border-color: #77d4ff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-300\/45 {
      border-color: color-mix(in oklab, var(--color-sky-300) 45%, transparent);
    }
  }

  .border-teal-300\/45 {
    border-color: #46ecd573;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-teal-300\/45 {
      border-color: color-mix(in oklab, var(--color-teal-300) 45%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-300\/45 {
    border-color: #c4b4ff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-300\/45 {
      border-color: color-mix(in oklab, var(--color-violet-300) 45%, transparent);
    }
  }

  .border-white\/8 {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/8 {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .border-white\/9 {
    border-color: #ffffff17;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/9 {
      border-color: color-mix(in oklab, var(--color-white) 9%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/12 {
    border-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/12 {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .border-white\/14 {
    border-color: #ffffff24;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/14 {
      border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/18 {
    border-color: #ffffff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/18 {
      border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }

  .border-white\/40 {
    border-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-white\/50 {
    border-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/50 {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .border-white\/55 {
    border-color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/55 {
      border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .border-white\/\[0\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-zinc-300 {
    border-color: var(--color-zinc-300);
  }

  .bg-\[\#0a1512\] {
    background-color: #0a1512;
  }

  .bg-\[\#8b7cff\] {
    background-color: #8b7cff;
  }

  .bg-\[\#8b7cff\]\/10 {
    background-color: #8b7cff1a;
    background-color: lab(58.279% 30.7256 -64.5674 / .1);
  }

  .bg-\[\#050d0b\] {
    background-color: #050d0b;
  }

  .bg-\[\#050d0b\]\/38 {
    background-color: #050d0b61;
    background-color: lab(3.09451% -2.47408 .0472367 / .38);
  }

  .bg-\[\#050d0b\]\/58 {
    background-color: #050d0b94;
    background-color: lab(3.09451% -2.47408 .0472367 / .58);
  }

  .bg-\[\#050d0b\]\/62 {
    background-color: #050d0b9e;
    background-color: lab(3.09451% -2.47408 .0472367 / .62);
  }

  .bg-\[\#050d0b\]\/70 {
    background-color: #050d0bb3;
    background-color: lab(3.09451% -2.47408 .0472367 / .7);
  }

  .bg-\[\#050d0b\]\/78 {
    background-color: #050d0bc7;
    background-color: lab(3.09451% -2.47408 .0472367 / .78);
  }

  .bg-\[\#050d0b\]\/88 {
    background-color: #050d0be0;
    background-color: lab(3.09451% -2.47408 .0472367 / .88);
  }

  .bg-\[\#090a0c\] {
    background-color: #090a0c;
  }

  .bg-\[\#090b0b\] {
    background-color: #090b0b;
  }

  .bg-\[\#07110e\] {
    background-color: #07110e;
  }

  .bg-\[\#07110f\] {
    background-color: #07110f;
  }

  .bg-\[\#08110f\] {
    background-color: #08110f;
  }

  .bg-\[\#08111f\]\/58 {
    background-color: #08111f94;
    background-color: lab(4.86815% -.0752062 -10.5095 / .58);
  }

  .bg-\[\#08111f\]\/62 {
    background-color: #08111f9e;
    background-color: lab(4.86815% -.0752062 -10.5095 / .62);
  }

  .bg-\[\#08111f\]\/76 {
    background-color: #08111fc2;
    background-color: lab(4.86815% -.0752211 -10.5095 / .76);
  }

  .bg-\[\#08120f\] {
    background-color: #08120f;
  }

  .bg-\[\#14243f\] {
    background-color: #14243f;
  }

  .bg-\[\#d7b85d\]\/16 {
    background-color: #d7b85d29;
    background-color: lab(76.158% 3.54296 49.7316 / .16);
  }

  .bg-\[\#ee6856\]\/12 {
    background-color: #ee68561f;
    background-color: lab(61.2301% 51.8878 36.9637 / .12);
  }

  .bg-\[\#f0fff5\] {
    background-color: #f0fff5;
  }

  .bg-\[\#f2f5fa\] {
    background-color: #f2f5fa;
  }

  .bg-\[\#f3f6fa\] {
    background-color: #f3f6fa;
  }

  .bg-\[\#f8fbff\] {
    background-color: #f8fbff;
  }

  .bg-\[\#ffc21a\] {
    background-color: #ffc21a;
  }

  .bg-\[\#ffc21a\]\/8 {
    background-color: #ffc21a14;
    background-color: lab(82.3715% 13.3319 80.2141 / .08);
  }

  .bg-\[\#ffc21a\]\/10 {
    background-color: #ffc21a1a;
    background-color: lab(82.3715% 13.3319 80.2141 / .1);
  }

  .bg-\[\#ffc21a\]\/12 {
    background-color: #ffc21a1f;
    background-color: lab(82.3715% 13.3319 80.2141 / .12);
  }

  .bg-\[\#ffc21a\]\/\[0\.08\] {
    background-color: #ffc21a14;
    background-color: lab(82.3715% 13.3319 80.2141 / .08);
  }

  .bg-\[\#fff7ed\] {
    background-color: #fff7ed;
  }

  .bg-\[\#fff8d8\] {
    background-color: #fff8d8;
  }

  .bg-\[\#fff8e6\] {
    background-color: #fff8e6;
  }

  .bg-\[radial-gradient\(circle_at_50\%_20\%\,rgba\(255\,194\,26\,0\.16\)\,transparent_20rem\)\,\#020403\] {
    background-color: radial-gradient(circle at 50% 20%,#ffc21a29,transparent 20rem),#020403;
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-300\/5 {
    background-color: #ffd2360d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/5 {
      background-color: color-mix(in oklab, var(--color-amber-300) 5%, transparent);
    }
  }

  .bg-amber-400\/15 {
    background-color: #fcbb0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/15 {
      background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-black\/72 {
    background-color: #000000b8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/72 {
      background-color: color-mix(in oklab, var(--color-black) 72%, transparent);
    }
  }

  .bg-black\/75 {
    background-color: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/75 {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-50\/55 {
    background-color: #eff6ff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/55 {
      background-color: color-mix(in oklab, var(--color-blue-50) 55%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }

  .bg-lime-100 {
    background-color: var(--color-lime-100);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-prv-accent {
    background-color: var(--color-prv-accent);
  }

  .bg-prv-accent\/8 {
    background-color: #075f4514;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-accent\/8 {
      background-color: color-mix(in oklab, var(--color-prv-accent) 8%, transparent);
    }
  }

  .bg-prv-accent\/18 {
    background-color: #075f452e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-accent\/18 {
      background-color: color-mix(in oklab, var(--color-prv-accent) 18%, transparent);
    }
  }

  .bg-prv-accent\/20 {
    background-color: #075f4533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-accent\/20 {
      background-color: color-mix(in oklab, var(--color-prv-accent) 20%, transparent);
    }
  }

  .bg-prv-ink {
    background-color: var(--color-prv-ink);
  }

  .bg-prv-lilac {
    background-color: var(--color-prv-lilac);
  }

  .bg-prv-line {
    background-color: var(--color-prv-line);
  }

  .bg-prv-mint {
    background-color: var(--color-prv-mint);
  }

  .bg-prv-mint\/86 {
    background-color: #ccf3e5db;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-mint\/86 {
      background-color: color-mix(in oklab, var(--color-prv-mint) 86%, transparent);
    }
  }

  .bg-prv-peach {
    background-color: var(--color-prv-peach);
  }

  .bg-prv-sky\/30 {
    background-color: #99c8ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-sky\/30 {
      background-color: color-mix(in oklab, var(--color-prv-sky) 30%, transparent);
    }
  }

  .bg-prv-soft {
    background-color: var(--color-prv-soft);
  }

  .bg-prv-soft\/62 {
    background-color: #f7f5ef9e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-soft\/62 {
      background-color: color-mix(in oklab, var(--color-prv-soft) 62%, transparent);
    }
  }

  .bg-prv-soft\/70 {
    background-color: #f7f5efb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-soft\/70 {
      background-color: color-mix(in oklab, var(--color-prv-soft) 70%, transparent);
    }
  }

  .bg-prv-yellow {
    background-color: var(--color-prv-yellow);
  }

  .bg-prv-yellow\/20 {
    background-color: #ffc50133;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-yellow\/20 {
      background-color: color-mix(in oklab, var(--color-prv-yellow) 20%, transparent);
    }
  }

  .bg-prv-yellow\/25 {
    background-color: #ffc50140;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-yellow\/25 {
      background-color: color-mix(in oklab, var(--color-prv-yellow) 25%, transparent);
    }
  }

  .bg-prv-yellow\/45 {
    background-color: #ffc50173;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-yellow\/45 {
      background-color: color-mix(in oklab, var(--color-prv-yellow) 45%, transparent);
    }
  }

  .bg-prv-yellow\/55 {
    background-color: #ffc5018c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-yellow\/55 {
      background-color: color-mix(in oklab, var(--color-prv-yellow) 55%, transparent);
    }
  }

  .bg-prv-yellow\/65 {
    background-color: #ffc501a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-yellow\/65 {
      background-color: color-mix(in oklab, var(--color-prv-yellow) 65%, transparent);
    }
  }

  .bg-prv-yellow\/70 {
    background-color: #ffc501b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-prv-yellow\/70 {
      background-color: color-mix(in oklab, var(--color-prv-yellow) 70%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-400\/10 {
    background-color: #ff65681a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/10 {
      background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }
  }

  .bg-red-400\/15 {
    background-color: #ff656826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/15 {
      background-color: color-mix(in oklab, var(--color-red-400) 15%, transparent);
    }
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-500\/20 {
    background-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }

  .bg-sky-400\/15 {
    background-color: #00bcfe26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-400\/15 {
      background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent);
    }
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/8 {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/8 {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/30 {
    background-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/30 {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .bg-white\/52 {
    background-color: #ffffff85;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/52 {
      background-color: color-mix(in oklab, var(--color-white) 52%, transparent);
    }
  }

  .bg-white\/58 {
    background-color: #ffffff94;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/58 {
      background-color: color-mix(in oklab, var(--color-white) 58%, transparent);
    }
  }

  .bg-white\/62 {
    background-color: #ffffff9e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/62 {
      background-color: color-mix(in oklab, var(--color-white) 62%, transparent);
    }
  }

  .bg-white\/64 {
    background-color: #ffffffa3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/64 {
      background-color: color-mix(in oklab, var(--color-white) 64%, transparent);
    }
  }

  .bg-white\/68 {
    background-color: #ffffffad;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/68 {
      background-color: color-mix(in oklab, var(--color-white) 68%, transparent);
    }
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/72 {
    background-color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/72 {
      background-color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .bg-white\/74 {
    background-color: #ffffffbd;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/74 {
      background-color: color-mix(in oklab, var(--color-white) 74%, transparent);
    }
  }

  .bg-white\/76 {
    background-color: #ffffffc2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/76 {
      background-color: color-mix(in oklab, var(--color-white) 76%, transparent);
    }
  }

  .bg-white\/78 {
    background-color: #ffffffc7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/78 {
      background-color: color-mix(in oklab, var(--color-white) 78%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/82 {
    background-color: #ffffffd1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/82 {
      background-color: color-mix(in oklab, var(--color-white) 82%, transparent);
    }
  }

  .bg-white\/86 {
    background-color: #ffffffdb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/86 {
      background-color: color-mix(in oklab, var(--color-white) 86%, transparent);
    }
  }

  .bg-white\/88 {
    background-color: #ffffffe0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/88 {
      background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-white\/92 {
    background-color: #ffffffeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/92 {
      background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-white\/\[0\.07\] {
    background-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-white\/\[0\.035\] {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  .bg-white\/\[0\.045\] {
    background-color: #ffffff0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
    }
  }

  .bg-white\/\[0\.055\] {
    background-color: #ffffff0e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.055\] {
      background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent);
    }
  }

  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(130deg\,rgba\(255\,253\,240\,0\.96\)\,rgba\(255\,248\,223\,0\.92\)_42\%\,rgba\(204\,243\,229\,0\.9\)\)\] {
    background-image: linear-gradient(130deg, #fffdf0f5, #fff8dfeb 42%, #ccf3e5e6);
  }

  .bg-\[linear-gradient\(135deg\,\#5f95ff\,\#2f6df3_52\%\,\#2453d6\)\] {
    background-image: linear-gradient(135deg, #5f95ff, #2f6df3 52%, #2453d6);
  }

  .bg-\[linear-gradient\(135deg\,\#ccf3e5\,\#fff4bd\)\] {
    background-image: linear-gradient(135deg, #ccf3e5, #fff4bd);
  }

  .bg-\[linear-gradient\(135deg\,\#ccf3e5\,\#ffffff\)\] {
    background-image: linear-gradient(135deg, #ccf3e5, #fff);
  }

  .bg-\[linear-gradient\(135deg\,\#eef6ff\,\#ffffff_58\%\,\#fff7dc\)\] {
    background-image: linear-gradient(135deg, #eef6ff, #fff 58%, #fff7dc);
  }

  .bg-\[linear-gradient\(145deg\,\#075f45\,\#1aa6be\)\] {
    background-image: linear-gradient(145deg, #075f45, #1aa6be);
  }

  .bg-\[linear-gradient\(145deg\,rgba\(255\,255\,255\,0\.38\)\,rgba\(255\,253\,241\,0\.92\)_42\%\,rgba\(242\,139\,46\,0\.26\)\)\] {
    background-image: linear-gradient(145deg, #ffffff61, #fffdf1eb 42%, #f28b2e42);
  }

  .bg-\[linear-gradient\(180deg\,\#08111f_0\,\#14243f_172px\,\#eef3f8_173px\,\#fbfaf5_100\%\)\] {
    background-image: linear-gradient(#08111f 0, #14243f 172px, #eef3f8 173px, #fbfaf5 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(255\,248\,223\,0\)\,rgba\(255\,248\,223\,0\.88\)\)\] {
    background-image: linear-gradient(#fff8df00, #fff8dfe0);
  }

  .bg-\[radial-gradient\(circle_at_24\%_10\%\,rgba\(255\,197\,1\,0\.30\)\,transparent_28rem\)\,radial-gradient\(circle_at_74\%_6\%\,rgba\(4\,151\,101\,0\.18\)\,transparent_30rem\)\] {
    background-image: radial-gradient(circle at 24% 10%, #ffc5014d, #0000 28rem), radial-gradient(circle at 74% 6%, #0497652e, #0000 30rem);
  }

  .bg-\[radial-gradient\(circle_at_48\%_22\%\,rgba\(255\,197\,1\,0\.24\)\,transparent_18rem\)\,radial-gradient\(circle_at_70\%_58\%\,rgba\(4\,151\,101\,0\.16\)\,transparent_18rem\)\,linear-gradient\(135deg\,\#ccf3e5\,\#fffdf0_62\%\)\] {
    background-image: radial-gradient(circle at 48% 22%, #ffc5013d, #0000 18rem), radial-gradient(circle at 70% 58%, #04976529, #0000 18rem), linear-gradient(135deg, #ccf3e5, #fffdf0 62%);
  }

  .bg-\[radial-gradient\(circle_at_50\%_45\%\,rgba\(255\,197\,1\,0\.38\)\,transparent_12rem\)\,linear-gradient\(135deg\,\#ccf3e5\,\#fffdf0\)\] {
    background-image: radial-gradient(circle at 50% 45%, #ffc50161, #0000 12rem), linear-gradient(135deg, #ccf3e5, #fffdf0);
  }

  .bg-\[radial-gradient\(circle_at_50\%_48\%\,transparent_0\%\,rgba\(255\,253\,241\,0\.18\)_48\%\,rgba\(16\,17\,13\,0\.22\)_100\%\)\] {
    background-image: radial-gradient(circle at 50% 48%, #0000 0%, #fffdf12e 48%, #10110d38 100%);
  }

  .bg-\[radial-gradient\(circle_at_60\%_35\%\,rgba\(255\,197\,1\,0\.28\)\,transparent_16rem\)\,linear-gradient\(135deg\,\#ccf3e5\,\#fffdf0\)\] {
    background-image: radial-gradient(circle at 60% 35%, #ffc50147, #0000 16rem), linear-gradient(135deg, #ccf3e5, #fffdf0);
  }

  .bg-\[radial-gradient\(circle_at_84\%_8\%\,rgba\(91\,156\,255\,0\.2\)\,transparent_26rem\)\,linear-gradient\(180deg\,\#08111f_0\,\#14243f_260px\,\#dce5ee_560px\,\#fbfaf5_100\%\)\] {
    background-image: radial-gradient(circle at 84% 8%, #5b9cff33, #0000 26rem), linear-gradient(#08111f 0, #14243f 260px, #dce5ee 560px, #fbfaf5 100%);
  }

  .from-\[\#ccf3e5\] {
    --tw-gradient-from: #ccf3e5;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#ded8ff\] {
    --tw-gradient-from: #ded8ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#dff8ee\] {
    --tw-gradient-from: #dff8ee;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#fff4bd\] {
    --tw-gradient-from: #fff4bd;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-prv-accent {
    --tw-gradient-via: var(--color-prv-accent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .fill-current {
    fill: currentColor;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pt-\[148px\] {
    padding-top: 148px;
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[38px\] {
    font-size: 38px;
  }

  .text-\[clamp\(2\.45rem\,9vw\,6\.6rem\)\] {
    font-size: clamp(2.45rem, 9vw, 6.6rem);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[0\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .leading-\[0\.96\] {
    --tw-leading: .96;
    line-height: .96;
  }

  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.005em\] {
    --tw-tracking: -.005em;
    letter-spacing: -.005em;
  }

  .tracking-\[-0\.06em\] {
    --tw-tracking: -.06em;
    letter-spacing: -.06em;
  }

  .tracking-\[-0\.015em\] {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-white {
    color: var(--color-white) !important;
  }

  .text-\[\#0f6a3d\] {
    color: #0f6a3d;
  }

  .text-\[\#1d4ed8\] {
    color: #1d4ed8;
  }

  .text-\[\#2f6df3\] {
    color: #2f6df3;
  }

  .text-\[\#5c4300\] {
    color: #5c4300;
  }

  .text-\[\#9a3412\] {
    color: #9a3412;
  }

  .text-\[\#050d0b\] {
    color: #050d0b;
  }

  .text-\[\#07110e\] {
    color: #07110e;
  }

  .text-\[\#070806\] {
    color: #070806;
  }

  .text-\[\#b58000\] {
    color: #b58000;
  }

  .text-\[\#dedcd5\] {
    color: #dedcd5;
  }

  .text-\[\#e4c975\] {
    color: #e4c975;
  }

  .text-\[\#f8f7ef\] {
    color: #f8f7ef;
  }

  .text-\[\#ffb7aa\] {
    color: #ffb7aa;
  }

  .text-\[\#ffc21a\] {
    color: #ffc21a;
  }

  .text-\[\#fffaf0\] {
    color: #fffaf0;
  }

  .text-amber-100\/75 {
    color: #fef3c6bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-100\/75 {
      color: color-mix(in oklab, var(--color-amber-100) 75%, transparent);
    }
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-cyan-900 {
    color: var(--color-cyan-900);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-indigo-900 {
    color: var(--color-indigo-900);
  }

  .text-lime-900 {
    color: var(--color-lime-900);
  }

  .text-orange-900 {
    color: var(--color-orange-900);
  }

  .text-prv-accent {
    color: var(--color-prv-accent);
  }

  .text-prv-ink {
    color: var(--color-prv-ink);
  }

  .text-prv-muted {
    color: var(--color-prv-muted);
  }

  .text-prv-soft {
    color: var(--color-prv-soft);
  }

  .text-prv-yellow {
    color: var(--color-prv-yellow);
  }

  .text-red-100 {
    color: var(--color-red-100);
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-sky-200 {
    color: var(--color-sky-200);
  }

  .text-sky-900 {
    color: var(--color-sky-900);
  }

  .text-teal-900 {
    color: var(--color-teal-900);
  }

  .text-violet-900 {
    color: var(--color-violet-900);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/28 {
    color: #ffffff47;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/28 {
      color: color-mix(in oklab, var(--color-white) 28%, transparent);
    }
  }

  .text-white\/32 {
    color: #ffffff52;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/32 {
      color: color-mix(in oklab, var(--color-white) 32%, transparent);
    }
  }

  .text-white\/34 {
    color: #ffffff57;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/34 {
      color: color-mix(in oklab, var(--color-white) 34%, transparent);
    }
  }

  .text-white\/35 {
    color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .text-white\/36 {
    color: #ffffff5c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/36 {
      color: color-mix(in oklab, var(--color-white) 36%, transparent);
    }
  }

  .text-white\/38 {
    color: #ffffff61;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/38 {
      color: color-mix(in oklab, var(--color-white) 38%, transparent);
    }
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/42 {
    color: #ffffff6b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/42 {
      color: color-mix(in oklab, var(--color-white) 42%, transparent);
    }
  }

  .text-white\/44 {
    color: #ffffff70;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/44 {
      color: color-mix(in oklab, var(--color-white) 44%, transparent);
    }
  }

  .text-white\/45 {
    color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .text-white\/48 {
    color: #ffffff7a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/48 {
      color: color-mix(in oklab, var(--color-white) 48%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/52 {
    color: #ffffff85;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/52 {
      color: color-mix(in oklab, var(--color-white) 52%, transparent);
    }
  }

  .text-white\/54 {
    color: #ffffff8a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/54 {
      color: color-mix(in oklab, var(--color-white) 54%, transparent);
    }
  }

  .text-white\/55 {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .text-white\/56 {
    color: #ffffff8f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/56 {
      color: color-mix(in oklab, var(--color-white) 56%, transparent);
    }
  }

  .text-white\/58 {
    color: #ffffff94;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/58 {
      color: color-mix(in oklab, var(--color-white) 58%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/62 {
    color: #ffffff9e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/62 {
      color: color-mix(in oklab, var(--color-white) 62%, transparent);
    }
  }

  .text-white\/64 {
    color: #ffffffa3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/64 {
      color: color-mix(in oklab, var(--color-white) 64%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .text-white\/68 {
    color: #ffffffad;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/68 {
      color: color-mix(in oklab, var(--color-white) 68%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/72 {
    color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/72 {
      color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .text-zinc-700 {
    color: var(--color-zinc-700);
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .accent-\[\#1d4ed8\] {
    accent-color: #1d4ed8;
  }

  .accent-\[\#2f6df3\] {
    accent-color: #2f6df3;
  }

  .accent-\[\#ffc21a\] {
    accent-color: #ffc21a;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_18px_rgba\(8\,17\,31\,0\.06\)\] {
    --tw-shadow: 0 8px 18px var(--tw-shadow-color, #08111f0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_18px_rgba\(24\,32\,21\,0\.05\)\] {
    --tw-shadow: 0 8px 18px var(--tw-shadow-color, #1820150d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_22px_rgba\(28\,40\,22\,0\.08\)\] {
    --tw-shadow: 0 8px 22px var(--tw-shadow-color, #1c281614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_22px_rgba\(10\,40\,32\,0\.12\)\] {
    --tw-shadow: 0 10px 22px var(--tw-shadow-color, #0a28201f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_22px_rgba\(25\,34\,22\,0\.07\)\] {
    --tw-shadow: 0 10px 22px var(--tw-shadow-color, #19221612);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_22px_rgba\(37\,99\,235\,0\.2\)\] {
    --tw-shadow: 0 10px 22px var(--tw-shadow-color, #2563eb33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_24px_rgba\(10\,40\,32\,0\.07\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #0a282012);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_28px_rgba\(28\,40\,22\,0\.08\)\] {
    --tw-shadow: 0 10px 28px var(--tw-shadow-color, #1c281614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_24px_rgba\(8\,46\,38\,0\.14\)\] {
    --tw-shadow: 0 12px 24px var(--tw-shadow-color, #082e2624);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_26px_rgba\(7\,95\,69\,0\.08\)\] {
    --tw-shadow: 0 12px 26px var(--tw-shadow-color, #075f4514);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_26px_rgba\(28\,40\,22\,0\.08\)\] {
    --tw-shadow: 0 12px 26px var(--tw-shadow-color, #1c281614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_28px_rgba\(7\,95\,69\,0\.14\)\] {
    --tw-shadow: 0 14px 28px var(--tw-shadow-color, #075f4524);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_28px_rgba\(7\,95\,69\,0\.18\)\] {
    --tw-shadow: 0 14px 28px var(--tw-shadow-color, #075f452e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_34px_rgba\(8\,17\,31\,0\.2\)\] {
    --tw-shadow: 0 14px 34px var(--tw-shadow-color, #08111f33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_34px_rgba\(27\,37\,24\,0\.08\)\] {
    --tw-shadow: 0 14px 34px var(--tw-shadow-color, #1b251814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_34px_rgba\(255\,194\,26\,0\.2\)\] {
    --tw-shadow: 0 16px 34px var(--tw-shadow-color, #ffc21a33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_36px_rgba\(28\,40\,22\,0\.08\)\] {
    --tw-shadow: 0 16px 36px var(--tw-shadow-color, #1c281614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_46px_rgba\(28\,40\,22\,0\.14\)\] {
    --tw-shadow: 0 18px 46px var(--tw-shadow-color, #1c281624);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_48px_rgba\(8\,17\,31\,0\.08\)\] {
    --tw-shadow: 0 18px 48px var(--tw-shadow-color, #08111f14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_54px_rgba\(10\,40\,32\,0\.09\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\] {
    --tw-shadow: 0 18px 54px var(--tw-shadow-color, #0a282017), inset 0 1px 0 var(--tw-shadow-color, #ffffffe6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_54px_rgba\(28\,40\,22\,0\.1\)\] {
    --tw-shadow: 0 18px 54px var(--tw-shadow-color, #1c28161a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_48px_rgba\(28\,40\,22\,0\.14\)\] {
    --tw-shadow: 0 20px 48px var(--tw-shadow-color, #1c281624);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_54px_rgba\(28\,40\,22\,0\.14\)\] {
    --tw-shadow: 0 22px 54px var(--tw-shadow-color, #1c281624);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_60px_rgba\(28\,40\,22\,0\.12\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.8\)\] {
    --tw-shadow: 0 22px 60px var(--tw-shadow-color, #1c28161f), inset 0 1px 0 var(--tw-shadow-color, #fffc);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_70px_rgba\(28\,40\,22\,0\.14\)\] {
    --tw-shadow: 0 24px 70px var(--tw-shadow-color, #1c281624);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_26px_72px_rgba\(8\,17\,31\,0\.14\)\] {
    --tw-shadow: 0 26px 72px var(--tw-shadow-color, #08111f24);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_70px_rgba\(7\,95\,69\,0\.22\)\] {
    --tw-shadow: 0 28px 70px var(--tw-shadow-color, #075f4538);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_90px_rgba\(0\,0\,0\,0\.48\)\] {
    --tw-shadow: 0 28px 90px var(--tw-shadow-color, #0000007a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_90px_rgba\(8\,17\,31\,0\.28\)\] {
    --tw-shadow: 0 28px 90px var(--tw-shadow-color, #08111f47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_90px_rgba\(8\,17\,31\,0\.3\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, #08111f4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_32px_100px_rgba\(28\,40\,22\,0\.14\)\] {
    --tw-shadow: 0 32px 100px var(--tw-shadow-color, #1c281624);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_38px_90px_rgba\(33\,39\,25\,0\.24\)\] {
    --tw-shadow: 0 38px 90px var(--tw-shadow-color, #2127193d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(28\,40\,22\,0\.08\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #1c281614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/30 {
    --tw-shadow-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[\#2f6df3\]\/20 {
    --tw-ring-color: #2f6df333;
  }

  @supports (color: lab(0% 0 0)) {
    .ring-\[\#2f6df3\]\/20 {
      --tw-ring-color: lab(48.2962% 18.5973 -74.3554 / .2);
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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);
    -webkit-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-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-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-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-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(var(--blur-md));
    -webkit-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-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(var(--blur-sm));
    -webkit-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-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-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-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-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-filter {
    -webkit-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-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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.018\]:is(:where(.group):hover *) {
      scale: 1.018;
    }
  }

  @media (hover: hover) {
    .group-hover\:-rotate-3:is(:where(.group):hover *) {
      rotate: -3deg;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:text-prv-muted::placeholder {
    color: var(--color-prv-muted);
  }

  .placeholder\:text-white\/28::placeholder {
    color: #ffffff47;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/28::placeholder {
      color: color-mix(in oklab, var(--color-white) 28%, transparent);
    }
  }

  .placeholder\:text-white\/30::placeholder {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/30::placeholder {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .focus-within\:border-\[\#ffc21a\]\/50:focus-within {
    border-color: #ffc21a80;
    border-color: lab(82.3715% 13.3319 80.2141 / .5);
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#2f6df3\]\/35:hover {
      border-color: #2f6df359;
      border-color: lab(48.2962% 18.5973 -74.3554 / .35);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#2f6df3\]\/40:hover {
      border-color: #2f6df366;
      border-color: lab(48.2962% 18.5973 -74.3554 / .4);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#2f6df3\]\/50:hover {
      border-color: #2f6df380;
      border-color: lab(48.2962% 18.5973 -74.3554 / .5);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#ffc21a\]\/35:hover {
      border-color: #ffc21a59;
      border-color: lab(82.3715% 13.3319 80.2141 / .35);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#ffc21a\]\/40:hover {
      border-color: #ffc21a66;
      border-color: lab(82.3715% 13.3319 80.2141 / .4);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#ffc21a\]\/45:hover {
      border-color: #ffc21a73;
      border-color: lab(82.3715% 13.3319 80.2141 / .45);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#ffc21a\]\/50:hover {
      border-color: #ffc21a80;
      border-color: lab(82.3715% 13.3319 80.2141 / .5);
    }
  }

  @media (hover: hover) {
    .hover\:border-prv-line:hover {
      border-color: var(--color-prv-line);
    }
  }

  @media (hover: hover) {
    .hover\:border-white\/20:hover {
      border-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/20:hover {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#f8f6ef\]:hover {
      background-color: #f8f6ef;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#ffd456\]:hover {
      background-color: #ffd456;
    }
  }

  @media (hover: hover) {
    .hover\:bg-prv-yellow\/25:hover {
      background-color: #ffc50140;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-prv-yellow\/25:hover {
        background-color: color-mix(in oklab, var(--color-prv-yellow) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-prv-yellow\/28:hover {
      background-color: #ffc50147;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-prv-yellow\/28:hover {
        background-color: color-mix(in oklab, var(--color-prv-yellow) 28%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/16:hover {
      background-color: #ffffff29;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/16:hover {
        background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/60:hover {
      background-color: #fff9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/60:hover {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/88:hover {
      background-color: #ffffffe0;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/88:hover {
        background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.03\]:hover {
      background-color: #ffffff08;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.04\]:hover {
      background-color: #ffffff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-\[\#1d4ed8\]:hover {
      color: #1d4ed8;
    }
  }

  @media (hover: hover) {
    .hover\:text-\[\#ffc21a\]:hover {
      color: #ffc21a;
    }
  }

  @media (hover: hover) {
    .hover\:text-prv-ink:hover {
      color: var(--color-prv-ink);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_10px_24px_rgba\(37\,99\,235\,0\.14\)\]:hover {
      --tw-shadow: 0 10px 24px var(--tw-shadow-color, #2563eb24);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_14px_30px_rgba\(37\,99\,235\,0\.26\)\]:hover {
      --tw-shadow: 0 14px 30px var(--tw-shadow-color, #2563eb42);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_16px_34px_rgba\(10\,40\,32\,0\.1\)\]:hover {
      --tw-shadow: 0 16px 34px var(--tw-shadow-color, #0a28201a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-\[\#2f6df3\]\/50:focus {
    border-color: #2f6df380;
    border-color: lab(48.2962% 18.5973 -74.3554 / .5);
  }

  .focus\:border-\[\#ffc21a\]\/50:focus {
    border-color: #ffc21a80;
    border-color: lab(82.3715% 13.3319 80.2141 / .5);
  }

  .focus\:border-\[\#ffc21a\]\/60:focus {
    border-color: #ffc21a99;
    border-color: lab(82.3715% 13.3319 80.2141 / .6);
  }

  .focus\:border-prv-yellow\/70:focus {
    border-color: #ffc501b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-prv-yellow\/70:focus {
      border-color: color-mix(in oklab, var(--color-prv-yellow) 70%, transparent);
    }
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-\[\#2f6df3\]:focus-visible {
    outline-color: #2f6df3;
  }

  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:shadow-none:active {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-65:disabled {
    opacity: .65;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[0\.8fr_1\.2fr\] {
      grid-template-columns: .8fr 1.2fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-xl {
      max-width: var(--container-xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1fr_minmax\(220px\,1\.2fr\)_140px\] {
      grid-template-columns: 1fr 1fr minmax(220px, 1.2fr) 140px;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_220px\] {
      grid-template-columns: 1fr 220px;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[160px_160px_140px_minmax\(0\,1fr\)\] {
      grid-template-columns: 160px 160px 140px minmax(0, 1fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[160px_minmax\(0\,1fr\)\] {
      grid-template-columns: 160px minmax(0, 1fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
      grid-template-columns: 220px minmax(0, 1fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-9 {
      padding: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-16 {
      padding: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[42px\] {
      font-size: 42px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[48px\] {
      font-size: 48px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[clamp\(3\.35rem\,7vw\,6\.6rem\)\] {
      font-size: clamp(3.35rem, 7vw, 6.6rem);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-0 {
      top: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-\[720px\] {
      min-height: 720px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[0\.7fr_1\.3fr\] {
      grid-template-columns: .7fr 1.3fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
      grid-template-columns: .8fr 1.2fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[0\.84fr_1\.16fr\] {
      grid-template-columns: .84fr 1.16fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.1fr_\.9fr\] {
      grid-template-columns: 1.1fr .9fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.1fr_0\.9fr\] {
      grid-template-columns: 1.1fr .9fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.08fr_0\.92fr\] {
      grid-template-columns: 1.08fr .92fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_0\.9fr\] {
      grid-template-columns: 1fr .9fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[70px_minmax\(0\,1fr\)_120px_170px\] {
      grid-template-columns: 70px minmax(0, 1fr) 120px 170px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[150px_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 150px minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[290px_minmax\(0\,1160px\)\] {
      grid-template-columns: 290px minmax(0, 1160px);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[336px_minmax\(0\,1fr\)\] {
      grid-template-columns: 336px minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_110px_120px_130px\] {
      grid-template-columns: minmax(0, 1fr) 110px 120px 130px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_140px\] {
      grid-template-columns: minmax(0, 1fr) 140px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
      grid-template-columns: minmax(0, 1fr) 220px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_220px_auto\] {
      grid-template-columns: minmax(0, 1fr) 220px auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:bg-transparent {
      background-color: #0000;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-0 {
      padding: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-\[156px\] {
      padding-top: 156px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-28 {
      top: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid {
      display: grid;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[1\.15fr_0\.85fr\] {
      grid-template-columns: 1.15fr .85fr;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[34px_minmax\(0\,1fr\)_170px_150px\] {
      grid-template-columns: 34px minmax(0, 1fr) 170px 150px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
      grid-template-columns: 360px minmax(0, 1fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[380px_minmax\(0\,1fr\)\] {
      grid-template-columns: 380px minmax(0, 1fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[390px_minmax\(0\,1fr\)\] {
      grid-template-columns: 390px minmax(0, 1fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_170px_150px_150px_180px_150px\] {
      grid-template-columns: minmax(0, 1fr) 170px 150px 150px 180px 150px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_180px_170px_220px\] {
      grid-template-columns: minmax(0, 1fr) 180px 170px 220px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_180px_180px_150px\] {
      grid-template-columns: minmax(0, 1fr) 180px 180px 150px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
      grid-template-columns: minmax(0, 1fr) 380px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_390px\] {
      grid-template-columns: minmax(0, 1fr) 390px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_430px\] {
      grid-template-columns: minmax(0, 1fr) 430px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(380px\,1fr\)_118px_86px_128px_190px_150px\] {
      grid-template-columns: minmax(380px, 1fr) 118px 86px 128px 190px 150px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(460px\,1fr\)_230px_230px_180px\] {
      grid-template-columns: minmax(460px, 1fr) 230px 230px 180px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 80rem) {
    .xl\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 80rem) {
    .xl\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 80rem) {
    .xl\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 80rem) {
    .xl\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 80rem) {
    .xl\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }

  @media (min-width: 80rem) {
    .xl\:bg-transparent {
      background-color: #0000;
    }
  }

  @media (min-width: 80rem) {
    .xl\:p-0 {
      padding: 0;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-\[minmax\(0\,1fr\)_170px_minmax\(360px\,0\.9fr\)\] {
      grid-template-columns: minmax(0, 1fr) 170px minmax(360px, .9fr);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
      grid-template-columns: minmax(0, 1fr) 300px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:items-start {
      align-items: flex-start;
    }
  }

  .\[\&_svg\]\:transition-transform svg {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

@font-face {
  font-family: Plus Jakarta Display;
  src: url("/fonts/PlusJakartaSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Display;
  src: url("/fonts/PlusJakartaSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Display;
  src: url("/fonts/PlusJakartaSans-SemiBold.ttf") format("truetype");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Display;
  src: url("/fonts/PlusJakartaSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink: #000;
  --paper: #fff;
  --cream: #fff4d6;
  --green-950: #073d30;
  --green-900: #0c513f;
  --green-700: #038b5c;
  --green-500: #02c27f;
  --yellow: #ffc501;
  --yellow-soft: #ffedb3;
  --lavender: #dcd6f9;
  --blue: #99c8ff;
  --mint: #ccf3e5;
  --pink: #ffd1e2;
  --coral: #ff884d;
  --fog: #f2fcf9;
  --muted: #0000009e;
  --shadow-pill: 0 14px 38px #00000014;
  --shadow-float: 0 26px 70px #0c513f33;
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-snap: cubic-bezier(.2, .8, .2, 1);
  --liquid-progress: 0;
  --liquid-motion: 0;
  --liquid-direction: 1;
  --liquid-transition-y: 34px;
  --liquid-before-y: 28px;
  --liquid-before-opacity: 0;
  --liquid-sheet-reveal-y: 118px;
  --liquid-sheet-reveal-scale: 1.02;
  --liquid-blob-reveal-y: 38px;
  --liquid-blob-reveal-scale: .96;
  --liquid-blob-opacity: 0;
  --liquid-pull: 0px;
  --liquid-pull-soft: 0px;
  --liquid-sheet-y: 72px;
  --liquid-sheet-scale: 1.04;
  --liquid-blob-y: 0px;
  --liquid-blob-y-alt: -12px;
  --liquid-blob-scale: 1;
  --liquid-glass-y: 0px;
  --liquid-glass-opacity: .36;
  --hero-scale: 1;
  --hero-opacity: 1;
  --hero-visual-opacity: 1;
  --services-opacity: .02;
  --services-y: 80px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricprecision;
}

section {
  scroll-margin-top: 148px;
}

body {
  background: var(--paper);
  color: var(--ink);
  text-rendering: geometricprecision;
  margin: 0;
  font-family: Plus Jakarta Display, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  overflow-x: hidden;
}

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

button {
  font: inherit;
  cursor: pointer;
  border: 0;
}

img {
  max-width: 100%;
  display: block;
}

img, svg {
  shape-rendering: geometricprecision;
}

.card, .button, .image-frame {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.cd-page {
  background: #f7f5ef;
  min-height: 100vh;
}

.cd-header {
  z-index: 50;
  pointer-events: none;
  width: 100%;
  padding: 24px 0;
  position: fixed;
  top: 0;
  left: 0;
}

.cd-nav {
  pointer-events: auto;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 80px;
  margin: 0 auto;
  padding: 0 80px;
  display: grid;
  position: relative;
}

.brand-pill, .region-pill, .nav-pill, .auth-pill, .more-pill, .cart-pill, .menu-pill {
  box-shadow: var(--shadow-pill);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-flex;
}

.brand-pill {
  background: var(--green-900);
  height: 45px;
  color: var(--paper);
  gap: 8px;
  padding: 0 20px 0 12px;
  position: absolute;
  top: 17px;
  left: 80px;
  overflow: hidden;
}

.brand-logo-frame {
  width: 36px;
  height: 36px;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: visible;
}

.brand-logo-img {
  object-fit: contain;
  object-position: center;
  width: 34px;
  max-width: none;
  height: 34px;
  transform: none;
}

.brand-mark {
  background: var(--yellow);
  border-radius: 9999px;
  width: 23px;
  height: 23px;
  position: relative;
}

.brand-mark span {
  background: var(--green-900);
  border-radius: 9999px;
  width: 11px;
  height: 8px;
  position: absolute;
  bottom: 4px;
  right: 2px;
}

.brand-mark.compact {
  width: 54px;
  height: 54px;
}

.brand-mark.compact span {
  width: 24px;
  height: 16px;
  bottom: 17px;
  right: 9px;
}

.region-pill {
  background: var(--paper);
  gap: 9px;
  height: 48px;
  padding: 0 18px;
  position: absolute;
  top: 16px;
  left: 256px;
}

.region-pill svg:first-child {
  color: var(--green-700);
}

.nav-pill {
  isolation: isolate;
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  --nav-active: 0;
  background: #fffffff0;
  border: 1px solid #ffffffb3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-self: center;
  gap: 4px;
  width: min(610px, 43vw);
  height: 56px;
  padding: 5px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 50px #0000001f, inset 0 1px #ffffffbd;
}

.nav-pill:before {
  content: "";
  z-index: 0;
  width: calc(33.3333% - 6px);
  height: 44px;
  transform: translateX(calc(var(--nav-active) * (100% + 4px)));
  will-change: transform;
  background: linear-gradient(135deg, #ddf7ece6, #ffffffad);
  border-radius: 9999px;
  transition: transform .56s cubic-bezier(.22, 1, .36, 1), box-shadow .22s, background .22s;
  position: absolute;
  top: 5px;
  left: 5px;
  box-shadow: 0 14px 28px #082e2621, inset 0 1px #ffffffe6;
}

.nav-pill a {
  z-index: 1;
  height: 44px;
  color: var(--ink);
  text-align: center;
  white-space: nowrap;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 760;
  line-height: 1;
  transition: color .22s, transform .18s;
  display: inline-flex;
  position: relative;
}

.nav-pill a:hover {
  color: var(--green-700);
  transform: translateY(-1px);
}

.nav-pill:has(a:first-child:hover):before {
  transform: translateX(0);
}

.nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0);
}

.nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 4px));
}

.nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 4px));
}

.nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 8px));
}

.nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 8px));
}

.more-pill, .auth-pill, .cart-pill, .menu-pill {
  background: var(--paper);
}

.auth-pill {
  isolation: isolate;
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  --auth-active: 1;
  background: #fffffff2;
  border: 1px solid #ffffffb8;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: 226px;
  height: 48px;
  padding: 5px;
  display: grid;
  position: absolute;
  top: 16px;
  right: 137px;
  overflow: hidden;
  box-shadow: 0 22px 48px #00000021, inset 0 1px #ffffffd1;
}

.auth-pill:before {
  content: "";
  z-index: 0;
  background: radial-gradient(circle at 28% 18%, #ffffff3d, transparent 36%),
    linear-gradient(135deg, #0a9969, var(--green-700));
  width: calc(50% - 7px);
  height: 38px;
  transform: translateX(calc(var(--auth-active) * (100% + 4px)));
  will-change: transform;
  border-radius: 9999px;
  transition: transform .56s cubic-bezier(.22, 1, .36, 1), background .18s, box-shadow .18s;
  position: absolute;
  top: 5px;
  left: 5px;
  box-shadow: 0 14px 30px #038b5c40, inset 0 1px #ffffff38;
}

.auth-pill a {
  z-index: 1;
  color: #000000ad;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 700;
  transition: color .22s, transform .18s;
  display: flex;
  position: relative;
}

.auth-pill a:hover {
  transform: translateY(-1px);
}

.auth-pill[data-active="0"] a:first-child, .auth-pill[data-active="1"] a:last-child {
  color: var(--paper);
}

.auth-pill[data-active="0"] a:last-child, .auth-pill[data-active="1"] a:first-child {
  color: #000000ad;
}

.auth-pill:has(a:first-child:hover):before {
  background: radial-gradient(circle at 28% 18%, #ffffff3d, transparent 36%),
    linear-gradient(135deg, var(--green-900), var(--green-700));
  transform: translateX(0);
}

.auth-pill:has(a:first-child:focus-visible):before {
  background: radial-gradient(circle at 28% 18%, #ffffff3d, transparent 36%),
    linear-gradient(135deg, var(--green-900), var(--green-700));
  transform: translateX(0);
}

.auth-pill:has(a:last-child:hover):before {
  transform: translateX(calc(100% + 4px));
}

.auth-pill:has(a:last-child:focus-visible):before {
  transform: translateX(calc(100% + 4px));
}

:is(.auth-pill:has(a:first-child:hover) a:first-child, .auth-pill:has(a:first-child:focus-visible) a:first-child, .auth-pill:has(a:last-child:hover) a:last-child, .auth-pill:has(a:last-child:focus-visible) a:last-child) {
  color: var(--paper);
}

:is(.auth-pill:has(a:first-child:hover) a:last-child, .auth-pill:has(a:first-child:focus-visible) a:last-child) {
  color: #000000ad;
}

.more-pill {
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  position: absolute;
  top: 16px;
  right: 137px;
}

.cart-pill {
  width: 48px;
  height: 48px;
  color: var(--green-500);
  position: absolute;
  top: 16px;
  right: 80px;
}

.menu-pill {
  background: var(--green-900);
  width: 48px;
  height: 48px;
  color: var(--paper);
  display: none;
}

.mobile-menu {
  background: var(--green-900);
  width: min(358px, 100vw - 32px);
  box-shadow: var(--shadow-float);
  color: var(--paper);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s var(--ease-out), transform .28s var(--ease-out);
  border-radius: 28px;
  padding: 18px;
  position: fixed;
  top: 112px;
  left: 16px;
  transform: translateY(-18px)scale(.98);
}

.mobile-menu.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0)scale(1);
}

.mobile-menu a {
  height: 58px;
  color: var(--paper);
  border-bottom: 1px solid #ffffff1f;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.hero-section {
  isolation: isolate;
  background: #f7f2e9;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  padding: 136px 80px 84px;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-section:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(at 70% 44%, #ffc50124, #0000 34%), radial-gradient(at 16% 18%, #ffffffdb, #0000 40%), radial-gradient(at 52% 100%, #8f74451f, #0000 36%), linear-gradient(120deg, #ffffff80 0%, #f7f2e933 46%, #eadfcf47 100%);
  position: absolute;
  inset: 0;
}

.hero-section:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 5% -2%, #ffc5011a 0 80px, #0000 81px), radial-gradient(circle at 88% -5%, #ffc50114 0 138px, #0000 139px), linear-gradient(#0000 0% 70%, #dbcfbc57 100%);
  position: absolute;
  inset: 0;
}

.hero-background {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero-background img {
  object-fit: cover;
  object-position: center 52%;
  filter: saturate(1.04) contrast(1.04);
  width: 100%;
  height: 100%;
  transform: scale(1.02);
}

.hero-dynamic-bg {
  --hero-mx: 0;
  --hero-my: 0;
  z-index: 0;
  pointer-events: auto;
  background: radial-gradient(circle at 72% 35%, #ffc50133, #0000 26rem), radial-gradient(circle at 18% 72%, #ffffffb8, #0000 24rem), radial-gradient(circle at 74% 88%, #8c6e4224, #0000 28rem), linear-gradient(135deg, #fffaf2 0%, #f7f2e9 44%, #efe5d7 100%);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero-noise {
  z-index: 8;
  opacity: .2;
  mix-blend-mode: overlay;
  pointer-events: none;
  background-image: radial-gradient(circle at 20% 30%, #ffffff14 0 1px, #0000 1.2px), radial-gradient(circle at 80% 70%, #ffffff0f 0 1px, #0000 1.4px);
  background-size: 26px 26px, 34px 34px;
  animation: 9s steps(4, end) infinite premiumNoise;
  position: absolute;
  inset: 0;
}

.hero-depth-grid {
  z-index: 1;
  opacity: .12;
  transform-origin: center;
  background-image: linear-gradient(#082e260d 1px, #0000 1px), linear-gradient(90deg, #082e260d 1px, #0000 1px);
  background-size: 86px 86px;
  position: absolute;
  inset: -20%;
  transform: perspective(900px)rotateX(62deg)translateY(-16%);
  -webkit-mask-image: radial-gradient(at 50% 42%, #000 0%, #0000 64%);
  mask-image: radial-gradient(at 50% 42%, #000 0%, #0000 64%);
}

.hero-spotlight {
  z-index: 2;
  filter: blur(28px);
  opacity: .72;
  width: 720px;
  height: 720px;
  transform: translate(calc(-50% + var(--hero-mx) * 64px), calc(-50% + var(--hero-my) * 42px));
  background: radial-gradient(circle, #ffc50138, #fff3 34%, #0000 66%);
  border-radius: 9999px;
  transition: transform .22s linear;
  position: absolute;
  top: 44%;
  left: 66%;
}

.hero-liquid-sheet {
  z-index: 1;
  filter: blur(54px);
  opacity: .38;
  mix-blend-mode: screen;
  pointer-events: none;
  border-radius: 9999px;
  width: 62vw;
  min-width: 620px;
  height: 28vh;
  animation: 16s ease-in-out infinite alternate liquidSheet;
  position: absolute;
}

.sheet-one {
  background: linear-gradient(90deg, #0000, #f7f5ef1a, #02c27f38, #0000);
  bottom: 12%;
  left: -12vw;
  transform: rotate(-10deg);
}

.sheet-two {
  background: linear-gradient(90deg, #0000, #ffc50129, #02c27f29, #0000);
  animation-delay: -7s;
  top: 20%;
  right: -16vw;
  transform: rotate(14deg);
}

.hero-aurora {
  z-index: 1;
  filter: blur(34px);
  opacity: .5;
  mix-blend-mode: screen;
  transform-origin: center;
  border-radius: 9999px;
  width: 760px;
  height: 260px;
  animation: 14s ease-in-out infinite alternate auroraDrift;
  position: absolute;
}

.aurora-a {
  background: linear-gradient(90deg, #0000, #02c27f42, #ffc5011f, #0000);
  top: 18%;
  left: -10%;
  transform: rotate(-14deg);
}

.aurora-b {
  background: linear-gradient(90deg, #0000, #ffc5012e, #f7f5ef29, #0000);
  animation-delay: -4s;
  top: 18%;
  right: -13%;
  transform: rotate(18deg);
}

.aurora-c {
  background: linear-gradient(90deg, #0000, #00775433, #ffc5011f, #0000);
  width: 920px;
  animation-delay: -7s;
  bottom: 10%;
  left: 18%;
  transform: rotate(4deg);
}

.hero-photo-layer {
  height: auto;
  box-shadow: none;
  opacity: 0;
  transform: translate3d(calc(var(--hero-mx) * -10px), calc(var(--hero-my) * -8px), 0) scale(1.01);
  border: 0;
  border-radius: 0;
  transition: transform .22s linear;
  position: absolute;
  inset: auto 0 0;
  overflow: hidden;
}

.hero-orbit-glow {
  filter: blur(42px);
  opacity: .76;
  background: radial-gradient(circle, #ffc5011a, #0000 54%), radial-gradient(circle, #02c27f1f, #0000 68%);
  border-radius: 9999px;
  width: min(1040px, 76vw);
  height: 360px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-product-system {
  display: none;
}

.system-ring {
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  position: absolute;
  box-shadow: inset 0 0 70px #02c27f0a, 0 0 80px #ffc5010d;
}

.ring-one {
  width: 420px;
  height: 420px;
  top: 8%;
  right: 8%;
}

.ring-two {
  width: 360px;
  height: 360px;
  bottom: 5%;
  left: 0;
}

.system-beam {
  filter: drop-shadow(0 0 10px #ffc5013d);
  background: linear-gradient(90deg, #0000, #ffc50152, #f7f5ef2e, #0000);
  border-radius: 9999px;
  height: 1px;
  position: absolute;
}

.hero-flight-scene {
  z-index: 4;
  width: min(1280px, 94vw);
  height: 430px;
  transform: translate3d(calc(-50% + var(--hero-mx) * -20px), calc(var(--hero-my) * -14px), 0);
  pointer-events: none;
  transition: transform .24s linear;
  position: absolute;
  top: 47%;
  left: 50%;
}

.flight-horizon {
  filter: blur(26px);
  opacity: 1;
  background: radial-gradient(#ffc50124, #0000 58%), radial-gradient(at 50% 64%, #02c27f29, #0000 64%);
  border-radius: 50%;
  height: 160px;
  position: absolute;
  top: 52%;
  left: 5%;
  right: 5%;
}

.flight-route {
  filter: drop-shadow(0 0 22px #ffc50161);
  border-top: 2px solid #ffc501b8;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  height: 210px;
  position: absolute;
  top: 48%;
  left: 3%;
  right: 3%;
  transform: rotate(-4deg);
}

.flight-route-main:before, .flight-route-main:after {
  content: "";
  background: var(--yellow);
  border-radius: 9999px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: -4px;
  box-shadow: 0 0 22px #ffc501b8;
}

.flight-route-main:before {
  left: 4%;
}

.flight-route-main:after {
  right: 5%;
}

.flight-route-shadow {
  opacity: .8;
  border-color: #ddf7ec47;
  top: 54%;
  transform: rotate(6deg)scaleX(.86);
}

.flight-tracer {
  background: var(--yellow);
  border-radius: 9999px;
  width: 13px;
  height: 13px;
  animation: 7.8s linear infinite flightTrace;
  position: absolute;
  top: calc(48% - 5px);
  left: 8%;
  box-shadow: 0 0 18px #ffc501e0, 0 0 54px #ffc50166;
}

.tracer-two {
  opacity: .72;
  animation-delay: -3.9s;
}

.flight-node {
  color: #ffffffd1;
  text-align: center;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #021f1994;
  border: 1px solid #f7f5ef47;
  border-radius: 9999px;
  gap: 3px;
  min-width: 126px;
  padding: 9px 14px;
  display: grid;
  position: absolute;
  box-shadow: 0 22px 60px #00000057, 0 0 28px #ffc5011f, inset 0 1px #ffffff29;
}

.flight-node b {
  color: #fffffff0;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.flight-node small {
  color: #ffffff8f;
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
}

.node-origin {
  top: 45%;
  left: 0;
}

.node-qc {
  top: 34%;
  left: 42%;
}

.node-world {
  top: 44%;
  right: 0;
}

.flight-plane {
  color: #ffc501;
  filter: drop-shadow(0 34px 58px #0000006b) drop-shadow(0 0 42px #ffc5016b);
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 230px;
  display: inline-flex;
  position: absolute;
  top: 34%;
  left: 56%;
}

.flight-plane:before {
  content: "";
  filter: blur(18px);
  background: radial-gradient(circle, #ffc50147, #ffc5011a 42%, #0000 68%);
  border-radius: 50%;
  position: absolute;
  inset: 18px;
  transform: rotate(-12deg);
}

.flight-plane svg {
  z-index: 1;
  fill: #ffc5012e;
  stroke-width: 1.72px;
  width: 214px;
  height: 214px;
  position: relative;
}

.plane-mark {
  z-index: 2;
  color: #ffffffe6;
  letter-spacing: .08em;
  background: #021f19b8;
  border: 1px solid #ffc50157;
  border-radius: 9999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
  position: absolute;
  top: 56px;
  left: 28px;
}

.hero-air-stage {
  display: none;
}

.hero-marketplace-stage {
  z-index: 4;
  perspective: 1200px;
  pointer-events: none;
  transform: translate3d(calc(var(--hero-mx) * -10px), calc(var(--hero-my) * -8px), 0);
  transition: transform .24s linear;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.market-orbit {
  filter: drop-shadow(0 0 12px #ffc5011f);
  border: 1px solid #ebad0042;
  border-radius: 50%;
  width: min(58vw, 1040px);
  height: min(39vw, 620px);
  position: absolute;
  top: 24vh;
  left: 44vw;
  transform: rotate(-10deg);
}

.market-orbit.orbit-tight {
  border-color: #d69f002e;
  width: min(42vw, 760px);
  height: min(27vw, 430px);
  top: 30vh;
  left: 49vw;
  transform: rotate(8deg);
}

.market-orbit.orbit-low {
  border-color: #d69f0029;
  width: min(60vw, 980px);
  height: min(21vw, 330px);
  top: 48vh;
  left: 40vw;
  transform: rotate(2deg);
}

.market-dot {
  z-index: 3;
  background: var(--yellow);
  border-radius: 9999px;
  width: 10px;
  height: 10px;
  animation: 7.8s linear infinite orbitPulse;
  position: absolute;
  box-shadow: 0 0 0 8px #ffc5011a, 0 0 24px #ffc50185;
}

.dot-one {
  top: 36vh;
  left: 51vw;
}

.dot-two {
  animation-delay: -2s;
  top: 48vh;
  right: 11vw;
}

.dot-three {
  animation-delay: -4s;
  bottom: 22vh;
  left: 58vw;
}

.dot-four {
  animation-delay: -5.8s;
  bottom: 28vh;
  right: 16vw;
}

.market-platform {
  z-index: 5;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: radial-gradient(circle at 30% 24%, #fffffffa, #ffffffb3 58%, #ffffff6b), #ffffff9e;
  border: 1px solid #ffffffbd;
  border-radius: 50%;
  place-items: center;
  width: clamp(80px, 7.4vw, 124px);
  height: clamp(80px, 7.4vw, 124px);
  animation: 9s ease-in-out infinite platformFloat;
  display: grid;
  position: absolute;
  box-shadow: 0 22px 60px #48381e24, inset 0 1px #fffc;
}

.market-platform img {
  object-fit: contain;
  filter: saturate(.96) contrast(1.04);
  width: 66%;
  max-height: 44px;
}

.platform-yupoo {
  animation-delay: -4s;
  bottom: 14vh;
  left: 53vw;
}

.platform-xianyu {
  animation-delay: -5.2s;
  bottom: 18vh;
  right: 9vw;
}

.hero-parcel-wrap {
  z-index: 4;
  width: min(42vw, 690px);
  height: min(31vw, 500px);
  transform-style: preserve-3d;
  filter: drop-shadow(0 44px 70px #714d1940);
  position: absolute;
  top: 33vh;
  right: 9vw;
}

.hero-parcel {
  transform-style: preserve-3d;
  transform: rotateX(var(--parcel-rx, 58deg))
    rotateY(var(--parcel-ry, -22deg))
    rotateZ(-15deg);
  transition: transform .26s cubic-bezier(.22, 1, .36, 1);
  display: block;
  position: absolute;
  inset: 10% 8% 12% 7%;
}

.parcel-shadow {
  filter: blur(24px);
  background: #5b3f1533;
  border-radius: 50%;
  height: 16%;
  position: absolute;
  bottom: 1%;
  left: 16%;
  right: 10%;
  transform: rotate(-5deg);
}

.parcel-face {
  background: linear-gradient(135deg, #fff3, #0000 34%), linear-gradient(160deg, #ffd34b 0%, #ffc501 44%, #d89400 100%);
  border-radius: 10px;
  display: block;
  position: absolute;
  box-shadow: inset 0 1px #ffffff61, inset 0 -22px 38px #7246002e, 0 28px 54px #7d551e33;
}

.parcel-side {
  background: linear-gradient(145deg, #ffffff29, #0000 32%), linear-gradient(125deg, #e8a100, #c88400);
  width: 31%;
  height: 63%;
  top: 16%;
  right: 13%;
  transform: rotateY(64deg)translateZ(112px);
}

.parcel-top {
  background: linear-gradient(135deg, #ffffff40, #0000 40%), linear-gradient(120deg, #ffe078, #ffc501);
  width: 57%;
  height: 32%;
  top: -4%;
  left: 18%;
  transform: rotateX(68deg)translateZ(94px);
}

.parcel-front img {
  object-fit: contain;
  width: clamp(46px, 5vw, 82px);
  height: clamp(46px, 5vw, 82px);
  position: absolute;
  top: 31%;
  left: 50%;
  transform: translateX(-50%);
}

.parcel-front b {
  color: #141414e6;
  letter-spacing: .02em;
  font-size: clamp(22px, 3vw, 46px);
  font-weight: 900;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
}

.parcel-tape {
  background: #fff5da57;
  border-radius: 3px;
  position: absolute;
}

.tape-a {
  width: 8%;
  height: 23%;
  top: 16%;
  right: 12%;
  transform: rotate(14deg);
}

.tape-b {
  width: 28%;
  height: 7%;
  bottom: 9%;
  left: 11%;
  transform: rotate(-9deg);
}

.tape-c {
  width: 11%;
  height: 28%;
  bottom: 20%;
  right: 18%;
  transform: rotate(12deg);
}

.air-orbit {
  filter: drop-shadow(0 0 22px #ffc5011f);
  border: 1px solid #ffc5013d;
  border-radius: 50%;
  width: min(62vw, 1060px);
  height: min(45vw, 690px);
  position: absolute;
  top: 23vh;
  left: 43vw;
  transform: rotate(-11deg);
}

.orbit-tight {
  border-color: #f7f5ef38;
  width: min(46vw, 760px);
  height: min(31vw, 470px);
  top: 29vh;
  left: 49vw;
  transform: rotate(9deg);
}

.orbit-low {
  border-color: #02c27f2e;
  width: min(70vw, 1120px);
  height: min(27vw, 410px);
  top: 45vh;
  left: 35vw;
  transform: rotate(2deg);
}

.air-pulse {
  background: var(--yellow);
  border-radius: 9999px;
  width: 10px;
  height: 10px;
  animation: 7.8s linear infinite orbitPulse;
  position: absolute;
  box-shadow: 0 0 0 8px #ffc5011c, 0 0 34px #ffc501bf;
}

.pulse-one {
  top: 34vh;
  left: 49vw;
}

.pulse-two {
  animation-delay: -2.7s;
  top: 54vh;
  right: 8vw;
}

.pulse-three {
  animation-delay: -5.2s;
  bottom: 17vh;
  left: 61vw;
}

.platform-orb {
  z-index: 4;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: radial-gradient(circle at 32% 24%, #ffffffeb, #ffffff8a 54%, #ffffff47), #ffffff70;
  border: 1px solid #ffffff57;
  border-radius: 50%;
  place-items: center;
  width: clamp(88px, 8.4vw, 140px);
  height: clamp(88px, 8.4vw, 140px);
  animation: 9s ease-in-out infinite platformFloat;
  display: grid;
  position: absolute;
  box-shadow: 0 28px 78px #00000040, inset 0 1px #ffffffa3;
}

.platform-orb img {
  object-fit: contain;
  filter: saturate(.92) contrast(1.05);
  width: 68%;
  max-height: 46px;
}

.platform-taobao {
  animation-delay: -1.5s;
  top: 22vh;
  right: 7vw;
}

.platform-weidian {
  animation-delay: -3s;
  top: 55vh;
  left: 39vw;
}

.platform-yupoo {
  animation-delay: -4.5s;
  bottom: 13vh;
  right: 13vw;
}

.prvbuy-private-jet {
  z-index: 3;
  width: min(47vw, 760px);
  height: min(28vw, 440px);
  color: var(--green-900);
  filter: drop-shadow(0 48px 70px #0000006b) drop-shadow(0 0 54px #ffc50138);
  transform-origin: 50%;
  position: absolute;
  top: 34vh;
  right: 7vw;
}

.jet-shadow {
  filter: blur(30px);
  background: #00000057;
  border-radius: 50%;
  height: 18%;
  position: absolute;
  bottom: 2%;
  left: 12%;
  right: 2%;
  transform: rotate(7deg);
}

.jet-body {
  background: linear-gradient(#ffffff6b, #0000 30%), linear-gradient(90deg, #ffd84f 0%, #ffc501 44%, #f1a900 100%);
  border-radius: 58% 18% 18% 58% / 50%;
  align-items: center;
  gap: 1.8%;
  width: 76%;
  height: 24%;
  display: flex;
  position: absolute;
  top: 38%;
  left: 8%;
  transform: rotate(-8deg);
  box-shadow: inset 0 -18px 34px #834d003d, inset 0 10px 22px #ffffff3d, 0 16px 42px #00000038;
}

.jet-body b {
  color: #082e26eb;
  letter-spacing: .02em;
  margin-left: 4%;
  font-size: clamp(18px, 2vw, 34px);
  font-weight: 950;
}

.jet-body i {
  background: #082e26ad;
  border-radius: 50%;
  width: clamp(7px, .8vw, 13px);
  height: clamp(7px, .8vw, 13px);
  display: block;
  box-shadow: inset 0 2px 4px #ffffff38;
}

.jet-logo-mark {
  background: #082e26eb;
  border-radius: 18px;
  place-items: center;
  width: clamp(30px, 3.5vw, 56px);
  height: clamp(30px, 3.5vw, 56px);
  margin-left: 7%;
  display: grid;
  box-shadow: 0 10px 24px #0000003d;
}

.jet-logo-mark img {
  object-fit: contain;
  width: 78%;
  height: 78%;
}

.jet-nose {
  background: linear-gradient(#ffffff61, #0000 44%), linear-gradient(90deg, #f2aa00, #ffe07a);
  border-radius: 0 999px 999px 0;
  width: 18%;
  height: 15%;
  position: absolute;
  top: 42%;
  right: 2%;
  transform: rotate(-8deg);
}

.jet-wing {
  z-index: -1;
  background: linear-gradient(#ffffff52, #0000 30%), linear-gradient(135deg, #ffd545, #e99b00);
  border-radius: 14% 70% 22% 58%;
  width: 34%;
  height: 28%;
  position: absolute;
  left: 37%;
  box-shadow: inset 0 -14px 26px #7043002e, 0 20px 40px #00000029;
}

.jet-wing-top {
  top: 18%;
  transform: rotate(-26deg)skewX(-14deg);
}

.jet-wing-bottom {
  opacity: .92;
  bottom: 15%;
  transform: rotate(18deg)skewX(14deg);
}

.jet-tail {
  background: linear-gradient(#ffffff52, #0000 34%), linear-gradient(135deg, #ffc501, #e9a300);
  border-radius: 24% 76% 22% 54%;
  width: 18%;
  height: 26%;
  position: absolute;
  top: 23%;
  left: 8%;
  transform: rotate(-31deg);
  box-shadow: inset 0 -10px 22px #70430033;
}

.air-caption {
  z-index: 5;
  color: #ffffffe6;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #021f197a;
  border: 1px solid #ffffff2e;
  border-radius: 999px;
  gap: 4px;
  padding: 12px 18px;
  display: grid;
  position: absolute;
  bottom: 8vh;
  right: 8vw;
  box-shadow: 0 24px 70px #00000047, inset 0 1px #ffffff1f;
}

.air-caption b {
  font-size: 13px;
  font-weight: 900;
}

.air-caption small {
  color: #ffffff94;
  font-size: 11px;
  font-weight: 700;
}

.beam-one {
  top: 42%;
  left: 6%;
  right: 12%;
  transform: rotate(-9deg);
}

.beam-two {
  top: 58%;
  left: 14%;
  right: 6%;
  transform: rotate(5deg);
}

.hero-flow-map {
  z-index: 2;
  opacity: .26;
  height: 210px;
  transform: translate3d(calc(var(--hero-mx) * -7px), calc(var(--hero-my) * -5px), 0);
  transition: transform .22s linear;
  position: absolute;
  top: 55%;
  left: 7vw;
  right: 7vw;
}

.flow-line {
  transform-origin: 0;
  background: linear-gradient(90deg, #0000, #ffc5015c, #f7f5ef3d, #0000);
  border-radius: 9999px;
  height: 1px;
  position: absolute;
  left: 8%;
  right: 0;
}

.line-a {
  top: 66px;
  transform: rotate(-10deg);
}

.line-b {
  top: 112px;
  transform: rotate(-4deg);
}

.line-c {
  top: 154px;
  transform: rotate(7deg);
}

.flow-dot {
  background: var(--yellow);
  border-radius: 9999px;
  width: 8px;
  height: 8px;
  animation: 8.2s linear infinite flowDot;
  position: absolute;
  left: 4%;
  box-shadow: 0 0 22px #ffc501d1, 0 0 42px #ffc50152;
}

.dot-a {
  top: 62px;
}

.dot-b {
  animation-delay: -2600ms;
  top: 108px;
}

.dot-c {
  animation-delay: -5200ms;
  top: 150px;
}

.search-active .flow-dot {
  animation-duration: 5.2s;
}

.flow-step {
  top: calc(24px + var(--step) * 26px);
  left: calc(4% + var(--step) * 15%);
  color: #ffffffb8;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #00322642;
  border: 1px solid #ffffff2e;
  border-radius: 9999px;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  font-size: 10px;
  font-weight: 800;
  line-height: 14px;
  display: none;
  position: absolute;
}

.hero-card-cluster {
  z-index: 3;
  pointer-events: none;
  display: none;
  position: absolute;
  inset: 0;
}

.hero-float-card {
  width: 246px;
  color: var(--paper);
  -webkit-backdrop-filter: blur(26px) saturate(1.2);
  backdrop-filter: blur(26px) saturate(1.2);
  pointer-events: auto;
  transform: translate3d(calc(var(--hero-mx) * 16px), calc(var(--hero-my) * 10px), 0);
  background: radial-gradient(circle at 15% 0, #ffc5011f, #0000 32%), linear-gradient(135deg, #0c4235c2, #021c169e), #082e269e;
  border: 1px solid #f7f5ef38;
  border-radius: 26px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  transition: border-color .22s, box-shadow .22s, background .22s;
  animation: 7.6s ease-in-out infinite premiumFloat;
  display: flex;
  position: absolute;
  box-shadow: 0 24px 70px #00000042, 0 0 42px #02c27f12, inset 0 1px #ffffff24;
}

.hero-float-card:before {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  opacity: .58;
  pointer-events: none;
  animation: 5.8s ease-in-out infinite borderGlowSweep;
  animation-delay: calc(var(--card) * -600ms);
  background: linear-gradient(120deg, #ffc50173, #0000 26%, #f7f5ef2e, #0000 72%);
  padding: 1px;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.hero-float-card:hover {
  background: linear-gradient(135deg, #0e4e3ed1, #021f199e), #082e26a8;
  border-color: #ffc5016b;
  box-shadow: 0 36px 110px #0000006b, 0 0 58px #ffc50124, inset 0 1px #ffffff38;
}

.hero-float-card:hover:before {
  opacity: 1;
}

.hero-float-card:hover .hero-card-icon {
  background: #ffc50147;
  box-shadow: inset 0 0 0 1px #ffc50157, 0 0 26px #ffc5012e;
}

.status-pulse {
  background: var(--yellow);
  width: 9px;
  height: 9px;
  animation: 2.2s ease-in-out infinite statusPulse;
  animation-delay: calc(var(--card) * .18s);
  border-radius: 9999px;
  position: absolute;
  top: 18px;
  right: 18px;
  box-shadow: 0 0 0 6px #ffc5011c, 0 0 24px #ffc501b8;
}

.hero-card-icon {
  width: 36px;
  height: 36px;
  color: var(--yellow);
  background: #ffc5012e;
  border-radius: 14px;
  flex: none;
  place-items: center;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffc50133;
}

.hero-float-card strong, .hero-float-card span, .hero-float-card em {
  display: block;
}

.hero-float-card strong {
  color: #ffffffeb;
  font-size: 13px;
  font-weight: 900;
  line-height: 17px;
}

.hero-float-card span {
  color: #ffffffb8;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
}

.hero-float-card em {
  color: #ffc501db;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.hero-card-meta {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: none;
}

.hero-card-meta small {
  color: #ffffffbd;
  letter-spacing: .02em;
  white-space: nowrap;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 9999px;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  display: inline-flex;
}

.hero-card-meta b {
  background: #ffffff1a;
  border-radius: 9999px;
  height: 4px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hero-card-meta b span {
  border-radius: inherit;
  background: linear-gradient(90deg, #ffc501cc, #ddf7ecdb);
  height: 100%;
  display: block;
  box-shadow: 0 0 18px #ffc50147;
}

.hero-card-one {
  opacity: .74;
  top: 29%;
  right: 4vw;
}

.hero-card-two {
  opacity: .72;
  width: 240px;
  top: 68%;
  right: 11vw;
}

.hero-card-three {
  opacity: .68;
  width: 238px;
  transform: translate3d(calc(var(--hero-mx) * -14px), calc(var(--hero-my) * 9px), 0);
  top: 67%;
  left: 7vw;
}

.hero-card-four {
  display: none;
}

.hero-card-five {
  opacity: .7;
  width: 238px;
  transform: translate3d(calc(var(--hero-mx) * -10px), calc(var(--hero-my) * -8px), 0);
  top: 30%;
  left: 4vw;
}

.hero-brand-chip {
  z-index: 3;
  color: #ffffffd1;
  letter-spacing: .04em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  transform: translate3d(calc(var(--hero-mx) * 8px), calc(var(--hero-my) * -7px), 0);
  background: #021f196b;
  border: 1px solid #ffffff2e;
  border-radius: 9999px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 8px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
  position: absolute;
  bottom: 12%;
  right: 8vw;
}

.hero-brand-chip img {
  object-fit: contain;
  width: 30px;
  height: 30px;
}

.hero-copy {
  z-index: 6;
  text-align: left;
  width: min(640px, 42vw);
  max-width: 640px;
  opacity: var(--hero-opacity);
  transform: scale(var(--hero-scale));
  transform-origin: 0 0;
  margin: 0 0 0 max(42px, 6vw);
  transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1), transform 1.2s cubic-bezier(.22, 1, .36, 1);
  position: relative;
}

.hero-copy:before {
  content: none;
  z-index: -1;
  filter: blur(30px);
  pointer-events: none;
  background: radial-gradient(at 24% 48%, #010d0ac7, #010d0a57 48%, #0000 74%);
  border-radius: 46%;
  position: absolute;
  inset: -76px -16% -62px -18%;
}

.hero-copy h1 {
  color: #080b09;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(72px, 6.45vw, 118px);
  font-weight: 800;
  line-height: .96;
}

.hero-copy h1 span {
  animation: heroText 1s var(--ease-out) both;
  display: block;
}

.hero-copy p {
  color: #080b09ad;
  max-width: 560px;
  animation: heroText .9s var(--ease-out) .17s both;
  margin: 24px 0 0;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.hero-trust-tags {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  max-width: 620px;
  margin: 26px 0 0;
  display: flex;
}

.hero-trust-tags span {
  color: #082e26b8;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  min-height: 36px;
  animation: trustTagIn .76s var(--ease-out) both;
  background: #ffffff94;
  border: 1px solid #082e261a;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffffc7, 0 16px 36px #513b1514;
}

.hero-trust-tags span:first-child {
  animation-delay: .26s;
}

.hero-trust-tags span:nth-child(2) {
  animation-delay: .34s;
}

.hero-trust-tags span:nth-child(3) {
  animation-delay: .42s;
}

.hero-trust-tags span:nth-child(4) {
  animation-delay: .5s;
}

.hero-action {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  width: min(680px, 100%);
  min-height: 66px;
  animation: heroSearch .9s var(--ease-out) .54s both;
  background: radial-gradient(circle at 18%, #ffc50114, #0000 32%), #ffffffeb;
  border: 1px solid #082e2614;
  border-radius: 9999px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin: 28px 0 0;
  padding: 8px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 70px #583f191f, inset 0 1px #ffffffd1;
}

.hero-action:before {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  opacity: .58;
  pointer-events: none;
  background: linear-gradient(110deg, #ffc5016b, #0000 24%, #082e2629, #0000 74%);
  padding: 1px;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.hero-action:after {
  content: "";
  opacity: 0;
  transition: opacity .26s ease, transform .52s var(--ease-out);
  pointer-events: none;
  background: linear-gradient(90deg, #0000 0%, #ffc5011f 42%, #0000 78%);
  position: absolute;
  inset: 0;
  transform: translateX(-28%);
}

.hero-action:hover:after, .search-active .hero-action:after {
  opacity: 1;
  transform: translateX(20%);
}

.link-input {
  z-index: 1;
  color: #9aa2b3;
  text-align: left;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.link-input svg {
  color: var(--green-700);
  flex: none;
}

.primary-pill {
  z-index: 1;
  background: var(--green-700);
  min-height: 48px;
  color: var(--paper);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: background .18s, transform .18s, box-shadow .18s;
  display: inline-flex;
  position: relative;
  box-shadow: 0 14px 32px #082e2633;
}

.primary-pill:hover {
  background: var(--green-900);
  transform: translateY(-1px)translateX(2px);
  box-shadow: 0 18px 42px #082e2647, 0 0 26px #ffc50129;
}

.primary-pill.light {
  background: var(--paper);
  color: var(--green-900);
}

.secondary-action {
  color: #ffffffad;
  animation: heroText .9s var(--ease-out) .65s both;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 700;
  transition: color .18s, transform .18s;
  display: inline-flex;
}

.secondary-action:hover {
  color: #ffffffeb;
  transform: translateY(-1px);
}

.hero-visual {
  z-index: 2;
  width: min(1420px, 116vw);
  height: 560px;
  animation: heroVisual 1.1s var(--ease-out) .32s both;
  opacity: var(--hero-visual-opacity);
  transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  bottom: -122px;
  left: 50%;
  transform: translateX(-50%);
}

.liquid-transition {
  z-index: 3;
  pointer-events: none;
  height: 252px;
  position: absolute;
  bottom: -148px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.liquid-transition:before {
  content: "";
  filter: blur(16px);
  opacity: .62;
  transform: translateY(var(--liquid-pull-soft));
  background: linear-gradient(#082e2600 0%, #082e2647 48%, #f7f5efb8 92%);
  transition: transform 1.2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0;
}

.liquid-sheet {
  height: 118px;
  transform: translateY(var(--liquid-sheet-y)) scaleX(var(--liquid-sheet-scale));
  transform-origin: bottom;
  background: #f7f5ef;
  border-radius: 46% 54% 0 0 / 30% 34% 0 0;
  transition: transform 1.2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  bottom: 0;
  left: -8vw;
  right: -8vw;
}

.liquid-blob {
  filter: blur(.2px);
  transform: translateY(var(--liquid-blob-y)) scale(var(--liquid-blob-scale));
  background: #f7f5ef;
  border-radius: 48% 52% 42% 58% / 58% 38% 62% 42%;
  transition: transform 1.2s cubic-bezier(.22, 1, .36, 1), border-radius 1.2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  bottom: 14px;
}

.blob-left {
  width: 42vw;
  height: 128px;
  animation: 6.2s cubic-bezier(.22, 1, .36, 1) infinite alternate jellyBlob;
  left: -5vw;
}

.blob-mid {
  width: 54vw;
  height: 148px;
  animation: 7.2s cubic-bezier(.22, 1, .36, 1) -1200ms infinite alternate jellyBlob;
  bottom: 4px;
  left: 25vw;
}

.blob-right {
  width: 46vw;
  height: 136px;
  animation: 6.8s cubic-bezier(.22, 1, .36, 1) -2200ms infinite alternate jellyBlob;
  right: -9vw;
}

.liquid-glass {
  filter: blur(34px);
  height: 52px;
  opacity: var(--liquid-glass-opacity);
  transform: translateY(var(--liquid-glass-y));
  background: linear-gradient(90deg, #02c27f29, #ffc50117, #f7f5ef33);
  border-radius: 9999px;
  transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1), transform 1.2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 84px;
  left: 8%;
  right: 8%;
}

.workflow-photo {
  border: 4px solid var(--ink);
  width: 1040px;
  max-width: 78vw;
  box-shadow: 0 18px 0 var(--green-900);
  border-radius: 30px;
  position: absolute;
  bottom: 124px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.workflow-photo img {
  object-fit: cover;
  object-position: center 46%;
  filter: saturate(1.12) contrast(1.04);
  width: 100%;
  height: 390px;
}

.cloud {
  background: var(--paper);
  opacity: .9;
  border-radius: 9999px;
  position: absolute;
}

.cloud:before, .cloud:after {
  content: "";
  border-radius: inherit;
  background: inherit;
  position: absolute;
}

.cloud-one {
  width: 180px;
  height: 50px;
  top: 20px;
  left: 6%;
}

.cloud-one:before {
  width: 78px;
  height: 78px;
  bottom: 18px;
  left: 24px;
}

.cloud-one:after {
  width: 60px;
  height: 60px;
  bottom: 8px;
  right: 18px;
}

.cloud-two {
  width: 250px;
  height: 58px;
  top: 70px;
  right: 8%;
}

.cloud-two:before {
  width: 88px;
  height: 88px;
  bottom: 16px;
  left: 34px;
}

.cloud-two:after {
  width: 78px;
  height: 78px;
  bottom: 8px;
  right: 24px;
}

.workflow-rail {
  border: 4px solid var(--ink);
  background: var(--green-900);
  width: min(1080px, 88vw);
  box-shadow: var(--shadow-float);
  border-radius: 9999px;
  grid-template-columns: repeat(6, minmax(112px, 1fr));
  padding: 14px;
  display: grid;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
}

.workflow-node {
  min-height: 54px;
  color: var(--paper);
  animation: 4.8s ease-in-out infinite nodePulse;
  animation-delay: calc(var(--i) * .18s);
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.workflow-node span {
  border-radius: inherit;
  background: var(--green-500);
  width: 32px;
  height: 32px;
  color: var(--green-900);
  place-items: center;
  display: grid;
}

.floating-panel, .scan-card {
  z-index: 5;
  color: var(--ink);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffeb;
  border: 1px solid #ffffff94;
  border-radius: 22px;
  align-items: center;
  gap: 12px;
  animation: 6.4s ease-in-out infinite floatCard;
  display: flex;
  position: absolute;
  box-shadow: 0 24px 70px #03261e38;
}

.floating-panel {
  min-width: 250px;
  padding: 14px 16px;
}

.floating-panel svg {
  color: var(--green-700);
  flex: none;
}

.floating-panel strong, .floating-panel span {
  display: block;
}

.floating-panel strong {
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
}

.floating-panel span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
}

.link-panel {
  top: 170px;
  left: 8%;
}

.qc-panel {
  animation-delay: .9s;
  top: 214px;
  right: 7%;
}

.route-panel {
  animation-delay: 1.5s;
  top: 150px;
  left: 43%;
}

.scan-card {
  padding: 13px 16px;
  font-size: 13px;
  font-weight: 800;
  animation-delay: .5s;
  bottom: 162px;
  right: 20%;
}

.wide-head h2, .process-copy h2, .quote-panel h2 {
  letter-spacing: 0;
  margin: 0;
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
}

.wide-head p, .process-copy p {
  color: var(--muted);
  margin: 22px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.services-section {
  z-index: 4;
  opacity: var(--services-opacity);
  transform: translateY(var(--services-y));
  background: radial-gradient(circle at 18% 4%, #02c27f1a, #0000 30%), radial-gradient(circle at 86% 14%, #ffc50114, #0000 28%), #f7f5ef;
  margin-top: -20px;
  padding: 150px 0 98px;
  transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1), transform 1.2s cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: hidden;
}

.wide-head {
  width: min(1800px, 100% - clamp(48px, 7vw, 148px));
  max-width: none;
  margin: 0 auto 54px;
  display: block;
}

.wide-head p {
  color: var(--green-700);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
}

.wide-head span {
  max-width: 680px;
  color: var(--muted);
  margin-top: 22px;
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
  display: block;
}

.service-accordion {
  gap: clamp(16px, 1vw, 22px);
  width: min(1800px, 100% - clamp(48px, 7vw, 148px));
  min-width: 0;
  margin: 0 auto;
  padding: 0;
  display: flex;
}

.service-card {
  width: clamp(128px, 8.2vw, 166px);
  height: clamp(590px, 33vw, 640px);
  color: var(--ink);
  text-align: left;
  border: 2px solid #00000094;
  border-radius: 22px;
  flex: 0 0 clamp(128px, 8.2vw, 166px);
  padding: clamp(24px, 1.7vw, 34px);
  transition: flex-basis .62s cubic-bezier(.22, 1, .36, 1), width .62s cubic-bezier(.22, 1, .36, 1), transform .22s, border-color .22s, box-shadow .22s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff52;
}

.service-card.active {
  border-color: #000000b8;
  flex: 760px;
  width: auto;
  min-width: min(760px, 42vw);
  box-shadow: 0 24px 58px #073d3029;
}

.service-card:not(.active):hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px #073d301f;
}

.service-card.lavender {
  background: var(--lavender);
}

.service-card.yellow {
  background: var(--yellow-soft);
}

.service-card.blue {
  background: var(--blue);
}

.service-card.mint {
  background: var(--mint);
}

.service-card.pink {
  background: var(--pink);
}

.service-card.green {
  background: #b8f0ce;
}

.service-card.coral {
  background: #ffd2bf;
}

.private-agent-bg, .secure-payment-bg, .transparent-purchase-bg, .professional-qc-bg, .storage-consolidation-bg, .global-shipping-bg {
  background-position: center;
  background-size: cover;
}

.service-card.private-agent-bg:not(.active) .service-icon {
  color: var(--paper);
  filter: drop-shadow(0 2px 12px #00000047);
}

.service-card.private-agent-bg:not(.active) .service-rail-label {
  color: #ffffffb3;
  text-shadow: 0 2px 18px #0000005c;
}

.service-card.secure-payment-bg:not(.active) .service-icon {
  color: var(--paper);
  filter: drop-shadow(0 2px 12px #00000047);
}

.service-card.secure-payment-bg:not(.active) .service-rail-label {
  color: #ffffffb8;
  text-shadow: 0 2px 18px #00000057;
}

.service-card.transparent-purchase-bg:not(.active) .service-icon {
  color: var(--paper);
  filter: drop-shadow(0 2px 12px #0000003d);
}

.service-card.transparent-purchase-bg:not(.active) .service-rail-label {
  color: #ffffffb8;
  text-shadow: 0 2px 18px #00000052;
}

.private-agent-bg.active, .secure-payment-bg.active, .transparent-purchase-bg.active, .professional-qc-bg.active, .storage-consolidation-bg.active, .global-shipping-bg.active {
  background-blend-mode: soft-light;
}

.service-card.private-agent-bg.active .service-icon {
  color: var(--paper);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff2e;
}

.service-card.private-agent-bg.active h3, .service-card.private-agent-bg.active p, .service-card.private-agent-bg.active .service-active-content span {
  color: var(--paper);
  text-shadow: 0 2px 18px #00000038;
}

.service-card.private-agent-bg.active p {
  color: #ffffffd6;
}

.service-card.private-agent-bg.active .service-art {
  display: none;
}

.service-card.secure-payment-bg.active .service-icon {
  color: var(--paper);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff2e;
}

.service-card.secure-payment-bg.active h3, .service-card.secure-payment-bg.active p, .service-card.secure-payment-bg.active .service-active-content span {
  color: var(--paper);
  text-shadow: 0 2px 18px #00000038;
}

.service-card.secure-payment-bg.active p {
  color: #ffffffd6;
}

.service-card.secure-payment-bg.active .service-art {
  display: none;
}

.service-card.transparent-purchase-bg.active .service-icon {
  color: var(--paper);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff2e;
}

.service-card.transparent-purchase-bg.active h3, .service-card.transparent-purchase-bg.active p, .service-card.transparent-purchase-bg.active .service-active-content span {
  color: var(--paper);
  text-shadow: 0 2px 18px #0000003d;
}

.service-card.transparent-purchase-bg.active p {
  color: #ffffffd6;
}

.service-card.transparent-purchase-bg.active .service-art {
  display: none;
}

.service-icon {
  z-index: 3;
  width: 62px;
  height: 62px;
  color: var(--green-900);
  place-items: center;
  display: grid;
  position: relative;
}

.service-card:not(.active) .service-icon {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.service-card.active .service-icon {
  color: var(--green-900);
  background: #ffffffa8;
  border-radius: 9999px;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  box-shadow: 0 16px 36px #073d301a;
}

.service-active-content {
  z-index: 3;
  opacity: 0;
  width: min(520px, 48%);
  transition: opacity .26s ease, transform .36s var(--ease-out);
  margin-top: clamp(54px, 7.5vw, 104px);
  position: relative;
  transform: translateX(18px);
}

.service-card.active .service-active-content {
  opacity: 1;
  transition-delay: .14s;
  transform: translateX(0);
}

.service-card h3 {
  margin: 0 0 18px;
  font-size: clamp(42px, 3.05vw, 56px);
  font-weight: 800;
  line-height: 1.06;
}

.service-card p {
  color: #000000ad;
  min-height: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.service-active-content span {
  color: #000000d6;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-top: 34px;
  font-size: 13px;
  font-weight: 800;
  transition: color .18s, transform .18s;
  display: inline-flex;
}

.service-active-content span:hover {
  color: var(--green-700);
  transform: translateX(3px);
}

.service-rail-label {
  z-index: 2;
  color: #0000003d;
  opacity: 1;
  transform-origin: center;
  white-space: nowrap;
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  transition: opacity .18s;
  position: absolute;
  top: 61%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-90deg);
}

.service-card.active .service-rail-label {
  opacity: 0;
}

.service-art {
  z-index: 1;
  opacity: 0;
  width: 330px;
  height: 360px;
  transition: opacity .28s ease, transform .46s var(--ease-out);
  position: absolute;
  bottom: 0;
  right: 34px;
  transform: translate(22px, 34px)rotate(-2deg);
}

.service-card.active .service-art {
  opacity: 1;
  transition-delay: .16s;
  transform: translate(0)rotate(-2deg);
}

.service-card.private-agent-bg {
  color: var(--paper);
  background-color: #0000;
  background-image: linear-gradient(#082e2657, #082e267a), url("/images/private-agent-support-bg.png");
  background-position: 50%;
  background-repeat: repeat, repeat;
  background-size: auto 100%;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.service-card.private-agent-bg.active {
  color: var(--paper);
  background-color: #0000;
  background-image: radial-gradient(circle at 24% 68%, #07120dc7 0%, #07120d8a 32%, #0000 62%), linear-gradient(90deg, #0c1812b3 0%, #0c181275 42%, #0c181214 100%), linear-gradient(#0000000a, #0000002e), url("/images/private-agent-support-bg.png");
  background-position: center;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
}

.service-card.secure-payment-bg {
  color: var(--paper);
  background-color: #0000;
  background-image: linear-gradient(#082e2642, #082e266b), url("/images/secure-payment-bg.png");
  background-position: 53%;
  background-repeat: repeat, repeat;
  background-size: auto 100%;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.service-card.secure-payment-bg.active {
  color: var(--paper);
  background-color: #0000;
  background-image: radial-gradient(circle at 24% 68%, #07120db3 0%, #07120d7a 30%, #0000 62%), linear-gradient(90deg, #0c18129e 0%, #0c181266 42%, #0c18120f 100%), linear-gradient(#00000005, #00000029), url("/images/secure-payment-bg.png");
  background-position: center;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
}

.service-card.transparent-purchase-bg {
  color: var(--paper);
  background-color: #0000;
  background-image: linear-gradient(#082e2633, #082e2661), url("/images/transparent-purchase-bg.png");
  background-position: 58%;
  background-repeat: repeat, repeat;
  background-size: auto 100%;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.service-card.transparent-purchase-bg.active {
  color: var(--paper);
  background-color: #0000;
  background-image: radial-gradient(circle at 24% 68%, #07120db8 0%, #07120d80 30%, #0000 62%), linear-gradient(90deg, #0c1812a3 0%, #0c18126b 40%, #0c181214 100%), linear-gradient(#00000005, #00000024), url("/images/transparent-purchase-bg.png");
  background-position: center;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: cover;
  background-attachment: scroll, scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
}

.service-card.private-agent-bg:not(.active) .service-icon, .service-card.secure-payment-bg:not(.active) .service-icon, .service-card.transparent-purchase-bg:not(.active) .service-icon {
  color: var(--paper);
  filter: drop-shadow(0 2px 12px #00000047);
}

.service-card.private-agent-bg:not(.active) .service-rail-label, .service-card.secure-payment-bg:not(.active) .service-rail-label, .service-card.transparent-purchase-bg:not(.active) .service-rail-label {
  color: #ffffffb8;
  text-shadow: 0 2px 18px #00000057;
}

.service-card.private-agent-bg.active .service-icon, .service-card.secure-payment-bg.active .service-icon, .service-card.transparent-purchase-bg.active .service-icon {
  color: var(--paper);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff2e;
}

.service-card.private-agent-bg.active h3, .service-card.private-agent-bg.active p, .service-card.private-agent-bg.active .service-active-content span, .service-card.secure-payment-bg.active h3, .service-card.secure-payment-bg.active p, .service-card.secure-payment-bg.active .service-active-content span, .service-card.transparent-purchase-bg.active h3, .service-card.transparent-purchase-bg.active p, .service-card.transparent-purchase-bg.active .service-active-content span {
  color: var(--paper);
  text-shadow: 0 2px 18px #00000038;
}

.service-card.private-agent-bg.active p, .service-card.secure-payment-bg.active p, .service-card.transparent-purchase-bg.active p {
  color: #ffffffd6;
}

.service-card.private-agent-bg.active .service-art, .service-card.secure-payment-bg.active .service-art, .service-card.transparent-purchase-bg.active .service-art {
  display: none;
}

.service-card.has-photo-bg {
  background: linear-gradient(180deg, #082e2642, #082e2670),
    var(--service-photo);
  background-position: center, var(--service-photo-position, center);
  color: var(--paper);
  background-size: auto, auto 100%;
}

.service-card.has-photo-bg.active {
  background: radial-gradient(circle at 20% 62%, #07120db8 0%, #07120d7a 31%, transparent 58%),
    linear-gradient(90deg, #0c1812ad 0%, #0c18127a 34%, #0c181224 58%, #0c181205 100%),
    linear-gradient(180deg, #00000005, #00000024),
    var(--service-photo);
  background-position: center, center, center, var(--service-photo-active-position, center);
  background-size: auto, auto, auto, var(--service-photo-active-size, cover);
  color: var(--paper);
}

.service-card.has-photo-bg:not(.active) .service-icon {
  color: var(--paper);
  filter: drop-shadow(0 2px 12px #00000047);
}

.service-card.has-photo-bg:not(.active) .service-rail-label {
  color: #ffffffb8;
  text-shadow: 0 2px 18px #00000057;
}

.service-card.has-photo-bg.active .service-icon {
  color: var(--paper);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff2e;
}

.service-card.has-photo-bg.active h3, .service-card.has-photo-bg.active p, .service-card.has-photo-bg.active .service-active-content span {
  color: var(--paper);
  text-shadow: 0 2px 18px #00000038;
}

.service-card.has-photo-bg.active p {
  color: #ffffffd6;
}

.service-card.has-photo-bg.active .service-art {
  display: none;
}

.service-card.transparent-purchase-bg.has-photo-bg.active {
  background: radial-gradient(circle at 28% 66%, #050c09f5 0%, #050c09d6 42%, #050c0947 74%, transparent 100%),
    linear-gradient(90deg, #050c09eb 0%, #050c09c7 48%, #050c0933 84%, #050c0905 100%),
    linear-gradient(180deg, #00000005, #00000029),
    var(--service-photo);
  background-position: center, center, center, var(--service-photo-active-position, 100% 50%);
  background-size: auto, auto, auto, var(--service-photo-active-size, auto 115%);
}

.art-desk {
  background: #f3cd47;
  border: 4px solid #000000b8;
  border-radius: 20px;
  width: 290px;
  height: 116px;
  position: absolute;
  bottom: 38px;
  left: 18px;
  transform: rotate(8deg);
}

.art-box {
  background: #c9863d;
  border: 3px solid #0009;
  border-radius: 12px;
  position: absolute;
}

.box-a {
  background: #e9bb68;
  width: 86px;
  height: 86px;
  bottom: 144px;
  left: 52px;
  transform: rotate(-12deg);
}

.box-b {
  background: #77c698;
  width: 112px;
  height: 98px;
  bottom: 148px;
  left: 138px;
  transform: rotate(7deg);
}

.box-c {
  background: var(--coral);
  width: 80px;
  height: 72px;
  bottom: 134px;
  right: 22px;
  transform: rotate(18deg);
}

.art-label {
  background: var(--green-900);
  border-radius: 9999px;
  height: 9px;
  position: absolute;
}

.label-a {
  width: 66px;
  bottom: 78px;
  left: 70px;
  transform: rotate(8deg);
}

.label-b {
  width: 82px;
  bottom: 62px;
  left: 166px;
  transform: rotate(8deg);
}

.art-scan {
  border: 5px solid var(--ink);
  background: var(--paper);
  border-radius: 24px;
  width: 84px;
  height: 128px;
  position: absolute;
  top: 50px;
  right: 70px;
  transform: rotate(-8deg);
}

.art-scan:after {
  content: "";
  background: var(--green-500);
  border-radius: 9999px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 38px;
  left: 24px;
}

.art-plane {
  background: var(--green-900);
  border-radius: 9999px 60% 60% 9999px;
  width: 100px;
  height: 28px;
  position: absolute;
  top: 10px;
  right: 30px;
  transform: rotate(-18deg);
}

.art-plane:before, .art-plane:after {
  content: "";
  background: var(--green-900);
  position: absolute;
}

.art-plane:before {
  clip-path: polygon(0 100%, 100% 100%, 28% 0);
  width: 38px;
  height: 36px;
  top: -23px;
  left: 44px;
}

.art-plane:after {
  clip-path: polygon(0 0, 100% 0, 28% 100%);
  width: 42px;
  height: 34px;
  bottom: -23px;
  left: 48px;
}

.service-art.search .art-desk, .service-art.affiliate .art-desk {
  background: var(--lavender);
}

.service-art.qc .art-desk {
  background: var(--blue);
}

.service-art.storage .art-desk {
  background: var(--mint);
}

.service-art.parcel .art-desk {
  background: var(--pink);
}

.service-art.shipping .art-plane {
  display: block;
}

.network-section {
  background: var(--paper);
  padding: 116px 80px;
}

.network-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.network-inner > p {
  color: #d1d5db;
  max-width: 1120px;
  margin: 0 0 70px;
  font-size: 64px;
  font-weight: 800;
  line-height: 80px;
}

.network-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 76px;
  display: grid;
}

.network-cards article {
  border-top: 1px solid #0000001f;
  padding-top: 28px;
}

.network-cards h3 {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 800;
  line-height: 28px;
}

.network-cards p {
  color: var(--muted);
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.process-section {
  color: var(--paper);
  isolation: isolate;
  background: #082e26;
  padding: 138px 80px 112px;
  position: relative;
  overflow: hidden;
}

.how-glow {
  z-index: -1;
  filter: blur(180px);
  opacity: .75;
  background: radial-gradient(circle, #02c27f33, #02c27f00);
  border-radius: 9999px;
  width: 780px;
  height: 520px;
  position: absolute;
  top: 10%;
  left: 16%;
}

.how-grid {
  grid-template-columns: minmax(0, .86fr) minmax(560px, 1.14fr);
  align-items: center;
  gap: 72px;
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
}

.how-copy {
  z-index: 2;
  position: relative;
}

.how-eyebrow {
  color: var(--green-500);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 26px;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  display: inline-flex;
}

.how-copy h2 {
  max-width: 620px;
  color: var(--paper);
  letter-spacing: 0;
  margin: 0;
  font-size: 96px;
  font-weight: 800;
  line-height: .98;
}

.how-copy h2 strong {
  color: var(--yellow);
  font: inherit;
  display: block;
}

.how-copy > p {
  color: #ffffffbd;
  max-width: 520px;
  margin: 28px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.how-actions {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
  display: flex;
}

.trust-list {
  color: #ffffffd6;
  gap: 14px;
  margin-top: 34px;
  font-size: 16px;
  font-weight: 700;
  display: grid;
}

.trust-list span {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.trust-list svg {
  color: var(--green-500);
}

.guide-video-card {
  --mx: 0px;
  --my: 0px;
  z-index: 2;
  transform: translate(var(--mx), var(--my));
  transition: transform .26s var(--ease-out), filter .26s ease;
  will-change: transform;
  border-radius: 24px;
  position: relative;
  overflow: visible;
}

.guide-video-card:before {
  content: "";
  z-index: -1;
  opacity: .7;
  filter: blur(2px);
  background: linear-gradient(135deg, #ffffff2e, #ffffff08);
  border-radius: 34px;
  position: absolute;
  inset: -18px;
}

.guide-video-card:hover {
  transform: translate(var(--mx), calc(var(--my) - 8px));
  filter: drop-shadow(0 34px 90px #00000057);
}

.guide-poster, .guide-video-card > iframe, .guide-poster-image {
  z-index: 2;
  aspect-ratio: 16 / 9;
  background: var(--ink);
  border: 1px solid #ffffff29;
  border-radius: 24px;
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px #00000042;
}

.guide-video-card > iframe {
  border: 0;
}

.guide-poster-image {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.guide-poster-image img {
  object-fit: cover;
  filter: saturate(1.04) brightness(.76);
  width: 100%;
  height: 100%;
}

.guide-play {
  z-index: 4;
  background: var(--yellow);
  width: 98px;
  height: 98px;
  color: var(--green-900);
  border-radius: 9999px;
  place-items: center;
  transition: transform .2s, background .2s, box-shadow .2s;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 16px #ffc50129;
}

.guide-play:hover {
  background: var(--paper);
  transform: translate(-50%, -50%)scale(1.08);
  box-shadow: 0 0 48px #ffc5016b, 0 0 0 24px #ffc5011f;
}

.guide-caption {
  z-index: 4;
  max-width: calc(100% - 56px);
  color: var(--paper);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #082e268a;
  border: 1px solid #ffffff2e;
  border-radius: 18px;
  gap: 4px;
  padding: 14px 18px;
  display: grid;
  position: absolute;
  bottom: 24px;
  left: 28px;
}

.guide-caption strong {
  font-size: 20px;
  font-weight: 800;
}

.guide-caption span {
  color: #ffffffbd;
  font-size: 13px;
  font-weight: 700;
}

.guide-cta {
  white-space: nowrap;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .18s, background .18s;
  display: inline-flex;
}

.guide-cta:hover {
  transform: translateY(-1px);
}

.guide-cta.primary {
  background: var(--yellow);
  color: var(--green-900);
}

.guide-cta.ghost {
  color: var(--paper);
  background: #ffffff24;
}

.how-steps {
  z-index: 2;
  width: min(100%, 1120px);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  opacity: 0;
  transition: opacity .76s var(--ease-out), transform .76s var(--ease-out);
  background: none;
  border: 0;
  border-radius: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin: 38px auto 0;
  display: grid;
  position: relative;
  overflow: visible;
  transform: translateY(36px);
}

.how-steps:before {
  content: "";
  opacity: .5;
  background: linear-gradient(90deg, #fff0, #ffffff1f, #fff0);
  height: 1px;
  position: absolute;
  top: 34px;
  left: 42px;
  right: 42px;
}

.how-steps.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.how-step-card {
  min-height: 128px;
  transition: transform .24s var(--ease-out), border-color .24s ease, background .24s ease, box-shadow .24s ease;
  background: none;
  border-right: 0;
  padding: 12px 14px 10px;
  position: relative;
  overflow: hidden;
}

.how-step-card:after {
  display: none;
}

.how-step-card:last-child {
  border-right: 0;
}

.how-step-card:hover {
  box-shadow: none;
  background: #ffffff05;
  border-color: #ffc5016b;
  transform: translateY(-2px);
}

.how-step-top {
  z-index: 1;
  justify-content: center;
  align-items: center;
  gap: 9px;
  display: flex;
  position: relative;
}

.how-step-number {
  color: #ffffff47;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 900;
}

.how-step-icon {
  color: #ffc501b3;
  width: 30px;
  height: 30px;
  box-shadow: none;
  transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s var(--ease-out);
  background: linear-gradient(#ffffff14, #ffffff06);
  border: 1px solid #ffffff24;
  border-radius: 999px;
  place-items: center;
  display: grid;
}

.how-step-card:hover .how-step-icon {
  transform: translateY(-1px)scale(1.03);
  box-shadow: 0 0 0 5px #ffc50109, 0 0 18px #ffc5011f;
}

.how-step-card h3 {
  color: #ffffffc7;
  text-align: center;
  letter-spacing: 0;
  margin: 18px 0 0;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.16;
}

.how-step-card p {
  color: #ffffff6b;
  text-align: center;
  margin: 8px 0 0;
  font-size: 11.25px;
  font-weight: 600;
  line-height: 1.38;
}

.how-grid.is-visible .how-eyebrow, .how-grid.is-visible .how-copy h2, .how-grid.is-visible .how-copy > p, .how-grid.is-visible .how-actions, .how-grid.is-visible .trust-list, .how-grid.is-visible .guide-video-card {
  animation: howIn .76s var(--ease-out) both;
}

.how-grid.is-visible .how-eyebrow {
  animation-delay: .2s;
}

.how-grid.is-visible .how-copy h2 {
  animation-delay: .4s;
}

.how-grid.is-visible .how-copy > p {
  animation-delay: .6s;
}

.how-grid.is-visible .how-actions {
  animation-delay: .8s;
}

.how-grid.is-visible .trust-list {
  animation-delay: .9s;
}

.how-grid.is-visible .guide-video-card {
  animation-delay: 1s;
}

.stats-section {
  background: radial-gradient(circle at 18% 12%, #ffc50114, transparent 28%),
    radial-gradient(circle at 86% 78%, #08a87417, transparent 32%),
    var(--paper);
  padding: 98px 80px 112px;
}

.stats-grid {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  background: linear-gradient(135deg, #ffffffc7, #f6f3e985), #ffffff94;
  border: 1px solid #082e2624;
  border-radius: 30px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: min(1800px, 100% - 96px);
  max-width: none;
  margin: 0 auto;
  padding: 9px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #082e261a, inset 0 1px #ffffffb8;
}

.stats-grid:before {
  content: "";
  z-index: 2;
  pointer-events: none;
  border: 1px solid #082e260f;
  border-radius: 22px;
  position: absolute;
  inset: 9px;
}

.stats-grid article {
  text-align: left;
  min-width: 0;
  min-height: 250px;
  transition: transform .26s var(--ease-out), background .26s ease, box-shadow .26s ease;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(36px, 3.2vw, 58px) clamp(28px, 3vw, 54px);
  display: flex;
  position: relative;
}

.stats-grid article:after {
  content: "";
  background: #082e26c7;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.stats-grid article:before {
  content: "";
  background: #082e2629;
  border-radius: 9999px;
  width: 42px;
  height: 5px;
  margin-bottom: clamp(28px, 3vw, 42px);
}

.stats-grid article:nth-child(odd) {
  background: radial-gradient(circle at 24% 18%, #fff6b8b8, #0000 38%), linear-gradient(#ffd62ceb, #ffc001db);
}

.stats-grid article:nth-child(2n) {
  background: radial-gradient(circle at 72% 18%, #ffffffdb, #0000 36%), linear-gradient(#d2f8ecf5, #b9f0dbe0);
}

.stats-grid article:hover {
  z-index: 1;
  transform: translateY(-4px);
  box-shadow: 0 24px 70px #082e2621, inset 0 1px #fff6;
}

.stats-grid article:last-child:after {
  display: none;
}

.stats-grid strong {
  color: #020806;
  letter-spacing: -.065em;
  white-space: nowrap;
  font-size: clamp(64px, 5.25vw, 108px);
  font-weight: 900;
  line-height: 1;
  display: block;
}

.stats-grid .stat-number {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  display: inline;
}

.stats-grid article > span {
  color: #020806cc;
  letter-spacing: -.02em;
  max-width: 270px;
  margin: clamp(22px, 2vw, 30px) 0 0;
  font-size: clamp(19px, 1.55vw, 28px);
  font-weight: 850;
  line-height: 1.12;
  display: block;
}

.quote-section {
  background: var(--paper);
  padding: 96px 80px 120px;
}

.quote-panel {
  background: var(--green-900);
  max-width: 1280px;
  min-height: 370px;
  color: var(--paper);
  border-radius: 36px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 56px 64px;
  display: flex;
}

.quote-kicker {
  color: var(--yellow);
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 800;
}

.quote-panel h2 {
  max-width: 760px;
  color: var(--paper);
}

.quote-subtitle {
  color: #ffffffad;
  max-width: 680px;
  margin: 20px 0 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.48;
}

.freight-estimator {
  color: #fff;
  background: radial-gradient(circle at 15% 12%, #ffc50124, #0000 32%), radial-gradient(circle at 84% 20%, #6aa0ff47, #0000 34%), linear-gradient(135deg, #172743 0%, #101f39 52%, #08111f 100%);
  border: 1px solid #ffffff1f;
  border-radius: clamp(30px, 3vw, 46px);
  max-width: 1560px;
  margin: clamp(42px, 5vw, 82px) auto 0;
  padding: clamp(28px, 4vw, 64px);
  box-shadow: 0 34px 110px #0c19303d, inset 0 1px #ffffff14;
}

.freight-heading {
  gap: 18px;
  max-width: 860px;
  display: grid;
}

.freight-heading > span {
  color: var(--yellow);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 900;
}

.freight-heading h3 {
  color: #fff;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(42px, 5vw, 86px);
  font-weight: 900;
  line-height: .98;
}

.freight-heading p {
  color: #ffffffb3;
  max-width: 760px;
  margin: 0;
  font-size: clamp(17px, 1.35vw, 22px);
  font-weight: 650;
  line-height: 1.52;
}

.freight-pills {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.freight-pills span {
  color: #ffffffd6;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.freight-alert {
  color: #ffffffd1;
  background: #ffc5011a;
  border: 1px solid #ffc50138;
  border-radius: 22px;
  align-items: center;
  gap: 12px;
  margin: clamp(26px, 3vw, 44px) 0 18px;
  padding: 16px 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  display: flex;
}

.freight-alert svg {
  color: var(--yellow);
  flex: none;
}

.freight-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.freight-form, .freight-result {
  color: #0b1218;
  background: linear-gradient(135deg, #fffffff0, #f2f7ffe0), #ffffffdb;
  border: 1px solid #ffffffb8;
  border-radius: 30px;
  box-shadow: 0 24px 70px #08111f2e, inset 0 1px #ffffffdb;
}

.freight-form {
  padding: clamp(22px, 2.8vw, 36px);
}

.freight-card-title {
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  display: flex;
}

.freight-card-title > svg {
  color: #2f6df3;
  border-radius: 18px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

.freight-card-title strong {
  color: #0b1218;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.1;
  display: block;
}

.freight-card-title span {
  color: #0b12188f;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 720;
  display: block;
}

.freight-field-grid, .freight-measure-grid {
  gap: 14px;
  display: grid;
}

.freight-field-grid {
  grid-template-columns: 1fr .72fr 1fr;
}

.freight-measure-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.freight-field {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.freight-field > span {
  color: #0b121894;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.freight-field input, .freight-field button, .freight-input-unit {
  color: #0b1218;
  width: 100%;
  min-height: 58px;
  font: inherit;
  background: #ffffffc7;
  border: 1px solid #0b12181a;
  border-radius: 18px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 800;
  display: flex;
}

.freight-field input::placeholder {
  color: #0b12185c;
}

.freight-field button {
  cursor: pointer;
  text-align: left;
}

.freight-input-unit {
  gap: 10px;
}

.freight-input-unit input {
  background: none;
  border: 0;
  border-radius: 0;
  min-height: auto;
  padding: 0;
}

.freight-input-unit em {
  color: #0b12187a;
  font-style: normal;
  font-weight: 900;
}

.freight-form-footer {
  border-top: 1px solid #0b121814;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  padding-top: 22px;
  display: flex;
}

.freight-form-footer a {
  color: #0b12189e;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 820;
  display: inline-flex;
}

.freight-primary, .freight-secondary {
  color: #fff;
  cursor: pointer;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%);
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 26px;
  font-size: 16px;
  font-weight: 900;
  transition: transform .18s, box-shadow .18s;
  display: inline-flex;
  box-shadow: 0 18px 42px #2563eb47, inset 0 1px #ffffff38;
}

.freight-primary:hover, .freight-secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 48px #2563eb57, inset 0 1px #ffffff3d;
}

.freight-result {
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.freight-result-top, .freight-price, .freight-meta {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}

.freight-result-top span, .freight-result-top strong {
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.freight-result-top span {
  color: #2f6df3;
  background: #2f6df31a;
}

.freight-result-top strong {
  color: #750;
  background: #ffc5012e;
}

.freight-result-count {
  color: #0b121885;
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 760;
}

.freight-route-card {
  background: #2f6df312;
  border: 1px solid #2f6df329;
  border-radius: 22px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
  padding: 18px;
  display: flex;
}

.freight-route-card strong, .freight-route-card span {
  display: block;
}

.freight-route-card strong {
  color: #0b1218;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}

.freight-route-card span {
  color: #0b12188a;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 720;
}

.freight-route-card svg {
  color: #2f6df3;
}

.freight-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.freight-tags span {
  color: #0b12189e;
  background: #0b12180f;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 850;
}

.freight-price {
  border-top: 1px solid #0b121814;
  margin-top: auto;
  padding-top: 24px;
}

.freight-price span, .freight-meta span {
  color: #0b12188a;
  font-size: 14px;
  font-weight: 850;
}

.freight-price strong {
  color: #1d4ed8;
  letter-spacing: 0;
  font-size: clamp(34px, 3vw, 46px);
  font-weight: 950;
}

.freight-meta {
  margin-top: 12px;
}

.freight-meta strong {
  color: #0b1218;
  font-size: 17px;
  font-weight: 900;
}

.freight-secondary {
  width: 100%;
  margin-top: 22px;
}

.shipping-estimate-page {
  color: #0b1218;
  background: radial-gradient(circle at 84% 6%, #5b9cff47, #0000 28rem), radial-gradient(circle at 12% 10%, #ffc5011a, #0000 24rem), linear-gradient(#08111f 0, #14243f 320px, #dce5ee 650px, #fbfaf5 100%);
  min-height: 100vh;
  padding: 110px clamp(20px, 4vw, 72px) 92px;
}

.shipping-estimate-header {
  z-index: 50;
  background: linear-gradient(#08111ff5 0%, #14243fe6 68%, #14243f00 100%);
  padding: 18px clamp(18px, 4vw, 72px) 28px;
  position: fixed;
  inset: 0 0 auto;
}

.shipping-estimate-nav {
  align-items: center;
  gap: 14px;
  max-width: 1840px;
  height: 58px;
  margin: 0 auto;
  display: flex;
}

.shipping-estimate-brand, .shipping-estimate-locale, .shipping-estimate-source, .shipping-estimate-account, .shipping-estimate-cart {
  border-radius: 999px;
  align-items: center;
  display: inline-flex;
  box-shadow: 0 16px 38px #08111f2e;
}

.shipping-estimate-brand {
  color: #fff;
  background: #14243f;
  border: 1px solid #ffffff29;
  gap: 12px;
  height: 52px;
  padding: 0 20px 0 14px;
  font-size: 16px;
  font-weight: 950;
}

.shipping-estimate-locale {
  color: #0b1218;
  cursor: pointer;
  background: #fffffff0;
  border: 0;
  gap: 11px;
  height: 52px;
  padding: 0 17px;
  font-size: 14px;
  font-weight: 900;
}

.shipping-estimate-locale svg {
  color: #2f6df3;
}

.shipping-estimate-locale span {
  background: #0b121821;
  width: 1px;
  height: 22px;
}

.shipping-estimate-nav nav {
  background: #fffffff0;
  border-radius: 999px;
  flex: 1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 900px;
  height: 52px;
  padding: 5px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 16px 38px #08111f24;
}

.shipping-estimate-nav nav a {
  color: #0b1218b8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 900;
  transition: background .18s, color .18s;
  display: flex;
}

.shipping-estimate-nav nav a:hover, .shipping-estimate-nav nav a.active {
  color: #1d4ed8;
  background: linear-gradient(135deg, #eff6fffa, #dbeafed1);
}

.shipping-estimate-source {
  background: #fffffff0;
  flex: 0 310px;
  gap: 8px;
  height: 52px;
  padding: 0 6px 0 15px;
}

.shipping-estimate-source svg {
  color: #0b12186b;
  flex: none;
}

.shipping-estimate-source input {
  color: #0b1218b8;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 850;
}

.shipping-estimate-source button, .shipping-estimate-cart {
  justify-content: center;
}

.shipping-estimate-source button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #5f95ff, #2f6df3 52%, #2453d6);
  border: 0;
  border-radius: 999px;
  width: 42px;
  height: 42px;
}

.shipping-estimate-account {
  color: #0b1218;
  background: #fffffff0;
  height: 52px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 900;
}

.shipping-estimate-cart {
  color: #0b1218;
  background: #fffffff0;
  width: 52px;
  height: 52px;
}

.shipping-estimate-hero, .shipping-estimate-shell, .shipping-estimate-notes {
  max-width: 1540px;
  margin-inline: auto;
}

.shipping-estimate-hero {
  color: #fff;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
  align-items: end;
  gap: clamp(24px, 4vw, 68px);
  padding: clamp(42px, 7vw, 96px) 0 clamp(26px, 4vw, 48px);
  display: grid;
}

.shipping-estimate-copy {
  gap: 18px;
  display: grid;
}

.shipping-estimate-copy > span {
  color: var(--yellow);
  letter-spacing: .16em;
  font-size: 15px;
  font-weight: 900;
}

.shipping-estimate-copy h1 {
  color: #fff;
  letter-spacing: 0;
  max-width: 980px;
  margin: 0;
  font-size: clamp(52px, 7vw, 118px);
  font-weight: 950;
  line-height: .95;
}

.shipping-estimate-copy p {
  color: #ffffffb8;
  max-width: 790px;
  margin: 0;
  font-size: clamp(18px, 1.35vw, 24px);
  font-weight: 650;
  line-height: 1.5;
}

.shipping-estimate-stat {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: radial-gradient(circle at 22% 18%, #ffffff29, #0000 34%), #ffffff14;
  border: 1px solid #ffffff21;
  border-radius: 30px;
  padding: 28px;
  box-shadow: 0 24px 70px #08111f38, inset 0 1px #ffffff1a;
}

.shipping-estimate-stat span, .shipping-estimate-stat p {
  color: #ffffffad;
  font-weight: 780;
}

.shipping-estimate-stat span {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 13px;
}

.shipping-estimate-stat strong {
  color: #fff;
  letter-spacing: 0;
  margin-top: 16px;
  font-size: clamp(42px, 4vw, 66px);
  font-weight: 950;
  display: block;
}

.shipping-estimate-stat p {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.45;
}

.shipping-estimate-shell {
  background: radial-gradient(circle at 88% 12%, #6aa0ff2e, #0000 34%), linear-gradient(135deg, #ffffffe6, #f4f8ffc7);
  border: 1px solid #ffffff2e;
  border-radius: clamp(30px, 3vw, 44px);
  padding: clamp(22px, 3vw, 42px);
  box-shadow: 0 34px 110px #08111f2e, inset 0 1px #ffffffdb;
}

.shipping-estimate-shell .freight-alert {
  color: #0b1218ad;
  background: #ffc5011f;
  margin-top: 0;
}

.shipping-estimate-breakdown {
  border-top: 1px solid #0b121814;
  gap: 10px;
  margin: 20px 0 0;
  padding-top: 18px;
  display: grid;
}

.shipping-estimate-breakdown div {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}

.shipping-estimate-breakdown span {
  color: #0b12188a;
  font-size: 13px;
  font-weight: 800;
}

.shipping-estimate-breakdown strong {
  color: #0b1218;
  font-size: 15px;
  font-weight: 900;
}

.shipping-estimate-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
  display: grid;
}

.shipping-estimate-notes article {
  background: #ffffffb8;
  border: 1px solid #0b121814;
  border-radius: 28px;
  min-height: 180px;
  padding: 24px;
  box-shadow: 0 22px 60px #08111f17;
}

.shipping-estimate-notes svg {
  color: #2f6df3;
}

.shipping-estimate-notes h2 {
  color: #0b1218;
  letter-spacing: 0;
  margin: 18px 0 0;
  font-size: 24px;
  font-weight: 950;
}

.shipping-estimate-notes p {
  color: #0b121894;
  margin: 10px 0 0;
  font-size: 15px;
  font-weight: 680;
  line-height: 1.46;
}

@media (max-width: 1320px) {
  .shipping-estimate-source {
    display: none;
  }
}

@media (max-width: 1080px) {
  .shipping-estimate-nav nav {
    display: none;
  }

  .shipping-estimate-hero {
    grid-template-columns: 1fr;
  }

  .shipping-estimate-stat {
    max-width: 460px;
  }

  .shipping-estimate-notes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .shipping-estimate-page {
    padding: 92px 16px 64px;
  }

  .shipping-estimate-header {
    padding: 14px 14px 24px;
  }

  .shipping-estimate-locale, .shipping-estimate-account {
    display: none;
  }

  .shipping-estimate-brand {
    height: 48px;
  }

  .shipping-estimate-cart {
    width: 48px;
    height: 48px;
    margin-left: auto;
  }

  .shipping-estimate-copy h1 {
    font-size: clamp(44px, 14vw, 62px);
  }
}

@media (max-width: 1180px) {
  .freight-grid {
    grid-template-columns: 1fr;
  }

  .freight-result {
    min-height: 360px;
  }
}

@media (max-width: 760px) {
  .freight-estimator {
    border-radius: 28px;
    padding: 24px;
  }

  .freight-heading h3 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .freight-alert {
    align-items: flex-start;
  }

  .freight-field-grid, .freight-measure-grid {
    grid-template-columns: 1fr;
  }

  .freight-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .freight-primary {
    width: 100%;
  }

  .freight-result-top, .freight-price, .freight-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.footer-section {
  background: radial-gradient(circle at 18% 8%, #ffc50114, transparent 28%),
    radial-gradient(circle at 82% 22%, #4bc48b14, transparent 30%),
    var(--ink);
  min-height: 920px;
  color: var(--paper);
  padding: 96px 80px 40px;
}

.footer-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 44px;
  max-width: 1280px;
  margin: 0 auto 74px;
  display: flex;
}

.footer-brand {
  color: var(--paper);
  align-items: center;
  gap: 18px;
  margin: 0;
  display: flex;
}

.footer-logo-frame {
  background: #ffc50114;
  border-radius: 20px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
  box-shadow: inset 0 1px #ffffff14;
}

.footer-logo-img {
  object-fit: contain;
  width: 44px;
  height: 44px;
}

.footer-brand span {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.footer-brand p {
  color: #ffffff94;
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.platform-card-grid a, .payment-grid .paymentCard, .social-grid a {
  color: #ffffffc2;
  min-height: 44px;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s var(--ease-out);
  background: linear-gradient(#ffffff13, #ffffff08), #ffffff09;
  border: 1px solid #ffffff1c;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.platform-card-grid a:hover, .social-grid a:hover {
  color: var(--paper);
  background: linear-gradient(#ffc5011c, #ffc50109), #ffffff09;
  border-color: #ffc50157;
  transform: translateY(-2px);
}

.footer-grid {
  grid-template-columns: minmax(260px, 1.35fr) minmax(190px, 1fr) minmax(160px, .78fr) minmax(170px, .82fr);
  gap: 52px;
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
}

.footer-grid h3 {
  color: var(--yellow);
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0 0 28px;
  font-size: 14px;
  font-weight: 800;
}

.footer-card-group h3 {
  color: #ffc501db;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0 0 18px;
  font-size: 13px;
  font-weight: 850;
}

.footer-grid a {
  color: #ffffffc7;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  transition: color .18s;
  display: block;
}

.footer-grid a:hover {
  color: var(--paper);
}

.footer-card-row {
  border-top: 1px solid #ffffff14;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr);
  gap: 16px;
  max-width: 1280px;
  margin: 68px auto 0;
  padding-top: 32px;
  display: grid;
}

.footer-card-group {
  background: radial-gradient(circle at 20% 0, #ffc5010b, #0000 42%), #ffffff06;
  border: 1px solid #ffffff13;
  border-radius: 26px;
  min-width: 0;
  padding: 18px;
}

.platform-card-grid, .payment-grid, .social-grid {
  gap: 9px;
  display: grid;
}

.platform-card-grid, .payment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.social-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.platform-card-grid a, .payment-grid .paymentCard {
  text-align: center;
  background: linear-gradient(#ffffff14, #ffffff08), #ffffff07;
  border: 1px solid #ffffff1b;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  display: flex;
}

.footer-logo-asset {
  object-fit: contain;
  opacity: .86;
  filter: saturate(.82) brightness(.98);
  width: min(100%, 124px);
  height: 36px;
  transition: opacity .18s ease, filter .18s ease, transform .18s var(--ease-out);
}

.platform-card-grid a:hover .footer-logo-asset {
  opacity: 1;
  filter: saturate(.95) brightness(1.08);
  transform: scale(1.02);
}

.social-grid a {
  border-radius: 14px;
  width: auto;
  min-width: 0;
  height: 42px;
  padding: 0;
}

.socialIcon svg {
  color: #f1f3ea;
  stroke-width: 2.35px;
  opacity: 1;
  width: 26px;
  height: 26px;
  transition: color .18s ease, filter .18s ease, transform .18s var(--ease-out);
}

.socialIcon:hover svg {
  color: var(--yellow);
  filter: drop-shadow(0 0 10px #ffc50138);
  transform: scale(1.06);
}

.legal {
  color: #ffffff70;
  max-width: 1280px;
  margin: 72px auto 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

[data-reveal] {
  opacity: 0;
  transition: opacity .6s var(--ease-out), transform .6s var(--ease-out);
  transition-delay: var(--delay, 0s);
  transform: translateY(42px);
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes heroText {
  from {
    opacity: 0;
    transform: translateY(54px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes heroTextMobile {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes heroSearch {
  from {
    opacity: 0;
    transform: translateY(28px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes trustTagIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes heroVisual {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(80px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

@keyframes floatCard {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

@keyframes premiumFloat {
  0%, 100% {
    translate: 0;
  }

  50% {
    translate: 0 -14px;
  }
}

@keyframes heroCardIn {
  from {
    opacity: 0;
    filter: blur(8px);
  }

  to {
    opacity: 1;
    filter: blur();
  }
}

@keyframes premiumNoise {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  25% {
    transform: translate3d(-1%, 1%, 0);
  }

  50% {
    transform: translate3d(1%, -.6%, 0);
  }

  75% {
    transform: translate3d(-.6%, -1%, 0);
  }
}

@keyframes auroraDrift {
  from {
    opacity: .34;
    filter: blur(40px) hue-rotate();
  }

  to {
    opacity: .62;
    filter: blur(30px) hue-rotate(14deg);
  }
}

@keyframes liquidSheet {
  from {
    opacity: .24;
    translate: -2%;
  }

  to {
    opacity: .44;
    translate: 2% -6%;
  }
}

@keyframes borderGlowSweep {
  0%, 100% {
    opacity: .36;
    transform: rotate(0);
  }

  50% {
    opacity: .86;
    transform: rotate(1turn);
  }
}

@keyframes statusPulse {
  0%, 100% {
    opacity: .72;
    transform: scale(.84);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

@keyframes flowDot {
  0% {
    opacity: 0;
    transform: translateX(0)translateY(0)scale(.72);
  }

  10%, 86% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(min(82vw, 1120px))translateY(-82px)scale(1.08);
  }
}

@keyframes flightTrace {
  0% {
    opacity: 0;
    transform: translate3d(0, 26px, 0)scale(.74);
  }

  10%, 78% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(min(74vw, 930px), -68px, 0)scale(1.12);
  }
}

@keyframes nodePulse {
  0%, 100% {
    background: none;
  }

  50% {
    background: #ffffff1a;
  }
}

@keyframes jellyBlob {
  from {
    transform: translateY(var(--liquid-blob-y)) scaleX(1.02);
    border-radius: 48% 52% 42% 58% / 58% 38% 62% 42%;
  }

  to {
    transform: translateY(var(--liquid-blob-y-alt)) scaleX(.98);
    border-radius: 58% 42% 54% 46% / 42% 62% 38% 58%;
  }
}

@keyframes howIn {
  from {
    opacity: 0;
    transform: translateY(28px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 1024px) {
  .cd-nav {
    grid-template-columns: 1fr auto auto;
    max-width: 768px;
    padding: 0 16px;
  }

  .brand-pill {
    width: 48px;
    height: 48px;
    padding: 0;
    position: static;
  }

  .brand-pill span:not(.brand-mark, .brand-logo-frame), .region-pill, .nav-pill, .auth-pill, .more-pill {
    display: none;
  }

  .cart-pill {
    grid-column: 2;
    margin-right: 8px;
    position: static;
  }

  .menu-pill {
    grid-column: 3;
    display: inline-flex;
  }

  .hero-section {
    min-height: 720px;
    padding: 128px 42px 0;
  }

  .hero-copy h1 {
    font-size: 60px;
  }

  .hero-copy p {
    max-width: 660px;
    font-size: 17px;
    line-height: 26px;
  }

  .hero-trust-tags {
    gap: 8px;
    max-width: 620px;
  }

  .hero-trust-tags span {
    min-height: 34px;
    padding: 7px 13px;
    font-size: 12px;
  }

  .hero-visual {
    height: 430px;
    bottom: -130px;
  }

  .workflow-photo {
    width: 720px;
  }

  .workflow-photo img {
    height: 280px;
  }

  .workflow-rail {
    border-radius: 34px;
    grid-template-columns: repeat(3, 1fr);
  }

  .floating-panel {
    min-width: 236px;
  }

  .link-panel {
    top: 128px;
    left: 3%;
  }

  .qc-panel {
    top: 176px;
    right: 2%;
  }

  .route-panel {
    display: none;
  }

  .wide-head h2, .process-copy h2, .quote-panel h2 {
    font-size: 42px;
  }

  .wide-head span {
    max-width: 640px;
    font-size: 18px;
    line-height: 28px;
  }

  .wide-head {
    width: calc(100% - 84px);
    display: block;
  }

  .network-section, .stats-section, .quote-section {
    padding-left: 42px;
    padding-right: 42px;
  }

  .services-section {
    padding-top: 146px;
    padding-bottom: 84px;
  }

  .service-accordion {
    width: calc(100% - 84px);
    padding: 0;
    overflow-x: auto;
  }

  .service-card {
    flex-basis: 132px;
    width: 132px;
    height: 600px;
    padding: 24px;
  }

  .service-card.active {
    flex-basis: 560px;
    width: 560px;
  }

  .service-active-content {
    width: 370px;
  }

  .service-card h3 {
    font-size: 40px;
  }

  .service-card p {
    font-size: 16px;
    line-height: 25px;
  }

  .service-rail-label {
    font-size: 38px;
  }

  .service-art {
    width: 270px;
    right: -18px;
    transform: translate(24px, 56px)rotate(-2deg)scale(.86);
  }

  .network-inner > p {
    font-size: 48px;
    line-height: 60px;
  }

  .network-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
  }

  .process-section {
    padding: 108px 42px 96px;
  }

  .how-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .how-copy {
    text-align: center;
  }

  .how-copy h2 {
    max-width: 760px;
    margin: 0 auto;
    font-size: 72px;
  }

  .how-copy > p {
    margin-left: auto;
    margin-right: auto;
  }

  .how-actions {
    justify-content: center;
  }

  .trust-list {
    grid-template-columns: repeat(3, max-content);
    justify-content: center;
  }

  .how-steps {
    max-width: 760px;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    background: none;
    border: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 46px;
    overflow: visible;
  }

  .how-steps:before {
    display: none;
  }

  .how-step-card {
    background: linear-gradient(#ffffff0d, #ffffff05), #ffffff04;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    min-height: 168px;
  }

  .how-step-card:after {
    display: none;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .stats-grid article:nth-child(2):after {
    display: none;
  }

  .stats-grid article:first-child, .stats-grid article:nth-child(2) {
    border-bottom: 1px solid #082e261f;
  }
}

@media (max-width: 640px) {
  .cd-header {
    padding: 24px 0;
  }

  .cd-nav {
    width: 100%;
    height: 80px;
    padding: 0 16px;
  }

  .hero-section {
    min-height: 840px;
    padding: 128px 16px 0;
  }

  .hero-copy {
    text-align: left;
  }

  .hero-copy h1 {
    font-size: 48px;
    line-height: 1;
  }

  .hero-copy h1 span, .hero-copy p, .secondary-action {
    animation-name: heroTextMobile;
  }

  .hero-copy p {
    margin-top: 18px;
    font-size: 15px;
    line-height: 22px;
  }

  .hero-trust-tags {
    justify-content: flex-start;
    gap: 8px;
    margin-top: 24px;
  }

  .hero-trust-tags span {
    min-height: 31px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 15px;
  }

  .hero-action {
    grid-template-columns: 1fr auto;
    min-height: 52px;
    margin-top: 22px;
    padding: 6px;
  }

  .link-input {
    gap: 10px;
    padding-left: 6px;
    font-size: 0;
  }

  .link-input span {
    color: #9aa2b3;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: min(43vw, 170px);
    font-size: 14px;
    display: block;
    overflow: hidden;
  }

  .primary-pill {
    min-height: 38px;
    padding: 9px 14px;
    font-size: 14px;
  }

  .hero-visual {
    width: 780px;
    height: 340px;
    animation-name: heroVisualMobile;
    bottom: -76px;
    left: 0;
    transform: none;
  }

  .workflow-photo {
    border-width: 3px;
    border-radius: 22px;
    width: 520px;
    max-width: none;
    bottom: 96px;
    left: 16px;
    transform: none;
  }

  .workflow-photo img {
    height: 210px;
  }

  .workflow-rail {
    border-width: 3px;
    border-radius: 9999px;
    grid-template-columns: repeat(6, 112px);
    width: 736px;
    padding: 10px;
    bottom: 28px;
    left: 0;
    transform: none;
  }

  .workflow-node {
    min-height: 46px;
    font-size: 12px;
  }

  .floating-panel {
    border-radius: 16px;
    min-width: 206px;
    padding: 11px 12px;
  }

  .floating-panel strong {
    font-size: 12px;
    line-height: 16px;
  }

  .floating-panel span {
    font-size: 10px;
    line-height: 14px;
  }

  .link-panel {
    top: 6px;
    left: 18px;
  }

  .qc-panel {
    top: 60px;
    right: 232px;
  }

  .route-panel, .scan-card, .cloud {
    display: none;
  }

  .wide-head h2, .process-copy h2, .quote-panel h2 {
    font-size: 32px;
    line-height: 48px;
  }

  .wide-head {
    width: auto;
    margin-bottom: 30px;
    padding: 0 16px;
    display: block;
  }

  .wide-head p {
    font-size: 12px;
    line-height: 18px;
  }

  .wide-head span {
    max-width: none;
    margin-top: 14px;
    font-size: 15px;
    line-height: 23px;
  }

  .process-copy p {
    font-size: 14px;
    line-height: 20px;
  }

  .network-section, .stats-section, .quote-section {
    padding: 72px 16px;
  }

  .services-section {
    padding: 132px 0 72px;
  }

  .service-accordion {
    gap: 12px;
    width: auto;
    min-width: 0;
    padding: 0 16px;
    display: grid;
  }

  .service-card, .service-card.active {
    width: 100%;
    height: 104px;
    min-height: 0;
    transition: height .36s var(--ease-out), transform .18s ease;
    border-width: 2px;
    flex-basis: auto;
    padding: 18px;
  }

  .service-card.active {
    height: 520px;
  }

  .service-card .service-icon {
    width: 50px;
    height: 50px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .service-active-content {
    width: min(282px, 100vw - 76px);
    margin-top: 22px;
  }

  .service-card h3 {
    font-size: 30px;
    line-height: 34px;
  }

  .service-card p {
    font-size: 14px;
    line-height: 20px;
  }

  .service-active-content span {
    margin-top: 20px;
  }

  .service-rail-label {
    color: #00000080;
    font-size: 22px;
    top: 33px;
    bottom: auto;
    left: 86px;
    transform: none;
  }

  .service-card.active .service-rail-label {
    opacity: 0;
  }

  .service-art {
    opacity: 0;
    width: 260px;
    bottom: -150px;
    right: -74px;
    transform: translate(18px, 64px)rotate(-2deg)scale(.62);
  }

  .service-card.active .service-art {
    opacity: .34;
    transform: translate(18px, 64px)rotate(-2deg)scale(.62);
  }

  .network-inner > p {
    font-size: 32px;
    line-height: 48px;
  }

  .network-cards {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .process-section {
    padding: 112px 16px 76px;
  }

  .how-glow {
    width: 520px;
    height: 440px;
    top: 4%;
    left: -40%;
  }

  .how-grid {
    gap: 32px;
  }

  .how-copy {
    text-align: center;
  }

  .how-eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .how-copy h2 {
    max-width: 340px;
    font-size: 48px;
    line-height: 1.02;
  }

  .how-copy > p {
    max-width: 330px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 23px;
  }

  .how-actions {
    grid-template-columns: 1fr;
    margin-top: 26px;
    display: grid;
  }

  .trust-list {
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 24px;
    font-size: 14px;
  }

  .how-steps {
    box-shadow: none;
    background: none;
    border: 0;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 30px;
    overflow: visible;
  }

  .how-step-card {
    background: linear-gradient(#ffffff0e, #ffffff05), #ffffff04;
    border: 1px solid #ffffff14;
    border-radius: 18px;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
    min-height: 0;
    padding: 14px;
    display: grid;
  }

  .how-step-top {
    grid-row: span 2;
    align-content: start;
    justify-items: center;
    gap: 8px;
    display: grid;
  }

  .how-step-icon {
    width: 40px;
    height: 40px;
  }

  .how-step-card h3 {
    text-align: left;
    margin: 2px 0 0;
    font-size: 16px;
  }

  .how-step-card p {
    text-align: left;
    margin-top: 6px;
    font-size: 12.5px;
    line-height: 1.45;
  }

  .guide-poster, .guide-video-card > iframe {
    border-width: 3px;
    border-radius: 18px;
    box-shadow: 0 10px #0000002e;
  }

  .guide-play {
    width: 72px;
    height: 72px;
  }

  .guide-caption {
    border-radius: 14px;
    max-width: calc(100% - 24px);
    padding: 10px 12px;
    bottom: 12px;
    left: 12px;
  }

  .guide-cta {
    width: 100%;
  }

  .stats-grid {
    border-radius: 28px;
    grid-template-columns: 1fr;
    padding: 8px;
  }

  .stats-grid article {
    border-bottom: 1px solid #082e261f;
    min-height: 152px;
    padding: 28px;
  }

  .stats-grid article:after, .stats-grid article:nth-child(2):after {
    display: none;
  }

  .stats-grid article:last-child {
    border-bottom: 0;
  }

  .stats-grid strong {
    font-size: 46px;
  }

  .stats-grid span {
    margin-top: 18px;
    font-size: 15px;
    line-height: 20px;
  }

  .quote-panel {
    border-radius: 28px;
    min-height: auto;
    padding: 34px 28px;
    display: block;
  }

  .quote-panel .primary-pill {
    margin-top: 28px;
  }

  .footer-section {
    min-height: 920px;
    padding: 72px 28px 32px;
  }

  .footer-top {
    gap: 34px;
    margin-bottom: 54px;
    display: grid;
  }

  .footer-brand {
    align-items: flex-start;
  }

  .footer-logo-frame {
    border-radius: 17px;
    width: 50px;
    height: 50px;
  }

  .footer-logo-img {
    width: 38px;
    height: 38px;
  }

  .footer-brand span {
    font-size: 28px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .footer-card-row {
    grid-template-columns: 1fr;
    gap: 34px;
    margin-top: 58px;
  }

  .footer-card-group {
    border-radius: 22px;
    padding: 18px;
  }

  .platform-card-grid, .payment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .social-grid {
    grid-template-columns: repeat(4, 42px);
  }

  .platform-card-grid a, .payment-grid .paymentCard {
    min-width: 0;
  }

  .legal {
    margin-top: 58px;
  }
}

.liquid-sheet {
  background: radial-gradient(at 48% 0, #e8f5ebb8, #0000 58%), #f7f5ef !important;
  border-radius: 52% 48% 0 0 / 34% 40% 0 0 !important;
  height: 126px !important;
  transform: translateY(36px)scaleX(1.05) !important;
}

.link-input .search-platform-hints {
  opacity: .9 !important;
  filter: none !important;
  gap: 12px !important;
}

.link-input .search-platform-hints img {
  width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
}

@keyframes heroHeadlineBreath {
  from {
    opacity: .96;
    text-shadow: 0 0 #fff0;
  }

  to {
    opacity: 1;
    text-shadow: 0 0 34px #ffffff0f;
  }
}

@media (max-width: 1024px) {
  .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .hero-section .liquid-transition {
    height: 170px !important;
    bottom: -78px !important;
  }

  .liquid-sheet {
    height: 96px !important;
  }
}

body .nav-pill {
  background: linear-gradient(90deg, #fffffff7, #f4f8f4ed) !important;
  border-color: #ffffffc2 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: min(780px, 50vw) !important;
  height: 52px !important;
  padding: 4px !important;
  box-shadow: 0 20px 46px #0000001f, inset 0 1px #ffffffdb !important;
}

body .nav-pill:has(a:first-child:hover):before {
  transform: translateX(0)scale(.985) !important;
}

body .nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scale(.985) !important;
}

body .nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 2px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 2px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 4px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 4px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(4):hover):before {
  transform: translateX(calc(300% + 6px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(4):focus-visible):before {
  transform: translateX(calc(300% + 6px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(5):hover):before {
  transform: translateX(calc(400% + 8px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(5):focus-visible):before {
  transform: translateX(calc(400% + 8px))scale(.985) !important;
}

body .nav-pill a {
  color: #081813db !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  height: 34px !important;
  padding: 0 8px !important;
  font-size: 13.5px !important;
  font-weight: 760 !important;
}

body .nav-pill a:hover, body .nav-pill[data-active="0"] a:first-child, body .nav-pill[data-active="1"] a:nth-child(2), body .nav-pill[data-active="2"] a:nth-child(3), body .nav-pill[data-active="3"] a:nth-child(4), body .nav-pill[data-active="4"] a:nth-child(5) {
  color: #0a5b45 !important;
}

@keyframes heroSubtleBreath {
  from {
    opacity: .86;
    transform: translateY(0);
  }

  to {
    opacity: 1;
    transform: translateY(-1px);
  }
}

@media (max-width: 1024px) {
  body .nav-pill {
    width: min(520px, 48vw) !important;
  }

  body .hero-section .hero-action {
    width: min(920px, 100vw - 36px) !important;
    min-height: 84px !important;
  }

  body .hero-section .hero-action .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body .cd-nav {
    padding: 0 18px !important;
  }

  body .hero-copy h1 {
    font-size: clamp(50px, 14vw, 72px) !important;
  }

  body .hero-section .liquid-transition {
    height: 238px !important;
    bottom: -152px !important;
  }

  body .hero-section .liquid-sheet {
    height: 106px !important;
  }
}

@media (max-width: 640px) {
  body .hero-section .liquid-transition {
    height: 238px !important;
    bottom: -152px !important;
  }

  body .hero-section .liquid-sheet {
    height: 106px !important;
  }
}

body .hero-section .liquid-transition:before {
  filter: blur(22px) !important;
  opacity: var(--liquid-before-opacity) !important;
  transform: translateY(calc(var(--liquid-pull-soft) + var(--liquid-before-y))) !important;
  background: linear-gradient(#082e2600 0%, #082e2614 48%, #f7f5ef8a 92%) !important;
  transition: opacity .52s cubic-bezier(.22, 1, .36, 1), transform .76s cubic-bezier(.16, 1, .3, 1) !important;
}

body .hero-section .liquid-glass {
  height: 34px !important;
  opacity: var(--liquid-glass-opacity) !important;
  filter: blur(40px) !important;
  transition: opacity .52s cubic-bezier(.22, 1, .36, 1) !important;
  top: 132px !important;
}

@media (max-width: 640px) {
  body .hero-section .liquid-transition {
    height: 238px !important;
    bottom: -152px !important;
  }

  body .hero-section .liquid-sheet {
    height: 106px !important;
  }
}

body .nav-pill a {
  letter-spacing: 0 !important;
  color: #081813db !important;
  height: 34px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

body .hero-trust-tags span:hover {
  color: #ffffffdb !important;
  border-color: #ffffff38 !important;
  transform: translateY(-1px) !important;
}

body .hero-section .hero-action {
  width: min(920px, 100vw - 112px) !important;
  min-height: 78px !important;
  margin-top: 36px !important;
  padding: 8px !important;
  box-shadow: 0 34px 86px #00000052, 0 0 0 12px #ffffff09, inset 0 1px #fffffff0 !important;
}

body .hero-section .liquid-transition {
  z-index: 4 !important;
  height: 286px !important;
  opacity: var(--liquid-motion, 0) !important;
  transform: translateY(var(--liquid-transition-y, 34px)) !important;
  transition: opacity .26s cubic-bezier(.22, 1, .36, 1), transform .76s cubic-bezier(.22, 1, .36, 1) !important;
  bottom: -188px !important;
}

body .hero-section .liquid-sheet {
  height: 116px !important;
  transform: translateY(var(--liquid-sheet-reveal-y, 118px)) scaleX(var(--liquid-sheet-reveal-scale, 1.02)) !important;
  background: radial-gradient(at 48% 0, #e8f5eb6b, #0000 56%), #f7f5ef !important;
  border-radius: 50% 50% 0 0 / 18% 18% 0 0 !important;
  transition: transform .9s cubic-bezier(.22, 1, .36, 1) !important;
}

body .hero-section .liquid-blob {
  opacity: var(--liquid-blob-opacity, 0) !important;
  filter: blur(.4px) !important;
  transform: translateY(var(--liquid-blob-reveal-y, 38px)) scale(var(--liquid-blob-reveal-scale, .96)) !important;
  transition: opacity .56s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1) !important;
}

@media (max-width: 1024px) {
  body .nav-pill {
    width: min(520px, 48vw) !important;
  }

  body .hero-section .hero-action {
    width: min(920px, 100vw - 36px) !important;
    min-height: 84px !important;
  }

  body .hero-section .hero-action .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body .cd-nav {
    padding: 0 18px !important;
  }

  body .hero-copy h1 {
    font-size: clamp(50px, 14vw, 72px) !important;
  }

  body .hero-section .liquid-transition {
    height: 210px !important;
    bottom: -112px !important;
  }

  body .hero-section .liquid-sheet {
    height: 94px !important;
  }
}

@media (max-width: 640px) {
  html body .hero-section .liquid-transition {
    height: 228px !important;
    bottom: -148px !important;
  }
}

@media (max-width: 640px) {
  html body .hero-section .liquid-transition {
    height: 278px !important;
    bottom: -186px !important;
  }

  html body .hero-section .liquid-sheet {
    height: 118px !important;
  }
}

body .hero-section .liquid-motion-wave {
  z-index: 7;
  pointer-events: none;
  opacity: 0;
  transform-origin: bottom;
  height: 190px;
  transition: opacity .22s cubic-bezier(.22, 1, .36, 1), transform .98s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  bottom: -132px;
  left: -6vw;
  right: -6vw;
  transform: translateY(78px)scaleX(1.02);
}

body .hero-section .liquid-motion-wave:before, body .hero-section .liquid-motion-wave:after, body .hero-section .liquid-motion-wave span {
  content: "";
  background: radial-gradient(at 50% 2%, #e2f4e885, #0000 58%), #f7f5ef;
  border-radius: 50% 50% 0 0 / 32% 32% 0 0;
  height: 152px;
  transition: transform .98s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(30px)scaleX(1.04);
  box-shadow: 0 -26px 64px #d0e7d833, inset 0 1px #ffffff9e;
}

body .hero-section .liquid-motion-wave:before {
  border-radius: 48% 52% 0 0 / 46% 38% 0 0;
  height: 122px;
  bottom: 12px;
  left: -10vw;
  right: 54vw;
  transform: translateY(58px)scaleX(1.08);
}

body .hero-section .liquid-motion-wave:after {
  border-radius: 52% 48% 0 0 / 40% 44% 0 0;
  height: 132px;
  bottom: 4px;
  left: 52vw;
  right: -10vw;
  transform: translateY(60px)scaleX(1.06);
}

html.liquid-waving body .hero-section .liquid-motion-wave {
  opacity: 1;
  transform: translateY(0)scaleX(1.03);
}

@media (max-width: 640px) {
  body .hero-section .liquid-motion-wave {
    height: 150px;
    bottom: -106px;
  }

  body .hero-section .liquid-motion-wave:before, body .hero-section .liquid-motion-wave:after, body .hero-section .liquid-motion-wave span {
    height: 112px;
  }
}

html body .hero-section .liquid-transition {
  height: 340px !important;
  opacity: var(--liquid-motion, 0) !important;
  transform: translateY(var(--liquid-transition-y, 54px)) !important;
  transition: opacity .18s cubic-bezier(.22, 1, .36, 1), transform .96s cubic-bezier(.22, 1, .36, 1) !important;
  bottom: -210px !important;
}

@media (max-width: 640px) {
  html body .hero-section .liquid-transition {
    height: 262px !important;
    bottom: -176px !important;
  }

  html body .hero-section .liquid-sheet {
    height: 112px !important;
  }
}

body .hero-section .hero-copy h1 span {
  will-change: opacity, text-shadow, transform;
  animation: heroText .9s var(--ease-out) both,
    heroHeadlineBreath 7.2s ease-in-out 1.1s infinite alternate !important;
}

body .hero-section .hero-copy h1 span + span {
  animation-delay: 90ms, 1.28s !important;
}

body .hero-section .hero-copy p {
  text-wrap: balance;
  max-width: 920px !important;
  margin-top: 40px !important;
  font-size: clamp(19px, 1.12vw, 23px) !important;
  line-height: 1.54 !important;
}

body .hero-section .hero-action {
  width: min(1120px, 100vw - 64px) !important;
  min-height: 98px !important;
  margin-top: 54px !important;
}

body .hero-section .hero-action .link-input .search-platform-hints {
  opacity: .92 !important;
  filter: none !important;
  flex: none !important;
  gap: 12px !important;
  margin-left: auto !important;
  padding-right: 22px !important;
  display: inline-flex !important;
}

body .hero-section .hero-action .link-input .search-platform-hints img {
  object-fit: contain !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
}

body .hero-section .liquid-transition {
  pointer-events: none;
  opacity: 1 !important;
  z-index: 5 !important;
  height: 272px !important;
  display: block !important;
  bottom: -146px !important;
}

body .hero-section .liquid-sheet {
  height: 116px !important;
  transform: translateY(var(--liquid-sheet-y)) scaleX(var(--liquid-sheet-scale)) !important;
  border-radius: 50% 50% 0 0 / 18% 18% 0 0 !important;
}

body .hero-section .liquid-blob {
  opacity: 1 !important;
}

@media (max-width: 1024px) {
  body .hero-section .hero-action {
    width: min(900px, 100vw - 34px) !important;
    min-height: 82px !important;
  }

  body .hero-section .hero-action .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body .hero-section .hero-copy p {
    max-width: 340px !important;
    font-size: 16px !important;
    line-height: 1.48 !important;
  }

  body .hero-section .liquid-transition {
    height: 170px !important;
    bottom: -46px !important;
  }

  body .hero-section .liquid-sheet {
    height: 102px !important;
    transform: translateY(16px)scaleX(1.12) !important;
  }
}

.hero-copy {
  transform: translateY(10px);
}

.hero-copy h1 {
  letter-spacing: 0;
}

.hero-copy p {
  max-width: 820px;
  margin-top: 38px;
}

.link-input {
  padding-left: 28px;
}

.link-input > span:not(.search-platform-hints) {
  font-size: clamp(18px, 1.08vw, 21px);
}

.link-input .search-platform-hints {
  opacity: .28;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  padding-right: 16px;
  flex-direction: row !important;
  max-width: none !important;
  display: inline-flex !important;
  overflow: visible !important;
}

@media (max-width: 1024px) {
  .hero-action {
    width: min(900px, 100%);
    min-height: 82px;
  }
}

@media (max-width: 640px) {
  .hero-copy {
    transform: none;
  }

  .hero-copy p {
    margin-top: 24px;
  }

  .hero-action {
    min-height: 68px;
    margin-top: 34px;
  }
}

@keyframes heroVisualMobile {
  from {
    opacity: 0;
    transform: translateY(70px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 1100px) {
  .hero-photo-layer {
    height: min(38vh, 340px);
    left: 4vw;
    right: 4vw;
  }

  .hero-card-one {
    top: 62%;
    right: 4vw;
  }

  .hero-card-two {
    top: 70%;
    left: 5vw;
    right: auto;
  }

  .hero-card-three, .hero-card-four, .hero-card-five {
    display: none;
  }

  .hero-flow-map {
    opacity: .42;
    top: 58%;
    left: 2vw;
    right: 2vw;
  }

  .hero-flight-scene {
    width: 104vw;
    height: 300px;
    top: 59%;
  }

  .flight-node {
    display: none;
  }

  .flight-plane {
    left: 42%;
  }
}

@media (max-width: 640px) {
  .hero-dynamic-bg {
    background: radial-gradient(circle at 76% 28%, #ffc5012e, #0000 15rem), radial-gradient(circle at 12% 82%, #02c27f26, #0000 18rem), linear-gradient(145deg, #082e26 0%, #063527 44%, #021611 100%);
  }

  .hero-photo-layer {
    opacity: .5;
    border-radius: 28px 0 0;
    height: 278px;
    bottom: -30px;
    left: -16vw;
    right: -38vw;
  }

  .hero-photo-layer img {
    object-position: 58% 52%;
  }

  .hero-orbit-glow {
    opacity: .58;
    width: 118vw;
    height: 260px;
    top: 58%;
  }

  .hero-product-system, .hero-flow-map {
    display: none;
  }

  .hero-flight-scene {
    opacity: .86;
    width: 122vw;
    height: 230px;
    top: 67%;
    left: 50%;
  }

  .flight-horizon {
    opacity: .68;
    height: 120px;
    top: 46%;
    left: 0;
    right: 0;
  }

  .flight-route {
    height: 104px;
    top: 48%;
    left: 4%;
    right: 4%;
  }

  .flight-tracer {
    width: 7px;
    height: 7px;
    animation-duration: 7.2s;
  }

  .flight-plane {
    width: 112px;
    height: 84px;
    top: 22%;
    left: 42%;
  }

  .flight-plane svg {
    width: 68px;
    height: 68px;
  }

  .plane-mark {
    display: none;
  }

  .hero-flow-map {
    opacity: .28;
    height: 150px;
    top: 61%;
    left: -12vw;
    right: -18vw;
  }

  .flow-step {
    display: none;
  }

  .flow-line {
    left: 0;
  }

  .flow-dot {
    width: 6px;
    height: 6px;
  }

  .hero-float-card {
    border-radius: 18px;
    width: 190px;
    padding: 11px;
  }

  .hero-card-icon {
    border-radius: 12px;
    width: 32px;
    height: 32px;
  }

  .hero-float-card strong {
    font-size: 11px;
    line-height: 15px;
  }

  .hero-float-card span {
    font-size: 10px;
    line-height: 14px;
  }

  .hero-float-card em, .hero-card-meta {
    display: none;
  }

  .hero-card-one {
    top: auto;
    bottom: 92px;
    right: 12px;
  }

  .hero-card-two {
    width: 176px;
    top: auto;
    bottom: 24px;
    left: 16px;
  }

  .hero-card-one, .hero-card-two {
    opacity: .58;
  }

  .hero-brand-chip {
    padding: 6px 10px 6px 6px;
    font-size: 10px;
    bottom: 166px;
    right: 16px;
  }

  .hero-brand-chip img {
    width: 24px;
    height: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-dynamic-bg, .hero-photo-layer, .hero-flow-map, .hero-float-card, .hero-brand-chip {
    transform: none !important;
  }

  .flow-dot {
    display: none;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}

.hero-section {
  background: #f7f2e9;
  justify-content: flex-start;
  min-height: 100svh;
  padding: 136px 80px 84px;
}

.hero-photo-layer, .hero-flow-map, .hero-card-cluster, .hero-brand-chip, .hero-flight-scene, .hero-air-stage {
  display: none !important;
}

.hero-marketplace-stage {
  display: block;
}

.hero-copy {
  text-align: left;
  transform-origin: 0 0;
  width: min(640px, 42vw);
  max-width: 640px;
  margin: 0 0 0 max(42px, 6vw);
}

.hero-copy:before {
  content: none;
}

.hero-copy h1 {
  color: #080b09;
  font-size: clamp(72px, 6.45vw, 118px);
  line-height: .96;
}

.hero-copy p {
  color: #080b09ad;
  max-width: 560px;
  margin-left: 0;
  margin-right: 0;
}

.hero-action {
  border-color: #082e2614;
  width: min(680px, 100%);
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 28px 70px #583f191f, inset 0 1px #ffffffd1;
}

.secondary-action {
  color: #082e269e;
  justify-content: flex-start;
}

.cd-header {
  color: #090b09;
}

.region-pill, .nav-pill, .auth-pill, .cart-pill {
  color: #090b09;
  background: #ffffffb8;
  box-shadow: 0 18px 54px #4e37161c, inset 0 1px #ffffffbd;
}

.nav-pill:before, .auth-pill:before {
  background: #ffc501e6;
  box-shadow: 0 10px 26px #ffc5013d;
}

.market-orbit, .market-dot, .market-platform, .hero-parcel-wrap {
  will-change: transform, opacity;
}

@keyframes orbitPulse {
  0%, 100% {
    opacity: .7;
    transform: translate3d(0, 0, 0)scale(1);
  }

  50% {
    opacity: 1;
    transform: translate3d(18px, -10px, 0)scale(1.15);
  }
}

@keyframes platformFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

@media (max-width: 1024px) {
  .hero-section {
    justify-content: center;
    min-height: 880px;
    padding: 128px 32px 0;
  }

  .hero-copy {
    text-align: center;
    width: min(680px, 100%);
    max-width: 680px;
    margin: 0 auto;
  }

  .hero-copy p, .hero-trust-tags, .hero-action {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-trust-tags, .secondary-action {
    justify-content: center;
  }

  .hero-marketplace-stage {
    height: 500px;
    top: 355px;
  }

  .hero-parcel-wrap {
    width: min(72vw, 560px);
    height: 380px;
    top: 132px;
    right: 12vw;
  }

  .market-orbit {
    width: 76vw;
    height: 330px;
    top: 126px;
    left: 16vw;
  }

  .market-orbit.orbit-tight {
    width: 58vw;
    height: 230px;
    top: 172px;
    left: 24vw;
  }

  .market-orbit.orbit-low {
    width: 82vw;
    height: 170px;
    top: 268px;
    left: 10vw;
  }

  .platform-1688 {
    top: 70px;
    left: 31vw;
  }

  .platform-taobao {
    top: 118px;
    right: 8vw;
  }

  .platform-weidian {
    top: 252px;
    left: 10vw;
  }

  .platform-yupoo {
    bottom: 36px;
    left: 34vw;
  }

  .platform-xianyu {
    bottom: 70px;
    right: 10vw;
  }
}

@media (max-width: 640px) {
  .hero-section {
    min-height: 100svh;
    padding: 116px 18px 0;
  }

  .hero-copy {
    text-align: left;
    width: 100%;
  }

  .hero-copy h1 {
    font-size: clamp(48px, 14vw, 68px);
  }

  .hero-copy p, .hero-trust-tags, .hero-action {
    margin-left: 0;
  }

  .hero-trust-tags, .secondary-action {
    justify-content: flex-start;
  }

  .hero-marketplace-stage {
    opacity: .92;
    height: 420px;
    top: 460px;
  }

  .hero-parcel-wrap {
    width: 94vw;
    height: 310px;
    top: 112px;
    right: -8vw;
  }

  .market-orbit {
    width: 112vw;
    height: 250px;
    top: 112px;
    left: -8vw;
  }

  .market-orbit.orbit-tight {
    width: 86vw;
    height: 170px;
    top: 154px;
    left: 4vw;
  }

  .market-orbit.orbit-low {
    width: 120vw;
    height: 126px;
    top: 242px;
    left: -12vw;
  }

  .market-platform {
    width: 64px;
    height: 64px;
  }

  .market-platform img {
    max-height: 30px;
  }

  .platform-1688 {
    top: 72px;
    left: 30vw;
  }

  .platform-taobao {
    top: 118px;
    right: 4vw;
  }

  .platform-weidian {
    top: 220px;
    left: 3vw;
  }

  .platform-yupoo {
    bottom: 28px;
    left: 31vw;
  }

  .platform-xianyu {
    bottom: 58px;
    right: 4vw;
  }
}

.hero-section {
  background: #082e26;
}

.hero-section:before {
  background: radial-gradient(at 66% 42%, #ffc50129, #0000 28%), radial-gradient(at 20% 22%, #ddf7ec14, #0000 38%), linear-gradient(90deg, #021611eb 0%, #05271fad 43%, #05271f57 72%, #021611c2 100%), linear-gradient(#082e2699, #031a14f5);
}

.hero-section:after {
  background: radial-gradient(circle at 5% -2%, #ffffff0e 0 80px, #0000 81px), radial-gradient(circle at 88% -5%, #ffffff0e 0 138px, #0000 139px), linear-gradient(#0000 0% 70%, #0216116b 100%);
}

.hero-copy h1 {
  color: var(--paper);
  font-size: clamp(76px, 6.8vw, 126px);
}

.hero-copy p {
  color: #ffffffc7;
}

.hero-trust-tags span {
  color: #ffffffd1;
  background: #ffffff1a;
  border-color: #ffffff2e;
  box-shadow: inset 0 1px #ffffff24, 0 16px 34px #0000001c;
}

.hero-action {
  background: radial-gradient(circle at 18%, #ffc50114, #0000 32%), #fffffff2;
  border-color: #ffffff57;
  width: min(760px, 100%);
  min-height: 78px;
  padding: 10px;
  box-shadow: 0 36px 100px #00000057, 0 0 0 10px #ffffff09, inset 0 1px #ffffffe0;
}

.link-input {
  padding-left: 22px;
  font-size: 17px;
}

.primary-pill {
  background: var(--yellow);
  color: #0b241e;
  min-height: 58px;
  padding: 0 30px;
  box-shadow: 0 18px 34px #ffc50147;
}

.secondary-action {
  color: #ffffffa3;
}

.brand-pill {
  color: var(--paper);
  background: #082e26b3;
  box-shadow: 0 20px 50px #0000002e, inset 0 1px #ffffff14;
}

.region-pill, .nav-pill, .auth-pill, .cart-pill {
  color: #090b09;
  background: #ffffffe0;
}

.hero-marketplace-stage {
  opacity: .9;
  transform: translate3d(calc(var(--hero-mx) * -6px), calc(var(--hero-my) * -5px), 0);
}

.market-orbit {
  border-color: #ffc5013d;
  width: min(48vw, 820px);
  height: min(31vw, 500px);
  top: 23vh;
  left: 49vw;
}

.market-orbit.orbit-tight {
  border-color: #ffffff29;
  width: min(36vw, 610px);
  height: min(23vw, 360px);
  top: 29vh;
  left: 53vw;
}

.market-orbit.orbit-low {
  border-color: #ffc50124;
  width: min(48vw, 760px);
  height: min(17vw, 270px);
  top: 47vh;
  left: 47vw;
}

.market-platform {
  opacity: .9;
  width: clamp(58px, 5.4vw, 88px);
  height: clamp(58px, 5.4vw, 88px);
  box-shadow: 0 20px 48px #0003, inset 0 1px #ffffffc7;
}

.market-platform img {
  width: 68%;
  max-height: 32px;
}

.platform-1688 {
  top: 18vh;
  left: 56vw;
}

.platform-taobao {
  top: 26vh;
  right: 8vw;
}

.platform-weidian {
  top: 49vh;
  left: 49vw;
}

.platform-yupoo {
  bottom: 18vh;
  left: 58vw;
}

.platform-xianyu {
  bottom: 22vh;
  right: 9vw;
}

.market-dot {
  opacity: .75;
  width: 8px;
  height: 8px;
}

.hero-parcel-wrap {
  opacity: .9;
  filter: drop-shadow(0 42px 62px #0000004d);
  width: min(34vw, 560px);
  height: min(25vw, 410px);
  top: 34vh;
  right: 11vw;
}

.hero-parcel {
  transform: rotateX(var(--parcel-rx, 16deg))
    rotateY(var(--parcel-ry, -26deg))
    rotateZ(-8deg);
  inset: 9% 6% 14%;
}

.parcel-front {
  width: 62%;
  height: 64%;
  top: 10%;
  left: 10%;
  transform: translateZ(82px);
}

.parcel-side {
  width: 34%;
  height: 64%;
  top: 14%;
  right: 11%;
  transform: rotateY(58deg)translateZ(98px);
}

.parcel-top {
  width: 58%;
  height: 30%;
  top: -5%;
  left: 16%;
  transform: rotateX(66deg)translateZ(84px);
}

.parcel-front b {
  font-size: clamp(18px, 2.35vw, 38px);
}

.parcel-front img {
  width: clamp(36px, 4vw, 64px);
  height: clamp(36px, 4vw, 64px);
}

@media (max-width: 1024px) {
  .hero-action {
    width: min(760px, 100%);
  }

  .hero-marketplace-stage {
    top: 360px;
  }

  .hero-parcel-wrap {
    width: min(58vw, 470px);
    height: 330px;
    top: 145px;
    right: 12vw;
  }
}

@media (max-width: 640px) {
  .hero-action {
    min-height: 58px;
    padding: 6px;
  }

  .primary-pill {
    min-height: 42px;
    padding: 0 16px;
  }

  .link-input {
    padding-left: 8px;
  }

  .hero-marketplace-stage {
    height: 360px;
    top: 470px;
  }

  .hero-parcel-wrap {
    width: 76vw;
    height: 260px;
    top: 118px;
    right: -6vw;
  }

  .market-platform {
    width: 54px;
    height: 54px;
  }
}

.hero-section {
  background: #082e26;
  min-height: 100svh;
  padding: 112px 24px 88px;
  overflow: hidden;
}

.hero-section:before {
  z-index: 1;
  background: radial-gradient(circle at 8% -6%, #ffffff17 0 120px, #0000 121px), radial-gradient(circle at 87% -8%, #ffffff17 0 150px, #0000 151px), linear-gradient(90deg, #031f18c2 0%, #07271fb3 44%, #06241dc7 100%), linear-gradient(#082e26b3, #021510e0);
}

.hero-section:after {
  z-index: 1;
  background: radial-gradient(at 50% 54%, #0000 0%, #02120e14 44%, #02120e6b 100%), linear-gradient(#02120e05 0%, #02120e4d 100%);
}

.hero-dynamic-bg {
  background: #082e26;
}

.hero-photo-layer {
  opacity: 1;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: none;
}

.hero-photo-layer img {
  object-fit: cover;
  object-position: center 52%;
  filter: saturate(.95) contrast(1.05) brightness(.72);
  width: 100%;
  height: 100%;
  transform: scale(1.02);
}

.hero-photo-layer:after {
  content: "";
  background: radial-gradient(at 50% 42%, #02120e1f, #02120e8a 72%), linear-gradient(#082e268c 0%, #082e267a 45%, #082e26db 100%), linear-gradient(90deg, #082e26b8 0%, #082e2638 45%, #082e26b8 100%);
  position: absolute;
  inset: 0;
}

.hero-depth-grid, .hero-spotlight, .hero-aurora, .hero-liquid-sheet, .hero-orbit-glow, .hero-product-system, .hero-marketplace-stage, .hero-flow-map, .hero-card-cluster, .hero-brand-chip, .hero-section .liquid-transition {
  display: none;
}

.hero-noise {
  z-index: 2;
  opacity: .13;
}

.hero-copy {
  z-index: 3;
  text-align: center;
  width: min(920px, 100%);
  margin: 0 auto;
}

.hero-copy h1 {
  color: var(--paper);
  letter-spacing: 0;
  text-shadow: 0 26px 70px #00000038;
  font-size: clamp(76px, 8.2vw, 144px);
  line-height: .92;
}

.hero-copy p {
  color: #ffffffc2;
  letter-spacing: 0;
  width: min(760px, 100%);
  margin: 26px auto 0;
  font-size: clamp(18px, 1.35vw, 23px);
  line-height: 1.42;
}

.hero-trust-tags {
  justify-content: center;
  margin: 22px auto 0;
}

.hero-trust-tags span {
  color: #ffffffd1;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  background: #ffffff21;
  border: 1px solid #ffffff3d;
  min-height: 32px;
  padding: 0 16px;
  box-shadow: inset 0 1px #ffffff29, 0 12px 32px #00000024;
}

.hero-action {
  background: #fffffff0;
  border: 1px solid #ffffff6b;
  width: min(840px, 100%);
  min-height: 68px;
  margin: 30px auto 0;
  padding: 7px;
  box-shadow: 0 30px 80px #00000047, inset 0 1px #ffffffdb;
}

.link-input {
  color: #082e2680;
  padding-left: 18px;
  font-size: 16px;
}

.primary-pill {
  min-height: 52px;
  color: var(--paper);
  background: #079767;
  padding: 0 28px;
  box-shadow: 0 16px 32px #0797673d;
}

.secondary-action {
  color: #ffffffad;
  margin-top: 18px;
}

.secondary-action:hover {
  color: var(--paper);
}

.brand-pill {
  color: var(--paper);
  background: #082e26d1;
}

.region-pill, .nav-pill, .more-pill, .cart-pill {
  color: #090b09;
  background: #fffffff0;
}

.nav-pill {
  --nav-active: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(520px, 38vw);
}

.nav-pill:before {
  width: calc(25% - 5.5px);
  transform: translateX(calc(var(--nav-active) * (100% + 4px)));
}

.nav-pill[data-active="0"] a:first-child, .nav-pill[data-active="1"] a:nth-child(2), .nav-pill[data-active="2"] a:nth-child(3), .nav-pill[data-active="3"] a:nth-child(4) {
  color: var(--green-900);
}

.nav-pill:has(a:first-child:hover):before {
  transform: translateX(0);
}

.nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0);
}

.nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 4px));
}

.nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 4px));
}

.nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 8px));
}

.nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 8px));
}

.nav-pill:has(a:nth-child(4):hover):before {
  transform: translateX(calc(300% + 12px));
}

.nav-pill:has(a:nth-child(4):focus-visible):before {
  transform: translateX(calc(300% + 12px));
}

@media (max-width: 1024px) {
  .nav-pill {
    width: min(560px, 52vw);
  }

  .hero-section {
    padding-top: 132px;
  }
}

@media (max-width: 640px) {
  .hero-section {
    padding: 118px 18px 64px;
  }

  .hero-copy {
    text-align: center;
  }

  .hero-copy h1 {
    font-size: clamp(52px, 15vw, 72px);
  }

  .hero-copy p, .hero-trust-tags, .hero-action {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-trust-tags {
    justify-content: center;
  }

  .hero-action {
    min-height: 58px;
    padding: 6px;
  }

  .primary-pill {
    min-height: 44px;
    padding: 0 16px;
  }

  .link-input {
    padding-left: 8px;
    font-size: 13px;
  }
}

.hero-section {
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 124px 24px 92px;
  display: flex;
}

.hero-copy {
  text-align: center;
  transform-origin: center;
  width: min(940px, 100%);
  max-width: 940px;
  margin: 0 auto;
  position: relative;
  top: auto;
  left: auto;
}

.hero-copy h1 {
  margin: 0 auto;
  font-size: clamp(82px, 7.7vw, 142px);
  line-height: .92;
}

.hero-copy p {
  max-width: 780px;
  margin: 26px auto 0;
}

.hero-trust-tags {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.hero-action {
  width: min(820px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.secondary-action {
  justify-content: center;
}

.nav-pill {
  --nav-active: 0;
  background: #fffffff0;
  border: 1px solid #ffffffbd;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  width: min(640px, 43vw);
  height: 56px;
  padding: 5px;
  box-shadow: 0 26px 58px #00000024, inset 0 1px #ffffffd1;
}

.nav-pill:before {
  width: calc(33.3333% - 6px);
  height: 44px;
  transform: translateX(calc(var(--nav-active) * (100% + 4px)));
  background: radial-gradient(circle at 28% 18%, #ffffff9e, #0000 42%), linear-gradient(135deg, #ddf7ecf2, #ffffffb8);
  border-radius: 9999px;
  transition: transform .62s cubic-bezier(.18, 1.15, .28, 1), width .42s cubic-bezier(.22, 1, .36, 1), box-shadow .22s;
  top: 5px;
  left: 5px;
  box-shadow: 0 16px 34px #082e2624, inset 0 1px #ffffffeb;
}

.nav-pill a {
  height: 44px;
  font-size: 15px;
  font-weight: 780;
}

.nav-pill[data-active="3"] a:nth-child(4) {
  color: inherit;
}

.nav-pill:has(a:first-child:hover):before {
  transform: translateX(0)scaleX(1.04);
}

.nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scaleX(1.04);
}

.nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 4px))scaleX(1.04);
}

.nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 4px))scaleX(1.04);
}

.nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 8px))scaleX(1.04);
}

.nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 8px))scaleX(1.04);
}

.auth-pill {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: 226px;
  height: 48px;
  padding: 5px;
  display: grid;
  right: 137px;
}

.auth-pill:before {
  transition: transform .62s cubic-bezier(.18, 1.15, .28, 1), box-shadow .22s, background .22s;
}

.auth-pill:has(a:first-child:hover):before {
  transform: translateX(0)scaleX(1.05);
}

.auth-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scaleX(1.05);
}

.auth-pill:has(a:last-child:hover):before {
  transform: translateX(calc(100% + 4px))scaleX(1.05);
}

.auth-pill:has(a:last-child:focus-visible):before {
  transform: translateX(calc(100% + 4px))scaleX(1.05);
}

.more-pill {
  display: none;
}

@media (max-width: 1024px) {
  .hero-section {
    align-items: center;
    padding-top: 128px;
  }

  .hero-copy h1 {
    font-size: clamp(70px, 11vw, 112px);
  }

  .nav-pill {
    width: min(610px, 50vw);
  }
}

@media (max-width: 640px) {
  .hero-section {
    align-items: center;
    min-height: 100svh;
    padding: 112px 18px 58px;
  }

  .hero-copy {
    text-align: center;
  }

  .hero-copy h1 {
    font-size: clamp(52px, 15vw, 76px);
  }

  .hero-copy p, .hero-trust-tags, .hero-action {
    margin-left: auto;
    margin-right: auto;
  }
}

.hero-section {
  padding: 118px 24px 78px;
}

.hero-copy h1 {
  width: 100%;
  font-size: clamp(76px, 6.35vw, 122px);
  line-height: .94;
}

.hero-copy h1 span {
  white-space: nowrap;
}

.hero-trust-tags {
  gap: 10px;
  margin-top: 24px;
}

.hero-trust-tags span {
  background: #ffffff1b;
}

.hero-action {
  width: min(820px, 100%);
  min-height: 70px;
  margin-top: 32px;
}

.nav-pill {
  background: linear-gradient(90deg, #fffffffa, #ffffffe6);
}

.nav-pill:before {
  background: radial-gradient(circle at 18% 15%, #ffffffe0, #0000 38%), linear-gradient(135deg, #e2faeff5, #d1f1e2d6);
  box-shadow: 0 18px 36px #082e261f, 0 0 0 1px #082e260a, inset 0 1px #fffffff2;
}

.nav-pill a {
  color: #080b09;
}

.nav-pill[data-active="0"] a:first-child, .nav-pill[data-active="1"] a:nth-child(2), .nav-pill[data-active="2"] a:nth-child(3) {
  color: var(--green-900);
}

.auth-pill:before {
  background: radial-gradient(circle at 24% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #0db37d, #087a58);
  box-shadow: 0 15px 34px #038b5c47, 0 0 0 1px #082e260a, inset 0 1px #ffffff3d;
}

.auth-pill:has(a:first-child:hover):before {
  background: radial-gradient(circle at 24% 18%, #ffffff52, #0000 38%), linear-gradient(135deg, #10b981, #087a58);
}

.auth-pill:has(a:first-child:focus-visible):before {
  background: radial-gradient(circle at 24% 18%, #ffffff52, #0000 38%), linear-gradient(135deg, #10b981, #087a58);
}

.auth-pill:has(a:last-child:hover):before {
  background: radial-gradient(circle at 24% 18%, #ffffff52, #0000 38%), linear-gradient(135deg, #10b981, #087a58);
}

.auth-pill:has(a:last-child:focus-visible):before {
  background: radial-gradient(circle at 24% 18%, #ffffff52, #0000 38%), linear-gradient(135deg, #10b981, #087a58);
}

.primary-pill {
  color: #fff;
  background: radial-gradient(circle at 24% 18%, #ffffff3d, #0000 36%), linear-gradient(135deg, #0db37d, #078a61);
  box-shadow: 0 18px 36px #038b5c47;
}

@media (max-width: 1024px) {
  .hero-copy {
    width: min(900px, 100vw - 44px);
  }

  .hero-copy h1 {
    font-size: clamp(64px, 9vw, 104px);
  }
}

@media (max-width: 640px) {
  .hero-copy h1 span {
    white-space: normal;
  }
}

.nav-pill:before {
  background: radial-gradient(circle at 22% 16%, #ffffffdb, #0000 40%), linear-gradient(135deg, #e0f8eefa, #ceeee0db) !important;
}

.auth-pill:before {
  content: "";
  background: radial-gradient(circle at 26% 18%, #ffffff4d, #0000 38%), linear-gradient(135deg, #0db37d, #087a58) !important;
}

.auth-pill a:last-child, .auth-pill[data-active="1"] a:last-child {
  color: #fff;
}

.auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff;
}

.auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff;
}

.auth-pill a:first-child {
  color: #0000009e;
}

.primary-pill {
  background: radial-gradient(circle at 24% 18%, #ffffff3d, #0000 36%), linear-gradient(135deg, #0db37d, #078a61) !important;
}

.hero-section {
  padding-top: 132px;
}

.hero-copy {
  width: min(1180px, 100vw - 56px);
  max-width: 1180px;
  padding-top: 0;
}

.hero-copy h1 {
  font-size: clamp(78px, 6.15vw, 118px);
  font-weight: 820;
  line-height: 1.02;
}

.hero-copy p {
  color: #ffffffb8;
  max-width: 780px;
  margin-top: 34px;
  font-size: clamp(19px, 1.2vw, 23px);
  line-height: 1.58;
}

.hero-trust-tags span {
  color: #ffffffbd;
  min-height: 34px;
  padding: 0 17px;
}

.hero-action {
  background: radial-gradient(circle at 17%, #0db37d14, #0000 28%), #fffffff5;
  border-radius: 9999px;
  width: min(980px, 100%);
  min-height: 88px;
  margin-top: 44px;
  padding: 10px;
  box-shadow: 0 34px 86px #00000052, 0 0 0 10px #ffffff09, inset 0 1px #ffffffeb;
}

.link-input {
  color: #082e266b;
  flex: 1;
  gap: 16px;
  min-width: 0;
  padding-left: 24px;
  font-size: clamp(18px, 1.1vw, 21px);
  font-weight: 650;
}

.link-input > span:not(.search-platform-hints) {
  white-space: nowrap;
}

.search-platform-hints {
  opacity: .92;
  filter: none;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  padding-right: 22px;
  display: inline-flex;
}

.search-platform-hints img {
  object-fit: contain;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  display: block;
}

.primary-pill {
  min-height: 64px;
  padding: 0 34px;
  font-size: 17px;
  font-weight: 820;
}

.secondary-action {
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .hero-action {
    width: min(860px, 100%);
  }

  .search-platform-hints {
    display: none;
  }
}

@media (max-width: 640px) {
  .hero-section {
    padding-top: 122px;
  }

  .hero-copy {
    width: min(100%, 100vw - 34px);
  }

  .hero-copy h1 {
    font-size: clamp(50px, 14vw, 72px);
    line-height: 1;
  }

  .hero-copy p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.48;
  }

  .hero-action {
    min-height: 66px;
    margin-top: 34px;
    padding: 7px;
  }

  .link-input {
    gap: 10px;
    padding-left: 14px;
    font-size: 14px;
  }

  .link-input > span:not(.search-platform-hints) {
    white-space: normal;
  }

  .primary-pill {
    min-height: 50px;
    padding: 0 18px;
    font-size: 14px;
  }
}

.hero-copy {
  width: min(1200px, 100vw - 56px) !important;
  max-width: 1200px !important;
  transform: translateY(10px) !important;
}

.hero-copy h1 {
  letter-spacing: 0 !important;
  font-size: clamp(78px, 6.1vw, 116px) !important;
  line-height: 1.03 !important;
}

.hero-copy p {
  max-width: 820px !important;
  margin-top: 38px !important;
  font-size: clamp(19px, 1.18vw, 23px) !important;
  line-height: 1.58 !important;
}

.hero-trust-tags {
  margin-top: 34px !important;
}

.hero-action {
  width: min(1060px, 100%) !important;
  min-height: 94px !important;
  margin-top: 50px !important;
  padding: 12px !important;
}

.link-input {
  gap: 16px !important;
  padding-left: 28px !important;
}

.link-input > span:not(.search-platform-hints) {
  white-space: nowrap !important;
  max-width: none !important;
  font-size: clamp(18px, 1.08vw, 21px) !important;
  overflow: visible !important;
}

@media (max-width: 1024px) {
  .hero-action {
    width: min(900px, 100%) !important;
    min-height: 82px !important;
  }

  .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .hero-copy {
    width: min(100%, 100vw - 34px) !important;
    transform: none !important;
  }

  .hero-copy h1 {
    font-size: clamp(50px, 14vw, 72px) !important;
    line-height: 1 !important;
  }

  .hero-copy p {
    margin-top: 24px !important;
    font-size: 16px !important;
    line-height: 1.48 !important;
  }

  .hero-action {
    min-height: 68px !important;
    margin-top: 34px !important;
    padding: 7px !important;
  }

  .link-input {
    gap: 10px !important;
    padding-left: 14px !important;
  }

  .link-input > span:not(.search-platform-hints) {
    white-space: normal !important;
    font-size: 14px !important;
  }
}

.hero-copy h1 span {
  animation: heroText .9s var(--ease-out) both,
    heroHeadlineBreath 6.8s ease-in-out 1.1s infinite alternate !important;
}

.hero-copy h1 span + span {
  animation-delay: 80ms, 1.25s !important;
}

.link-input .search-platform-hints {
  opacity: .92 !important;
  filter: none !important;
  flex-direction: row !important;
  flex: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: none !important;
  margin-left: auto !important;
  padding-right: 22px !important;
  display: inline-flex !important;
  overflow: visible !important;
}

.link-input .search-platform-hints img {
  object-fit: contain !important;
  flex: none !important;
  width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
}

.hero-section .liquid-transition {
  z-index: 4 !important;
  opacity: 1 !important;
  height: 220px !important;
  display: block !important;
  bottom: -96px !important;
}

.liquid-transition:before {
  opacity: .9 !important;
  filter: blur(12px) !important;
  background: linear-gradient(#082e2600 0%, #082e262e 38%, #f7f5efbd 86%) !important;
}

.liquid-sheet {
  background: radial-gradient(at 48% 0, #e8f5ebb8, #0000 58%), #f7f5ef !important;
  border-radius: 52% 48% 0 0 / 34% 40% 0 0 !important;
  height: 126px !important;
  display: block !important;
  transform: translateY(36px)scaleX(1.05) !important;
}

.liquid-blob {
  background: radial-gradient(at 45% 12%, #e8f5ebc7, #0000 58%), #f7f5ef !important;
  display: block !important;
}

.blob-left {
  height: 116px !important;
  bottom: 20px !important;
}

.blob-mid {
  height: 138px !important;
  bottom: 18px !important;
}

.blob-right {
  height: 122px !important;
  bottom: 24px !important;
}

.liquid-glass {
  opacity: .45 !important;
  display: block !important;
  top: 92px !important;
}

@media (max-width: 1024px) {
  .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .hero-section .liquid-transition {
    height: 170px !important;
    bottom: -78px !important;
  }

  .liquid-sheet {
    height: 96px !important;
  }
}

body .cd-header {
  padding-top: 22px !important;
}

body .cd-nav {
  max-width: 1390px !important;
  padding: 0 68px !important;
}

body .nav-pill {
  background: linear-gradient(90deg, #fffffff7, #f4f8f4ed) !important;
  border-color: #ffffffc2 !important;
  gap: 2px !important;
  width: min(570px, 40vw) !important;
  height: 52px !important;
  padding: 4px !important;
  box-shadow: 0 20px 46px #0000001f, inset 0 1px #ffffffdb !important;
}

body .nav-pill:before {
  width: calc(33.3333% - 4px) !important;
  height: 34px !important;
  transform: translateX(calc(var(--nav-active) * (100% + 2px))) scale(.985) !important;
  background: radial-gradient(circle at 25% 18%, #ffffffd1, #0000 42%), linear-gradient(135deg, #def8ecf5, #f2faf4db) !important;
  transition: transform .68s cubic-bezier(.16, 1, .3, 1), border-radius .68s cubic-bezier(.16, 1, .3, 1), box-shadow .24s !important;
  top: 4px !important;
  left: 4px !important;
  box-shadow: 0 12px 24px #082e261c, 0 0 26px #5ecc9d2e, inset 0 1px #ffffffeb !important;
}

body .nav-pill:has(a:first-child:hover):before {
  transform: translateX(0)scale(.985) !important;
}

body .nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scale(.985) !important;
}

body .nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 2px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 2px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 4px))scale(.985) !important;
}

body .nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 4px))scale(.985) !important;
}

body .nav-pill a {
  color: #081813db !important;
  letter-spacing: 0 !important;
  height: 34px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

body .nav-pill a:hover, body .nav-pill[data-active="0"] a:first-child, body .nav-pill[data-active="1"] a:nth-child(2), body .nav-pill[data-active="2"] a:nth-child(3) {
  color: #0a5b45 !important;
}

body .auth-pill:before {
  background: radial-gradient(circle at 26% 18%, #ffffff42, #0000 38%), linear-gradient(135deg, #18a979, #087251) !important;
  box-shadow: 0 14px 28px #038b5c38, 0 0 24px #25ca9029, inset 0 1px #ffffff42 !important;
}

body .hero-copy {
  transform: translateY(0) !important;
}

body .hero-copy h1 {
  font-size: clamp(64px, 4vw, 82px) !important;
  line-height: 1.02 !important;
}

body .hero-copy h1 span {
  animation: heroText .9s var(--ease-out) both,
    heroHeadlineBreath 7.4s ease-in-out 1.1s infinite alternate !important;
}

body .hero-copy p {
  text-wrap: balance;
  color: #ffffffba !important;
  max-width: 560px !important;
  margin-top: 22px !important;
  animation: 7.6s ease-in-out 1.4s infinite alternate heroSubtleBreath !important;
}

body .hero-trust-tags {
  gap: 12px !important;
  margin-top: 32px !important;
}

body .hero-trust-tags span {
  color: #ffffffad !important;
  letter-spacing: 0 !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  background: linear-gradient(#ffffff13, #ffffff09) !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  min-height: 28px !important;
  padding: 0 13px !important;
  font-size: 12.5px !important;
  font-weight: 640 !important;
  box-shadow: inset 0 1px #ffffff1a, 0 10px 24px #00000014 !important;
}

body .hero-section .hero-action {
  width: min(920px, 100vw - 112px) !important;
  min-height: 78px !important;
  margin-top: 36px !important;
  padding: 8px !important;
}

body .hero-section .hero-action .link-input {
  padding-left: 30px !important;
}

body .hero-section .hero-action .link-input > span:not(.search-platform-hints) {
  color: #082e2675 !important;
  font-size: clamp(15px, .88vw, 17px) !important;
}

body .hero-section .hero-action .link-input svg {
  color: #0a8f68 !important;
  stroke-width: 2.35px !important;
}

body .hero-section .hero-action .link-input .search-platform-hints {
  opacity: .92 !important;
  filter: none !important;
  gap: 12px !important;
  padding-right: 22px !important;
}

body .hero-section .hero-action .link-input .search-platform-hints img {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
}

body .hero-section .liquid-transition {
  z-index: 4 !important;
  opacity: 1 !important;
  height: 272px !important;
  bottom: -146px !important;
}

body .hero-section .liquid-transition:before {
  filter: blur(20px) !important;
  opacity: calc(.38 + var(--liquid-progress, 0) * .42) !important;
  transform: translateY(var(--liquid-pull-soft)) !important;
  background: linear-gradient(#082e2600 0%, #082e261f 54%, #f7f5ef94 94%) !important;
}

body .hero-section .liquid-sheet {
  height: 116px !important;
  transform: translateY(var(--liquid-sheet-y)) scaleX(var(--liquid-sheet-scale)) !important;
  background: radial-gradient(at 48% 0, #e8f5eb6b, #0000 56%), #f7f5ef !important;
  border-radius: 50% 50% 0 0 / 18% 18% 0 0 !important;
}

body .hero-section .liquid-blob {
  opacity: calc(.08 + var(--liquid-progress, 0) * .72) !important;
  filter: blur(.4px) !important;
  transform: translateY(var(--liquid-blob-y)) scale(var(--liquid-blob-scale)) !important;
}

body .hero-section .blob-left {
  height: 92px !important;
  bottom: 6px !important;
}

body .hero-section .blob-mid {
  height: 108px !important;
  bottom: 0 !important;
}

body .hero-section .blob-right {
  height: 96px !important;
  bottom: 8px !important;
}

body .hero-section .liquid-glass {
  height: 36px !important;
  opacity: calc(.18 + var(--liquid-progress, 0) * .32) !important;
  filter: blur(38px) !important;
  top: 118px !important;
}

@media (max-width: 1024px) {
  body .nav-pill {
    width: min(520px, 48vw) !important;
  }

  body .hero-section .hero-action {
    width: min(920px, 100vw - 36px) !important;
    min-height: 84px !important;
  }

  body .hero-section .hero-action .link-input .search-platform-hints {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body .cd-nav {
    padding: 0 18px !important;
  }

  body .hero-copy h1 {
    font-size: clamp(50px, 14vw, 72px) !important;
  }

  body .hero-section .liquid-transition {
    height: 210px !important;
    bottom: -112px !important;
  }

  body .hero-section .liquid-sheet {
    height: 94px !important;
  }
}

html body .hero-section .liquid-transition {
  z-index: 4 !important;
  height: 360px !important;
  opacity: var(--liquid-motion, 0) !important;
  transform: translateY(var(--liquid-transition-y, 58px)) !important;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1), transform 1.04s cubic-bezier(.22, 1, .36, 1) !important;
  bottom: -224px !important;
}

html body .hero-section .liquid-transition:before {
  opacity: var(--liquid-before-opacity, 0) !important;
  transform: translateY(var(--liquid-before-y, 42px)) !important;
}

html body .hero-section .liquid-sheet {
  height: 150px !important;
  transform: translateY(var(--liquid-sheet-reveal-y, 154px)) scaleX(var(--liquid-sheet-reveal-scale, 1.03)) !important;
  border-radius: 50% 50% 0 0 / 30% 30% 0 0 !important;
  transition: transform 1.12s cubic-bezier(.22, 1, .36, 1) !important;
}

html body .hero-section .liquid-blob {
  opacity: var(--liquid-blob-opacity, 0) !important;
  transform: translateY(var(--liquid-blob-reveal-y, 58px)) scale(var(--liquid-blob-reveal-scale, .96)) !important;
  transition: opacity .26s cubic-bezier(.22, 1, .36, 1), transform 1.12s cubic-bezier(.22, 1, .36, 1) !important;
}

html body .hero-section .liquid-glass {
  opacity: var(--liquid-glass-opacity, 0) !important;
}

html.liquid-waving body .hero-section .liquid-transition {
  opacity: .94 !important;
  transform: translateY(0) !important;
}

html.liquid-waving body .hero-section .liquid-transition:before {
  opacity: .88 !important;
  transform: translateY(0) !important;
}

html.liquid-waving body .hero-section .liquid-sheet {
  transform: translateY(-118px)scaleX(1.1) !important;
}

html.liquid-waving body .hero-section .liquid-blob {
  opacity: .86 !important;
  transform: translateY(-142px)scale(1.08) !important;
}

html.liquid-waving body .hero-section .liquid-glass {
  opacity: .42 !important;
}

@media (max-width: 640px) {
  html body .hero-section .liquid-transition {
    height: 278px !important;
    bottom: -186px !important;
  }

  html body .hero-section .liquid-sheet {
    height: 118px !important;
  }
}

html body .hero-section .liquid-motion-wave {
  z-index: 7 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  transform-origin: bottom !important;
  height: 190px !important;
  transition: bottom .98s cubic-bezier(.22, 1, .36, 1), transform .98s cubic-bezier(.22, 1, .36, 1) !important;
  position: absolute !important;
  bottom: -242px !important;
  left: -6vw !important;
  right: -6vw !important;
  transform: translateY(0)scaleX(1.02) !important;
}

html body .hero-section .liquid-motion-wave:before, html body .hero-section .liquid-motion-wave:after, html body .hero-section .liquid-motion-wave span {
  content: "" !important;
  background: radial-gradient(at 50% 2%, #e2f4e885, #0000 58%), #f7f5ef !important;
  border-radius: 50% 50% 0 0 / 32% 32% 0 0 !important;
  height: 152px !important;
  transition: transform .98s cubic-bezier(.22, 1, .36, 1) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(30px)scaleX(1.04) !important;
  box-shadow: 0 -26px 64px #d0e7d833, inset 0 1px #ffffff9e !important;
}

html body .hero-section .liquid-motion-wave:before {
  border-radius: 48% 52% 0 0 / 46% 38% 0 0 !important;
  height: 122px !important;
  bottom: 12px !important;
  left: -10vw !important;
  right: 54vw !important;
  transform: translateY(58px)scaleX(1.08) !important;
}

html body .hero-section .liquid-motion-wave:after {
  border-radius: 52% 48% 0 0 / 40% 44% 0 0 !important;
  height: 132px !important;
  bottom: 4px !important;
  left: 52vw !important;
  right: -10vw !important;
  transform: translateY(60px)scaleX(1.06) !important;
}

html.liquid-waving body .hero-section .liquid-motion-wave {
  bottom: -72px !important;
  transform: translateY(0)scaleX(1.03) !important;
}

html.liquid-waving body .hero-section .liquid-motion-wave span {
  transform: translateY(-38px)scaleX(1.1) !important;
}

html.liquid-waving body .hero-section .liquid-motion-wave:before {
  transform: translateY(-8px)scaleX(1.14) !important;
}

html.liquid-waving body .hero-section .liquid-motion-wave:after {
  transform: translateY(-14px)scaleX(1.1) !important;
}

@media (max-width: 640px) {
  html body .hero-section .liquid-motion-wave {
    height: 150px !important;
    bottom: -188px !important;
  }

  html.liquid-waving body .hero-section .liquid-motion-wave {
    bottom: -74px !important;
  }

  html body .hero-section .liquid-motion-wave:before, html body .hero-section .liquid-motion-wave:after, html body .hero-section .liquid-motion-wave span {
    height: 112px !important;
  }
}

html body .hero-section .liquid-motion-wave.wave-active {
  bottom: -72px !important;
  transform: translateY(0)scaleX(1.03) !important;
}

html body .hero-section .liquid-motion-wave.wave-active span {
  transform: translateY(-38px)scaleX(1.1) !important;
}

html body .hero-section .liquid-motion-wave.wave-active:before {
  transform: translateY(-8px)scaleX(1.14) !important;
}

html body .hero-section .liquid-motion-wave.wave-active:after {
  transform: translateY(-14px)scaleX(1.1) !important;
}

@media (max-width: 640px) {
  html body .hero-section .liquid-motion-wave.wave-active {
    bottom: -74px !important;
  }
}

html body .nav-pill {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: clamp(680px, 43vw, 790px) !important;
  height: 52px !important;
  padding: 4px !important;
}

html body .nav-pill a {
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  height: 34px !important;
  padding: 0 8px !important;
  font-size: clamp(12.5px, .72vw, 13.5px) !important;
  font-weight: 760 !important;
}

html body .nav-pill:has(a:first-child:hover):before {
  transform: translateX(0)scale(.985) !important;
}

html body .nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 2px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 2px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 4px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 4px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(4):hover):before {
  transform: translateX(calc(300% + 6px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(4):focus-visible):before {
  transform: translateX(calc(300% + 6px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(5):hover):before {
  transform: translateX(calc(400% + 8px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(5):focus-visible):before {
  transform: translateX(calc(400% + 8px))scale(.985) !important;
}

@media (max-width: 1180px) {
  html body .nav-pill {
    display: none !important;
  }
}

html body .cd-nav {
  max-width: min(1840px, 100vw - 40px) !important;
  padding: 0 !important;
}

html body .nav-pill {
  gap: 6px !important;
  width: clamp(700px, 42vw, 860px) !important;
  height: 56px !important;
  padding: 5px !important;
}

html body .nav-pill:before {
  width: calc(20% - 6.8px) !important;
  height: 46px !important;
  transform: translateX(calc(var(--nav-active) * (100% + 6px))) scale(.985) !important;
  top: 5px !important;
  left: 5px !important;
}

html body .nav-pill a {
  height: 46px !important;
  padding: 0 10px !important;
  font-size: clamp(13px, .72vw, 14px) !important;
  font-weight: 780 !important;
}

html body .nav-pill:has(a:first-child:hover):before {
  transform: translateX(0)scale(.985) !important;
}

html body .nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 6px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 6px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 12px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 12px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(4):hover):before {
  transform: translateX(calc(300% + 18px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(4):focus-visible):before {
  transform: translateX(calc(300% + 18px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(5):hover):before {
  transform: translateX(calc(400% + 24px))scale(.985) !important;
}

html body .nav-pill:has(a:nth-child(5):focus-visible):before {
  transform: translateX(calc(400% + 24px))scale(.985) !important;
}

@media (max-width: 1440px) {
  html body .cd-nav {
    max-width: calc(100vw - 32px) !important;
  }

  html body .nav-pill {
    width: clamp(680px, 49vw, 720px) !important;
  }
}

html body .cd-nav {
  max-width: min(1900px, 100vw - 24px) !important;
}

html body .brand-pill {
  left: clamp(22px, 2.7vw, 54px) !important;
}

html body .region-pill {
  left: clamp(196px, 13.4vw, 274px) !important;
}

html body .nav-pill {
  width: clamp(690px, 40vw, 830px) !important;
}

html body .auth-pill {
  right: clamp(92px, 5.6vw, 116px) !important;
}

html body .cart-pill {
  right: clamp(22px, 2.1vw, 42px) !important;
}

@media (max-width: 1440px) {
  html body .brand-pill {
    left: 18px !important;
  }

  html body .region-pill {
    left: 228px !important;
  }

  html body .nav-pill {
    width: clamp(640px, 46vw, 670px) !important;
  }

  html body .auth-pill {
    right: 74px !important;
  }

  html body .cart-pill {
    right: 18px !important;
  }
}

html body .locale-picker {
  z-index: 12;
  position: absolute;
  top: 16px;
  left: clamp(196px, 13.4vw, 274px);
}

html body .locale-picker .region-pill {
  cursor: pointer;
  border: 1px solid #ffffffbd;
  gap: 9px;
  min-width: 144px;
  height: 50px;
  padding: 0 17px;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1), border-color .26s, box-shadow .26s;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

html body .locale-picker .region-pill:hover, html body .locale-picker .region-pill[aria-expanded="true"] {
  border-color: #0a5b4538;
  transform: translateY(-1px);
  box-shadow: 0 24px 58px #00000029, inset 0 1px #ffffffd1;
}

html body .region-currency {
  color: #082e26a3;
  letter-spacing: .04em;
  border-left: 1px solid #082e2629;
  margin-left: -3px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 800;
}

html body .locale-popover {
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  background: linear-gradient(145deg, #fffffffa, #f8f6eff5), #fff;
  border: 1px solid #082e261a;
  border-radius: 32px;
  width: min(500px, 100vw - 32px);
  max-height: min(720px, 100vh - 112px);
  padding: 30px;
  animation: .36s cubic-bezier(.22, 1, .36, 1) both localePopoverIn;
  position: absolute;
  top: 64px;
  left: 50%;
  overflow: auto;
  transform: translateX(-50%);
  box-shadow: 0 34px 90px #00000038, 0 10px 30px #082e2614, inset 0 1px #ffffffe6;
}

html body .locale-popover:before {
  content: "";
  height: 20px;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
}

html body .locale-popover-arrow {
  background: #fffffffa;
  border-top: 1px solid #082e2614;
  border-left: 1px solid #082e2614;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

html body .locale-section + .locale-section {
  margin-top: 28px;
}

html body .locale-heading {
  color: #082e26db;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 850;
}

html body .locale-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html body .locale-option {
  color: #082e26b3;
  min-height: 64px;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffffdb;
  border: 1px solid #082e261c;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  font-size: 18px;
  font-weight: 800;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), background .22s, border-color .22s, color .22s, box-shadow .22s;
  display: inline-flex;
}

html body .locale-option:hover {
  color: #075f49;
  background: #ebf9f1d1;
  border-color: #076f5238;
  transform: translateY(-2px);
}

html body .locale-option.active {
  color: #075f49;
  background: linear-gradient(135deg, #d9f7ebf2, #fff7ce8c);
  border-color: #0574534d;
  box-shadow: inset 0 0 0 1px #0574530f, 0 10px 24px #075f4914;
}

html body .locale-option span {
  color: #082e268c;
  font-size: 12px;
  font-weight: 720;
}

html body .currency-grid .locale-option {
  letter-spacing: .02em;
  min-height: 58px;
  font-size: 18px;
}

html body .locale-confirm {
  color: #fff;
  width: 100%;
  height: 56px;
  font: inherit;
  cursor: pointer;
  background: linear-gradient(135deg, #0a8f68, #05704f);
  border: 0;
  border-radius: 999px;
  margin-top: 26px;
  font-size: 17px;
  font-weight: 850;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s;
  box-shadow: 0 18px 38px #05704f38, inset 0 1px #ffffff47;
}

html body .locale-confirm:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 52px #05704f4d, inset 0 1px #ffffff52;
}

@keyframes localePopoverIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(-10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

@media (max-width: 1440px) {
  html body .locale-picker {
    left: 228px !important;
  }
}

@media (max-width: 640px) {
  html body .locale-picker {
    top: 78px;
    left: 18px !important;
  }

  html body .locale-popover {
    width: calc(100vw - 36px);
    padding: 22px;
    left: 0;
    transform: none;
  }

  html body .locale-popover-arrow {
    left: 74px;
  }

  html body .locale-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body .locale-option {
    min-height: 50px;
  }

  @keyframes localePopoverIn {
    from {
      opacity: 0;
      transform: translateY(-10px)scale(.98);
    }

    to {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }
}

html body .nav-pill:before, html body .auth-pill:before {
  will-change: transform;
  transition: transform .64s cubic-bezier(.18, 1.18, .22, 1), box-shadow .26s, background .26s !important;
}

html body .ios-liquid-segment {
  --liquid-active: 0;
  --liquid-count: 2;
  --liquid-pad: 5px;
  --liquid-gap: 6px;
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

html body .ios-liquid-segment:before {
  content: "";
  z-index: 0;
  top: var(--liquid-pad);
  bottom: var(--liquid-pad);
  left: var(--liquid-pad);
  width: calc((100% - (var(--liquid-pad) * 2) - (var(--liquid-gap) * (var(--liquid-count) - 1))) / var(--liquid-count));
  transform: translateX(calc(var(--liquid-active) * (100% + var(--liquid-gap))));
  will-change: transform;
  background: radial-gradient(circle at 24% 18%, #ffffffa8, #0000 42%), linear-gradient(135deg, #ddf7ecf5, #ffffffb8);
  border-radius: 999px;
  transition: transform .64s cubic-bezier(.18, 1.18, .22, 1), width .36s cubic-bezier(.22, 1, .36, 1), box-shadow .24s, background .24s;
  position: absolute;
  box-shadow: 0 18px 42px #075f4529, inset 0 1px #ffffffeb, inset 0 -18px 28px #075f4514;
}

html body .ios-liquid-item {
  z-index: 1;
  position: relative;
}

html body .product-tool-nav {
  --liquid-pad: 5px;
  --liquid-gap: 5px;
  gap: var(--liquid-gap);
}

html body .product-tool-nav .ios-liquid-item {
  color: #082e26b8;
  transform: translateZ(0);
}

html body .product-tool-nav .ios-liquid-item.active, html body .product-tool-nav .ios-liquid-item:hover {
  color: #075f49;
}

html body .product-tool-nav .ios-liquid-item:hover {
  transform: translateY(-1px);
}

html body .product-color-segment, html body .product-size-segment {
  --liquid-pad: 5px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #f8f6efd1;
  border: 1px solid #082e2614;
  align-items: center;
  display: grid;
  box-shadow: inset 0 1px #ffffffc7, 0 12px 30px #0a28200d;
}

html body .product-color-segment {
  --liquid-gap: 8px;
  gap: var(--liquid-gap);
  min-height: 58px;
  padding: var(--liquid-pad);
  border-radius: 20px;
}

html body .product-size-segment {
  --liquid-gap: 7px;
  gap: var(--liquid-gap);
  min-height: 54px;
  padding: var(--liquid-pad);
  border-radius: 20px;
}

html body .product-color-segment:before, html body .product-size-segment:before {
  background: radial-gradient(circle at 26% 16%, #ffffff5c, #0000 40%), linear-gradient(135deg, #0a8f68, #05704f);
  box-shadow: 0 14px 30px #05704f3b, inset 0 1px #ffffff3d, inset 0 -14px 22px #002d2029;
}

html body .product-color-option, html body .product-size-option {
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  transition: color .22s, transform .24s cubic-bezier(.22, 1, .36, 1);
}

html body .product-color-option {
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
}

html body .product-color-option span {
  transition: transform .26s cubic-bezier(.22, 1, .36, 1), border-color .22s, box-shadow .22s;
}

html body .product-color-option:hover span, html body .product-color-option:focus-visible span {
  transform: scale(1.08);
}

html body .product-color-option[data-active="true"] span {
  box-shadow: 0 0 0 4px #ffffff8a, 0 10px 20px #0000002e;
  border-color: #ffffffc2 !important;
}

html body .product-size-option {
  color: #082e26b8;
  letter-spacing: -.02em;
  border-radius: 15px;
  height: 44px;
  font-size: 14px;
  font-weight: 850;
}

html body .product-size-option:hover, html body .product-size-option:focus-visible {
  color: #075f49;
  transform: translateY(-1px);
}

html body .product-size-option[data-active="true"] {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  html body .ios-liquid-segment:before, html body .nav-pill:before, html body .auth-pill:before {
    transition: none !important;
  }
}

html body .hero-proof-strip {
  background: linear-gradient(#ffffff0b, #ffffff04), radial-gradient(circle at 16% 22%, #f5c40009, #0000 38%), radial-gradient(circle at 86% 70%, #15b6840d, #0000 42%), #01281f38;
  border: 1px solid #ffffff12;
  border-radius: 999px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(690px, 100vw - 44px);
  box-shadow: inset 0 1px #ffffff13, inset 0 -18px 34px #0016111f, 0 12px 34px #00000013;
  -webkit-backdrop-filter: blur(18px) saturate(112%) !important;
  gap: 0 !important;
  margin: 28px auto 0 !important;
  padding: 6px 9px !important;
  display: grid !important;
}

html body .hero-proof-strip:before, html body .hero-proof-strip:after {
  display: none;
}

html body .hero-proof-strip span {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  transition: background .42s cubic-bezier(.22, 1, .36, 1), transform .42s cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: hidden;
  min-height: 54px !important;
  box-shadow: none !important;
  color: #e6f1eba8 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  display: flex !important;
}

html body .hero-proof-strip span:not(:last-child):after {
  content: "";
  background: linear-gradient(#0000, #ffffff12, #0000);
  width: 1px;
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: 0;
}

html body .hero-proof-strip span:before {
  display: none;
}

html body .hero-proof-strip span:hover {
  transform: translateY(-1px);
  background: radial-gradient(circle at 50% 15%, #f5c4000b, #0000 52%), #ffffff06 !important;
}

html body .hero-proof-strip strong {
  color: #f4f9f6eb;
  letter-spacing: -.035em;
  white-space: nowrap;
  font-size: clamp(22px, 1.48vw, 29px);
  font-weight: 850;
  line-height: 1;
  display: block;
}

html body .hero-proof-strip em {
  color: #d0e0d88c;
  white-space: nowrap;
  max-width: none;
  font-size: 11px;
  font-style: normal;
  font-weight: 740;
  line-height: 1.05;
  display: block;
}

html body .stats-section {
  padding: 98px 80px 112px;
}

html body .stats-grid {
  background: linear-gradient(135deg, #ffffffc7, #f6f3e985), #ffffff94;
  border-color: #082e2624;
  border-radius: 30px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1800px, 100% - 96px);
  max-width: none;
  padding: 9px;
  box-shadow: 0 30px 90px #082e261a, inset 0 1px #ffffffb8;
}

html body .stats-grid article {
  text-align: left;
  align-items: flex-start;
  min-width: 0;
  min-height: 250px;
  padding: clamp(36px, 3.2vw, 58px) clamp(28px, 3vw, 54px);
}

html body .stats-grid article:nth-child(odd) {
  background: radial-gradient(circle at 24% 18%, #fff6b8b8, #0000 38%), linear-gradient(#ffd62ceb, #ffc001db);
}

html body .stats-grid article:nth-child(2n) {
  background: radial-gradient(circle at 72% 18%, #ffffffdb, #0000 36%), linear-gradient(#d2f8ecf5, #b9f0dbe0);
}

html body .stats-grid article:before {
  background: #082e2629;
  width: 42px;
  height: 5px;
  margin-bottom: clamp(28px, 3vw, 42px);
}

html body .stats-grid strong {
  color: #020806;
  letter-spacing: -.065em;
  white-space: nowrap;
  max-width: none;
  font-size: clamp(64px, 5.25vw, 108px);
  font-weight: 900;
  line-height: 1;
}

html body .stats-grid .stat-number {
  max-width: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  margin: 0;
  display: inline;
}

@media (max-width: 900px) {
  html body .hero-proof-strip {
    border-radius: 26px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(430px, 100vw - 30px);
    gap: 0 !important;
    margin-top: 24px !important;
    padding: 7px !important;
  }

  html body .hero-proof-strip span {
    justify-content: center;
    border-radius: 20px !important;
    min-height: 34px !important;
    padding: 8px 14px !important;
  }

  html body .hero-proof-strip span:nth-child(2):after {
    display: none;
  }

  html body .hero-proof-strip span:first-child, html body .hero-proof-strip span:nth-child(2) {
    border-bottom: 1px solid #ffffff13 !important;
  }

  html body .hero-proof-strip strong {
    font-size: 20px;
  }

  html body .hero-proof-strip em {
    white-space: normal;
    font-size: 10px;
  }

  html body .stats-section {
    padding: 64px 18px 72px;
  }

  html body .stats-grid {
    border-radius: 26px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 680px;
  }

  html body .stats-grid article {
    min-height: 190px;
    padding: 30px 24px;
  }

  html body .stats-grid article:nth-child(2):after {
    display: none;
  }

  html body .stats-grid article:first-child, html body .stats-grid article:nth-child(2) {
    border-bottom: 2px solid #082e26c7;
  }

  html body .stats-grid strong {
    font-size: clamp(54px, 12vw, 82px);
  }

  html body .stats-grid article > span {
    font-size: 18px;
  }
}

html body:has(.hero-section) .shopping-bag-sheet {
  grid-template-columns: minmax(0, 1fr) min(542px, 100vw - 28px) !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head {
  min-height: 118px !important;
  padding: 30px 30px 22px !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head h2 {
  letter-spacing: -.01em !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body:has(.hero-section) .shopping-bag-product-main strong {
  max-width: 260px !important;
  font-size: 18px !important;
  line-height: 1.28 !important;
}

html body:has(.hero-section) .shopping-bag-quantity {
  border-color: #64708a33 !important;
  border-radius: 5px !important;
  grid-template-columns: 34px 40px 34px !important;
  height: 34px !important;
  margin-top: 4px !important;
}

html body:has(.hero-section) .shopping-bag-summary {
  gap: 12px !important;
  padding: 20px 32px 18px !important;
}

html body:has(.hero-section) .shopping-bag-summary > div {
  gap: 9px !important;
  font-size: 13px !important;
}

html body:has(.hero-section) .shopping-bag-summary > div strong {
  font-size: 16px !important;
}

@media (max-width: 900px) {
  html body:has(.hero-section) .shopping-bag-sheet {
    grid-template-columns: 1fr !important;
  }

  html body:has(.hero-section) .shopping-bag-backdrop {
    position: fixed !important;
    inset: 0 !important;
  }

  html body:has(.hero-section) .shopping-bag-drawer {
    width: min(542px, 100vw - 28px) !important;
    min-width: 0 !important;
    max-width: min(542px, 100vw - 28px) !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
  }

  html body:has(.hero-section) .shopping-bag-drawer {
    width: min(100vw, 542px) !important;
  }
}

@media (max-width: 640px) {
  html body .stats-grid {
    grid-template-columns: 1fr;
  }

  html body .stats-grid article {
    min-height: 168px;
    padding: 28px;
  }

  html body .stats-grid article:after {
    display: none;
  }

  html body .stats-grid article {
    border-bottom: 2px solid #082e26c7;
  }

  html body .stats-grid article:last-child {
    border-bottom: 0;
  }

  html body .stats-grid strong {
    font-size: clamp(58px, 18vw, 88px);
  }
}

html body .stats-section {
  background: radial-gradient(circle at 14% 18%, #ffc5011c, #0000 26%), radial-gradient(circle at 86% 72%, #09a87421, #0000 30%), linear-gradient(#f7f5ef 0%, #fbfaf5 100%);
  padding: 112px 80px 126px;
}

html body .stats-shell {
  isolation: isolate;
  background: radial-gradient(circle at 12% 18%, #ffc5012e, #0000 34%), radial-gradient(circle at 88% 86%, #1dcd8d33, #0000 36%), linear-gradient(135deg, #082f27 0%, #06251f 52%, #031711 100%);
  border: 1px solid #ffffff29;
  border-radius: 34px;
  grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr);
  gap: clamp(34px, 4vw, 76px);
  width: min(1680px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(34px, 4.2vw, 72px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 110px #082e263d, inset 0 1px #ffffff14;
}

html body .stats-shell:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  border: 1px solid #ffffff0e;
  border-radius: 24px;
  position: absolute;
  inset: 14px;
}

html body .stats-shell:after {
  content: "";
  z-index: 0;
  filter: blur(10px);
  pointer-events: none;
  background: radial-gradient(circle, #ffc50121, #0000 64%);
  border-radius: 999px;
  width: 520px;
  height: 520px;
  position: absolute;
  top: -22%;
  right: -10%;
}

html body .stats-copy, html body .stats-grid {
  z-index: 1;
  position: relative;
}

html body .stats-copy {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 4px 0;
  display: flex;
}

html body .stats-copy span {
  color: #ffc501db;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
}

html body .stats-copy h2 {
  color: #f9fcf8f5;
  letter-spacing: -.04em;
  max-width: 460px;
  margin: 34px 0 0;
  font-size: clamp(38px, 3.4vw, 64px);
  font-weight: 850;
  line-height: .98;
}

html body .stats-copy p {
  color: #dfeee6a8;
  max-width: 420px;
  margin: 34px 0 0;
  font-size: 17px;
  font-weight: 620;
  line-height: 1.55;
}

html body .stats-grid {
  width: auto;
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  border-radius: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  display: grid;
  overflow: visible;
}

html body .stats-grid:before {
  display: none;
}

html body .stats-grid article, html body .stats-grid article:nth-child(odd), html body .stats-grid article:nth-child(2n) {
  text-align: left;
  background: linear-gradient(#ffffff16, #ffffff07), #ffffff06;
  border: 1px solid #ffffff13;
  border-radius: 22px;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  min-height: 178px;
  padding: clamp(24px, 2.2vw, 34px);
  transition: transform .26s cubic-bezier(.22, 1, .36, 1), border-color .22s, background .22s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff14, 0 20px 52px #00000014;
}

html body .stats-grid article:before {
  content: "";
  width: 34px;
  height: 3px;
  box-shadow: none;
  background: linear-gradient(90deg, #ffc501d1, #25d29180);
  border-radius: 999px;
  margin: 0;
  position: absolute;
  top: 22px;
  left: 24px;
}

html body .stats-grid article:after {
  display: none;
}

html body .stats-grid article:hover {
  background: linear-gradient(#ffffff1f, #ffffff09), #ffffff08;
  border-color: #ffffff24;
  transform: translateY(-3px);
}

html body .stats-grid strong {
  color: #f9fcf8fa;
  letter-spacing: -.055em;
  white-space: nowrap;
  max-width: none;
  margin-top: 34px;
  font-size: clamp(52px, 4.8vw, 92px);
  font-weight: 900;
  line-height: .9;
  display: block;
}

html body .stats-grid .stat-number {
  max-width: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: nowrap;
  margin: 0;
  display: inline;
}

html body .stats-grid article > span {
  color: #dfeee6b8;
  letter-spacing: 0;
  max-width: none;
  margin: 18px 0 0;
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 780;
  line-height: 1.2;
}

html body .stats-grid article.gold strong {
  color: #ffe575fa;
}

html body .stats-grid article.mint strong {
  color: #d6ffeffa;
}

@media (max-width: 1100px) {
  html body .stats-shell {
    grid-template-columns: 1fr;
  }

  html body .stats-copy {
    display: block;
  }

  html body .stats-copy h2, html body .stats-copy p {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  html body .stats-section {
    padding: 72px 16px 84px;
  }

  html body .stats-shell {
    border-radius: 26px;
    width: 100%;
    padding: 26px;
  }

  html body .stats-copy h2 {
    font-size: 34px;
  }

  html body .stats-copy p {
    margin-top: 22px;
    font-size: 14px;
  }

  html body .stats-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  html body .stats-grid article {
    border-bottom: 0;
    min-height: 138px;
    padding: 22px;
  }

  html body .stats-grid strong {
    font-size: 54px;
  }
}

html body .locale-picker .locale-popover {
  border-radius: 24px !important;
  width: min(380px, 100vw - 36px) !important;
  padding: 20px !important;
  overflow: visible !important;
}

html body .locale-popover .locale-section + .locale-section {
  margin-top: 18px !important;
}

html body .locale-popover .locale-heading {
  margin-bottom: 12px !important;
  font-size: 11px !important;
}

html body .locale-popover .locale-grid, html body .locale-popover .language-grid, html body .locale-popover .currency-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
  display: grid !important;
}

html body .locale-popover .locale-option {
  white-space: nowrap !important;
  border-radius: 13px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
}

html body .locale-popover .currency-grid .locale-option {
  min-height: 34px !important;
  font-size: 15px !important;
}

@media (max-width: 640px) {
  html body .locale-picker .locale-popover {
    width: min(360px, 100vw - 30px) !important;
    padding: 16px !important;
  }

  html body .locale-popover .locale-grid, html body .locale-popover .language-grid, html body .locale-popover .currency-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 10px !important;
  }

  html body .locale-popover .locale-option {
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
  }
}

html body .mobile-search-screen {
  display: none;
}

@media (min-width: 641px) {
  html body .placeholder-short {
    display: none !important;
  }
}

@media (max-width: 640px) {
  html body .mobile-search-screen {
    z-index: 90;
    padding: max(18px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
    opacity: 0;
    pointer-events: none;
    background: radial-gradient(circle at 18% 0, #ffc50133, #0000 34%), radial-gradient(circle at 88% 22%, #15b6842e, #0000 34%), linear-gradient(#f9f7ef 0%, #fffdf7 100%);
    flex-direction: column;
    gap: 18px;
    transition: opacity .24s, transform .36s cubic-bezier(.22, 1, .36, 1);
    display: flex;
    position: fixed;
    inset: 0;
    overflow-y: auto;
    transform: translateY(18px);
  }

  html body .mobile-search-screen.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  html body .mobile-search-bar {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    display: grid;
  }

  html body .mobile-search-back {
    color: #083c2f;
    background: #ffffffe6;
    border: 1px solid #082e261a;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    display: inline-flex;
    box-shadow: 0 14px 30px #082e2617;
  }

  html body .mobile-search-back svg {
    transform: rotate(180deg);
  }

  html body .mobile-search-input {
    background: #fffffff5;
    border: 1px solid #082e261a;
    border-radius: 999px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 52px;
    padding: 5px;
    display: grid;
    box-shadow: 0 18px 44px #082e261a, inset 0 1px #ffffffeb;
  }

  html body .mobile-search-input input {
    color: #082e26;
    min-width: 0;
    height: 42px;
    font: inherit;
    background: none;
    border: 0;
    outline: 0;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 720;
  }

  html body .mobile-search-input input::placeholder {
    color: #082e266b;
  }

  html body .mobile-search-input button {
    color: #fff;
    background: linear-gradient(135deg, #0db37d, #05704f);
    border-radius: 999px;
    min-width: 76px;
    height: 42px;
    font-size: 14px;
    font-weight: 850;
    box-shadow: 0 12px 26px #05704f38;
  }

  html body .mobile-search-panel {
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    background: #ffffffbd;
    border: 1px solid #082e2614;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 18px 46px #082e2614, inset 0 1px #ffffffd1;
  }

  html body .mobile-search-head {
    color: #082e26db;
    letter-spacing: .04em;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 850;
    display: flex;
  }

  html body .mobile-search-head button {
    color: #082e2694;
    background: #082e260f;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    display: inline-flex;
  }

  html body .mobile-search-history, html body .mobile-trending-list {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    display: flex;
  }

  html body .mobile-search-history button, html body .mobile-trending-list button {
    color: #082e26ad;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #ffffffc7;
    border: 1px solid #082e2614;
    border-radius: 999px;
    min-width: 0;
    max-width: 100%;
    min-height: 38px;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 760;
    overflow: hidden;
  }

  html body .hero-section .hero-action {
    background: #fffffff5 !important;
    border-color: #ffffff9e !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 360px) !important;
    min-height: 56px !important;
    margin-top: 26px !important;
    padding: 5px !important;
    box-shadow: 0 18px 44px #0000002e, inset 0 1px #fffffff5 !important;
  }

  html body .hero-section .hero-action:before, html body .hero-section .hero-action:after {
    display: none !important;
  }

  html body .hero-section .mobile-search-trigger {
    color: #082e269e;
    border-radius: 999px;
    width: 100%;
    min-height: 46px;
    padding: 0 16px !important;
  }

  html body .hero-section .mobile-search-trigger svg {
    color: #087a58;
    width: 19px;
    height: 19px;
  }

  html body .hero-section .placeholder-full, html body .hero-section .search-platform-hints, html body .hero-section .primary-pill {
    display: none !important;
  }

  html body .hero-section .placeholder-short {
    color: #082e2680 !important;
    white-space: nowrap !important;
    max-width: none !important;
    font-size: 15px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    display: inline !important;
    overflow: visible !important;
  }
}

html body .hero-section {
  background: #14243f !important;
}

html body .hero-section:before {
  background: radial-gradient(at 66% 42%, #ffc50121, #0000 28%), radial-gradient(at 16% 18%, #5697ff2e, #0000 38%), linear-gradient(90deg, #0c1930f0 0%, #132749b8 44%, #1f437666 72%, #091224c7 100%), linear-gradient(#18376a94, #080f1ff5) !important;
}

html body .hero-section:after {
  background: radial-gradient(circle at 5% -2%, #ffffff0e 0 80px, #0000 81px), radial-gradient(circle at 88% -5%, #ffffff0e 0 138px, #0000 139px), linear-gradient(#0000 0% 70%, #080f1f7a 100%) !important;
}

html body .hero-dynamic-bg {
  background: radial-gradient(circle at 70% 34%, #ffc5012b, #0000 24rem), radial-gradient(circle at 20% 76%, #4e94ff33, #0000 28rem), radial-gradient(circle at 80% 94%, #f7f5ef14, #0000 30rem), linear-gradient(135deg, #14243f 0%, #1d3765 40%, #101f3c 74%, #08111f 100%) !important;
}

html body .hero-photo-layer:after {
  background: linear-gradient(#0b182f9e 0%, #0b182f80 42%, #080f1ff5 100%), linear-gradient(90deg, #091224d6 0%, #27539729 45%, #091224d1 100%) !important;
}

html body .hero-proof-strip {
  background: linear-gradient(#ffffff0d, #ffffff05), radial-gradient(circle at 16% 22%, #f5c4000a, #0000 38%), radial-gradient(circle at 86% 70%, #509cff14, #0000 42%), #0c193047 !important;
}

html body .stats-shell, html body .momentum-cta, html body .quote-panel {
  background: radial-gradient(circle at 12% 18%, #ffc50129, #0000 34%), radial-gradient(circle at 88% 86%, #529aff38, #0000 36%), linear-gradient(135deg, #172743 0%, #101f39 52%, #08111f 100%) !important;
  box-shadow: 0 34px 110px #0c19303d, inset 0 1px #ffffff14 !important;
}

html body .stats-shell:after {
  background: radial-gradient(circle, #529aff29, #0000 64%) !important;
}

html body .stats-grid article:before {
  background: linear-gradient(90deg, #ffc501d1, #579fff94) !important;
}

html body .footer-section {
  background: radial-gradient(circle at 18% 8%, #ffc50114, #0000 28%), radial-gradient(circle at 82% 22%, #529aff1a, #0000 30%), #060b15 !important;
}

html body .brand-pill {
  background: #091224bd !important;
  box-shadow: 0 18px 44px #080f1f38, inset 0 1px #ffffff1f !important;
}

html body .nav-pill:before {
  background: radial-gradient(circle at 28% 22%, #ffffffeb, #0000 42%), linear-gradient(135deg, #dbeafef5, #ffffffbd) !important;
  box-shadow: 0 14px 30px #2563eb29, inset 0 1px #ffffffeb !important;
}

html body .nav-pill[data-active="0"] a:first-child, html body .nav-pill[data-active="1"] a:nth-child(2), html body .nav-pill[data-active="2"] a:nth-child(3), html body .nav-pill[data-active="3"] a:nth-child(4), html body .nav-pill[data-active="4"] a:nth-child(5), html body .nav-pill a:hover {
  color: #1d3765 !important;
}

html body .nav-pill:has(a:first-child:hover):before {
  transform: translateX(0) !important;
}

html body .nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0) !important;
}

html body .nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(100%) !important;
}

html body .nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(100%) !important;
}

html body .nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(200%) !important;
}

html body .nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(200%) !important;
}

html body .nav-pill:has(a:nth-child(4):hover):before {
  transform: translateX(300%) !important;
}

html body .nav-pill:has(a:nth-child(4):focus-visible):before {
  transform: translateX(300%) !important;
}

html body .nav-pill:has(a:nth-child(5):hover):before {
  transform: translateX(400%) !important;
}

html body .nav-pill:has(a:nth-child(5):focus-visible):before {
  transform: translateX(400%) !important;
}

html body .auth-pill:before {
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #5b9cff 0%, #2563eb 48%, #1d4ed8 100%) !important;
  box-shadow: 0 15px 34px #2563eb47, inset 0 1px #ffffff3d !important;
}

html body .auth-pill:has(a:first-child:hover):before {
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #5b9cff 0%, #2563eb 48%, #1d4ed8 100%) !important;
  box-shadow: 0 15px 34px #2563eb47, inset 0 1px #ffffff3d !important;
}

html body .auth-pill:has(a:first-child:focus-visible):before {
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #5b9cff 0%, #2563eb 48%, #1d4ed8 100%) !important;
  box-shadow: 0 15px 34px #2563eb47, inset 0 1px #ffffff3d !important;
}

html body .auth-pill:has(a:last-child:hover):before {
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #5b9cff 0%, #2563eb 48%, #1d4ed8 100%) !important;
  box-shadow: 0 15px 34px #2563eb47, inset 0 1px #ffffff3d !important;
}

html body .auth-pill:has(a:last-child:focus-visible):before {
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #5b9cff 0%, #2563eb 48%, #1d4ed8 100%) !important;
  box-shadow: 0 15px 34px #2563eb47, inset 0 1px #ffffff3d !important;
}

html body .auth-pill[data-active="1"] a:last-child {
  color: #fff !important;
}

html body .auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body .auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
}

html body .region-pill svg:first-child, html body .hero-section .hero-action .link-input svg, html body .hero-section .mobile-search-trigger svg {
  color: #2563eb !important;
}

html body .hero-section .primary-pill, html body .quote-panel .primary-pill {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff3d, #0000 36%), linear-gradient(135deg, #5b9cff 0%, #2563eb 48%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb47, inset 0 1px #ffffff38 !important;
}

html body .hero-section .primary-pill:hover, html body .quote-panel .primary-pill:hover {
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 36%), linear-gradient(135deg, #74a9ff 0%, #3b82f6 48%, #2563eb 100%) !important;
}

html body .process-section {
  background: radial-gradient(circle at 24% 22%, #529aff2e, #0000 32%), radial-gradient(circle at 80% 26%, #ffc50114, #0000 30%), linear-gradient(135deg, #14243f 0%, #1d3765 48%, #08111f 100%) !important;
}

html body .how-glow {
  background: radial-gradient(circle, #529aff3d, #529aff00) !important;
}

html body .how-eyebrow {
  color: #8bbcff !important;
}

html body .guide-caption {
  background: #0c193094 !important;
}

html body .guide-play, html body .guide-cta.primary {
  color: #14243f !important;
}

html body .guide-cta.ghost {
  color: #ffffffdb !important;
  background: #ffffff1f !important;
  border: 1px solid #ffffff1f !important;
}

html body .guide-cta.ghost:hover {
  background: #ffffff2e !important;
}

html body .how-step-icon {
  color: #8bbcffd1 !important;
  border-color: #5b9cff38 !important;
}

html body .how-step-card:hover {
  background: #5b9cff09 !important;
  border-color: #5b9cff5c !important;
}

html body .how-step-card:hover .how-step-icon {
  box-shadow: 0 0 0 5px #5b9cff0a, 0 0 18px #5b9cff24 !important;
}

html body:has(.hero-section) {
  --green-950: #08111f;
  --green-900: #14243f;
  --green-700: #2563eb;
  --green-500: #5b9cff;
}

html body:has(.hero-section) .brand-pill {
  color: #fff !important;
  background: #08111fc7 !important;
}

html body:has(.hero-section) .region-pill svg:first-child {
  color: #5b9cff !important;
}

html body:has(.hero-section) .hero-action .link-input svg {
  color: #5b9cff !important;
}

html body:has(.hero-section) .mobile-search-trigger svg {
  color: #5b9cff !important;
}

html body:has(.hero-section) .how-step-icon {
  color: #5b9cff !important;
}

html body:has(.hero-section) .trust-list svg {
  color: #5b9cff !important;
}

html body:has(.hero-section) .nav-pill:before {
  background: radial-gradient(circle at 30% 20%, #ffffffe6, #0000 42%), linear-gradient(135deg, #e0eefff5, #ffffffc7) !important;
  box-shadow: 0 14px 30px #2563eb2b, inset 0 1px #fffffff0 !important;
}

html body:has(.hero-section) .nav-pill[data-active="0"] a:first-child {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .nav-pill[data-active="1"] a:nth-child(2) {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .nav-pill[data-active="2"] a:nth-child(3) {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .nav-pill[data-active="3"] a:nth-child(4) {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .nav-pill[data-active="4"] a:nth-child(5) {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .nav-pill a:hover {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .auth-pill:before {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:hover):before {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:focus-visible):before {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .auth-pill:has(a:last-child:hover):before {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .auth-pill:has(a:last-child:focus-visible):before {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .primary-pill {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .hero-section .primary-pill {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .quote-panel .primary-pill {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.hero-section) .primary-pill:hover {
  background: radial-gradient(circle at 28% 16%, #ffffff52, #0000 38%), linear-gradient(135deg, #80b2ff 0%, #3b82f6 46%, #2563eb 100%) !important;
}

html body:has(.hero-section) .hero-section .primary-pill:hover {
  background: radial-gradient(circle at 28% 16%, #ffffff52, #0000 38%), linear-gradient(135deg, #80b2ff 0%, #3b82f6 46%, #2563eb 100%) !important;
}

html body:has(.hero-section) .quote-panel .primary-pill:hover {
  background: radial-gradient(circle at 28% 16%, #ffffff52, #0000 38%), linear-gradient(135deg, #80b2ff 0%, #3b82f6 46%, #2563eb 100%) !important;
}

html body:has(.hero-section) .process-section {
  background: radial-gradient(circle at 22% 24%, #5b9cff2e, #0000 34%), radial-gradient(circle at 76% 20%, #ffc50114, #0000 28%), linear-gradient(135deg, #14243f 0%, #1d3765 48%, #08111f 100%) !important;
}

html body:has(.hero-section) .how-eyebrow {
  color: #8bbcff !important;
}

html body:has(.hero-section) .guide-caption {
  background: #0c19309e !important;
}

html body:has(.hero-section) .guide-play {
  color: #14243f !important;
}

html body:has(.hero-section) .guide-cta.ghost {
  color: #ffffffe0 !important;
  background: #ffffff21 !important;
}

html body:has(.hero-section) .momentum-cta > div > span {
  text-shadow: 0 0 26px #ffc50129;
  color: var(--yellow) !important;
}

html body:has(.hero-section) .momentum-button {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 0 34px;
  font-size: 18px;
  font-weight: 860;
  transition: transform .18s, background .18s, box-shadow .18s;
  display: inline-flex;
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff4d, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  box-shadow: 0 20px 48px #2563eb52, 0 0 34px #5b9cff2e, inset 0 1px #ffffff3d !important;
}

html body:has(.hero-section) .momentum-button:hover {
  transform: translateY(-1px);
  background: radial-gradient(circle at 28% 16%, #ffffff57, #0000 38%), linear-gradient(135deg, #80b2ff 0%, #3b82f6 46%, #2563eb 100%) !important;
  box-shadow: 0 24px 56px #2563eb5c, 0 0 40px #5b9cff38, inset 0 1px #ffffff47 !important;
}

html body:has(.hero-section) .momentum-button svg {
  color: currentColor !important;
}

:is(html body:has(.hero-section) .locale-picker .region-pill:hover, html body:has(.hero-section) .locale-picker .region-pill[aria-expanded="true"]) {
  border-color: #2563eb3d !important;
  box-shadow: 0 24px 58px #08111f33, 0 0 34px #5b9cff24, inset 0 1px #ffffffdb !important;
}

html body:has(.hero-section) .region-currency {
  color: #1d3765a8 !important;
  border-left-color: #2563eb2e !important;
}

html body:has(.hero-section) .locale-popover {
  border-color: #2563eb1f !important;
  box-shadow: 0 34px 90px #08111f3d, 0 10px 30px #2563eb14, inset 0 1px #ffffffeb !important;
}

html body:has(.hero-section) .locale-popover-arrow {
  border-top-color: #2563eb1a !important;
  border-left-color: #2563eb1a !important;
}

html body:has(.hero-section) .locale-heading {
  color: #14243fe0 !important;
}

html body:has(.hero-section) .locale-option {
  color: #14243fa8 !important;
  border-color: #2563eb1a !important;
}

html body:has(.hero-section) .locale-option:hover {
  color: #1d4ed8 !important;
  background: linear-gradient(135deg, #e2eeffeb, #ffffffd1) !important;
  border-color: #2563eb42 !important;
  box-shadow: 0 12px 26px #2563eb14 !important;
}

html body:has(.hero-section) .locale-option.active {
  color: #1d4ed8 !important;
  background: radial-gradient(circle at 20% 8%, #ffffffd1, #0000 42%), linear-gradient(135deg, #dbeafefa, #eff6ffb8) !important;
  border-color: #2563eb57 !important;
  box-shadow: inset 0 0 0 1px #2563eb12, 0 12px 26px #2563eb1a !important;
}

html body:has(.hero-section) .locale-option span {
  color: #1d376585 !important;
}

@media (max-width: 640px) {
  html body:has(.hero-section) .momentum-button {
    width: 100%;
    min-height: 56px;
    font-size: 15px;
  }
}

html body .portal-blue-shell {
  --color-prv-accent: #1d4ed8;
  --color-prv-mint: #dbeafe;
  --color-prv-line: #1d37651f;
}

html body .portal-blue-shell .card {
  border-color: #1d37651a;
  box-shadow: 0 18px 54px #08111f17, inset 0 1px #ffffffe6;
}

html body .portal-blue-shell .button:focus-visible {
  outline-color: #2f6df3;
}

html body .portal-blue-shell input:focus {
  border-color: #2563eb57;
  box-shadow: 0 0 0 4px #2563eb14;
}

html body:has(.hero-section) .wide-head p {
  color: #2f6df3 !important;
}

html body:has(.hero-section) .cd-header {
  z-index: 90 !important;
  pointer-events: none !important;
  background: none !important;
  padding: clamp(18px, 2.8vw, 42px) clamp(20px, 4vw, 84px) 0 !important;
  transition: background .24s !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

html body:has(.hero-section) .cd-nav {
  width: 100% !important;
  max-width: 1880px !important;
  min-height: 96px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur() saturate() !important;
  backdrop-filter: blur() saturate() !important;
  pointer-events: auto !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 999px !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: clamp(16px, 1.8vw, 34px) !important;
  margin: 0 auto !important;
  padding: 0 clamp(26px, 3vw, 62px) !important;
  transition: background .24s, border-color .24s, box-shadow .24s, -webkit-backdrop-filter .24s, backdrop-filter .24s !important;
  display: flex !important;
  position: relative !important;
}

html body:has(.hero-section) .cd-header.cd-header-scrolled {
  background: linear-gradient(#08132766, #0813271a 70%, #0000) !important;
}

html body:has(.hero-section) .cd-header.cd-header-scrolled .cd-nav {
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
  background: linear-gradient(90deg, #101218e6, #1c1e24d1 48%, #12181dd6) !important;
  border-color: #ffffff21 !important;
  box-shadow: 0 34px 92px #03091661, inset 0 1px #ffffff1a, inset 0 -1px #ffffff0a !important;
}

html body:has(.hero-section) .brand-pill {
  min-width: 0 !important;
  height: 56px !important;
  box-shadow: none !important;
  color: #fff !important;
  letter-spacing: -.015em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: none !important;
  justify-self: start !important;
  gap: 14px !important;
  padding: 0 !important;
  position: static !important;
}

html body:has(.hero-section) .brand-logo-frame {
  width: 34px !important;
  height: 34px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 15px !important;
}

html body:has(.hero-section) .brand-logo-img {
  filter: drop-shadow(0 8px 16px #00000047);
  object-fit: contain !important;
  width: 42px !important;
  height: 42px !important;
}

html body:has(.hero-section) .brand-pill > span:not(.brand-logo-frame) {
  color: #fff !important;
  font-size: clamp(21px, 1.25vw, 27px) !important;
  font-weight: 820 !important;
}

html body:has(.hero-section) .locale-picker {
  z-index: 3 !important;
  flex: none !important;
  order: 5 !important;
  justify-self: auto !important;
  position: relative !important;
  inset: auto !important;
}

html body:has(.hero-section) .locale-picker .region-pill {
  color: #ffffffdb !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  flex: 0 0 54px !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  font-size: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.hero-section) .locale-picker .region-pill > * {
  display: none !important;
}

:is(html body:has(.hero-section) .cd-nav .locale-picker .region-pill > svg, html body:has(.hero-section) .cd-nav .locale-picker .region-pill > span) {
  display: none !important;
}

html body:has(.hero-section) .locale-picker .region-pill:before {
  content: "A" !important;
  color: #dbe4f2e6 !important;
  font-size: 26px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 7px !important;
  left: 9px !important;
}

html body:has(.hero-section) .locale-picker .region-pill:after {
  content: "$" !important;
  color: #8fb2ff !important;
  font-size: 22px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  bottom: 7px !important;
  right: 8px !important;
}

:is(html body:has(.hero-section) .locale-picker .region-pill:hover, html body:has(.hero-section) .locale-picker .region-pill[aria-expanded="true"]) {
  background: #ffffff1f !important;
  border-color: #8fb2ff47 !important;
}

html body:has(.hero-section) .locale-picker .region-pill svg {
  color: #7fa7ff !important;
}

html body:has(.hero-section) .locale-picker .region-currency {
  color: #ffffff8f !important;
  border-left: 1px solid #ffffff24 !important;
}

html body:has(.hero-section) .locale-picker .locale-popover {
  left: auto !important;
  right: 0 !important;
  transform: translateY(16px) !important;
}

html body:has(.hero-section) .locale-picker .locale-popover-arrow {
  left: auto !important;
  right: 18px !important;
}

html body:has(.hero-section) .nav-pill {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  isolation: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: auto !important;
  justify-content: center !important;
  justify-self: auto !important;
  gap: clamp(22px, 3.2vw, 72px) !important;
  padding: 0 !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  overflow: visible !important;
}

html body:has(.hero-section) .nav-pill:before {
  display: none !important;
}

html body:has(.hero-section) .nav-pill a {
  color: #ffffff8c !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
  flex: none !important;
  height: 34px !important;
  padding: 0 !important;
  font-size: clamp(15px, .98vw, 20px) !important;
  font-weight: 690 !important;
  transition: color .18s, transform .18s !important;
  position: relative !important;
}

html body:has(.hero-section) .nav-pill a:after {
  content: "" !important;
  opacity: 0 !important;
  background: #fff !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 2px !important;
  transition: opacity .18s, transform .18s !important;
  position: absolute !important;
  bottom: 3px !important;
  left: 50% !important;
  transform: translateX(-50%)scaleX(.4) !important;
}

html body:has(.hero-section) .nav-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.hero-section) .nav-pill[data-active="1"] a:nth-child(2) {
  color: #fff !important;
}

html body:has(.hero-section) .nav-pill[data-active="2"] a:nth-child(3) {
  color: #fff !important;
}

html body:has(.hero-section) .nav-pill[data-active="3"] a:nth-child(4) {
  color: #fff !important;
}

html body:has(.hero-section) .nav-pill[data-active="4"] a:nth-child(5) {
  color: #fff !important;
}

html body:has(.hero-section) .nav-pill a:hover {
  color: #fff !important;
}

html body:has(.hero-section) .nav-pill[data-active="0"] a:first-child:after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.hero-section) .nav-pill[data-active="1"] a:nth-child(2):after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.hero-section) .nav-pill[data-active="2"] a:nth-child(3):after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.hero-section) .nav-pill[data-active="3"] a:nth-child(4):after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.hero-section) .nav-pill[data-active="4"] a:nth-child(5):after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.hero-section) .nav-pill a:hover:after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.hero-section) .auth-pill {
  background: #fffffff5 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 999px !important;
  flex: none !important;
  order: 4 !important;
  justify-self: auto !important;
  width: 252px !important;
  min-width: 252px !important;
  height: 64px !important;
  padding: 6px !important;
  position: relative !important;
  inset: auto !important;
  box-shadow: 0 16px 44px #0003, inset 0 1px #ffffffe6 !important;
}

html body:has(.hero-section) .auth-pill:before {
  z-index: 0 !important;
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:hover):before {
  z-index: 0 !important;
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:focus-visible):before {
  z-index: 0 !important;
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.hero-section) .auth-pill:has(a:last-child:hover):before {
  z-index: 0 !important;
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.hero-section) .auth-pill:has(a:last-child:focus-visible):before {
  z-index: 0 !important;
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:hover):before {
  left: 6px !important;
  transform: none !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:focus-visible):before {
  left: 6px !important;
  transform: none !important;
}

html body:has(.hero-section) .auth-pill a {
  color: #111827ad !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

html body:has(.hero-section) .auth-pill[data-active="1"] a:last-child {
  color: #fff !important;
}

html body:has(.hero-section) .auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body:has(.hero-section) .auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
}

html body:has(.hero-section) .auth-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:hover) a:first-child {
  color: #fff !important;
}

html body:has(.hero-section) .auth-pill:has(a:first-child:focus-visible) a:first-child {
  color: #fff !important;
}

html body:has(.hero-section) .cart-pill {
  color: #ffffffe6 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  flex: none !important;
  order: 6 !important;
  width: 54px !important;
  height: 54px !important;
  position: static !important;
  inset: auto !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.hero-section) .menu-pill {
  display: none !important;
}

@media (max-width: 1280px) {
  html body:has(.hero-section) .cd-nav {
    grid-template-columns: auto auto minmax(360px, 1fr) auto auto;
    gap: 18px !important;
    min-height: 88px !important;
    padding: 0 22px !important;
  }

  html body:has(.hero-section) .auth-pill {
    width: 220px !important;
    min-width: 220px !important;
  }

  html body:has(.hero-section) .nav-pill {
    gap: 20px !important;
  }
}

@media (max-width: 980px) {
  html body:has(.hero-section) .cd-nav {
    min-height: 68px !important;
    padding: 0 16px !important;
    display: flex !important;
  }

  :is(html body:has(.hero-section) .nav-pill, html body:has(.hero-section) .auth-pill) {
    display: none !important;
  }

  html body:has(.hero-section) .cart-pill {
    margin-left: auto !important;
  }

  html body:has(.hero-section) .menu-pill {
    color: #ffffffe6 !important;
    background: #ffffff14 !important;
    border-color: #ffffff1f !important;
    display: inline-flex !important;
  }
}

@media (max-width: 640px) {
  html body:has(.hero-section) .cd-header {
    padding: 14px 14px 0 !important;
  }

  html body:has(.hero-section) .brand-pill {
    min-width: 0 !important;
    height: 50px !important;
  }

  html body:has(.hero-section) .brand-pill > span:not(.brand-logo-frame) {
    font-size: 18px !important;
  }

  html body:has(.hero-section) .locale-picker {
    display: none !important;
  }
}

html body:has(.hero-section) .how-grid {
  grid-template-columns: minmax(430px, .74fr) minmax(720px, 1.26fr) !important;
  gap: clamp(46px, 4.6vw, 84px) !important;
  width: min(1640px, 100%) !important;
  max-width: none !important;
}

html body:has(.hero-section) .how-copy h2 {
  text-wrap: balance;
  max-width: 720px !important;
  font-size: clamp(72px, 5.25vw, 102px) !important;
  line-height: .96 !important;
}

html body:has(.hero-section) .how-copy > p {
  max-width: 600px !important;
  font-size: clamp(18px, 1.08vw, 21px) !important;
  line-height: 1.5 !important;
}

html body:has(.hero-section) .guide-video-card {
  filter: none !important;
  border-radius: 22px !important;
  width: 100% !important;
  overflow: visible !important;
}

html body:has(.hero-section) .guide-video-card:before {
  opacity: 1 !important;
  filter: none !important;
  background: #ffffff0e !important;
  border-radius: 26px !important;
  inset: -6px !important;
}

html body:has(.hero-section) .guide-video-card:hover {
  filter: none !important;
}

html body:has(.hero-section) .guide-poster {
  border: 1px solid #ffffff1f !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px #030a1838, inset 0 1px #ffffff14 !important;
}

html body:has(.hero-section) .guide-video-card > iframe {
  border: 1px solid #ffffff1f !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px #030a1838, inset 0 1px #ffffff14 !important;
}

html body:has(.hero-section) .guide-play {
  width: clamp(74px, 5.4vw, 92px) !important;
  height: clamp(74px, 5.4vw, 92px) !important;
  box-shadow: 0 0 0 12px #ffc5011f, 0 18px 42px #030a182e !important;
}

html body:has(.hero-section) .guide-caption {
  border-radius: 14px !important;
  padding: 12px 16px !important;
  bottom: 20px !important;
  left: 22px !important;
}

html body:has(.hero-section) .how-steps {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.1vw, 18px) !important;
  width: min(1500px, 100%) !important;
  margin-top: clamp(58px, 5.2vw, 82px) !important;
}

html body:has(.hero-section) .how-steps:before {
  top: 40px !important;
  left: 7% !important;
  right: 7% !important;
}

html body:has(.hero-section) .how-step-card {
  border-radius: 18px !important;
  min-height: 168px !important;
  padding: 16px 16px 12px !important;
}

html body:has(.hero-section) .how-step-icon {
  width: 38px !important;
  height: 38px !important;
}

html body:has(.hero-section) .how-step-card h3 {
  margin-top: 20px !important;
  font-size: clamp(14px, .9vw, 17px) !important;
  line-height: 1.15 !important;
}

html body:has(.hero-section) .how-step-card p {
  max-width: 150px !important;
  margin: 10px auto 0 !important;
  font-size: clamp(12px, .72vw, 13.5px) !important;
  line-height: 1.42 !important;
}

@media (max-width: 1180px) {
  html body:has(.hero-section) .how-grid {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
    width: min(960px, 100%) !important;
  }

  :is(html body:has(.hero-section) .how-copy h2, html body:has(.hero-section) .how-copy > p) {
    max-width: 820px !important;
  }

  html body:has(.hero-section) .how-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(960px, 100%) !important;
  }

  html body:has(.hero-section) .how-steps:before {
    display: none !important;
  }
}

@media (max-width: 640px) {
  html body:has(.hero-section) .process-section {
    padding: 82px 18px 86px !important;
  }

  html body:has(.hero-section) .how-copy h2 {
    font-size: clamp(48px, 14vw, 66px) !important;
  }

  html body:has(.hero-section) .guide-caption {
    max-width: calc(100% - 28px) !important;
    bottom: 14px !important;
    left: 14px !important;
  }

  html body:has(.hero-section) .how-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 44px !important;
  }

  html body:has(.hero-section) .how-step-card {
    min-height: 150px !important;
    padding: 14px 10px 12px !important;
  }
}

html body:has(.hero-section) .service-card.has-photo-bg.active {
  background: radial-gradient(circle at 20% 62%, #07120d85 0%, #07120d57 30%, transparent 58%),
    linear-gradient(90deg, #0c181294 0%, #0c181257 36%, #0c181214 66%, #0c181200 100%),
    linear-gradient(180deg, #00000005, #0000001f),
    var(--service-photo) !important;
  background-position: center, center, center, var(--service-photo-active-position, center) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: auto, auto, auto, cover !important;
}

html body:has(.hero-section) .service-card.transparent-purchase-bg.has-photo-bg.active {
  background-size: auto, auto, auto, cover !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill {
  background: radial-gradient(circle at 24% 0, #fffffff5, #0000 42%), linear-gradient(135deg, #fffffff2, #e8eefac7) !important;
  border: 1px solid #ffffff38 !important;
  border-radius: 999px !important;
  order: 5 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 300px !important;
  min-width: 300px !important;
  height: 66px !important;
  padding: 7px !important;
  display: grid !important;
  position: static !important;
  inset: auto !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px #040d1e33, inset 0 1px #fffffff0, inset 0 -18px 34px #4b70be14 !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:before {
  z-index: 0 !important;
  width: calc(50% - 7px) !important;
  height: calc(100% - 14px) !important;
  transform: translateX(calc(var(--auth-active) * 100%)) !important;
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 36%), radial-gradient(circle at 78% 82%, #74a6ffcc, #0000 42%), linear-gradient(135deg, #86b4ff 0%, #477cff 48%, #2858e8 100%) !important;
  border: 1px solid #ffffff70 !important;
  border-radius: 999px !important;
  top: 7px !important;
  left: 7px !important;
  box-shadow: 0 16px 34px #2f64f457, inset 0 1px #ffffff80, inset 0 -14px 24px #0a2e8c2e !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:first-child:hover):before {
  transform: translateX(0) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:last-child:hover):before {
  transform: translateX(100%) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:last-child:focus-visible):before {
  transform: translateX(100%) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill a {
  z-index: 1 !important;
  color: #1c2333ad !important;
  letter-spacing: 0 !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 820 !important;
  position: relative !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill[data-active="0"] a:first-child {
  color: #fff !important;
  text-shadow: 0 1px 14px #091f5c33 !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill[data-active="1"] a:last-child {
  color: #fff !important;
  text-shadow: 0 1px 14px #091f5c33 !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:first-child:hover) a:first-child {
  color: #fff !important;
  text-shadow: 0 1px 14px #091f5c33 !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:first-child:focus-visible) a:first-child {
  color: #fff !important;
  text-shadow: 0 1px 14px #091f5c33 !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
  text-shadow: 0 1px 14px #091f5c33 !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
  text-shadow: 0 1px 14px #091f5c33 !important;
}

html body:has(.hero-section) .auth-pill-signed-in {
  background: radial-gradient(circle at 18% 0, #74a6ff2e, #0000 42%), linear-gradient(135deg, #ffffff1c, #ffffff0b) !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 999px !important;
  order: 5 !important;
  align-items: center !important;
  gap: 7px !important;
  width: 322px !important;
  min-width: 322px !important;
  height: 66px !important;
  padding: 7px !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  box-shadow: 0 18px 44px #040d1e2e, inset 0 1px #ffffff1f !important;
}

html body:has(.hero-section) .auth-pill-signed-in:before {
  content: none !important;
}

html body:has(.hero-section) .user-center-chip {
  color: #fffffff0 !important;
  background: radial-gradient(circle at 20% 0, #fff3, #0000 40%), linear-gradient(135deg, #ffffff29, #ffffff0f) !important;
  border: 1px solid #ffffff2e !important;
  border-radius: 999px !important;
  flex: auto !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  height: 52px !important;
  padding: 5px 14px 5px 5px !important;
  display: flex !important;
  box-shadow: inset 0 1px #ffffff24, 0 12px 28px #040d1e29 !important;
}

html body:has(.hero-section) .user-avatar {
  color: #fff !important;
  background: radial-gradient(circle at 32% 22%, #fffffff2 0 6px, #0000 7px), radial-gradient(circle at 48% 64%, #ffc501eb 0 12px, #0000 13px), linear-gradient(135deg, #6ea1ff 0%, #315fe7 54%, #14243f 100%) !important;
  border: 1px solid #ffffff6b !important;
  border-radius: 999px !important;
  flex: none !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px #2f64f447, inset 0 1px #ffffff70 !important;
}

html body:has(.hero-section) .user-center-copy {
  gap: 2px !important;
  min-width: 0 !important;
  display: grid !important;
}

html body:has(.hero-section) .user-center-copy strong {
  color: #fffffff5 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .user-center-copy small {
  color: #ffffff8f !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .auth-state-toggle {
  color: #ffffffb8 !important;
  background: linear-gradient(#ffffff1c, #ffffff0a) !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  flex: none !important;
  height: 52px !important;
  padding: 0 15px !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  transition: color .18s, background .18s, transform .18s !important;
}

html body:has(.hero-section) .auth-state-toggle:hover {
  color: #fffffff0 !important;
  background: #ffffff24 !important;
  transform: translateY(-1px) !important;
}

html body:has(.hero-section) .locale-picker .region-pill {
  background: radial-gradient(circle at 28% 18%, #ffffff38, #0000 38%), linear-gradient(145deg, #ffffff21, #ffffff0b) !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 999px !important;
  width: 58px !important;
  height: 58px !important;
  box-shadow: 0 16px 34px #040d1e33, inset 0 1px #ffffff29, inset 0 -14px 26px #0000001a !important;
}

html body:has(.hero-section) .cart-pill {
  background: radial-gradient(circle at 28% 18%, #ffffff38, #0000 38%), linear-gradient(145deg, #ffffff21, #ffffff0b) !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 999px !important;
  width: 58px !important;
  height: 58px !important;
  box-shadow: 0 16px 34px #040d1e33, inset 0 1px #ffffff29, inset 0 -14px 26px #0000001a !important;
}

html body:has(.hero-section) .cart-pill {
  position: static !important;
  inset: auto !important;
}

html body:has(.hero-section) .cart-pill:hover {
  background: #ffffff14 !important;
  transform: translateY(-1px) !important;
}

html body:has(.hero-section) .locale-picker .region-pill:hover {
  background: #ffffff14 !important;
  transform: translateY(-1px) !important;
}

html body:has(.hero-section) .locale-picker .region-pill[aria-expanded="true"] {
  background: #ffffff14 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 1280px) {
  html body:has(.hero-section) .auth-pill.liquid-pill {
    width: 262px !important;
    min-width: 262px !important;
  }

  html body:has(.hero-section) .auth-pill-signed-in {
    width: 284px !important;
    min-width: 284px !important;
  }

  html body:has(.hero-section) .user-center-copy small {
    display: none !important;
  }

  html body:has(.hero-section) .auth-state-toggle {
    display: none !important;
  }
}

html body:has(.hero-section) .auth-pill.liquid-pill {
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .auth-pill-signed-in {
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill {
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 0 2px !important;
  display: flex !important;
  overflow: visible !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:before {
  display: none !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:first-child:hover):before {
  transform: translateX(0) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:last-child:hover):before {
  transform: translateX(100%) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill:has(a:last-child:focus-visible):before {
  transform: translateX(100%) !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill a {
  color: #a6b2c7d1 !important;
  letter-spacing: -.01em !important;
  border-radius: 0 !important;
  align-items: center !important;
  height: 48px !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  transition: color .18s, transform .18s !important;
  display: inline-flex !important;
}

html body:has(.hero-section) .auth-pill.liquid-pill a:last-child {
  color: #dbe4f2f0 !important;
}

:is(html body:has(.hero-section) .auth-pill.liquid-pill a:hover, html body:has(.hero-section) .auth-pill.liquid-pill a:focus-visible) {
  color: #8fb2ff !important;
  transform: translateY(-1px) !important;
}

html body:has(.hero-section) .locale-picker .region-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  flex-basis: 48px !important;
}

html body:has(.hero-section) .cart-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  flex-basis: 48px !important;
}

html body:has(.hero-section) .auth-pill-signed-in {
  isolation: auto !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  order: 5 !important;
  place-items: center !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
  padding: 0 !important;
  display: grid !important;
  position: static !important;
  overflow: visible !important;
  transform: translateX(14px) !important;
}

html body:has(.hero-section) .account-avatar-button {
  z-index: 82 !important;
  width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  transition: transform .18s, border-color .18s, background .18s !important;
  display: grid !important;
  position: relative !important;
}

:is(html body:has(.hero-section) .account-avatar-button:hover, html body:has(.hero-section) .account-avatar-button[aria-expanded="true"]) {
  background: #ffffff14 !important;
  transform: translateY(-1px) !important;
}

html body:has(.hero-section) .account-avatar-button .user-avatar {
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 27px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

html body:has(.hero-section) .account-dropdown {
  z-index: 120 !important;
  color: #58647a !important;
  background: linear-gradient(#fffffffa, #f8fafcfa) !important;
  border: 1px solid #0f172a14 !important;
  border-radius: 28px !important;
  width: min(420px, 100vw - 32px) !important;
  max-height: calc(100vh - 148px) !important;
  padding: 22px !important;
  position: absolute !important;
  top: calc(100% + 16px) !important;
  right: 84px !important;
  overflow: auto !important;
  box-shadow: 0 28px 80px #030a1838, 0 8px 22px #030a1814, inset 0 1px #fffffff5 !important;
}

html body:has(.hero-section) .account-affiliate-card {
  color: #132018 !important;
  background: radial-gradient(circle at 90% 18%, #ffffff70, #0000 34%), linear-gradient(135deg, #b8ff0a 0%, #7cf044 100%) !important;
  border-radius: 18px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 78px !important;
  padding: 12px 18px !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  display: flex !important;
}

html body:has(.hero-section) .account-affiliate-card span {
  color: #14243f !important;
  background: #ffffffc7 !important;
  border-radius: 16px !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  display: grid !important;
}

html body:has(.hero-section) .account-menu-label {
  color: #8490a5 !important;
  margin-bottom: 14px !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  display: block !important;
}

html body:has(.hero-section) .appearance-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  display: grid !important;
}

html body:has(.hero-section) .appearance-option {
  color: #59657b !important;
  background: none !important;
  justify-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  display: grid !important;
}

html body:has(.hero-section) .appearance-option span {
  background: linear-gradient(90deg, #ffffffeb 0 44%, #e8eefae6 45% 100%), #fff !important;
  border: 2px solid #58647a24 !important;
  border-radius: 16px !important;
  width: 82px !important;
  height: 70px !important;
  display: block !important;
  box-shadow: inset 0 0 0 10px #b1ff0a52 !important;
}

html body:has(.hero-section) .account-menu-identity {
  border-bottom: 1px solid #58647a24 !important;
  gap: 4px !important;
  margin-top: 26px !important;
  padding-bottom: 18px !important;
  display: grid !important;
}

html body:has(.hero-section) .account-menu-identity strong {
  color: #58647a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body:has(.hero-section) .account-menu-identity span {
  color: #8a95aa !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

html body:has(.hero-section) .account-menu-links {
  padding: 8px 0 !important;
  display: grid !important;
}

html body:has(.hero-section) .account-menu-links a {
  color: #58647a !important;
  text-align: left !important;
  background: none !important;
  border-bottom: 1px solid #58647a1a !important;
  align-items: center !important;
  min-height: 52px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  display: flex !important;
}

html body:has(.hero-section) .account-menu-signout {
  color: #58647a !important;
  text-align: left !important;
  background: none !important;
  border-bottom: 1px solid #58647a1a !important;
  align-items: center !important;
  min-height: 52px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  display: flex !important;
}

html body:has(.hero-section) .account-menu-links a:hover {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .account-menu-signout:hover {
  color: #1d4ed8 !important;
}

html body:has(.hero-section) .account-menu-signout {
  border-bottom: 0 !important;
  width: 100% !important;
}

@media (max-width: 980px) {
  html body:has(.hero-section) .auth-pill-signed-in {
    display: none !important;
  }
}

html body:has(.hero-section) .hero-section .hero-action {
  -webkit-backdrop-filter: blur(18px) saturate(110%) !important;
  backdrop-filter: blur(18px) saturate(110%) !important;
  background: linear-gradient(90deg, #f6fafcf0, #f4f5f8e6 64%, #ebeff9f0) !important;
  border: 1px solid #ffffffb8 !important;
  box-shadow: 0 28px 70px #040c1a42, 0 0 0 12px #ffffff09, inset 0 1px #ffffffdb !important;
}

html body:has(.hero-section) .hero-section .hero-action:before {
  opacity: .5 !important;
  background: linear-gradient(110deg, #ffffff7a, #0000 28%, #8fb2ff24, #0000 74%) !important;
}

html body:has(.hero-section) .hero-section .hero-action:after {
  background: linear-gradient(90deg, #0000 0%, #8fb2ff14 44%, #0000 78%) !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
  border-radius: 999px !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input > span:not(.search-platform-hints) {
  color: #5563719e !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input svg {
  color: #5b9cff !important;
}

html body:has(.hero-section) .hero-section .hero-action .search-platform-hints {
  opacity: 1 !important;
}

html body:has(.hero-section) .hero-section .hero-action .search-platform-hints img {
  opacity: 1 !important;
  filter: drop-shadow(0 2px 5px #1c2a3e1f) !important;
}

html body:has(.hero-section) .hero-section .hero-action .primary-pill {
  color: #f6f8fcf2 !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046e0, #121e30d1) !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 999px !important;
  min-height: 64px !important;
  padding: 0 34px !important;
  box-shadow: 0 14px 30px #040c1a2e, inset 0 1px #ffffff1f !important;
}

html body:has(.hero-section) .hero-section .hero-action .primary-pill:hover {
  color: #fff !important;
  background: linear-gradient(#182438e0, #0d1828c7) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
}

html body:has(.hero-section) .process-section .how-actions {
  display: none !important;
}

html body:has(.hero-section) .locale-picker .locale-popover {
  color: #dbe4f2e6 !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
  backdrop-filter: blur(24px) saturate(118%) !important;
  background: linear-gradient(#111b2bf0, #0a121feb) !important;
  border: 1px solid #ffffff1f !important;
  box-shadow: 0 34px 92px #03091670, inset 0 1px #ffffff1a !important;
}

html body:has(.hero-section) .account-dropdown {
  color: #dbe4f2e6 !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
  backdrop-filter: blur(24px) saturate(118%) !important;
  background: linear-gradient(#111b2bf0, #0a121feb) !important;
  border: 1px solid #ffffff1f !important;
  box-shadow: 0 34px 92px #03091670, inset 0 1px #ffffff1a !important;
}

html body:has(.hero-section) .locale-popover .locale-heading {
  color: #8fb2ffb8 !important;
}

html body:has(.hero-section) .account-menu-label {
  color: #8fb2ffb8 !important;
}

html body:has(.hero-section) .locale-popover .locale-option {
  color: #dbe4f2c7 !important;
  box-shadow: none !important;
  background: #ffffff0b !important;
  border-color: #ffffff1c !important;
}

:is(html body:has(.hero-section) .locale-popover .locale-option:hover, html body:has(.hero-section) .locale-popover .locale-option.active) {
  color: #f6f8fcf5 !important;
  background: #8fb2ff1c !important;
  border-color: #8fb2ff47 !important;
  box-shadow: inset 0 1px #ffffff14 !important;
}

html body:has(.hero-section) .locale-popover .locale-option span {
  color: #8fb2ff9e !important;
}

html body:has(.hero-section) .account-affiliate-card {
  color: #f6f8fcf0 !important;
  background: linear-gradient(#263852b8, #121f34b8) !important;
  border: 1px solid #8fb2ff33 !important;
  min-height: 68px !important;
}

html body:has(.hero-section) .account-affiliate-card span {
  color: #dbe4f2f0 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
}

html body:has(.hero-section) .appearance-option {
  color: #dbe4f2d1 !important;
}

html body:has(.hero-section) .account-menu-identity strong {
  color: #dbe4f2d1 !important;
}

html body:has(.hero-section) .account-menu-links a {
  color: #dbe4f2d1 !important;
}

html body:has(.hero-section) .account-menu-signout {
  color: #dbe4f2d1 !important;
}

html body:has(.hero-section) .account-menu-identity {
  border-bottom-color: #ffffff1a !important;
}

html body:has(.hero-section) .appearance-option span {
  box-shadow: none !important;
  background: linear-gradient(90deg, #e6edf8db 0 44%, #2a384ee0 45% 100%) !important;
  border-color: #ffffff21 !important;
}

html body:has(.hero-section) .appearance-option:nth-child(2) span {
  background: linear-gradient(90deg, #141f31f5 0 44%, #303e54f5 45% 100%) !important;
}

html body:has(.hero-section) .appearance-option:nth-child(3) span {
  background: linear-gradient(90deg, #e6edf8db 0 48%, #141f31f5 49% 100%) !important;
}

html body:has(.hero-section) .appearance-option.active span {
  border-color: #8fb2ff61 !important;
}

html body:has(.hero-section) .account-menu-links a {
  text-align: left !important;
  border-bottom-color: #ffffff14 !important;
  justify-content: flex-start !important;
  min-height: 46px !important;
}

html body:has(.hero-section) .account-menu-signout {
  text-align: left !important;
  border-bottom-color: #ffffff14 !important;
  justify-content: flex-start !important;
  min-height: 46px !important;
}

html body:has(.hero-section) .account-menu-links a:hover {
  color: #fff !important;
  background: #8fb2ff14 !important;
}

html body:has(.hero-section) .account-menu-signout:hover {
  color: #fff !important;
  background: #8fb2ff14 !important;
}

html body:has(.hero-section) .cd-header {
  z-index: 2000 !important;
}

html body:has(.hero-section) .locale-picker .locale-popover {
  z-index: 2200 !important;
  opacity: 1 !important;
  color: #e2eaf6db !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
  backdrop-filter: blur(24px) saturate(118%) !important;
  background: radial-gradient(circle at 22% 0, #5e81b224, #0000 36%), linear-gradient(#111b2c, #080f1b) !important;
  border: 1px solid #ffffff1c !important;
  animation: none !important;
  box-shadow: 0 30px 82px #0208147a, inset 0 1px #ffffff17 !important;
}

html body:has(.hero-section) .account-dropdown {
  z-index: 2200 !important;
  opacity: 1 !important;
  color: #e2eaf6db !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
  backdrop-filter: blur(24px) saturate(118%) !important;
  background: radial-gradient(circle at 22% 0, #5e81b224, #0000 36%), linear-gradient(#111b2c, #080f1b) !important;
  border: 1px solid #ffffff1c !important;
  animation: none !important;
  box-shadow: 0 30px 82px #0208147a, inset 0 1px #ffffff17 !important;
}

html body:has(.hero-section) .locale-picker .locale-popover {
  border-radius: 28px !important;
  padding: 22px !important;
  transform: translateX(-50%) !important;
}

html body:has(.hero-section) .locale-picker .locale-popover-arrow {
  background: #111b2c !important;
  border-top-color: #ffffff1c !important;
  border-left-color: #ffffff1c !important;
}

html body:has(.hero-section) .locale-popover .locale-heading {
  color: #a6bde2b8 !important;
  letter-spacing: .12em !important;
}

html body:has(.hero-section) .account-menu-label {
  color: #a6bde2b8 !important;
  letter-spacing: .12em !important;
}

html body:has(.hero-section) .locale-popover .locale-option {
  color: #dfe7f4d1 !important;
  background: linear-gradient(#ffffff12, #ffffff09) !important;
  border-color: #ffffff17 !important;
  border-radius: 15px !important;
  min-height: 46px !important;
  box-shadow: inset 0 1px #ffffff0a !important;
}

:is(html body:has(.hero-section) .locale-popover .locale-option:hover, html body:has(.hero-section) .locale-popover .locale-option.active) {
  color: #fffffff5 !important;
  background: linear-gradient(#8fb2ff29, #8fb2ff12) !important;
  border-color: #8fb2ff47 !important;
}

html body:has(.hero-section) .account-dropdown {
  border-radius: 30px !important;
  width: min(390px, 100vw - 32px) !important;
  padding: 18px !important;
  right: 70px !important;
}

html body:has(.hero-section) .account-dropdown:before {
  content: "" !important;
  height: 36px !important;
  position: absolute !important;
  top: -32px !important;
  left: -8px !important;
  right: -96px !important;
}

html body:has(.hero-section) .account-affiliate-card {
  color: #f5f8fced !important;
  background: linear-gradient(#6a88b847, #34496f2e) !important;
  border: 1px solid #8fb2ff38 !important;
  border-radius: 18px !important;
  min-height: 60px !important;
  font-size: 17px !important;
  box-shadow: inset 0 1px #ffffff1f, 0 14px 30px #040c1a24 !important;
}

html body:has(.hero-section) .account-affiliate-card strong {
  color: #f6f8fc !important;
  opacity: 1 !important;
  text-shadow: 0 1px 10px #0003 !important;
}

html body:has(.hero-section) .account-affiliate-card span {
  color: #eef4ff !important;
  background: #ffffff1a !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 14px !important;
  width: 42px !important;
  height: 42px !important;
}

html body:has(.hero-section) .account-menu-section {
  margin-top: 18px !important;
}

html body:has(.hero-section) .appearance-grid {
  gap: 10px !important;
}

html body:has(.hero-section) .appearance-option {
  color: #dbe4f2c2 !important;
  background: linear-gradient(#ffffff0d, #ffffff06) !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 18px !important;
  min-height: 76px !important;
  transition: border-color .18s, background .18s, color .18s !important;
}

:is(html body:has(.hero-section) .appearance-option:hover, html body:has(.hero-section) .appearance-option.active) {
  color: #fffffff0 !important;
  background: #8fb2ff14 !important;
  border-color: #8fb2ff42 !important;
}

html body:has(.hero-section) .appearance-option span {
  width: 48px !important;
  height: 32px !important;
  box-shadow: none !important;
  border-width: 1px !important;
  border-color: #ffffff24 !important;
  border-radius: 11px !important;
}

html body:has(.hero-section) .account-menu-identity {
  border-top: 0 !important;
  border-bottom-color: #ffffff14 !important;
  margin-top: 14px !important;
  padding: 16px 2px !important;
}

html body:has(.hero-section) .account-menu-identity strong {
  color: #f5f8fce6 !important;
}

html body:has(.hero-section) .account-menu-identity span {
  color: #a8b5cab8 !important;
}

html body:has(.hero-section) .account-menu-links {
  padding: 6px 0 2px !important;
}

html body:has(.hero-section) .account-menu-links a {
  color: #dbe4f2c7 !important;
  border-bottom-color: #ffffff12 !important;
  border-radius: 12px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  font-size: 14.5px !important;
  font-weight: 760 !important;
}

html body:has(.hero-section) .account-menu-signout {
  color: #dbe4f2c7 !important;
  border-bottom-color: #ffffff12 !important;
  border-radius: 12px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  font-size: 14.5px !important;
  font-weight: 760 !important;
}

html body:has(.hero-section) .account-menu-links a:hover {
  color: #fffffff5 !important;
  background: #8fb2ff14 !important;
}

html body:has(.hero-section) .account-menu-signout:hover {
  color: #fffffff5 !important;
  background: #8fb2ff14 !important;
}

html body:has(.hero-section) .locale-picker .locale-popover {
  top: calc(100% + 16px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

html body:has(.hero-section) .locale-picker .locale-popover-arrow {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%)rotate(45deg) !important;
}

html body:has(.hero-section) .auth-pill-signed-in {
  position: relative !important;
  transform: none !important;
}

html body:has(.hero-section) .account-dropdown {
  top: calc(100% + 16px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

html body:has(.hero-section) .account-dropdown:after {
  content: "" !important;
  background: #111b2c !important;
  border-top: 1px solid #ffffff1c !important;
  border-left: 1px solid #ffffff1c !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: -11px !important;
  left: 50% !important;
  transform: translateX(-50%)rotate(45deg) !important;
}

:is(html body:has(.hero-section) .locale-picker, html body:has(.hero-section) .auth-pill-signed-in, html body:has(.hero-section) .shopping-bag-trigger) {
  align-self: center !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

html body:has(.hero-section) .locale-picker {
  order: 5 !important;
}

html body:has(.hero-section) .auth-pill-signed-in {
  order: 6 !important;
}

html body:has(.hero-section) .shopping-bag-trigger {
  order: 7 !important;
}

html body:has(.hero-section) .locale-picker .region-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  cursor: pointer !important;
  appearance: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
}

html body:has(.hero-section) .account-avatar-button {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  cursor: pointer !important;
  appearance: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
}

html body:has(.hero-section) .cart-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  cursor: pointer !important;
  appearance: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
}

html body:has(.hero-section) .account-avatar-button {
  position: absolute !important;
  inset: 0 !important;
}

html body:has(.hero-section) .locale-picker .region-pill:before {
  font-size: 25px !important;
  top: 5px !important;
  left: 9px !important;
}

html body:has(.hero-section) .locale-picker .region-pill:after {
  font-size: 20px !important;
  bottom: 6px !important;
  right: 7px !important;
}

html body:has(.hero-section) .account-avatar-button .user-avatar {
  color: #dbe4f2eb !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  font-size: 25px !important;
  font-weight: 830 !important;
  line-height: 1 !important;
  display: grid !important;
}

html body:has(.hero-section) .cart-pill svg {
  stroke-width: 2px !important;
  color: #dbe4f2e6 !important;
  width: 25px !important;
  height: 25px !important;
}

html body:has(.hero-section) .locale-picker .region-pill:hover {
  background: #8fb2ff1a !important;
  transform: none !important;
}

html body:has(.hero-section) .locale-picker .region-pill[aria-expanded="true"] {
  background: #8fb2ff1a !important;
  transform: none !important;
}

html body:has(.hero-section) .account-avatar-button:hover {
  background: #8fb2ff1a !important;
  transform: none !important;
}

html body:has(.hero-section) .account-avatar-button[aria-expanded="true"] {
  background: #8fb2ff1a !important;
  transform: none !important;
}

html body:has(.hero-section) .cart-pill:hover {
  background: #8fb2ff1a !important;
  transform: none !important;
}

html body:has(.hero-section) .cart-pill[aria-expanded="true"] {
  background: #8fb2ff1a !important;
  transform: none !important;
}

html body:has(.hero-section) .shopping-bag-count {
  color: #08111e !important;
  background: #8fb2ff !important;
  border-radius: 999px !important;
  place-items: center !important;
  min-width: 15px !important;
  height: 15px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: grid !important;
  position: absolute !important;
  top: 4px !important;
  right: 3px !important;
}

html body:has(.hero-section) .shopping-bag-popover {
  z-index: 2200 !important;
  color: #e2eaf6e0 !important;
  background: radial-gradient(circle at 72% 0, #5e81b224, #0000 34%), linear-gradient(#111b2c, #080f1b) !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 28px !important;
  width: min(360px, 100vw - 32px) !important;
  padding: 18px !important;
  position: absolute !important;
  top: calc(100% + 16px) !important;
  right: -8px !important;
  box-shadow: 0 30px 82px #0208147a, inset 0 1px #ffffff17 !important;
}

html body:has(.hero-section) .shopping-bag-popover:before {
  content: "" !important;
  background: #111b2c !important;
  border-top: 1px solid #ffffff1c !important;
  border-left: 1px solid #ffffff1c !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: -11px !important;
  right: 20px !important;
  transform: rotate(45deg) !important;
}

html body:has(.hero-section) .shopping-bag-header {
  color: #f6f8fcf2 !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 14px !important;
  display: flex !important;
}

html body:has(.hero-section) .shopping-bag-header span {
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body:has(.hero-section) .shopping-bag-header strong {
  color: #8fb2ffd1 !important;
  font-size: 13px !important;
  font-weight: 820 !important;
}

html body:has(.hero-section) .shopping-bag-item {
  background: #ffffff0e !important;
  border: 1px solid #8fb2ff29 !important;
  border-radius: 18px !important;
  grid-template-columns: 54px 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-thumb {
  color: #f6f8fc !important;
  background: linear-gradient(#8fb2ff38, #8fb2ff14) !important;
  border-radius: 16px !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-copy {
  gap: 4px !important;
  min-width: 0 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-copy strong {
  color: #f6f8fc !important;
  font-size: 15px !important;
  font-weight: 820 !important;
}

:is(html body:has(.hero-section) .shopping-bag-copy span, html body:has(.hero-section) .shopping-bag-copy small) {
  color: #b0bdd2c7 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .shopping-bag-copy small {
  color: #8fb2ffc2 !important;
}

html body:has(.hero-section) .shopping-bag-link {
  color: #b0bdd2b3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background: #ffffff09 !important;
  border-radius: 14px !important;
  margin-top: 12px !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .shopping-bag-actions {
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-actions a {
  color: #f6f8fc !important;
  border-radius: 999px !important;
  place-items: center !important;
  height: 34px !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-actions a:first-child {
  background: linear-gradient(#8fb2ff47, #5477b033) !important;
}

html body:has(.hero-section) .shopping-bag-actions a:last-child {
  color: #dbe4f2d6 !important;
  background: #ffffff0b !important;
  border: 1px solid #ffffff1a !important;
}

html body:has(.hero-section) .shopping-bag-sheet {
  z-index: 3000 !important;
  color: #16191f !important;
  grid-template-columns: minmax(0, 1fr) minmax(720px, 64vw) !important;
  display: grid !important;
  position: fixed !important;
  inset: 0 !important;
}

html body:has(.hero-section) .shopping-bag-backdrop {
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  cursor: pointer !important;
  background: #070a0f94 !important;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

html body:has(.hero-section) .shopping-bag-drawer {
  background: #fbfcff !important;
  grid-template-rows: auto 1fr auto !important;
  min-width: 0 !important;
  height: 100vh !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: -34px 0 90px #02071247 !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head {
  border-bottom: 1px solid #141a2414 !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 28px !important;
  min-height: 188px !important;
  padding: clamp(42px, 5.2vw, 72px) clamp(38px, 5vw, 72px) 34px !important;
  display: flex !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head span {
  color: #54627bc7 !important;
  margin-bottom: 22px !important;
  font-size: clamp(17px, 1.4vw, 25px) !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  display: block !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head h2 {
  color: #15181e !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  font-size: clamp(44px, 4.2vw, 72px) !important;
  font-weight: 900 !important;
  line-height: .95 !important;
}

html body:has(.hero-section) .shopping-bag-close {
  color: #15181e !important;
  cursor: pointer !important;
  background: #f0f2f7 !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: none !important;
  place-items: center !important;
  width: 70px !important;
  height: 70px !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-drawer-body {
  min-height: 0 !important;
  padding: clamp(34px, 4vw, 64px) clamp(38px, 5vw, 72px) !important;
  overflow: auto !important;
}

html body:has(.hero-section) .shopping-bag-row {
  grid-template-columns: clamp(118px, 13vw, 184px) minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: clamp(24px, 3vw, 48px) !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-product-image {
  aspect-ratio: 1 !important;
  background: none !important;
  border-radius: 0 !important;
  place-items: center !important;
  display: grid !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .shopping-bag-product-image img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

html body:has(.hero-section) .shopping-bag-product-main {
  gap: 12px !important;
  min-width: 0 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-product-main span {
  color: #64708a !important;
  font-size: clamp(17px, 1.35vw, 23px) !important;
  font-weight: 650 !important;
}

html body:has(.hero-section) .shopping-bag-product-main small {
  color: #64708ac2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 520px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  overflow: hidden !important;
}

html body:has(.hero-section) .shopping-bag-quantity {
  background: #fff !important;
  border: 1px solid #64708a3d !important;
  border-radius: 8px !important;
  grid-template-columns: 48px 64px 48px !important;
  width: max-content !important;
  height: 52px !important;
  display: inline-grid !important;
  overflow: hidden !important;
}

:is(html body:has(.hero-section) .shopping-bag-quantity button, html body:has(.hero-section) .shopping-bag-quantity span) {
  color: #1d2430 !important;
  background: none !important;
  border: 0 !important;
  place-items: center !important;
  font-size: 22px !important;
  font-weight: 760 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-product-side {
  justify-items: end !important;
  gap: 96px !important;
  min-width: 150px !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-product-side button {
  color: #5b6780 !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-product-side strong {
  color: #fff !important;
  background: #15181e !important;
  border-radius: 8px !important;
  place-items: center !important;
  min-width: 112px !important;
  height: 48px !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  display: inline-grid !important;
}

html body:has(.hero-section) .shopping-bag-summary {
  background: #fbfcfff5 !important;
  border-top: 1px solid #141a2414 !important;
  gap: 22px !important;
  padding: 34px clamp(38px, 5vw, 72px) clamp(28px, 3vw, 42px) !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-summary > div {
  color: #56627a !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  gap: 18px !important;
  font-size: clamp(18px, 1.5vw, 26px) !important;
  font-weight: 650 !important;
  display: flex !important;
}

:is(html body:has(.hero-section) .shopping-bag-view, html body:has(.hero-section) .shopping-bag-checkout) {
  border-radius: 28px !important;
  place-items: center !important;
  min-height: 84px !important;
  font-size: clamp(19px, 1.5vw, 27px) !important;
  font-weight: 760 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-view {
  color: #7a86a0 !important;
  background: #fff !important;
  border: 1px solid #56627a6b !important;
}

html body:has(.hero-section) .shopping-bag-checkout {
  color: #fff !important;
  background: #15181e !important;
}

@media (max-width: 900px) {
  html body:has(.hero-section) .shopping-bag-sheet {
    grid-template-columns: 1fr !important;
  }

  html body:has(.hero-section) .shopping-bag-backdrop {
    position: absolute !important;
    inset: 0 !important;
  }

  html body:has(.hero-section) .shopping-bag-drawer {
    justify-self: end !important;
    width: min(100vw, 520px) !important;
  }

  html body:has(.hero-section) .shopping-bag-drawer-head {
    min-height: 138px !important;
    padding: 28px 24px 24px !important;
  }

  html body:has(.hero-section) .shopping-bag-close {
    width: 54px !important;
    height: 54px !important;
  }

  :is(html body:has(.hero-section) .shopping-bag-drawer-body, html body:has(.hero-section) .shopping-bag-summary) {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body:has(.hero-section) .shopping-bag-row {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html body:has(.hero-section) .shopping-bag-product-side {
    grid-column: 2 !important;
    grid-template-columns: 1fr auto !important;
    place-items: center start !important;
    gap: 18px !important;
    min-width: 0 !important;
  }
}

html body:has(.hero-section) .shopping-bag-sheet {
  grid-template-columns: none !important;
  display: block !important;
}

html body:has(.hero-section) .shopping-bag-backdrop {
  width: 100vw !important;
  height: 100vh !important;
  position: fixed !important;
  inset: 0 !important;
}

html body:has(.hero-section) .shopping-bag-drawer {
  justify-self: auto !important;
  width: min(542px, 100vw - 28px) !important;
  min-width: 0 !important;
  max-width: min(542px, 100vw - 28px) !important;
  position: fixed !important;
  inset: 0 0 0 auto !important;
}

html body:has(.hero-section) .nav-pill {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section) .nav-pill.liquid-pill {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section) .nav-pill:before {
  content: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill:after {
  content: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill.liquid-pill:before {
  content: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill.liquid-pill:after {
  content: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill a {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head {
  border-bottom: 0 !important;
  min-height: 78px !important;
  padding: 28px 28px 16px !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head span {
  color: #717c92 !important;
  margin-bottom: 9px !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head h2 {
  color: #13171f !important;
  white-space: nowrap !important;
  max-width: none !important;
  font-size: 29px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body:has(.hero-section) .shopping-bag-close {
  background: #eff1f6 !important;
  width: 38px !important;
  height: 38px !important;
}

html body:has(.hero-section) .shopping-bag-close svg {
  width: 18px !important;
  height: 18px !important;
}

html body:has(.hero-section) .shopping-bag-drawer-body {
  padding: 28px 28px 0 !important;
}

html body:has(.hero-section) .shopping-bag-row {
  grid-template-columns: 70px minmax(0, 1fr) 64px !important;
  gap: 18px !important;
}

html body:has(.hero-section) .shopping-bag-product-image {
  width: 70px !important;
  height: 70px !important;
}

html body:has(.hero-section) .shopping-bag-product-main {
  gap: 5px !important;
}

html body:has(.hero-section) .shopping-bag-product-main strong {
  color: #171b22 !important;
  max-width: 245px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
}

html body:has(.hero-section) .shopping-bag-quantity {
  border-radius: 4px !important;
  grid-template-columns: 30px 34px 30px !important;
  height: 28px !important;
  margin-top: 6px !important;
}

html body:has(.hero-section) .shopping-bag-product-side {
  gap: 42px !important;
  min-width: 64px !important;
}

html body:has(.hero-section) .shopping-bag-product-side button {
  width: 18px !important;
  height: 18px !important;
}

html body:has(.hero-section) .shopping-bag-product-side svg {
  width: 13px !important;
  height: 13px !important;
}

html body:has(.hero-section) .shopping-bag-product-side strong {
  border-radius: 4px !important;
  min-width: 58px !important;
  height: 28px !important;
  font-size: 13px !important;
  font-weight: 880 !important;
}

html body:has(.hero-section) .shopping-bag-summary {
  border-top: 0 !important;
  gap: 10px !important;
  padding: 18px 28px !important;
}

html body:has(.hero-section) .shopping-bag-summary > div {
  justify-content: flex-end !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body:has(.hero-section) .shopping-bag-summary > div strong {
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body:has(.hero-section) .nav-pill {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: auto !important;
  justify-content: center !important;
  gap: clamp(24px, 3.25vw, 76px) !important;
  padding: 0 !important;
  display: flex !important;
  position: static !important;
  overflow: visible !important;
}

html body:has(.hero-section) .nav-pill.liquid-pill {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: auto !important;
  justify-content: center !important;
  gap: clamp(24px, 3.25vw, 76px) !important;
  padding: 0 !important;
  display: flex !important;
  position: static !important;
  overflow: visible !important;
}

html body:has(.hero-section) .nav-pill:before {
  content: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill:after {
  content: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill.liquid-pill:before {
  content: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill.liquid-pill:after {
  content: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  display: none !important;
}

html body:has(.hero-section) .nav-pill a {
  height: 34px !important;
  box-shadow: none !important;
  background: none !important;
}

html body:has(.hero-section) .shopping-bag-sheet {
  z-index: 3000 !important;
  pointer-events: auto !important;
  grid-template-columns: none !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
}

html body:has(.hero-section) .shopping-bag-backdrop {
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  background: #070b127a !important;
  border: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  position: fixed !important;
  inset: 0 !important;
}

html body:has(.hero-section) .shopping-bag-drawer {
  background: #fbfcff !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-rows: auto 1fr auto !important;
  width: min(540px, 100vw - 30px) !important;
  min-width: 0 !important;
  max-width: min(540px, 100vw - 30px) !important;
  height: 100dvh !important;
  margin: 0 !important;
  display: grid !important;
  position: fixed !important;
  inset: 0 0 0 auto !important;
  overflow: hidden !important;
  box-shadow: -26px 0 46px #060c172e !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head {
  border: 0 !important;
  border-bottom: 1px solid #14192312 !important;
  align-items: center !important;
  min-height: 128px !important;
  padding: 0 34px !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head span {
  display: none !important;
}

html body:has(.hero-section) .shopping-bag-drawer-head h2 {
  color: #14171d !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
  max-width: 390px !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
}

html body:has(.hero-section) .shopping-bag-close {
  color: #151922 !important;
  width: 34px !important;
  height: 34px !important;
  box-shadow: none !important;
  background: #f0f2f7 !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: 0 0 44px !important;
}

html body:has(.hero-section) .shopping-bag-drawer-body {
  padding: 44px 34px 24px !important;
  overflow: auto !important;
}

html body:has(.hero-section) .shopping-bag-row {
  min-height: 116px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  grid-template-columns: 96px minmax(0, 1fr) 72px !important;
  align-items: start !important;
  gap: 24px !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.hero-section) .shopping-bag-product-image {
  width: 96px !important;
  height: 96px !important;
  box-shadow: none !important;
  background: #f8f6f2 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body:has(.hero-section) .shopping-bag-product-main {
  gap: 8px !important;
  padding-top: 0 !important;
}

html body:has(.hero-section) .shopping-bag-product-main strong {
  color: #171a21 !important;
  letter-spacing: -.025em !important;
  max-width: 100% !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.26 !important;
}

html body:has(.hero-section) .shopping-bag-product-main span {
  color: #69748d !important;
  font-size: 15px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
}

html body:has(.hero-section) .shopping-bag-product-main small {
  display: none !important;
}

html body:has(.hero-section) .shopping-bag-quantity {
  width: 110px !important;
  height: 34px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #67728942 !important;
  border-radius: 5px !important;
  grid-template-columns: 34px 42px 34px !important;
  margin-top: 6px !important;
}

:is(html body:has(.hero-section) .shopping-bag-quantity button, html body:has(.hero-section) .shopping-bag-quantity span) {
  font-size: 15px !important;
  font-weight: 730 !important;
}

html body:has(.hero-section) .shopping-bag-product-side {
  align-content: start !important;
  justify-items: end !important;
  gap: 46px !important;
  height: 112px !important;
}

html body:has(.hero-section) .shopping-bag-product-side button {
  color: #758099 !important;
  background: none !important;
  width: 20px !important;
  height: 20px !important;
}

html body:has(.hero-section) .shopping-bag-product-side strong {
  color: #fff !important;
  letter-spacing: -.02em !important;
  background: #171a20 !important;
  border-radius: 5px !important;
  min-width: 66px !important;
  height: 32px !important;
  padding: 0 11px !important;
  font-size: 16px !important;
  font-weight: 860 !important;
}

html body:has(.hero-section) .shopping-bag-summary {
  background: #fbfcff !important;
  border: 0 !important;
  border-top: 1px solid #14192312 !important;
  gap: 14px !important;
  padding: 20px 34px 24px !important;
}

html body:has(.hero-section) .shopping-bag-summary > div {
  color: #66718a !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  gap: 12px !important;
  font-size: 15px !important;
  font-weight: 560 !important;
}

html body:has(.hero-section) .shopping-bag-summary > div strong {
  color: #15181f !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

:is(html body:has(.hero-section) .shopping-bag-view, html body:has(.hero-section) .shopping-bag-checkout) {
  border-radius: 15px !important;
  min-height: 54px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

html body .home-shared-header {
  z-index: 2400 !important;
  pointer-events: none !important;
  width: 100% !important;
  padding: 28px 0 0 !important;
  top: 0 !important;
  left: 0 !important;
}

html body .home-shared-header .cd-nav {
  pointer-events: auto !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
  backdrop-filter: blur(24px) saturate(118%) !important;
  background: linear-gradient(#121b2af5, #0c1420f0) !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: clamp(24px, 2.6vw, 54px) !important;
  width: min(1820px, 100% - 128px) !important;
  max-width: none !important;
  height: 88px !important;
  margin: 0 auto !important;
  padding: 0 58px !important;
  display: flex !important;
  position: relative !important;
  box-shadow: 0 28px 86px #030a1857, inset 0 1px #ffffff14 !important;
}

html body .home-shared-header .brand-pill, html body .home-shared-header .locale-picker, html body .home-shared-header .nav-pill, html body .home-shared-header .auth-pill, html body .home-shared-header .shopping-bag-trigger, html body .home-shared-header .cart-pill, html body .home-shared-header .menu-pill {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

html body .home-shared-header .brand-pill {
  color: #f8fafcf5 !important;
  height: 58px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  flex: 0 0 clamp(190px, 17vw, 270px) !important;
  order: 1 !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  padding: 0 !important;
}

html body .home-shared-header .brand-logo-frame {
  width: 46px !important;
  height: 46px !important;
}

html body .home-shared-header .brand-logo-img {
  width: 42px !important;
  height: 42px !important;
}

html body .home-shared-header .brand-pill > span:last-child {
  color: #f8fafcfa !important;
  letter-spacing: -.04em !important;
  font-size: 26px !important;
  font-weight: 900 !important;
}

html body .home-shared-header .nav-pill, html body .home-shared-header .nav-pill.liquid-pill {
  min-width: 560px !important;
  max-width: 560px !important;
  height: 58px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: 740px !important;
  order: 2 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}

html body .home-shared-header .nav-pill:before, html body .home-shared-header .nav-pill:after, html body .home-shared-header .nav-pill.liquid-pill:before, html body .home-shared-header .nav-pill.liquid-pill:after, html body .home-shared-header .auth-pill.liquid-pill:before {
  display: none !important;
}

html body .home-shared-header .nav-pill a {
  color: #a6b2c7d1 !important;
  letter-spacing: -.035em !important;
  text-align: center !important;
  white-space: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  height: 58px !important;
  padding: 0 10px !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  position: relative !important;
}

html body .home-shared-header .nav-pill a:hover, html body .home-shared-header .nav-pill[data-active="0"] a:first-child, html body .home-shared-header .nav-pill[data-active="1"] a:nth-child(2), html body .home-shared-header .nav-pill[data-active="2"] a:nth-child(3), html body .home-shared-header .nav-pill[data-active="3"] a:nth-child(4), html body .home-shared-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #f8fafcfa !important;
}

html body .home-shared-header .nav-pill[data-active="0"] a:first-child:after, html body .home-shared-header .nav-pill[data-active="1"] a:nth-child(2):after, html body .home-shared-header .nav-pill[data-active="2"] a:nth-child(3):after, html body .home-shared-header .nav-pill[data-active="3"] a:nth-child(4):after, html body .home-shared-header .nav-pill[data-active="4"] a:nth-child(5):after {
  content: "" !important;
  background: #e2eaf6eb !important;
  border-radius: 999px !important;
  width: 28px !important;
  height: 2px !important;
  position: absolute !important;
  bottom: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

html body .home-shared-header .locale-picker, html body .home-shared-header .auth-pill-signed-in, html body .home-shared-header .shopping-bag-trigger {
  flex: 0 0 48px !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}

html body .home-shared-header .auth-pill-signed-in {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
}

html body .home-shared-header .locale-picker .region-pill, html body .home-shared-header .account-avatar-button, html body .home-shared-header .cart-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

html body .home-shared-header .locale-picker .region-pill > svg, html body .home-shared-header .locale-picker .region-pill > span, html body .home-shared-header .locale-picker .region-pill > .region-currency {
  display: none !important;
}

html body .home-shared-header .locale-picker .region-pill:before {
  content: "A" !important;
  color: #dbe4f2f2 !important;
  font-size: 25px !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 5px !important;
  left: 9px !important;
}

html body .home-shared-header .locale-picker .region-pill:after {
  content: "$" !important;
  color: #8fb2ff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  position: absolute !important;
  bottom: 6px !important;
  right: 7px !important;
}

html body .home-shared-header .auth-pill.liquid-pill:not(.auth-pill-signed-in) {
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: none !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  overflow: visible !important;
}

html body .home-shared-header .auth-pill.liquid-pill a {
  color: #a6b2c7d1 !important;
  letter-spacing: -.01em !important;
  height: 48px !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 780 !important;
}

html body .home-shared-header .auth-pill.liquid-pill a:last-child {
  color: #f6f8fcf5 !important;
}

html body .home-shared-header .account-avatar-button {
  position: absolute !important;
  inset: 0 !important;
}

html body .home-shared-header .account-avatar-button .user-avatar {
  width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  background: none !important;
  border: 0 !important;
  place-items: center !important;
  font-size: 25px !important;
  font-weight: 830 !important;
  line-height: 1 !important;
  display: grid !important;
}

html body .home-shared-header .cart-pill svg {
  color: #dbe4f2e6 !important;
  stroke-width: 2px !important;
  width: 25px !important;
  height: 25px !important;
}

html body .home-shared-header .locale-picker .region-pill:hover, html body .home-shared-header .locale-picker .region-pill[aria-expanded="true"], html body .home-shared-header .account-avatar-button:hover, html body .home-shared-header .account-avatar-button[aria-expanded="true"], html body .home-shared-header .cart-pill:hover, html body .home-shared-header .cart-pill[aria-expanded="true"] {
  background: #8fb2ff1a !important;
}

html body .home-shared-header .shopping-bag-count {
  color: #08111e !important;
  background: #8fb2ff !important;
  border-radius: 999px !important;
  place-items: center !important;
  min-width: 15px !important;
  height: 15px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: grid !important;
  position: absolute !important;
  top: 4px !important;
  right: 3px !important;
}

html body .home-shared-header .locale-picker .locale-popover, html body .home-shared-header .account-dropdown {
  z-index: 2600 !important;
  color: #e2eaf6db !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
  backdrop-filter: blur(24px) saturate(118%) !important;
  background: radial-gradient(circle at 22% 0, #5e81b224, #0000 36%), linear-gradient(#111b2c, #080f1b) !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 28px !important;
  width: min(390px, 100vw - 32px) !important;
  max-height: calc(100vh - 148px) !important;
  padding: 22px !important;
  position: absolute !important;
  top: calc(100% + 16px) !important;
  left: 50% !important;
  right: auto !important;
  overflow: auto !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 30px 82px #0208147a, inset 0 1px #ffffff17 !important;
}

html body .home-shared-header .account-dropdown {
  max-height: min(620px, 100vh - 148px) !important;
}

html body .home-shared-header .locale-picker .locale-popover-arrow, html body .home-shared-header .account-dropdown:after {
  content: "" !important;
  background: #111b2c !important;
  border-top: 1px solid #ffffff1c !important;
  border-left: 1px solid #ffffff1c !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: -11px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%)rotate(45deg) !important;
}

html body .home-shared-header .locale-popover .locale-heading {
  color: #a6bde2b8 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 860 !important;
}

html body .home-shared-header .locale-popover .locale-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
}

html body .home-shared-header .locale-popover .locale-option {
  color: #dfe7f4d1 !important;
  background: linear-gradient(#ffffff12, #ffffff09) !important;
  border-color: #ffffff17 !important;
  border-radius: 15px !important;
  min-height: 46px !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  box-shadow: inset 0 1px #ffffff0a !important;
}

html body .home-shared-header .locale-popover .locale-option:hover, html body .home-shared-header .locale-popover .locale-option.active {
  color: #fffffff5 !important;
  background: linear-gradient(#8fb2ff29, #8fb2ff12) !important;
  border-color: #8fb2ff47 !important;
}

html body .home-shared-header .account-affiliate-card {
  color: #dbe4f2c2 !important;
  min-height: 60px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: 14px !important;
  font-size: 17px !important;
  font-weight: 820 !important;
  display: flex !important;
}

html body .home-shared-header .account-affiliate-card span {
  color: #eef4ffeb !important;
  background: #ffffff14 !important;
  border: 0 !important;
  border-radius: 14px !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  display: grid !important;
}

html body .home-shared-header .account-menu-identity {
  border-bottom: 1px solid #ffffff14 !important;
  gap: 4px !important;
  margin-top: 14px !important;
  padding: 16px 2px !important;
  display: grid !important;
}

html body .home-shared-header .account-menu-identity strong {
  color: #f5f8fce6 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body .home-shared-header .account-menu-identity span {
  color: #a8b5cab8 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

html body .home-shared-header .account-menu-links {
  padding: 6px 0 2px !important;
  display: grid !important;
}

html body .home-shared-header .account-menu-links a, html body .home-shared-header .account-menu-signout {
  color: #dbe4f2c7 !important;
  text-align: left !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  font-size: 14.5px !important;
  font-weight: 760 !important;
  display: flex !important;
}

html body .home-shared-header .account-menu-links a:hover, html body .home-shared-header .account-menu-signout:hover {
  color: #fffffff5 !important;
  background: none !important;
}

html body .home-shared-header .account-menu-signout {
  width: 100% !important;
  margin-top: 8px !important;
}

@media (max-width: 1180px) {
  html body .home-shared-header .cd-nav {
    gap: 14px !important;
    width: min(100% - 40px, 980px) !important;
    height: 76px !important;
    padding: 0 24px !important;
  }

  html body .home-shared-header .brand-pill {
    flex-basis: auto !important;
  }

  html body .home-shared-header .brand-pill > span:last-child {
    font-size: 21px !important;
  }

  html body .home-shared-header .nav-pill {
    display: none !important;
  }

  html body .home-shared-header .auth-pill.liquid-pill:not(.auth-pill-signed-in) {
    margin-left: auto !important;
  }
}

@media (max-width: 720px) {
  html body .home-shared-header {
    padding-top: 16px !important;
  }

  html body .home-shared-header .cd-nav {
    width: calc(100% - 24px) !important;
    height: 68px !important;
    padding: 0 16px !important;
  }

  html body .home-shared-header .brand-pill > span:last-child, html body .home-shared-header .auth-pill.liquid-pill:not(.auth-pill-signed-in) {
    display: none !important;
  }

  html body .home-shared-header .menu-pill {
    box-shadow: none !important;
    background: none !important;
    margin-left: auto !important;
    display: grid !important;
  }
}

html body .shopping-bag-sheet {
  z-index: 2500 !important;
  pointer-events: auto !important;
  grid-template-columns: minmax(0, 1fr) 540px !important;
  display: grid !important;
  position: fixed !important;
  inset: 0 !important;
}

html body .shopping-bag-backdrop {
  -webkit-backdrop-filter: blur(5px) !important;
  background: #0208149e !important;
  border: 0 !important;
  grid-area: 1 / 1 / auto / -1 !important;
  width: 100% !important;
  height: 100% !important;
}

html body .shopping-bag-drawer {
  z-index: 1 !important;
  color: #15181f !important;
  background: #fbfcff !important;
  grid-area: 1 / 2 !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  width: 540px !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  display: grid !important;
  position: relative !important;
  box-shadow: -28px 0 80px #02081447 !important;
}

html body .shopping-bag-drawer-head {
  border-bottom: 1px solid #14192312 !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 24px !important;
  padding: 46px 34px 30px !important;
  display: flex !important;
}

html body .shopping-bag-drawer-head h2 {
  color: #15181f !important;
  letter-spacing: -.055em !important;
  margin: 0 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: .98 !important;
}

html body .shopping-bag-close {
  color: #15181f !important;
  background: #eef1f7 !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
}

html body .shopping-bag-drawer-body {
  min-height: 0 !important;
  padding: 34px !important;
  overflow: auto !important;
}

html body .shopping-bag-row {
  grid-template-columns: 96px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 22px !important;
  display: grid !important;
}

html body .shopping-bag-product-image {
  background: #f5f3ef !important;
  width: 96px !important;
  height: 96px !important;
  overflow: hidden !important;
}

html body .shopping-bag-product-image img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

html body .shopping-bag-product-main {
  gap: 8px !important;
  min-width: 0 !important;
  display: grid !important;
}

html body .shopping-bag-product-main strong {
  color: #15181f !important;
  letter-spacing: -.03em !important;
  font-size: 19px !important;
  font-weight: 860 !important;
  line-height: 1.12 !important;
}

html body .shopping-bag-product-main span {
  color: #66718a !important;
  font-size: 14px !important;
  font-weight: 620 !important;
}

html body .shopping-bag-product-main small {
  display: none !important;
}

html body .shopping-bag-quantity {
  background: #fff !important;
  border: 1px solid #d8deea !important;
  border-radius: 6px !important;
  grid-template-columns: 34px 40px 34px !important;
  width: 108px !important;
  height: 34px !important;
  display: grid !important;
  overflow: hidden !important;
}

html body .shopping-bag-quantity button, html body .shopping-bag-quantity span {
  color: #1c2433 !important;
  place-items: center !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  display: grid !important;
}

html body .shopping-bag-product-side {
  justify-items: end !important;
  gap: 42px !important;
  display: grid !important;
}

html body .shopping-bag-product-side button {
  color: #66718a !important;
}

html body .shopping-bag-product-side strong {
  color: #fff !important;
  background: #171a20 !important;
  border-radius: 5px !important;
  place-items: center !important;
  height: 32px !important;
  padding: 0 11px !important;
  font-size: 16px !important;
  font-weight: 860 !important;
  display: inline-grid !important;
}

html body .shopping-bag-summary {
  background: #fbfcff !important;
  border-top: 1px solid #14192312 !important;
  gap: 14px !important;
  padding: 20px 34px 24px !important;
  display: grid !important;
}

html body .shopping-bag-summary > div {
  color: #66718a !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  gap: 12px !important;
  font-size: 15px !important;
  font-weight: 560 !important;
  display: flex !important;
}

html body .shopping-bag-summary > div strong {
  color: #15181f !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

html body .shopping-bag-view, html body .shopping-bag-checkout {
  border-radius: 15px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 54px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

html body .shopping-bag-view {
  color: #7b879f !important;
  background: #fff !important;
  border: 1px solid #aeb8cb !important;
}

html body .shopping-bag-checkout {
  color: #fff !important;
  background: #111820 !important;
  border: 1px solid #111820 !important;
}

@media (max-width: 720px) {
  html body .shopping-bag-sheet {
    grid-template-columns: 1fr !important;
  }

  html body .shopping-bag-drawer {
    grid-column: 1 !important;
    width: 100% !important;
  }
}

html body:has(.hero-section) .home-shared-header {
  padding: 28px 0 0 !important;
}

html body:has(.hero-section) .home-shared-header .cd-nav {
  width: min(1820px, 100% - 128px) !important;
  max-width: none !important;
  height: 88px !important;
  padding: 0 58px !important;
}

html body:has(.hero-section) .home-shared-header .locale-picker {
  order: 3 !important;
}

html body:has(.hero-section) .home-shared-header .auth-pill.liquid-pill:not(.auth-pill-signed-in) {
  order: 4 !important;
}

html body:has(.hero-section) .home-shared-header .shopping-bag-trigger {
  order: 4 !important;
}

html body:has(.hero-section) .home-shared-header .shopping-bag-trigger {
  order: 5 !important;
}

html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled {
  padding: 28px 0 0 !important;
}

html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled .cd-nav {
  width: min(1820px, 100% - 128px) !important;
  max-width: none !important;
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  padding: 0 58px !important;
}

html body:has(.hero-section) .hero-section .hero-action button.link-input {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input.mobile-search-trigger {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input .search-platform-hints {
  opacity: 1 !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input .search-platform-hints img {
  opacity: 1 !important;
  filter: drop-shadow(0 2px 5px #1c2a3e24) !important;
}

html body:has(.hero-section) .hero-section .hero-action .primary-pill {
  color: #f8fbfff5 !important;
  background: linear-gradient(#264873f0, #132b4eeb) !important;
  border-color: #7aa3e242 !important;
  box-shadow: 0 16px 34px #05122a38, inset 0 1px #ffffff2e !important;
}

html body:has(.hero-section) .hero-section .hero-action .primary-pill:hover {
  background: linear-gradient(#2d5586f5, #16325af0) !important;
  border-color: #96bcf657 !important;
}

html body:has(.hero-section) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 72px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 42px !important;
}

:is(html body:has(.hero-section) .home-shared-header .brand-pill, html body:has(.hero-section) .home-shared-header .region-pill, html body:has(.hero-section) .home-shared-header .nav-pill, html body:has(.hero-section) .home-shared-header .auth-pill, html body:has(.hero-section) .home-shared-header .cart-pill, html body:has(.hero-section) .home-shared-header .shopping-bag-trigger) {
  min-height: 34px !important;
}

html body:has(.hero-section) .home-shared-header .brand-pill img {
  width: 34px !important;
  height: 34px !important;
}

html body:has(.hero-section) .home-shared-header .brand-pill > span:not(.brand-logo-frame) {
  font-size: 20px !important;
}

html body:has(.hero-section) .home-shared-header .nav-pill {
  gap: clamp(20px, 2vw, 42px) !important;
  max-width: 640px !important;
}

:is(html body:has(.hero-section) .home-shared-header .nav-pill a, html body:has(.hero-section) .home-shared-header .auth-pill a, html body:has(.hero-section) .home-shared-header .auth-pill span) {
  font-size: 14px !important;
}

html body:has(.hero-section) .hero-copy h1 {
  font-size: clamp(72px, 4.55vw, 94px) !important;
  line-height: 1.02 !important;
}

html body:has(.hero-section) body .hero-copy h1 {
  font-size: clamp(72px, 4.55vw, 94px) !important;
  line-height: 1.02 !important;
}

html body:has(.hero-section) .hero-copy p {
  max-width: 620px !important;
  margin-top: 28px !important;
  font-size: clamp(16px, .98vw, 19px) !important;
  line-height: 1.5 !important;
}

html body:has(.hero-section) .process-section {
  padding: clamp(82px, 6vw, 112px) clamp(28px, 4vw, 64px) clamp(82px, 6vw, 108px) !important;
}

html body:has(.hero-section) .how-grid {
  grid-template-columns: minmax(360px, .8fr) minmax(560px, 1.2fr) !important;
  gap: clamp(36px, 3.6vw, 64px) !important;
  width: min(1280px, 100%) !important;
}

html body:has(.hero-section) .how-copy h2 {
  max-width: 560px !important;
  font-size: clamp(58px, 4.55vw, 82px) !important;
}

html body:has(.hero-section) .how-copy > p {
  max-width: 520px !important;
  font-size: clamp(16px, .95vw, 18px) !important;
}

html body:has(.hero-section) .how-steps {
  width: min(1280px, 100%) !important;
  margin-top: clamp(44px, 4vw, 64px) !important;
}

html body:has(.hero-section) .how-step-card {
  min-height: 138px !important;
  padding: 14px 12px 10px !important;
}

@media (max-width: 760px) {
  html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html body:has(.hero-section) .home-shared-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html body:has(.hero-section) .hero-action {
    width: min(100%, 100vw - 34px) !important;
    min-height: 68px !important;
  }
}

html body .home-shared-header .cd-nav, html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body .home-shared-header .brand-pill, html body .home-shared-header .region-pill, html body .home-shared-header .nav-pill, html body .home-shared-header .auth-pill, html body .home-shared-header .cart-pill, html body .home-shared-header .shopping-bag-trigger {
  min-height: 34px !important;
}

html body .home-shared-header .nav-pill {
  gap: clamp(20px, 2vw, 40px) !important;
  max-width: 680px !important;
}

html body .home-shared-header .nav-pill a {
  white-space: nowrap !important;
  flex: none !important;
  font-size: 14px !important;
}

html body .home-shared-header .brand-pill img {
  width: 32px !important;
  height: 32px !important;
}

html body .home-shared-header .brand-pill > span:not(.brand-logo-frame) {
  font-size: 18px !important;
}

@media (max-width: 760px) {
  html body .home-shared-header .cd-nav, html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }
}

html body:has(.hero-section) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.product-page-v9) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.diy-order-page) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.shipping-estimate-page) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

:is(html body:has(.hero-section) .home-shared-header .nav-pill a, html body:has(.product-page-v9) .home-shared-header .nav-pill a, html body:has(.diy-order-page) .home-shared-header .nav-pill a, html body:has(.shipping-estimate-page) .home-shared-header .nav-pill a) {
  white-space: nowrap !important;
  flex: none !important;
  font-size: 14px !important;
}

html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.hero-section) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.product-page-v9) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.diy-order-page) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html body:has(.shipping-estimate-page) .home-shared-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

:is(html body:has(.hero-section) .home-shared-header .nav-pill, html body:has(.product-page-v9) .home-shared-header .nav-pill, html body:has(.diy-order-page) .home-shared-header .nav-pill, html body:has(.shipping-estimate-page) .home-shared-header .nav-pill) {
  gap: clamp(20px, 2vw, 40px) !important;
  max-width: 680px !important;
}

:is(html body:has(.hero-section) .home-shared-header .nav-pill a, html body:has(.product-page-v9) .home-shared-header .nav-pill a, html body:has(.diy-order-page) .home-shared-header .nav-pill a, html body:has(.shipping-estimate-page) .home-shared-header .nav-pill a, html body:has(.hero-section) .home-shared-header .auth-pill a, html body:has(.hero-section) .home-shared-header .auth-pill span) {
  font-size: 14px !important;
}

:is(html body:has(.hero-section) .home-shared-header .brand-pill img, html body:has(.product-page-v9) .home-shared-header .brand-pill img, html body:has(.diy-order-page) .home-shared-header .brand-pill img, html body:has(.shipping-estimate-page) .home-shared-header .brand-pill img) {
  width: 32px !important;
  height: 32px !important;
}

:is(html body:has(.hero-section) .home-shared-header .brand-pill > span:not(.brand-logo-frame), html body:has(.product-page-v9) .home-shared-header .brand-pill > span:not(.brand-logo-frame), html body:has(.diy-order-page) .home-shared-header .brand-pill > span:not(.brand-logo-frame), html body:has(.shipping-estimate-page) .home-shared-header .brand-pill > span:not(.brand-logo-frame)) {
  font-size: 18px !important;
}

html body:has(.hero-section) .hero-copy h1 {
  font-size: clamp(64px, 4vw, 82px) !important;
  line-height: 1.03 !important;
}

html body:has(.hero-section) .hero-copy p {
  max-width: 560px !important;
  margin-top: 22px !important;
  font-size: clamp(15px, .88vw, 17px) !important;
}

html body:has(.hero-section) .hero-trust-tags {
  margin-top: 20px !important;
}

html body:has(.hero-section) .hero-action {
  width: min(920px, 100vw - 112px) !important;
  min-height: 78px !important;
  margin-top: 36px !important;
  padding: 8px !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input > span:not(.search-platform-hints) {
  font-size: clamp(15px, .88vw, 17px) !important;
}

html body:has(.hero-section) .hero-section .hero-action .link-input .search-platform-hints img {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
}

html body:has(.hero-section) .hero-section .hero-action .primary-pill {
  min-height: 56px !important;
  padding: 0 28px !important;
}

@media (max-width: 760px) {
  html body .cd-page > .cd-header.home-shared-header.cd-header-scrolled .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html body:has(.hero-section) .home-shared-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html body:has(.product-page-v9) .home-shared-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html body:has(.diy-order-page) .home-shared-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html body:has(.shipping-estimate-page) .home-shared-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }
}

@media (min-width: 1200px) {
  :is(html:has(.hero-section), html:has(.product-page-v9), html:has(.diy-order-page), html:has(.shipping-estimate-page), body:has(.hero-section), body:has(.product-page-v9), body:has(.diy-order-page), body:has(.shipping-estimate-page)) {
    overflow-x: hidden !important;
  }

  body:has(.hero-section) .cd-page {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    min-height: 125vh !important;
    transform: scale(.8) !important;
  }

  body:has(.product-page-v9) > .home-shared-header {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.product-page-v9) > main.product-page-v9 {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.product-page-v9) > .footer-section {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.diy-order-page) > .home-shared-header {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.diy-order-page) > main.diy-order-page {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.diy-order-page) > .footer-section {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.shipping-estimate-page) > .home-shared-header {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.shipping-estimate-page) > main.shipping-estimate-page {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  body:has(.shipping-estimate-page) > .footer-section {
    transform-origin: 0 0 !important;
    width: 125vw !important;
    transform: scale(.8) !important;
  }

  :is(body:has(.product-page-v9) > main.product-page-v9, body:has(.diy-order-page) > main.diy-order-page, body:has(.shipping-estimate-page) > main.shipping-estimate-page) {
    min-height: 125vh !important;
  }
}

html body:has(.hero-section):not(:has(.product-page-v9)) {
  --home-current-accent: #ffc21a;
  --home-current-black: #050807;
  --home-current-surface: #ffffff0e;
  --home-current-surface-strong: #ffffff18;
  --home-current-line: #f7f7f229;
  --home-current-text: #f7f7f2;
  --home-current-muted: #f7f7f2ad;
  background: var(--home-current-black) !important;
  background-color: var(--home-current-black) !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.wide-head > p, .how-eyebrow, .how-copy h2 strong, .momentum-kicker, .momentum-section .stats-card strong, .momentum-section .stats-card strong span, .hero-proof-strip strong, .service-card.active .service-active-content h3, .service-card.active .service-active-content > span) {
  color: var(--home-current-accent) !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.cd-page, .hero-section, .services-section, .process-section, .momentum-section, .footer-section) {
  background: var(--home-current-black) !important;
  background-color: var(--home-current-black) !important;
  color: var(--home-current-text) !important;
  background-image: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.hero-dynamic-bg, .liquid-transition, .liquid-motion-wave, .how-glow) {
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.hero-section, .services-section, .process-section, .momentum-section):before {
  content: none !important;
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.hero-section, .services-section, .process-section, .momentum-section):after {
  content: none !important;
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.hero-section, .services-section, .process-section, .momentum-section, .footer-section) :is(h1, h2, h3, h4, strong, a, button, label) {
  color: var(--home-current-text) !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.hero-section, .services-section, .process-section, .momentum-section, .footer-section) :is(p, span, li, small) {
  color: var(--home-current-muted) !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is([data-reveal], [data-reveal].is-visible, .wide-head, .service-accordion, .service-card, .service-active-content, .how-copy, .guide-video-card, .guide-poster, .how-grid, .how-steps, .how-step-card, .momentum-shell, .momentum-stat, .footer-section *) {
  opacity: 1 !important;
  visibility: visible !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.service-accordion, .service-card, .service-icon, .guide-video-card, .guide-poster, .how-step-card, .momentum-shell, .momentum-stat, .floating-panel) {
  background-color: var(--home-current-surface) !important;
  border-color: var(--home-current-line) !important;
  box-shadow: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .service-card {
  border: 1px solid #ffffff47 !important;
  box-shadow: inset 0 0 0 1px #ffffff09 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .service-card.active {
  border-color: #ffffff5c !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action {
  background: #f7f7f2f0 !important;
  border: 1.5px solid #f7f7f247 !important;
  box-shadow: 0 18px 52px #00000047 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action:before {
  content: none !important;
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action:after {
  content: none !important;
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action .link-input:before {
  content: none !important;
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action .link-input:after {
  content: none !important;
  display: none !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action :is(input, span, svg) {
  color: #101513 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action .primary-pill {
  color: #f7f7f2 !important;
  box-shadow: none !important;
  background: #101513 !important;
  border: 2px solid #101513 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-action .primary-pill:hover {
  color: #101513 !important;
  background: #f7f7f2 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-section .search-platform-hints img {
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.08) drop-shadow(0 8px 16px #1015132e) !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .cd-nav {
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  background: #0e100fd1 !important;
  border: 1.5px solid #f7f7f22e !important;
  box-shadow: 0 18px 44px #0000004d, inset 0 1px #f7f7f21f !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .nav-pill {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .nav-pill:before {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .nav-pill:after {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .auth-pill {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .auth-pill:before {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .auth-pill:after {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header :is(.nav-pill a, .auth-pill a, .region-pill, .cart-pill, .account-avatar-button, .shopping-bag-trigger) {
  color: #f7f7f2b8 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header :is(.nav-pill a.active, .auth-pill a:last-child) {
  color: var(--home-current-text) !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header .account-avatar-button {
  background: #ffffff0f !important;
  border-radius: 999px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header :is(.region-pill, .cart-pill, .shopping-bag-trigger) {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon {
  z-index: 8;
  isolation: isolate;
  background: none;
  border: 0;
  width: 100%;
  height: clamp(82px, 7.1vw, 122px);
  margin: 0;
  position: relative;
  overflow: hidden;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon:before {
  content: "";
  z-index: 3;
  pointer-events: none;
  width: min(6vw, 96px);
  position: absolute;
  top: 0;
  bottom: 0;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon:after {
  content: "";
  z-index: 3;
  pointer-events: none;
  width: min(6vw, 96px);
  position: absolute;
  top: 0;
  bottom: 0;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon:before {
  background: linear-gradient(90deg, #0205042e, #0000);
  left: 0;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon:after {
  background: linear-gradient(270deg, #0205042e, #0000);
  right: 0;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-orange {
  background: #ff5a00;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-taobao {
  background: #ff4d0a;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-red {
  background: #cf0033;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-yellow {
  background: #ffe100;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-track {
  white-space: nowrap;
  will-change: transform;
  backface-visibility: hidden;
  flex-flow: row;
  align-items: center;
  width: max-content;
  animation: 58s linear infinite prvbuyRibbonScroll;
  display: flex;
  position: absolute;
  inset: 0 auto 0 0;
  transform: translate3d(0, 0, 0);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-track.reverse {
  animation-name: prvbuyRibbonScrollReverse;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-group {
  flex: none;
  align-items: center;
  gap: clamp(22px, 2.2vw, 42px);
  padding-right: clamp(22px, 2.2vw, 42px);
  display: inline-flex;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit {
  white-space: nowrap;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 1.25vw, 24px);
  width: clamp(480px, 42vw, 700px);
  min-width: 0;
  height: 100%;
  padding: clamp(5px, .45vw, 9px) clamp(18px, 1.45vw, 30px);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-icon {
  object-fit: contain;
  filter: saturate(1.06) contrast(1.04) drop-shadow(0 5px #ffffff24) drop-shadow(0 8px 12px #00000038);
  flex: none;
  width: auto;
  max-width: clamp(72px, 7vw, 112px);
  height: calc(100% - 18px);
  display: block;
  transform: translateZ(0);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-copy {
  flex: none;
  align-items: center;
  gap: clamp(12px, 1vw, 18px);
  min-width: 0;
  display: inline-flex;
  transform: translateZ(0);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-word {
  object-fit: contain;
  pointer-events: none;
  transform-origin: 50% 62%;
  filter: drop-shadow(0 7px 10px #0003);
  width: auto;
  max-width: clamp(180px, 18vw, 320px);
  height: calc(100% - 22px);
  animation: 4.8s ease-in-out infinite alternate prvbuyRibbonWordFloat;
  display: block;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-caption {
  letter-spacing: -.02em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 2px 6px #0003;
  max-width: clamp(128px, 12vw, 220px);
  font-size: clamp(13px, 1vw, 18px);
  font-weight: 900;
  line-height: .96;
  display: inline-block;
  color: #ffffffe6 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-red .platform-ribbon-word {
  max-width: clamp(190px, 19vw, 340px);
  transform: rotate(-2.4deg)translateY(-1px);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-orange .platform-ribbon-word {
  max-width: clamp(200px, 19vw, 350px);
  transform: rotate(2deg)translateY(1px);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-taobao .platform-ribbon-word {
  max-width: clamp(190px, 18.5vw, 340px);
  transform: rotate(-1.3deg)translateY(2px);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-yellow .platform-ribbon-word {
  max-width: clamp(190px, 18.5vw, 340px);
  transform: rotate(1.8deg)translateY(-1px);
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-yellow .platform-ribbon-caption {
  text-shadow: 0 1px #ffffff4d;
  color: #201c00e0 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit:nth-child(2n) .platform-ribbon-word {
  animation-delay: -1.3s;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit:nth-child(3n) .platform-ribbon-word {
  animation-delay: -2.7s;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit:nth-child(4n) .platform-ribbon-word {
  animation-delay: -3.5s;
}

@keyframes prvbuyRibbonScroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes prvbuyRibbonScrollReverse {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes prvbuyRibbonWordFloat {
  from {
    translate: 0 -1px;
  }

  to {
    translate: 0 1px;
  }
}

@media (max-width: 760px) {
  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon {
    height: 74px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-track {
    animation-duration: 48s;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-group {
    gap: 14px;
    padding-right: 14px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit {
    gap: 8px;
    width: 360px;
    padding-inline: 12px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-icon {
    height: 54px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-word {
    max-width: 142px;
    height: 48px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-red .platform-ribbon-word {
    max-width: 142px;
    height: 48px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-orange .platform-ribbon-word {
    max-width: 142px;
    height: 48px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-taobao .platform-ribbon-word {
    max-width: 142px;
    height: 48px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-unit-yellow .platform-ribbon-word {
    max-width: 142px;
    height: 48px;
  }

  html body:has(.hero-section):not(:has(.product-page-v9)) .platform-ribbon-caption {
    max-width: 92px;
    font-size: 10px;
    line-height: .95;
  }
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-icon svg {
  width: 29px !important;
  height: 29px !important;
  color: var(--step-accent) !important;
  stroke: var(--step-accent) !important;
  stroke-width: 2.25px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:hover .how-step-icon svg {
  color: #08111f !important;
  stroke: #08111f !important;
}

html body .home-shared-header .cd-nav {
  align-items: center !important;
  gap: 14px !important;
  display: flex !important;
}

html body .home-shared-header .brand-pill {
  flex: none !important;
  order: 1 !important;
}

html body .home-shared-header .header-link-entry {
  color: #f7f8f49e !important;
  -webkit-backdrop-filter: blur(8px) !important;
  background: #ffffff13 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 9px !important;
  flex: 0 260px !important;
  order: 2 !important;
  align-items: center !important;
  gap: 8px !important;
  width: clamp(190px, 18vw, 260px) !important;
  min-width: 190px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 5px 0 12px !important;
  transition: background-color .18s, border-color .18s !important;
  display: flex !important;
  box-shadow: inset 0 1px #ffffff09 !important;
}

html body .home-shared-header .header-link-entry:focus-within {
  background: #ffffff1c !important;
  border-color: #ffffff40 !important;
}

html body .home-shared-header .header-link-entry input {
  color: #f7f8f4f0 !important;
  min-width: 0 !important;
  height: 100% !important;
  font: inherit !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  flex: auto !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body .home-shared-header .header-link-entry input::placeholder {
  color: #f7f8f47a !important;
  opacity: 1 !important;
}

html body .home-shared-header .header-link-entry > button {
  color: #f7f8f4b8 !important;
  width: 26px !important;
  height: 26px !important;
  box-shadow: none !important;
  background: #ffffff12 !important;
  border: 0 !important;
  border-radius: 6px !important;
  flex: 0 0 26px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: inline-flex !important;
}

html body .home-shared-header .header-link-entry > button:hover {
  color: #fff !important;
  background: #ffffff24 !important;
}

html body .home-shared-header .locale-picker {
  order: 4 !important;
}

html body .home-shared-header .nav-pill {
  flex: none !important;
  order: 3 !important;
  gap: clamp(12px, 1.15vw, 22px) !important;
  width: auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  display: flex !important;
}

html body .home-shared-header .nav-pill a {
  white-space: nowrap !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 2px !important;
}

html body .home-shared-header .auth-pill {
  order: 5 !important;
}

html body .home-shared-header .shopping-bag-trigger {
  order: 6 !important;
}

html body .home-shared-header .menu-pill {
  order: 7 !important;
}

@media (max-width: 1180px) {
  html body .home-shared-header .header-link-entry {
    flex-basis: 190px !important;
    width: 190px !important;
  }

  html body .home-shared-header .nav-pill {
    gap: 10px !important;
  }

  html body .home-shared-header .nav-pill a {
    font-size: 13px !important;
  }
}

@media (max-width: 1040px) {
  html body .home-shared-header .header-link-entry {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html body .home-shared-header .header-link-entry {
    display: none !important;
  }
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:first-child {
  --step-accent: #18a66f;
  --step-accent-rgb: 24, 166, 111;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:nth-child(2) {
  --step-accent: #ff5a2f;
  --step-accent-rgb: 255, 90, 47;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:nth-child(3) {
  --step-accent: #2497ff;
  --step-accent-rgb: 36, 151, 255;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:nth-child(4) {
  --step-accent: #ffca2f;
  --step-accent-rgb: 255, 202, 47;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:nth-child(5) {
  --step-accent: #8b5cf6;
  --step-accent-rgb: 139, 92, 246;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:nth-child(6) {
  --step-accent: #2dd4bf;
  --step-accent-rgb: 45, 212, 191;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-icon {
  width: 58px !important;
  height: 58px !important;
  color: var(--step-accent) !important;
  background: linear-gradient(180deg, rgba(var(--step-accent-rgb), .14), rgba(var(--step-accent-rgb), .035)) !important;
  box-shadow: 0 14px 34px rgba(var(--step-accent-rgb), .17),
    inset 0 0 0 1px rgba(var(--step-accent-rgb), .3) !important;
  border: 0 !important;
  border-radius: 20px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-icon svg {
  stroke-width: 2.25px !important;
  width: 29px !important;
  height: 29px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .how-step-card:hover .how-step-icon {
  color: #08111f !important;
  background: var(--step-accent) !important;
  box-shadow: 0 18px 42px rgba(var(--step-accent-rgb), .25) !important;
  transform: translateY(-2px)scale(1.06) !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) :is(.wide-head > p, .how-eyebrow, .how-copy h2 strong, .momentum-kicker, .stats-card > strong, .hero-proof-strip strong, .service-card.active .service-active-content h3, .service-card.active .service-active-content > span) {
  color: #ffc21a !important;
}

.admin-console-page {
  --admin-graphite: #0a0b0d;
  --admin-sidebar: #0d0e10;
  --admin-surface: #101113;
  --admin-surface-raised: #141519;
  --admin-field: #111215;
  --admin-ink: #f2f1ed;
  --admin-muted: #d0cec7;
  --admin-soft: #9b9992;
  --admin-line: #eeebe216;
  --admin-line-strong: #eeebe233;
  --admin-accent: #d7b85d;
  font-family: var(--font-plus-jakarta, "Plus Jakarta Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  background: var(--admin-graphite) !important;
  color: var(--admin-ink) !important;
}

@media (min-width: 1024px) {
  .admin-console-page .admin-console-grid {
    grid-template-columns: 288px minmax(0, 1fr) !important;
  }
}

.admin-console-page .admin-console-sidebar {
  scrollbar-width: thin;
  scrollbar-color: #d7b85d47 transparent;
  overflow-y: auto;
  border-color: var(--admin-line) !important;
  background: var(--admin-sidebar) !important;
  padding: 22px 20px 20px !important;
}

.admin-console-page .admin-console-brand img {
  border-radius: 10px;
}

.admin-console-page .admin-console-brand [class*="bg-[#ffc21a]"] {
  background: var(--admin-accent) !important;
  border-radius: 12px !important;
  width: 44px !important;
  height: 44px !important;
}

.admin-console-page .admin-console-brand img {
  width: 34px !important;
  height: 34px !important;
}

.admin-console-page .admin-console-brand .text-lg {
  font-size: 18px !important;
}

.admin-console-page .admin-console-brand .text-xs {
  font-size: 12px !important;
}

.admin-console-page .admin-console-staff {
  border: 0 !important;
  border-bottom: 1px solid var(--admin-line) !important;
  background: none !important;
  border-radius: 0 !important;
  margin-top: 26px !important;
  padding: 0 2px 26px !important;
}

.admin-console-page .admin-console-staff strong {
  color: var(--admin-ink) !important;
  font-size: 17px !important;
}

.admin-console-page .admin-console-staff p, .admin-console-page .admin-console-staff span {
  color: var(--admin-muted);
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.admin-console-page .admin-console-nav {
  gap: 6px !important;
  margin-top: 22px !important;
}

.admin-console-page .admin-console-nav button {
  min-height: 46px;
  color: #cbc9c2 !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 10px !important;
  padding-inline: 18px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.admin-console-page .admin-console-nav button svg {
  width: 18px !important;
  height: 18px !important;
}

.admin-console-page .admin-console-nav button:hover:not(:disabled) {
  border-color: var(--admin-line) !important;
  color: var(--admin-ink) !important;
  background: #121316 !important;
}

.admin-console-page .admin-console-nav button[class*="bg-[#ffc21a]"] {
  box-shadow: inset 3px 0 #d7b85db8;
  color: var(--admin-ink) !important;
  background: #d7b85d1f !important;
  border-color: #d7b85d57 !important;
}

.admin-console-page .admin-console-topbar {
  min-height: 78px;
  box-shadow: 0 1px #eeebe20a;
  border-color: var(--admin-line) !important;
  background: #0a0b0df0 !important;
  padding-block: 14px !important;
}

.admin-console-page .admin-console-status-dot {
  background: #59b77c;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #59b77c1f;
}

.admin-console-page .admin-console-title h1 {
  color: var(--admin-ink) !important;
  letter-spacing: -.03em !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
}

.admin-console-page .admin-console-title p {
  color: var(--admin-muted) !important;
  font-size: 14px !important;
}

.admin-console-page .admin-console-title p:first-child, .admin-console-page .text-\[\#ffc21a\] {
  color: var(--admin-accent) !important;
}

.admin-console-page .admin-console-content {
  max-width: 1540px;
  margin: 0 auto;
  padding: 28px clamp(24px, 3vw, 48px) 56px !important;
}

.admin-console-page .admin-console-metrics {
  border-top: 1px solid var(--admin-line-strong);
  border-bottom: 1px solid var(--admin-line-strong);
  background: none;
  gap: 0 !important;
}

.admin-console-page .admin-console-metrics > div {
  min-height: 122px;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid #eeebe226 !important;
  border-radius: 0 !important;
  padding: 20px 22px !important;
}

.admin-console-page .admin-console-metrics > div:last-child {
  border-right: 0 !important;
}

.admin-console-page .admin-console-metrics p {
  color: #dedcd5 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.admin-console-page .admin-console-metrics strong {
  color: var(--admin-ink) !important;
  letter-spacing: -.035em !important;
  font-size: 29px !important;
}

.admin-console-page .admin-console-metrics span {
  color: var(--admin-accent) !important;
  font-size: 12px !important;
}

.admin-console-page :is(.bg-\[\#050d0b\], .bg-\[\#07110f\]) {
  background-color: var(--admin-graphite) !important;
}

.admin-console-page :is(.bg-\[\#050d0b\]\/58, .bg-\[\#050d0b\]\/62, .bg-\[\#050d0b\]\/78, .bg-white\/\[0\.03\], .bg-white\/\[0\.035\], .bg-white\/\[0\.04\], .bg-white\/\[0\.055\], .bg-white\/\[0\.06\], .bg-white\/10, .bg-black\/20, .bg-black\/35) {
  background-color: var(--admin-surface) !important;
}

.admin-console-page :is(.border-white\/8, .border-white\/10, .border-white\/12, .border-white\/18, .border-\[\#ffc21a\]\/20, .border-\[\#ffc21a\]\/25, .border-\[\#ffc21a\]\/35) {
  border-color: var(--admin-line) !important;
}

.admin-console-page :is(.rounded-\[14px\], .rounded-\[16px\], .rounded-\[18px\], .rounded-\[20px\], .rounded-\[22px\], .rounded-\[24px\]) {
  border-radius: 9px !important;
}

.admin-console-page :is(.shadow-2xl, [class*="shadow-black"]) {
  box-shadow: none !important;
}

.admin-console-page :is(.text-white\/32, .text-white\/35, .text-white\/38, .text-white\/40, .text-white\/42, .text-white\/45, .text-white\/48, .text-white\/50, .text-white\/52, .text-white\/54, .text-white\/55, .text-white\/58, .text-white\/60, .text-white\/62, .text-white\/64, .text-white\/65, .text-white\/68) {
  color: var(--admin-muted) !important;
}

.admin-console-page .text-white {
  color: var(--admin-ink) !important;
}

.admin-console-page :is(.bg-\[\#ffc21a\], .bg-\[\#ffc21a\]\/10, .bg-\[\#ffc21a\]\/12) {
  background-color: #d7b85d1a !important;
}

.admin-console-page .button {
  color: var(--admin-ink) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: #fff1 !important;
  border: 1px solid #eeebe229 !important;
  border-radius: 10px !important;
  font-weight: 850 !important;
}

.admin-console-page .button:hover:not(:disabled) {
  color: #fffdf7 !important;
  background: #ffffff18 !important;
  border-color: #d7b85d5c !important;
}

.admin-console-page .button[class*="bg-[linear-gradient"] {
  background: var(--admin-accent) !important;
  color: #111315 !important;
  border-color: #d7b85d85 !important;
}

.admin-console-page .button[class*="bg-[linear-gradient"]:hover:not(:disabled) {
  color: #0a0b0d !important;
  background: #e4c975 !important;
  border-color: #eccf7bb3 !important;
}

.admin-console-page .button:focus-visible {
  outline-color: var(--admin-accent) !important;
}

.admin-console-page span[class*="shadow-[0_8px_18px"] {
  color: #d6d4cd !important;
  height: 30px !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #eeebe224 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

.admin-console-page span[class*="bg-prv-sky"], .admin-console-page span[class*="text-[#1d4ed8]"] {
  color: var(--admin-ink) !important;
  background: #ffffff12 !important;
  border-color: #eeebe229 !important;
}

.admin-console-page span[class*="bg-prv-yellow"] {
  color: #e4c975 !important;
  background: #d7b85d29 !important;
  border-color: #d7b85d4d !important;
}

.admin-console-page span[class*="bg-red-50"] {
  color: #ffb7aa !important;
  background: #ee68561f !important;
  border-color: #ee685652 !important;
}

.admin-console-page :is(input, select, textarea) {
  min-height: 46px;
  border-color: var(--admin-line) !important;
  background: var(--admin-field) !important;
  color: var(--admin-ink) !important;
  border-radius: 10px !important;
  font-size: 15px !important;
}

.admin-console-page :is(input, textarea)::placeholder {
  opacity: 1;
  color: #aaa8a2 !important;
}

.admin-console-page :is(input, select, textarea, button, a):focus-visible {
  outline: 2px solid var(--admin-accent);
  outline-offset: 2px;
}

.admin-console-page :is(table thead, [class*="border-b"]) {
  border-color: var(--admin-line-strong) !important;
}

.admin-console-page table thead {
  border-bottom-width: 2px !important;
  font-size: 13px !important;
}

.admin-console-page table tbody tr {
  border-color: #eeebe224 !important;
  font-size: 15px !important;
}

.admin-console-page .admin-console-sync-error {
  color: #ffb7aa !important;
  background: #ee685614 !important;
  border-color: #ee685647 !important;
  border-radius: 9px !important;
  padding: 9px 12px !important;
  font-size: 12px !important;
}

.admin-console-page button, .admin-console-page a {
  transition: border-color .2s cubic-bezier(.22, 1, .36, 1), background-color .2s cubic-bezier(.22, 1, .36, 1), color .2s cubic-bezier(.22, 1, .36, 1);
}

@media (max-width: 720px) {
  .admin-console-page .admin-console-content {
    padding: 24px 16px 48px !important;
  }

  .admin-console-page .admin-console-metrics > div {
    border-right: 0 !important;
    border-bottom: 1px solid var(--admin-line-strong) !important;
  }

  .admin-console-page .admin-console-metrics > div:last-child {
    border-bottom: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-console-page *, .admin-console-page :before, .admin-console-page :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.admin-console-page .admin-console-brand {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 2px !important;
}

.admin-console-page .admin-console-staff {
  border-width: 0 0 1px !important;
  border-color: var(--admin-line) !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 2px 20px !important;
}

.admin-console-page .admin-console-staff > p:first-child {
  color: var(--admin-accent) !important;
}

.admin-console-page .admin-console-staff > button {
  min-height: 44px;
  border: 1px solid var(--admin-line) !important;
  background: var(--admin-surface) !important;
  color: var(--admin-muted) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.admin-console-page .admin-console-staff > button:hover {
  color: var(--admin-ink) !important;
  border-color: #d7b85d47 !important;
}

.admin-console-page .admin-console-content :is(h2, .text-\[26px\]) {
  letter-spacing: -.035em !important;
  font-size: 27px !important;
  line-height: 1.12 !important;
}

.admin-console-page .admin-console-content :is(h3, .text-\[18px\], .text-xl) {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.admin-console-page .admin-console-content :is(.text-sm, p) {
  font-size: 13px !important;
  line-height: 1.58 !important;
}

.admin-console-page .admin-console-content :is(.text-xs, small) {
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.admin-console-page .admin-console-content :is(.p-4, .p-5) {
  padding: 18px !important;
}

.admin-console-page .admin-console-content .gap-3 {
  gap: 12px !important;
}

.admin-console-page .admin-console-content .gap-5 {
  gap: 20px !important;
}

.admin-console-page .admin-console-content :is(.h-11, .h-12) {
  min-height: 50px !important;
}

.admin-console-page .admin-console-content button {
  min-height: 46px;
  font-size: 14px !important;
}

.admin-console-page .admin-section-header {
  background: linear-gradient(#ffffff05, #fff0);
  min-height: 86px;
  border-color: #eeebe224 !important;
  align-items: center !important;
  padding: 18px 20px !important;
}

.admin-console-page .admin-section-icon {
  border: 1px solid #d7b85d33;
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  color: var(--admin-accent) !important;
  background: #d7b85d1a !important;
  border-radius: 10px !important;
}

.admin-console-page .admin-console-content .admin-section-icon {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
}

.admin-console-page .admin-section-icon svg {
  width: 17px !important;
  height: 17px !important;
}

.admin-console-page .admin-section-header h2 {
  letter-spacing: -.03em !important;
  font-size: 24px !important;
}

.admin-console-page .admin-section-header p {
  max-width: 820px !important;
  color: var(--admin-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.admin-console-page .admin-console-content > .grid, .admin-console-page .admin-console-content > div > .grid {
  gap: 20px !important;
}

.admin-console-page .admin-console-content > :is(div, section):not(.admin-console-metrics) {
  scroll-margin-top: 98px;
}

.admin-console-page .admin-console-content .border {
  border-color: #eeebe21f !important;
}

.admin-console-page .admin-platform-logo {
  background: #f7f4eb;
  border: 1px solid #eeebe224;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: inline-flex;
  overflow: hidden;
}

.admin-console-page .admin-platform-logo-compact {
  width: 36px;
  height: 36px;
}

.admin-console-page .admin-platform-logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.admin-console-page .admin-order-row {
  min-height: 146px;
}

.admin-console-page .admin-order-identity {
  gap: 18px !important;
}

.admin-console-page .admin-order-thumbnail {
  border-color: #eeebe22e !important;
  border-radius: 14px !important;
  width: 104px !important;
  height: 104px !important;
}

.admin-console-page .admin-order-thumbnail img {
  padding: 10px !important;
}

.admin-console-page .admin-risk-pill {
  align-items: center;
  min-height: 34px;
  display: inline-flex;
  padding: 0 14px !important;
  font-size: 13px !important;
}

.admin-console-page .admin-console-content .admin-order-id {
  color: #dedcd5 !important;
  letter-spacing: .08em !important;
  margin-top: 12px !important;
  font-size: 14px !important;
}

.admin-console-page .admin-console-content .admin-order-name {
  text-wrap: balance;
  max-width: 720px;
  color: #f7f5ee !important;
  letter-spacing: -.025em !important;
  margin-top: 8px !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
}

.admin-console-page .admin-console-content .admin-order-sku {
  color: #dedcd5 !important;
  margin-top: 6px !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

.admin-console-page .admin-console-content .admin-order-customer {
  color: var(--admin-accent) !important;
  margin-top: 10px !important;
  font-size: 15px !important;
}

.admin-console-page .admin-console-content .admin-order-note, .admin-console-page .admin-console-content .admin-order-owner p {
  color: #d8d6cf !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.admin-console-page .admin-console-content .admin-order-owner p:first-child {
  color: var(--admin-ink) !important;
  font-size: 16px !important;
}

@media (max-width: 900px) {
  .admin-console-page .admin-order-row {
    min-height: 0;
  }

  .admin-console-page .admin-order-identity {
    gap: 18px !important;
  }

  .admin-console-page .admin-order-thumbnail {
    width: 104px !important;
    height: 104px !important;
  }

  .admin-console-page .admin-console-content .admin-order-name {
    font-size: 24px !important;
  }

  .admin-console-page .admin-console-content .admin-order-sku {
    font-size: 17px !important;
  }
}

@media (min-width: 1200px) {
  html body > main.public-content-page {
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    transform: none !important;
  }
}

html body > main.public-content-page > .public-document {
  box-sizing: border-box !important;
  text-align: left !important;
  width: min(820px, 100% - 48px) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 46px 0 112px !important;
  display: block !important;
}

html body > main.public-content-page .public-document-note {
  color: #fffaf09e !important;
  border-bottom: 1px solid #ffffff1f !important;
  margin: 0 0 72px !important;
  padding: 0 0 28px !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  display: block !important;
}

html body > main.public-content-page .public-document-section {
  width: 100% !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  margin: 0 0 68px !important;
  padding: 0 !important;
  display: block !important;
}

html body > main.public-content-page .public-document-section h2 {
  color: #ffc21a !important;
  letter-spacing: -.035em !important;
  margin: 0 0 18px !important;
  font-size: clamp(27px, 2.4vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  display: block !important;
}

html body > main.public-content-page .public-document-section > p {
  color: #fffaf0bd !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 480 !important;
  line-height: 1.82 !important;
  display: block !important;
}

html body > main.public-content-page .public-document-section ul {
  gap: 12px !important;
  margin: 24px 0 0 !important;
  padding: 0 0 0 24px !important;
  list-style: outside !important;
  display: grid !important;
}

html body > main.public-content-page .public-document-section li {
  color: #fffaf0c2 !important;
  margin: 0 !important;
  padding: 0 0 0 3px !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  display: list-item !important;
}

html body > main.public-content-page .public-document-section li::marker {
  color: #ffc21a !important;
}

@media (max-width: 720px) {
  html body > main.public-content-page > .public-document {
    width: calc(100% - 36px) !important;
    padding: 34px 0 78px !important;
  }

  html body > main.public-content-page .public-document-note {
    margin-bottom: 52px !important;
    font-size: 16px !important;
  }

  html body > main.public-content-page .public-document-section {
    margin-bottom: 52px !important;
  }

  html body > main.public-content-page .public-document-section h2 {
    font-size: 25px !important;
  }

  html body > main.public-content-page .public-document-section > p {
    font-size: 16px !important;
    line-height: 1.76 !important;
  }

  html body > main.public-content-page .public-document-section li {
    font-size: 15px !important;
  }
}

html body .public-document {
  z-index: 1;
  color: #fffaf0;
  width: min(820px, 100% - 48px);
  margin: 0 auto;
  padding: 34px 0 110px;
  position: relative;
}

html body .public-document-note {
  color: #fffaf09e;
  border-bottom: 1px solid #ffffff1f;
  margin: 0 0 72px;
  padding: 0 0 28px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.72;
}

html body .public-document-sections {
  display: block;
}

html body .public-document-section {
  margin: 0 0 64px;
  padding: 0;
}

html body .public-document-section h2 {
  color: #ffc21a;
  letter-spacing: -.035em;
  margin: 0 0 18px;
  font-size: clamp(26px, 2.4vw, 32px);
  font-weight: 700;
  line-height: 1.2;
}

html body .public-document-section > p {
  color: #fffaf0b8;
  margin: 0;
  font-size: 18px;
  font-weight: 480;
  line-height: 1.82;
}

html body .public-document-section ul {
  gap: 12px;
  margin: 22px 0 0;
  padding: 0 0 0 22px;
  display: grid;
}

html body .public-document-section li {
  color: #fffaf0c2;
  padding-left: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}

html body .public-document-section li::marker {
  color: #ffc21a;
}

html body .public-document-footer {
  border-top: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  margin-top: 88px;
  padding-top: 36px;
  display: flex;
}

html body .public-document-footer h2 {
  color: #fffaf0;
  letter-spacing: -.03em;
  margin: 0;
  font-size: 25px;
  font-weight: 690;
}

html body .public-document-footer p {
  color: #fffaf08a;
  max-width: 500px;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.65;
}

html body .public-document-footer .public-content-actions {
  flex: none;
}

@media (max-width: 720px) {
  html body .public-document {
    width: calc(100% - 36px);
    padding: 28px 0 76px;
  }

  html body .public-document-note {
    margin-bottom: 52px;
    font-size: 16px;
  }

  html body .public-document-section {
    margin-bottom: 50px;
  }

  html body .public-document-section h2 {
    margin-bottom: 15px;
    font-size: 25px;
  }

  html body .public-document-section > p {
    font-size: 16px;
    line-height: 1.76;
  }

  html body .public-document-section li {
    font-size: 15px;
  }

  html body .public-document-footer {
    flex-direction: column;
    align-items: stretch;
    margin-top: 66px;
  }
}

html body .public-content-page {
  color: #fffaf0;
  background: radial-gradient(circle at 86% 8%, #ffc21a1a, #0000 26rem), radial-gradient(circle at 8% 42%, #ffc21a0b, #0000 30rem), linear-gradient(#0d0f0e 0%, #090b0a 52%, #070908 100%);
  min-height: 100dvh;
  padding-top: 72px;
  position: relative;
  overflow: hidden;
}

html body .public-content-page:before {
  z-index: 0;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(#ffffff05 1px, #0000 1px), linear-gradient(90deg, #ffffff05 1px, #0000 1px);
  background-size: 72px 72px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000008c, #0000 72%);
  mask-image: linear-gradient(#0000008c, #0000 72%);
}

html body .public-content-hero-wrap, html body .public-content-body {
  z-index: 1;
  width: min(1180px, 100% - 48px);
  margin-inline: auto;
  position: relative;
}

html body .public-content-hero {
  background: radial-gradient(circle at 88% 18%, #ffc21a29, #0000 24rem), linear-gradient(138deg, #1e1f1cf5, #0e100efa);
  border: 1px solid #ffffff1a;
  border-radius: 30px;
  min-height: 430px;
  padding: 52px 56px 58px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 90px #00000047, inset 0 1px #ffffff14;
}

html body .public-content-hero:after {
  content: "";
  border: 1px solid #ffc21a21;
  border-radius: 50%;
  width: 480px;
  height: 480px;
  position: absolute;
  bottom: -58%;
  right: -9%;
  box-shadow: 0 0 0 54px #ffc21a06, 0 0 0 112px #ffc21a05;
}

html body .public-content-back {
  color: #fffaf07a;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
  transition: color .18s, transform .18s;
  display: inline-flex;
}

html body .public-content-back svg {
  width: 15px;
  height: 15px;
}

html body .public-content-back:hover, html body .public-content-back:focus-visible {
  color: #ffc21a;
  outline: none;
  transform: translateX(-3px);
}

html body .public-content-eyebrow {
  color: #ffc21a;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 70px 0 0;
  font-size: 11px;
  font-weight: 780;
}

html body .public-content-hero h1 {
  color: #fffaf0;
  letter-spacing: -.06em;
  text-wrap: balance;
  max-width: 880px;
  margin: 14px 0 0;
  font-size: clamp(46px, 5.2vw, 78px);
  font-weight: 760;
  line-height: .98;
}

html body .public-content-subtitle {
  color: #fffaf08c;
  text-wrap: pretty;
  max-width: 740px;
  margin: 28px 0 0;
  font-size: 16px;
  font-weight: 520;
  line-height: 1.7;
}

html body .public-content-hero-index {
  color: #ffc21a1f;
  letter-spacing: -.08em;
  -webkit-user-select: none;
  user-select: none;
  font-size: 94px;
  font-weight: 820;
  line-height: 1;
  position: absolute;
  bottom: 20px;
  right: 38px;
}

html body .public-content-body {
  padding: 58px 0 104px;
}

html body .public-content-intro {
  border-bottom: 1px solid #ffffff17;
  grid-template-columns: minmax(170px, .7fr) minmax(0, 1.3fr);
  gap: 40px;
  margin-bottom: 32px;
  padding: 0 6px 28px;
  display: grid;
}

html body .public-content-intro > span {
  color: #ffc21a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 740;
}

html body .public-content-intro p {
  color: #fffaf0a8;
  max-width: 680px;
  margin: 0;
  font-size: 18px;
  font-weight: 540;
  line-height: 1.6;
}

html body .public-content-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html body .public-content-card {
  background: radial-gradient(circle at 100% 0, #ffc21a0e, #0000 18rem), #ffffff07;
  border: 1px solid #ffffff13;
  border-radius: 22px;
  min-height: 250px;
  padding: 32px 34px 36px;
  transition: border-color .22s, background .22s, transform .22s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff06;
}

html body .public-content-card.is-featured {
  grid-column: span 2;
  min-height: 270px;
  padding-right: min(36%, 400px);
}

html body .public-content-card-number {
  color: #ffc21a;
  font-variant-numeric: tabular-nums;
  background: #ffc21a1a;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 28px;
  font-size: 11px;
  font-weight: 760;
  display: inline-flex;
}

html body .public-content-card h2 {
  color: #ffc21a;
  letter-spacing: -.035em;
  margin: 28px 0 0;
  font-size: 25px;
  font-weight: 720;
  line-height: 1.15;
}

html body .public-content-card > p {
  color: #fffaf08c;
  max-width: 620px;
  margin: 14px 0 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
}

html body .public-content-points {
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

html body .public-content-points > div {
  color: #fffaf0b3;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.55;
  display: flex;
}

html body .public-content-points svg {
  color: #ffc21a;
  stroke-width: 1.8px;
  flex: none;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

html body .public-content-cta {
  background: radial-gradient(circle at 82% 30%, #ffc21a26, #0000 22rem), #151713;
  border: 1px solid #ffc21a29;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  min-height: 220px;
  margin-top: 48px;
  padding: 38px 40px;
  display: flex;
}

html body .public-content-cta > div:first-child > span, html body .public-contact-kicker, html body .public-company-heading > div > span {
  color: #ffc21a;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 760;
}

html body .public-content-cta h2 {
  color: #fffaf0;
  letter-spacing: -.045em;
  margin: 10px 0 0;
  font-size: 34px;
  font-weight: 730;
}

html body .public-content-cta p {
  color: #fffaf085;
  max-width: 650px;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
}

html body .public-content-actions {
  flex: none;
  gap: 10px;
  display: flex;
}

html body .public-content-actions a {
  color: #fffaf0c7;
  background: #ffffff0b;
  border: 1px solid #ffffff21;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background .18s, border-color .18s, transform .18s;
  display: inline-flex;
}

html body .public-content-actions a.primary {
  color: #11120f;
  background: #ffc21a;
  border-color: #ffc21a;
}

html body .public-content-actions a:hover, html body .public-content-actions a:focus-visible {
  border-color: #ffc21a8c;
  outline: none;
  transform: translateY(-2px);
}

html body .public-content-actions svg {
  width: 15px;
  height: 15px;
}

html body .public-contact-layout {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 16px;
  display: grid;
}

html body .public-contact-panel, html body .public-company-panel {
  background: #ffffff07;
  border: 1px solid #ffffff13;
  border-radius: 24px;
  padding: 36px;
}

html body .public-contact-panel > h2, html body .public-company-heading h2 {
  color: #fffaf0;
  letter-spacing: -.04em;
  margin: 10px 0 0;
  font-size: 30px;
  font-weight: 720;
}

html body .public-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
  display: grid;
}

html body .public-contact-card {
  color: #fffaf0;
  background: #ffffff0a;
  border-radius: 18px;
  padding: 24px;
  text-decoration: none;
  transition: background .18s, transform .18s;
}

html body .public-contact-card:hover, html body .public-contact-card:focus-visible {
  background: #ffc21a12;
  outline: 1px solid #ffc21a3d;
  transform: translateY(-3px);
}

html body .public-contact-icon {
  color: #11120f;
  background: #ffc21a;
  border-radius: 11px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

html body .public-contact-icon svg {
  stroke-width: 1.9px;
  width: 17px;
  height: 17px;
}

html body .public-contact-card h3, html body .public-contact-response h3 {
  color: #fffaf0;
  margin: 22px 0 0;
  font-size: 18px;
  font-weight: 690;
}

html body .public-contact-card strong {
  color: #ffc21a;
  margin-top: 8px;
  font-size: 14px;
  display: block;
}

html body .public-contact-card p, html body .public-contact-response p {
  color: #fffaf07a;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.55;
}

html body .public-contact-response {
  background: #ffc21a0e;
  border-radius: 18px;
  align-items: flex-start;
  gap: 16px;
  margin-top: 12px;
  padding: 22px 24px;
  display: flex;
}

html body .public-contact-response h3 {
  margin-top: 0;
}

html body .public-company-heading {
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

html body .public-company-list {
  border-top: 1px solid #ffffff17;
  margin-top: 28px;
}

html body .public-company-list > div {
  border-bottom: 1px solid #ffffff17;
  padding: 22px 0;
}

html body .public-company-list span {
  color: #ffc21a;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 760;
  display: block;
}

html body .public-company-list strong {
  color: #fffaf0ad;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.65;
}

html body footer.footer-section .footer-grid h3, html body footer.footer-section .footer-card-group h3 {
  color: #ffc21a !important;
  text-shadow: 0 0 20px #ffc21a1f !important;
}

@media (max-width: 900px) {
  html body .public-content-hero-wrap, html body .public-content-body {
    width: min(100% - 32px, 760px);
  }

  html body .public-content-hero {
    min-height: 390px;
    padding: 38px 34px 44px;
  }

  html body .public-content-eyebrow {
    margin-top: 56px;
  }

  html body .public-content-intro, html body .public-contact-layout {
    grid-template-columns: 1fr;
  }

  html body .public-content-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  html body .public-content-hero-wrap {
    padding-top: 24px;
  }

  html body .public-content-hero-wrap, html body .public-content-body {
    width: calc(100% - 24px);
  }

  html body .public-content-hero {
    border-radius: 22px;
    min-height: 360px;
    padding: 28px 24px 36px;
  }

  html body .public-content-eyebrow {
    margin-top: 50px;
  }

  html body .public-content-hero h1 {
    font-size: clamp(39px, 12vw, 54px);
  }

  html body .public-content-subtitle {
    margin-top: 22px;
    font-size: 14px;
  }

  html body .public-content-hero-index {
    font-size: 64px;
    right: 22px;
  }

  html body .public-content-body {
    padding-top: 42px;
    padding-bottom: 72px;
  }

  html body .public-content-intro {
    gap: 14px;
  }

  html body .public-content-intro p {
    font-size: 16px;
  }

  html body .public-content-grid, html body .public-contact-grid {
    grid-template-columns: 1fr;
  }

  html body .public-content-card.is-featured {
    grid-column: auto;
    padding-right: 24px;
  }

  html body .public-content-card {
    border-radius: 18px;
    min-height: 0;
    padding: 26px 24px 30px;
  }

  html body .public-content-cta, html body .public-contact-panel, html body .public-company-panel {
    border-radius: 20px;
    padding: 28px 24px;
  }

  html body .public-content-cta h2 {
    font-size: 28px;
  }

  html body .public-content-actions {
    flex-direction: column-reverse;
    width: 100%;
  }

  html body .public-content-actions a {
    width: 100%;
  }
}

html body .public-content-page {
  background: radial-gradient(circle at 82% 0, #ffc21a11, #0000 32rem), linear-gradient(#0c0e0d 0%, #090b0a 58%, #080a09 100%);
}

html body .public-content-page:before {
  opacity: .34;
}

html body .public-content-hero-wrap, html body .public-content-body {
  width: min(1080px, 100% - 48px);
}

html body .public-content-hero-wrap {
  padding: 58px 0 18px;
}

html body .public-content-hero {
  min-height: 330px;
  box-shadow: none;
  background: none;
  border: 0;
  border-bottom: 1px solid #ffffff1c;
  border-radius: 0;
  padding: 24px 6px 48px;
  overflow: visible;
}

html body .public-content-hero:after, html body .public-content-hero-index {
  display: none;
}

html body .public-content-eyebrow {
  margin-top: 58px;
}

html body .public-content-hero h1 {
  max-width: 920px;
  font-size: clamp(46px, 5vw, 72px);
}

html body .public-content-subtitle {
  color: #fffaf09e;
  max-width: 800px;
  font-size: 18px;
  line-height: 1.72;
}

html body .public-content-body {
  padding-top: 42px;
}

html body .public-content-intro {
  border-bottom-color: #ffffff1f;
  grid-template-columns: 180px minmax(0, 1fr);
  margin-bottom: 18px;
  padding: 0 0 34px;
}

html body .public-content-intro p {
  color: #fffaf0b8;
  max-width: 720px;
  font-size: 19px;
  line-height: 1.65;
}

html body .public-content-grid {
  display: block;
}

html body .public-content-card, html body .public-content-card.is-featured {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-bottom: 1px solid #ffffff1a;
  border-radius: 0;
  grid-template-columns: 72px minmax(0, 1fr);
  padding: 42px 0 46px;
  transition: none;
  display: grid;
  overflow: visible;
}

html body .public-content-card:hover {
  background: none;
  border-color: #ffffff1a;
  transform: none;
}

html body .public-content-card-number {
  color: #ffc21a94;
  letter-spacing: .06em;
  background: none;
  border-radius: 0;
  grid-area: 1 / 1;
  justify-content: flex-start;
  width: auto;
  height: auto;
  font-size: 12px;
}

html body .public-content-card h2 {
  grid-area: 1 / 2;
  margin: 0;
  font-size: clamp(25px, 2.4vw, 32px);
  line-height: 1.18;
}

html body .public-content-card > p {
  color: #fffaf0ad;
  grid-column: 2;
  max-width: 790px;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.78;
}

html body .public-content-points {
  grid-column: 2;
  gap: 13px;
  max-width: 820px;
  margin-top: 24px;
}

html body .public-content-points > div {
  color: #fffaf0c2;
  gap: 12px;
  font-size: 15px;
  font-weight: 520;
  line-height: 1.65;
}

html body .public-content-points svg {
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

html body .public-content-cta {
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 0;
  margin-top: 48px;
  padding: 40px 0 0;
}

html body .public-content-cta h2 {
  font-size: 32px;
}

html body .public-content-cta p {
  color: #fffaf099;
  font-size: 15px;
}

html body .public-content-actions a {
  border-radius: 11px;
}

@media (max-width: 900px) {
  html body .public-content-hero-wrap, html body .public-content-body {
    width: min(100% - 36px, 760px);
  }

  html body .public-content-hero {
    min-height: 300px;
    padding-inline: 0;
  }

  html body .public-content-intro {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 640px) {
  html body .public-content-hero-wrap, html body .public-content-body {
    width: calc(100% - 32px);
  }

  html body .public-content-hero-wrap {
    padding-top: 32px;
  }

  html body .public-content-hero {
    min-height: 0;
    padding: 18px 0 34px;
  }

  html body .public-content-eyebrow {
    margin-top: 44px;
  }

  html body .public-content-hero h1 {
    font-size: clamp(38px, 11.5vw, 50px);
    line-height: 1.02;
  }

  html body .public-content-subtitle {
    font-size: 16px;
    line-height: 1.68;
  }

  html body .public-content-intro p {
    font-size: 17px;
  }

  html body .public-content-card, html body .public-content-card.is-featured {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 34px 0 38px;
  }

  html body .public-content-card h2 {
    font-size: 24px;
  }

  html body .public-content-card > p {
    font-size: 16px;
    line-height: 1.72;
  }

  html body .public-content-points > div {
    font-size: 14px;
  }

  html body .public-content-cta {
    padding: 34px 0 0;
  }
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-proof-strip {
  -webkit-backdrop-filter: blur(11px) saturate(106%) !important;
  background: #0c10123d !important;
  border-color: #ffffff17 !important;
  padding: 3px 7px !important;
  box-shadow: inset 0 1px #ffffff0e, 0 8px 22px #00000014 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-proof-strip span {
  gap: 4px !important;
  min-height: 46px !important;
  padding: 5px 12px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-proof-strip span:not(:last-child):after {
  background: #ffffff14 !important;
  top: 10px !important;
  bottom: 10px !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-proof-strip strong {
  letter-spacing: -.03em !important;
  font-size: clamp(22px, 1.48vw, 28px) !important;
  font-weight: 780 !important;
}

html body:has(.hero-section):not(:has(.product-page-v9)) .hero-proof-strip em {
  color: #edefeba8 !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header {
  z-index: 90 !important;
  pointer-events: none !important;
  transform-origin: 0 0 !important;
  background: none !important;
  width: 100% !important;
  height: 72px !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 0 auto !important;
  transform: none !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .current-morphic-nav-blur {
  opacity: 1 !important;
  width: 100% !important;
  height: 84px !important;
  display: block !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .cd-nav {
  width: 100% !important;
  max-width: none !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
  background: linear-gradient(#0000006b 0%, #00000029 42%, #0000000a 70%, #0000 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 32px !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .brand-pill {
  color: #f7f7f2 !important;
  width: 240px !important;
  height: 72px !important;
  min-height: 72px !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .brand-pill img {
  width: 32px !important;
  height: 32px !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .brand-pill > span:not(.brand-logo-frame) {
  color: #f7f7f2 !important;
  font-size: 18px !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .header-link-entry {
  flex: 0 0 190px !important;
  width: 190px !important;
  height: 36px !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill {
  color: #f7f7f2b8 !important;
  align-items: center !important;
  gap: clamp(20px, 2vw, 40px) !important;
  width: 560px !important;
  max-width: 560px !important;
  height: 72px !important;
  margin: 0 !important;
  display: flex !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill a {
  color: #f7f7f2a3 !important;
  width: auto !important;
  height: 72px !important;
  padding: 0 !important;
  font-size: 14px !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill a.active {
  color: #ffc21a !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill[data-active="0"] a:first-child {
  color: #ffc21a !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill[data-active="1"] a:nth-child(2) {
  color: #ffc21a !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill[data-active="2"] a:nth-child(3) {
  color: #ffc21a !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill[data-active="3"] a:nth-child(4) {
  color: #ffc21a !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #ffc21a !important;
}

:is(html body:has(.shipping-estimate-page) > .home-shared-header .locale-picker, html body:has(.shipping-estimate-page) > .home-shared-header .shopping-bag-trigger, html body:has(.shipping-estimate-page) > .home-shared-header .cart-pill) {
  width: 48px !important;
  height: 36px !important;
  min-height: 36px !important;
}

:is(html body:has(.shipping-estimate-page) > .home-shared-header .region-pill, html body:has(.shipping-estimate-page) > .home-shared-header .cart-pill) {
  width: 48px !important;
  min-width: 48px !important;
  height: 36px !important;
  min-height: 36px !important;
  box-shadow: none !important;
  color: #f7f7f2b8 !important;
  background: none !important;
  border: 0 !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .auth-pill {
  width: 142px !important;
  min-width: 142px !important;
  height: 72px !important;
  min-height: 72px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body:has(.shipping-estimate-page) > .home-shared-header .auth-pill a {
  color: #f7f7f2 !important;
  height: 72px !important;
  font-size: 14px !important;
}

@media (min-width: 1200px) {
  body:has(.shipping-estimate-page) > .home-shared-header {
    width: 100% !important;
    transform: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.shipping-estimate-page) > .home-shared-header {
    height: 72px !important;
  }

  html body:has(.shipping-estimate-page) > .home-shared-header .cd-nav {
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 0 16px !important;
  }
}

html body:has(.hero-section):not(:has(.product-page-v9)) .home-shared-header :is(.nav-pill a.active, .nav-pill[data-active="0"] a:first-child, .nav-pill[data-active="1"] a:nth-child(2), .nav-pill[data-active="2"] a:nth-child(3), .nav-pill[data-active="3"] a:nth-child(4), .nav-pill[data-active="4"] a:nth-child(5), .locale-option.active) {
  color: #ffc21a !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/* [project]/src/app/locale.css [app-client] (css) */
html body .locale-picker {
  z-index: 80;
  pointer-events: auto;
  position: absolute;
  top: 16px;
  left: clamp(196px, 13.4vw, 274px);
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-orders-view {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-orders-view > .portal-account-intro {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-panel {
    margin: 0 !important;
    overflow: hidden !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-panel > div:first-child {
    gap: 0 !important;
    padding: 10px 14px 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar {
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 9px;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar > label {
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding: 0 13px;
    background: #14161a !important;
    border: 1px solid #fffaf01c !important;
    border-radius: 12px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar > label > svg {
    color: #fffaf094;
    width: 19px;
    height: 19px;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar > label > input {
    min-width: 0;
    font-size: 14px;
    color: #fffaf0 !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar > label > input::placeholder {
    color: #fffaf075 !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar > button {
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    color: #fffaf0c2 !important;
    background: #14161a !important;
    border: 1px solid #fffaf01c !important;
    border-radius: 12px !important;
    display: inline-grid !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar > button > svg {
    width: 19px;
    height: 19px;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-tabs {
    scrollbar-width: none;
    min-width: 0;
    overflow-x: auto;
    gap: 22px !important;
    margin: 4px -14px 0 0 !important;
    padding: 0 14px 0 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-tabs::-webkit-scrollbar {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-tabs > button {
    white-space: nowrap;
    flex: none;
    align-items: center;
    min-width: max-content;
    min-height: 50px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    color: #fffaf08c !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-tabs > button[aria-selected="true"] {
    font-weight: 900;
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-tabs > button[aria-selected="true"]:after {
    content: "";
    background: #ffc21a;
    border-radius: 999px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  :is(html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-mobile-filter-trigger, html:has(.portal-blue-shell) body .portal-orders-view .portal-order-tabs) {
    display: none !important;
  }
}

.prv-mobile-drawer-backdrop, .prv-mobile-drawer {
  display: none;
}

@media (max-width: 767px) {
  .prv-mobile-drawer-backdrop {
    z-index: 2990;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #000000b3;
    border: 0;
    transition: opacity .18s, visibility 0s linear .18s;
    display: block;
    position: fixed;
    inset: 0;
  }

  .prv-mobile-drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
  }

  .prv-mobile-drawer {
    z-index: 3000;
    color: #f7f7f4;
    visibility: hidden;
    pointer-events: none;
    border: 0;
    border-right: 1px solid #ffffff1a;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(88vw, 360px);
    max-width: calc(100vw - 24px);
    height: 100dvh;
    transition: transform .22s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .22s;
    display: grid;
    position: fixed;
    inset: 0 auto 0 0;
    overflow: hidden;
    transform: translateX(-102%);
    box-shadow: 24px 0 64px #0000008a;
    background: #090b0d !important;
  }

  .prv-mobile-drawer.is-open {
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
    transform: translateX(0);
  }

  .prv-mobile-drawer-head {
    min-height: 88px;
    padding: max(16px, env(safe-area-inset-top)) 14px 14px;
    background: #0d0f11;
    border-bottom: 1px solid #ffffff1a;
    grid-template-columns: 46px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 10px;
    display: grid;
  }

  .prv-mobile-drawer-head:has(.prv-mobile-drawer-edit) {
    grid-template-columns: 46px minmax(0, 1fr) 44px 44px;
  }

  .prv-mobile-drawer-avatar {
    color: #ffc21a;
    background: #ffc21a21;
    border-radius: 14px;
    place-items: center;
    width: 46px;
    height: 46px;
    font-size: 16px;
    font-weight: 900;
    display: grid;
  }

  .prv-mobile-drawer-identity {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  .prv-mobile-drawer-identity :is(strong, small) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .prv-mobile-drawer-identity strong {
    color: #fff;
    font-size: 16px;
    font-weight: 850;
  }

  .prv-mobile-drawer-identity small {
    color: #ffffff8c;
    font-size: 12px;
  }

  .prv-mobile-drawer-edit, .prv-mobile-drawer-close {
    color: #ffffffd6;
    background: #ffffff09;
    border: 1px solid #ffffff1a;
    border-radius: 12px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
  }

  .prv-mobile-drawer-scroll {
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #ffc21a80 transparent;
    min-height: 0;
    padding: 8px 14px 18px;
    overflow: hidden auto;
  }

  .prv-mobile-drawer-group {
    border-bottom: 1px solid #ffffff17;
    padding: 8px 0;
    display: grid;
  }

  .prv-mobile-drawer-group:last-child {
    border-bottom: 0;
  }

  .prv-mobile-drawer-group > :is(a, button) {
    color: #ffffffe0;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 10px;
    grid-template-columns: 24px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 680;
    text-decoration: none;
    display: grid;
    min-height: 54px !important;
  }

  .prv-mobile-drawer-group > :is(a, button) > svg:last-child {
    color: #ffffff7a;
    justify-self: end;
  }

  .prv-mobile-drawer-group > :is(a, button).is-active {
    color: #ffc21a;
    background: #ffc21a1a;
  }

  .prv-mobile-drawer-footer {
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: #0d0f11;
    border-top: 1px solid #ffffff1a;
  }

  .prv-mobile-drawer-signout, .prv-mobile-drawer-login {
    color: #fff;
    text-align: left;
    background: #ffffff09;
    border: 1px solid #ffffff1f;
    border-radius: 12px;
    grid-template-columns: 24px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    display: grid;
    min-height: 52px !important;
  }

  .prv-mobile-drawer-signout > svg:last-child, .prv-mobile-drawer-login > svg:last-child {
    justify-self: end;
  }
}

html body .locale-picker .region-pill {
  cursor: pointer;
  border: 1px solid #ffffffbd;
  gap: 9px;
  min-width: 132px;
  height: 48px;
  padding: 0 16px;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1), border-color .26s, box-shadow .26s;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

html body .locale-picker .region-pill:hover, html body .locale-picker .region-pill[aria-expanded="true"] {
  border-color: #0a5b4538;
  transform: translateY(-1px);
  box-shadow: 0 24px 58px #00000029, inset 0 1px #ffffffd1;
}

html body .region-currency {
  color: #082e26a3;
  letter-spacing: .04em;
  border-left: 1px solid #082e2629;
  margin-left: -3px;
  padding-left: 8px;
  font-size: 13px;
  font-weight: 800;
}

html body .locale-popover {
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
  background: linear-gradient(145deg, #fffffffe, #faf9f4fc), #fff;
  border: 1px solid #082e2617;
  border-radius: 24px;
  width: min(380px, 100vw - 32px);
  padding: 20px;
  animation: .36s cubic-bezier(.22, 1, .36, 1) both localePopoverIn;
  position: absolute;
  top: 62px;
  left: 50%;
  overflow: visible;
  transform: translateX(-50%);
  box-shadow: 0 34px 90px #00000047, 0 10px 30px #082e2614, inset 0 1px #ffffffe6;
}

html body .locale-popover:before {
  content: "";
  height: 20px;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
}

html body .locale-popover-arrow {
  background: #fffffffa;
  border-top: 1px solid #082e2614;
  border-left: 1px solid #082e2614;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

html body .locale-section + .locale-section {
  margin-top: 18px;
}

html body .locale-heading {
  color: #082e26db;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 850;
}

html body .locale-grid {
  gap: 10px 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .country-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body .locale-option {
  color: #082e26b8;
  min-height: 44px;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffffc7;
  border: 1px solid #082e261c;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 780;
  line-height: 1;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), background .22s, border-color .22s, color .22s, box-shadow .22s;
  display: inline-flex;
}

html body .locale-option:hover {
  color: #075f49;
  background: #ebf9f1d1;
  border-color: #076f5238;
  transform: translateY(-2px);
}

html body .locale-option.active {
  color: #075f49;
  background: linear-gradient(135deg, #d9f7ebf2, #fff7ce8c);
  border-color: #0574534d;
  box-shadow: inset 0 0 0 1px #0574530f;
}

html body .locale-option span {
  color: #082e268c;
  font-size: 12px;
  font-weight: 720;
  display: none;
}

html body .currency-grid .locale-option {
  min-height: 44px;
  font-size: 15px;
}

html body .locale-confirm {
  color: #fff;
  width: 100%;
  height: 46px;
  font: inherit;
  cursor: pointer;
  background: linear-gradient(135deg, #0a8f68, #05704f);
  border: 0;
  border-radius: 999px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 850;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s;
  box-shadow: 0 18px 38px #05704f38, inset 0 1px #ffffff47;
}

html body .locale-confirm:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 52px #05704f4d, inset 0 1px #ffffff52;
}

@keyframes localePopoverIn {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(-10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

@media (max-width: 1440px) {
  html body .locale-picker {
    left: 228px !important;
  }
}

@media (max-width: 640px) {
  html body .locale-picker {
    top: 78px;
    left: 18px !important;
  }

  html body .locale-popover {
    width: min(360px, 100vw - 30px);
    padding: 16px;
    left: 0;
    transform: none;
  }

  html body .locale-popover-arrow {
    left: 74px;
  }

  html body .locale-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 10px;
  }

  html body .locale-option {
    min-height: 42px;
    padding: 0 10px;
    font-size: 14px;
  }

  @keyframes localePopoverIn {
    from {
      opacity: 0;
      transform: translateY(-10px)scale(.98);
    }

    to {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }
}

html body .stats-section {
  background: radial-gradient(circle at 14% 18%, #ffc5011c, #0000 26%), radial-gradient(circle at 86% 72%, #09a87421, #0000 30%), linear-gradient(#f7f5ef 0%, #fbfaf5 100%) !important;
  padding: 112px 80px 126px !important;
}

html body .stats-shell {
  isolation: isolate;
  background: radial-gradient(circle at 12% 18%, #ffc5012e, #0000 34%), radial-gradient(circle at 88% 86%, #1dcd8d33, #0000 36%), linear-gradient(135deg, #082f27 0%, #06251f 52%, #031711 100%);
  border: 1px solid #ffffff29;
  border-radius: 34px;
  grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr);
  gap: clamp(34px, 4vw, 76px);
  width: min(1680px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(34px, 4.2vw, 72px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 110px #082e263d, inset 0 1px #ffffff14;
}

html body .stats-shell:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  border: 1px solid #ffffff0e;
  border-radius: 24px;
  position: absolute;
  inset: 14px;
}

html body .stats-shell:after {
  content: "";
  z-index: 0;
  filter: blur(10px);
  pointer-events: none;
  background: radial-gradient(circle, #ffc50121, #0000 64%);
  border-radius: 999px;
  width: 520px;
  height: 520px;
  position: absolute;
  top: -22%;
  right: -10%;
}

html body .stats-copy, html body .stats-grid {
  z-index: 1;
  position: relative;
}

html body .stats-copy {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 4px 0;
  display: flex;
}

html body .stats-copy span {
  color: #ffc501db;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
}

html body .stats-copy h2 {
  color: #f9fcf8f5;
  letter-spacing: -.04em;
  max-width: 460px;
  margin: 34px 0 0;
  font-size: clamp(38px, 3.4vw, 64px);
  font-weight: 850;
  line-height: .98;
}

html body .stats-copy p {
  color: #dfeee6a8;
  max-width: 420px;
  margin: 34px 0 0;
  font-size: 17px;
  font-weight: 620;
  line-height: 1.55;
}

html body .stats-grid {
  width: auto !important;
  max-width: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}

html body .stats-grid:before {
  display: none !important;
}

html body .stats-grid article, html body .stats-grid article:nth-child(odd), html body .stats-grid article:nth-child(2n) {
  min-width: 0;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1), border-color .22s, background .22s;
  position: relative;
  overflow: hidden;
  text-align: left !important;
  background: linear-gradient(#ffffff16, #ffffff07), #ffffff06 !important;
  border: 1px solid #ffffff13 !important;
  border-radius: 22px !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  min-height: 178px !important;
  padding: clamp(24px, 2.2vw, 34px) !important;
  box-shadow: inset 0 1px #ffffff14, 0 20px 52px #00000014 !important;
}

html body .stats-grid article:before {
  content: "";
  border-radius: 999px;
  position: absolute;
  top: 22px;
  left: 24px;
  width: 34px !important;
  height: 3px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, #ffc501d1, #25d29180) !important;
  margin: 0 !important;
}

html body .stats-grid article:after {
  display: none !important;
}

html body .stats-grid article:hover {
  transform: translateY(-3px);
  background: linear-gradient(#ffffff1f, #ffffff09), #ffffff08 !important;
  border-color: #ffffff24 !important;
}

html body .stats-grid strong {
  margin-top: 34px;
  display: block;
  color: #f9fcf8fa !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  max-width: none !important;
  font-size: clamp(52px, 4.8vw, 92px) !important;
  font-weight: 900 !important;
  line-height: .9 !important;
}

html body .stats-grid .stat-number {
  max-width: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: nowrap;
  margin: 0;
  display: inline;
}

html body .stats-grid article > span {
  color: #dfeee6b8 !important;
  letter-spacing: 0 !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
}

html body .stats-grid article.gold strong {
  color: #ffe575fa !important;
}

html body .stats-grid article.mint strong {
  color: #d6ffeffa !important;
}

@media (max-width: 1100px) {
  html body .stats-shell {
    grid-template-columns: 1fr;
  }

  html body .stats-copy {
    display: block;
  }

  html body .stats-copy h2, html body .stats-copy p {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  html body .stats-section {
    padding: 72px 16px 84px !important;
  }

  html body .stats-shell {
    border-radius: 26px;
    width: 100%;
    padding: 26px;
  }

  html body .stats-copy h2 {
    font-size: 34px;
  }

  html body .stats-copy p {
    margin-top: 22px;
    font-size: 14px;
  }

  html body .stats-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .stats-grid article {
    border-bottom: 0 !important;
    min-height: 138px !important;
    padding: 22px !important;
  }

  html body .stats-grid strong {
    font-size: 54px !important;
  }
}

html body .momentum-section {
  background: radial-gradient(circle at 12% 8%, #ffc50117, #0000 26%), radial-gradient(circle at 88% 60%, #0aa0701f, #0000 32%), linear-gradient(#f7f5ef 0%, #fbfaf5 100%);
  padding: 118px 80px 132px;
  position: relative;
  overflow: hidden;
}

html body .momentum-shell {
  color: #f7f5ef;
  isolation: isolate;
  background: radial-gradient(circle at 13% 16%, #ffc50129, #0000 32%), radial-gradient(circle at 86% 70%, #1ccd8d29, #0000 38%), linear-gradient(135deg, #082f27 0%, #05251f 48%, #031711 100%);
  border: 1px solid #082e261a;
  border-radius: 38px;
  width: min(1680px, 100%);
  margin: 0 auto;
  padding: clamp(30px, 4vw, 68px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 110px #082e2633, inset 0 1px #ffffff14;
}

html body .momentum-shell:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  border: 1px solid #ffffff0e;
  border-radius: 28px;
  position: absolute;
  inset: 14px;
}

html body .momentum-shell:after {
  content: "";
  z-index: 0;
  filter: blur(12px);
  pointer-events: none;
  background: radial-gradient(circle, #ffc5011f, #0000 64%);
  border-radius: 999px;
  width: 620px;
  height: 620px;
  position: absolute;
  top: -18%;
  right: -11%;
}

html body .momentum-head, html body .momentum-body, html body .momentum-cta {
  z-index: 1;
  position: relative;
}

html body .momentum-head {
  grid-template-columns: minmax(0, .9fr) minmax(280px, .52fr);
  align-items: end;
  gap: clamp(28px, 4vw, 72px);
  padding-bottom: clamp(30px, 4vw, 58px);
  display: grid;
}

html body .momentum-kicker, html body .momentum-cta span {
  color: #ffc501e6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  display: block;
}

html body .momentum-head h2 {
  color: #f9fcf8fa;
  letter-spacing: -.055em;
  max-width: 900px;
  margin: 22px 0 0;
  font-size: clamp(48px, 5.1vw, 94px);
  font-weight: 880;
  line-height: .95;
}

html body .momentum-head p {
  color: #dfeee6a8;
  max-width: 430px;
  margin: 0;
  font-size: 17px;
  font-weight: 620;
  line-height: 1.55;
}

html body .momentum-body {
  grid-template-columns: minmax(300px, .58fr) minmax(0, 1.42fr);
  gap: 14px;
  display: grid;
}

html body .momentum-story {
  background: linear-gradient(#ffffff14, #ffffff06), #ffffff05;
  border: 1px solid #ffffff13;
  border-radius: 26px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 378px;
  padding: clamp(24px, 2.5vw, 38px);
  display: flex;
  box-shadow: inset 0 1px #ffffff14, 0 20px 52px #00000012;
}

html body .story-index {
  color: #ffe575eb;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

html body .momentum-story h3 {
  color: #f9fcf8f0;
  letter-spacing: -.04em;
  max-width: 460px;
  margin: 28px 0 0;
  font-size: clamp(28px, 2.3vw, 42px);
  font-weight: 830;
  line-height: 1.03;
}

html body .momentum-story p {
  color: #dfeee6a3;
  max-width: 470px;
  margin: 30px 0 0;
  font-size: 16px;
  font-weight: 620;
  line-height: 1.55;
}

html body .momentum-section .stats-grid {
  width: auto !important;
  max-width: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}

html body .momentum-section .stats-grid:before {
  display: none !important;
}

html body .momentum-section .stats-grid article, html body .momentum-section .stats-grid article:nth-child(odd), html body .momentum-section .stats-grid article:nth-child(2n) {
  min-width: 0;
  position: relative;
  overflow: hidden;
  text-align: left !important;
  background: linear-gradient(#ffffff16, #ffffff07), #ffffff05 !important;
  border: 1px solid #ffffff13 !important;
  border-radius: 26px !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  min-height: 182px !important;
  padding: clamp(24px, 2.2vw, 34px) !important;
  box-shadow: inset 0 1px #ffffff14, 0 20px 52px #00000012 !important;
}

html body .momentum-section .stats-grid article:before {
  content: "";
  border-radius: 999px;
  position: absolute;
  top: 22px;
  left: 24px;
  width: 34px !important;
  height: 3px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, #ffc501d1, #25d29180) !important;
  margin: 0 !important;
}

html body .momentum-section .stats-grid article:after {
  display: none !important;
}

html body .momentum-section .stats-grid strong {
  margin-top: 34px;
  display: block;
  color: #f9fcf8fa !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  max-width: none !important;
  font-size: clamp(52px, 4.6vw, 88px) !important;
  font-weight: 900 !important;
  line-height: .9 !important;
}

html body .momentum-section .stats-grid .stat-number {
  color: inherit;
  font: inherit;
}

html body .momentum-section .stats-grid article > span {
  color: #dfeee6b8 !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
}

html body .momentum-section .stats-grid article.gold strong {
  color: #ffe575fa !important;
}

html body .momentum-section .stats-grid article.mint strong {
  color: #d6ffeffa !important;
}

html body .momentum-cta {
  background: radial-gradient(circle at 88%, #ffc5011a, #0000 34%), linear-gradient(#ffffff12, #ffffff06);
  border: 1px solid #ffffff17;
  border-radius: 28px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 14px;
  padding: clamp(24px, 2.8vw, 42px);
  display: grid;
}

html body .momentum-cta h3 {
  color: #f9fcf8f5;
  letter-spacing: -.05em;
  max-width: 780px;
  margin: 16px 0 0;
  font-size: clamp(34px, 3.2vw, 62px);
  font-weight: 850;
  line-height: .98;
}

html body .momentum-cta p {
  color: #dfeee6a8;
  max-width: 610px;
  margin: 18px 0 0;
  font-size: 16px;
  font-weight: 620;
  line-height: 1.45;
}

html body .momentum-button {
  color: #f8fff9;
  background: radial-gradient(circle at 30% 18%, #fff3, #0000 34%), linear-gradient(135deg, #20c691, #059266);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 188px;
  min-height: 62px;
  font-size: 16px;
  font-weight: 830;
  transition: transform .22s, box-shadow .22s;
  display: inline-flex;
  box-shadow: 0 20px 54px #05926647, inset 0 1px #ffffff40;
}

html body .momentum-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 26px 68px #05926657, inset 0 1px #ffffff4d;
}

@media (max-width: 1100px) {
  html body .momentum-head, html body .momentum-body, html body .momentum-cta {
    grid-template-columns: 1fr;
  }

  html body .momentum-head p {
    max-width: 720px;
  }
}

@media (max-width: 700px) {
  html body .momentum-section {
    padding: 72px 16px 84px;
  }

  html body .momentum-shell {
    border-radius: 26px;
    padding: 26px;
  }

  html body .momentum-head h2 {
    font-size: 38px;
  }

  html body .momentum-section .stats-grid {
    grid-template-columns: 1fr !important;
  }

  html body .momentum-story {
    min-height: auto;
  }

  html body .momentum-section .stats-grid article {
    min-height: 138px !important;
  }

  html body .momentum-section .stats-grid strong {
    font-size: 54px !important;
  }

  html body .momentum-button {
    width: 100%;
  }
}

html body .momentum-shell {
  width: min(1600px, 100% - 96px);
  padding: clamp(34px, 4vw, 64px);
}

html body .momentum-head {
  grid-template-columns: minmax(0, .94fr) minmax(300px, .54fr);
  padding-bottom: clamp(28px, 3.4vw, 48px);
}

html body .momentum-head h2 {
  max-width: 980px;
  font-size: clamp(44px, 4.25vw, 78px);
  line-height: .98;
}

html body .momentum-section .stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .momentum-section .stats-grid article, html body .momentum-section .stats-grid article:nth-child(odd), html body .momentum-section .stats-grid article:nth-child(2n) {
  background: radial-gradient(circle at 76% 12%, #ffffff14, #0000 36%), linear-gradient(#ffffff15, #ffffff06), #ffffff05 !important;
  border-radius: 24px !important;
  min-height: 204px !important;
}

html body .momentum-section .stats-grid strong {
  font-size: clamp(46px, 3.55vw, 76px) !important;
}

html body .momentum-section .stats-grid article > span {
  font-size: clamp(14px, .9vw, 17px) !important;
}

html body .momentum-cta {
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 12px;
  padding: clamp(24px, 2.5vw, 36px);
}

html body .momentum-cta h3 {
  font-size: clamp(30px, 2.7vw, 54px);
}

@media (max-width: 1200px) {
  html body .momentum-section .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  html body .momentum-shell {
    width: 100%;
  }

  html body .momentum-head {
    grid-template-columns: 1fr;
  }

  html body .momentum-section .stats-grid {
    grid-template-columns: 1fr !important;
  }
}

html body .momentum-section {
  background: radial-gradient(circle at 12% 12%, #ffc50114, #0000 30%), radial-gradient(circle at 88% 58%, #08a87414, #0000 34%), linear-gradient(#fbfaf5 0%, #fff 54%, #f7f5ef 100%) !important;
  padding: 108px 80px 122px !important;
}

html body .momentum-shell {
  width: min(1500px, 100% - 96px);
  color: var(--green-900);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}

html body .momentum-shell:before, html body .momentum-shell:after {
  display: none;
}

html body .momentum-head {
  grid-template-columns: minmax(0, .82fr) minmax(320px, .48fr);
  align-items: end;
  gap: clamp(34px, 5vw, 96px);
  padding: 0 0 42px;
  display: grid;
}

html body .momentum-kicker, html body .momentum-cta span {
  color: var(--green-700);
  letter-spacing: .12em;
  font-size: 13px;
  font-weight: 850;
}

html body .momentum-head h2 {
  max-width: 860px;
  color: var(--ink);
  letter-spacing: -.055em;
  margin-top: 20px;
  font-size: clamp(48px, 4.7vw, 86px);
  font-weight: 860;
  line-height: .96;
}

html body .momentum-head p {
  color: #082e2694;
  max-width: 440px;
  font-size: 18px;
  font-weight: 620;
  line-height: 1.55;
}

html body .momentum-body {
  display: block;
}

html body .momentum-section .stats-grid {
  background: linear-gradient(135deg, #ffffffdb, #f7f5efc2), #ffffffd1 !important;
  border: 1px solid #082e261a !important;
  border-radius: 30px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: 0 28px 86px #082e2614, inset 0 1px #ffffffc7 !important;
}

html body .momentum-section .stats-grid article, html body .momentum-section .stats-grid article:nth-child(odd), html body .momentum-section .stats-grid article:nth-child(2n) {
  min-height: 224px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid #082e261a !important;
  border-radius: 0 !important;
  padding: clamp(30px, 2.8vw, 46px) !important;
}

html body .momentum-section .stats-grid article:last-child {
  border-right: 0 !important;
}

html body .momentum-section .stats-grid article:before {
  top: 34px;
  left: clamp(30px, 2.8vw, 46px);
  background: #082e2624 !important;
  width: 34px !important;
  height: 4px !important;
}

html body .momentum-section .stats-grid strong {
  margin-top: 36px;
  color: var(--green-900) !important;
  letter-spacing: -.06em !important;
  font-size: clamp(54px, 4.7vw, 96px) !important;
  font-weight: 900 !important;
  line-height: .92 !important;
}

html body .momentum-section .stats-grid article.gold strong, html body .momentum-section .stats-grid article.mint strong {
  color: var(--green-900) !important;
}

html body .momentum-section .stats-grid article > span {
  color: #082e26a3 !important;
  margin-top: 22px !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  font-weight: 800 !important;
}

html body .momentum-cta {
  background: radial-gradient(circle at 88%, #ffc5011f, #0000 32%), linear-gradient(135deg, #082e26f5, #05231dfa);
  border: 1px solid #082e261a;
  border-radius: 30px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 16px;
  padding: clamp(28px, 3vw, 46px);
  display: grid;
  box-shadow: 0 30px 90px #082e2621;
}

html body .momentum-cta h3 {
  color: #f9fcf8f5;
  letter-spacing: -.05em;
  max-width: 820px;
  margin-top: 16px;
  font-size: clamp(34px, 3.1vw, 58px);
  font-weight: 850;
  line-height: 1;
}

html body .momentum-cta p {
  color: #dfeee6ad;
  max-width: 620px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 620;
}

html body .momentum-button {
  min-width: 188px;
  min-height: 62px;
}

html body .social-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

html body .platform-card-grid, html body .payment-grid {
  gap: 10px;
}

html body .platform-card-grid a.platformCard, html body .payment-grid .paymentCard {
  --footer-pill-color: #ffc501b8;
  background: radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--footer-pill-color) 18%, transparent), transparent 36%),
    linear-gradient(180deg, #ffffff14, #ffffff08),
    #ffffff07;
  border-color: #ffffff1b;
  border-radius: 16px;
  min-height: 52px;
  overflow: hidden;
}

html body .platform-card-grid a.platformCard.taobao, html body .platform-card-grid a.platformCard.china1688 {
  --footer-pill-color: #ff7a1a;
}

html body .platform-card-grid a.platformCard.weidian {
  --footer-pill-color: #d50636;
}

html body .platform-card-grid a.platformCard.yupoo {
  --footer-pill-color: #4dbe88;
}

html body .payment-grid .paymentCard.paypal {
  --footer-pill-color: #7fb5e8;
}

html body .payment-grid .paymentCard.visa, html body .payment-grid .paymentCard.amex {
  --footer-pill-color: #7fa1d8;
}

html body .payment-grid .paymentCard.mastercard, html body .payment-grid .paymentCard.discover {
  --footer-pill-color: #f0a23a;
}

html body .payment-grid .paymentCard.applepay, html body .payment-grid .paymentCard.googlepay {
  --footer-pill-color: #d9ddd6;
}

html body .platform-card-grid a.platformCard:hover {
  border-color: color-mix(in srgb, var(--footer-pill-color) 48%, #ffffff29);
  background: radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--footer-pill-color) 28%, transparent), transparent 38%),
    linear-gradient(180deg, #ffffff1b, #ffffff0a),
    #ffffff08;
}

html body .social-grid a.socialIcon {
  --social-color: #ffc501b8;
  background: radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--social-color) 20%, transparent), transparent 34%),
    linear-gradient(180deg, #ffffff14, #ffffff08),
    #ffffff07;
  border-color: #ffffff1b;
  border-radius: 16px;
  justify-content: flex-start;
  gap: 10px;
  height: 52px;
  min-height: 52px;
  padding: 0 12px;
  display: inline-flex;
  overflow: hidden;
}

html body .social-grid a.socialIcon.telegram {
  --social-color: #2aabee;
}

html body .social-grid a.socialIcon.discord {
  --social-color: #5865f2;
}

html body .social-grid a.socialIcon.reddit {
  --social-color: #ff4500;
}

html body .social-grid a.socialIcon.youtube {
  --social-color: #f03;
}

html body .social-grid a.socialIcon.tiktok {
  --social-color: #25f4ee;
}

html body .social-grid a.socialIcon.instagram {
  --social-color: #e4405f;
}

html body .social-grid a.socialIcon.whatsapp {
  --social-color: #25d366;
}

html body .socialIcon img {
  object-fit: contain;
  opacity: .96;
  filter: none;
  width: 25px;
  height: 25px;
  transition: opacity .18s ease, filter .18s ease, transform .18s var(--ease-out);
  flex: none;
}

html body .socialIcon span {
  color: #f1f3ead6;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  overflow: hidden;
}

html body .social-grid a.socialIcon:hover {
  border-color: color-mix(in srgb, var(--social-color) 48%, #ffffff29);
  background: radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--social-color) 30%, transparent), transparent 38%),
    linear-gradient(180deg, #ffffff1b, #ffffff0a),
    #ffffff08;
}

html body .socialIcon:hover img {
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--social-color) 42%, transparent));
  transform: scale(1.05);
}

html body .socialIcon:hover span {
  color: #fffffff5;
}

html body .platform-card-grid .footer-logo-asset {
  opacity: 1;
  filter: saturate(1.12) brightness(1.02);
}

html body .platform-card-grid a:hover .footer-logo-asset {
  filter: saturate(1.18) brightness(1.08);
}

html body .hero-placeholder .placeholder-short {
  display: none;
}

@media (max-width: 1100px) {
  html body .momentum-head, html body .momentum-cta {
    grid-template-columns: 1fr;
  }

  html body .momentum-section .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .momentum-section .stats-grid article:nth-child(2) {
    border-right: 0 !important;
  }

  html body .momentum-section .stats-grid article:first-child, html body .momentum-section .stats-grid article:nth-child(2) {
    border-bottom: 1px solid #082e261a !important;
  }
}

@media (max-width: 700px) {
  html body .momentum-section {
    padding: 72px 16px 84px !important;
  }

  html body .momentum-shell {
    width: 100%;
  }

  html body .momentum-head h2 {
    font-size: 38px;
  }

  html body .momentum-section .stats-grid {
    border-radius: 24px !important;
    grid-template-columns: 1fr !important;
  }

  html body .momentum-section .stats-grid article {
    border-bottom: 1px solid #082e261a !important;
    border-right: 0 !important;
    min-height: 154px !important;
  }

  html body .momentum-section .stats-grid article:last-child {
    border-bottom: 0 !important;
  }

  html body .momentum-section .stats-grid strong {
    font-size: 58px !important;
  }

  html body .momentum-cta {
    border-radius: 24px;
    grid-template-columns: 1fr;
  }

  html body .momentum-button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  html body .cd-header {
    padding: 18px 0 0 !important;
  }

  html body .cd-nav {
    grid-template-columns: auto 1fr auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    height: 58px !important;
    padding: 0 18px !important;
    display: grid !important;
  }

  html body .brand-pill {
    border-radius: 22px !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }

  html body .brand-pill > span:not(.brand-logo-frame) {
    display: none !important;
  }

  html body .brand-logo-frame {
    width: 46px !important;
    height: 46px !important;
  }

  html body .brand-logo-img {
    width: 44px !important;
    height: 44px !important;
  }

  html body .region-wrap, html body .nav-pill, html body .auth-pill {
    display: none !important;
  }

  html body .cart-pill, html body .menu-pill {
    border-radius: 999px !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
  }

  html body .cart-pill {
    color: var(--green-900) !important;
    background: #fffffff0 !important;
    grid-column: 3 !important;
  }

  html body .menu-pill {
    background: linear-gradient(135deg, #0d7452fa, #064c3afa) !important;
    grid-column: 4 !important;
    display: inline-flex !important;
  }

  html body .mobile-menu {
    background: radial-gradient(circle at 84% 0, #22c28a29, #0000 36%), #05231dfa !important;
    border: 1px solid #ffffff1f !important;
    width: calc(100vw - 36px) !important;
    top: 88px !important;
    left: 18px !important;
  }

  html body .hero-section {
    min-height: 782px !important;
    padding: 116px 18px 54px !important;
  }

  html body .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  html body .hero-copy h1 {
    font-size: clamp(58px, 15.4vw, 68px) !important;
    line-height: .99 !important;
  }

  html body .hero-copy p {
    max-width: 330px !important;
    margin: 28px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  html body .hero-proof-strip, html body .hero-trust-tags {
    border-radius: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 34px !important;
  }

  html body .hero-section .hero-copy > .hero-action {
    width: 100% !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin-top: 32px !important;
    padding: 0 !important;
    display: block !important;
  }

  html body .hero-section .hero-copy > .hero-action:before, html body .hero-section .hero-copy > .hero-action:after {
    display: none !important;
  }

  html body .hero-section .hero-copy > .hero-action .link-input {
    cursor: pointer !important;
    background: linear-gradient(#fffffffa, #eff5f1f0), #fff !important;
    border: 1px solid #ffffffc7 !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 60px !important;
    padding: 0 18px !important;
    box-shadow: 0 18px 46px #00000029, inset 0 1px #ffffffe6 !important;
  }

  html body .hero-section .hero-copy > .hero-action .link-input svg {
    flex: none !important;
    width: 22px !important;
    height: 22px !important;
  }

  html body .hero-section .hero-copy > .hero-action .link-input > span:not(.search-platform-hints) {
    color: #082e267a !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: none !important;
    font-size: 16px !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    display: block !important;
    overflow: hidden !important;
  }

  html body .hero-placeholder .placeholder-full {
    display: none !important;
  }

  html body .hero-placeholder .placeholder-short {
    display: inline !important;
  }

  html body .hero-section .hero-copy > .hero-action .primary-pill {
    display: none !important;
  }

  html body .secondary-action {
    opacity: .58 !important;
    margin-top: 30px !important;
  }
}

.mobile-search-screen {
  display: none;
}

@media (max-width: 640px) {
  html body .mobile-search-screen {
    z-index: 120;
    padding: max(18px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
    color: #082e26;
    opacity: 0;
    pointer-events: none;
    background: radial-gradient(circle at 18% 0, #ffc50133, #0000 34%), radial-gradient(circle at 88% 22%, #15b6842e, #0000 34%), linear-gradient(#f9f7ef 0%, #fffdf7 100%);
    flex-direction: column;
    gap: 18px;
    transition: opacity .24s, transform .36s cubic-bezier(.22, 1, .36, 1);
    display: flex;
    position: fixed;
    inset: 0;
    overflow-y: auto;
    transform: translateY(18px);
  }

  html body .mobile-search-screen.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  html body .mobile-search-bar {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    display: grid;
  }

  html body .mobile-search-back {
    color: #083c2f;
    background: #ffffffe6;
    border: 1px solid #082e261a;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    display: inline-flex;
    box-shadow: 0 14px 30px #082e2617;
  }

  html body .mobile-search-back svg {
    transform: rotate(180deg);
  }

  html body .mobile-search-input {
    background: #fffffff5;
    border: 1px solid #082e261a;
    border-radius: 999px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 52px;
    padding: 5px;
    display: grid;
    box-shadow: 0 18px 44px #082e261a, inset 0 1px #ffffffeb;
  }

  html body .mobile-search-input input {
    color: #082e26;
    min-width: 0;
    height: 42px;
    font: inherit;
    background: none;
    border: 0;
    outline: 0;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 720;
  }

  html body .mobile-search-input input::placeholder {
    color: #082e266b;
  }

  html body .mobile-search-input button {
    color: #fff;
    background: linear-gradient(135deg, #0db37d, #05704f);
    border-radius: 999px;
    min-width: 76px;
    height: 42px;
    font-size: 14px;
    font-weight: 850;
    box-shadow: 0 12px 26px #05704f38;
  }

  html body .mobile-search-panel {
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    background: #ffffffbd;
    border: 1px solid #082e2614;
    border-radius: 24px;
    margin-top: 0;
    padding: 18px;
    box-shadow: 0 18px 46px #082e2614, inset 0 1px #ffffffd1;
  }

  html body .mobile-search-head {
    color: #082e26db;
    letter-spacing: .04em;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 850;
    display: flex;
  }

  html body .mobile-search-head button {
    color: #082e2694;
    background: #082e260f;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    display: inline-flex;
  }

  html body .mobile-search-history, html body .mobile-trending-list {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    display: flex;
  }

  html body .mobile-search-history {
    border-bottom: 0;
    padding-bottom: 0;
  }

  html body .mobile-search-history button, html body .mobile-trending-list button {
    color: #082e26ad;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #ffffffc7;
    border: 1px solid #082e2614;
    border-radius: 999px;
    min-width: 0;
    max-width: 100%;
    min-height: 38px;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 760;
    overflow: hidden;
  }
}

html body .product-page {
  word-spacing: .045em;
  background: linear-gradient(#062b24 0%, #07372d 330px, #f7f5ef 331px 100%);
  overflow-x: clip;
}

html body .product-header {
  box-sizing: border-box;
  pointer-events: none;
  width: 100%;
  max-width: 100vw;
  padding: 24px 18px 0;
}

html body .product-nav {
  pointer-events: auto;
  grid-template-columns: auto auto minmax(520px, 820px) minmax(260px, 360px) auto auto;
  align-items: center;
  gap: clamp(12px, 1.8vw, 26px);
  width: min(1900px, 100vw - 36px);
  min-height: 64px;
  display: grid;
  position: relative;
}

html body .product-brand-pill, html body .product-locale-pill, html body .product-main-nav, html body .product-nav-source, html body .product-auth-pill, html body .product-cart-pill, html body .product-menu-pill {
  border-radius: 999px;
  box-shadow: 0 18px 44px #0003, inset 0 1px #ffffffd6;
}

html body .product-brand-pill {
  color: #fff;
  letter-spacing: -.02em;
  background: #074f3ee0;
  align-items: center;
  gap: 8px;
  height: 50px;
  padding: 0 20px 0 11px;
  font-size: 17px;
  font-weight: 850;
  display: inline-flex;
}

html body .product-brand-logo {
  width: 38px;
  height: 38px;
  display: inline-flex;
}

html body .product-locale-picker {
  z-index: 82;
  position: relative;
}

html body .product-locale-pill {
  color: #082e26;
  height: 50px;
  font: inherit;
  background: #fffffff0;
  border: 1px solid #ffffffc7;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 19px;
  font-size: 15px;
  font-weight: 850;
  display: inline-flex;
}

html body .product-locale-pill svg:first-child {
  color: #0a8f68;
}

html body .product-locale-popover {
  top: 66px;
  left: 50%;
}

html body .product-locale-currency {
  color: #082e2694;
  letter-spacing: .04em;
  border-left: 1px solid #082e2624;
  margin-left: -4px;
  padding-left: 10px;
  font-size: 13px;
}

html body .product-main-nav {
  --liquid-pad: 5px;
  --liquid-gap: 6px;
  gap: var(--liquid-gap);
  min-height: 58px;
  padding: var(--liquid-pad);
  background: #ffffffeb;
  border: 1px solid #ffffffc7;
  display: grid;
}

html body .product-main-nav:before, html body .product-auth-pill:before {
  background: radial-gradient(circle at 24% 18%, #ffffffb8, #0000 40%), linear-gradient(135deg, #daf8ecfa, #ffffffb8) !important;
  box-shadow: 0 18px 42px #075f4529, inset 0 1px #ffffffeb, inset 0 -16px 28px #075f4514 !important;
}

html body .product-main-nav button, html body .product-auth-pill a {
  color: #082e26b8;
  font: inherit;
  letter-spacing: -.015em;
  white-space: nowrap;
  cursor: pointer;
  transition: color .2s ease, transform .22s var(--ease-out);
  background: none;
  border: 0;
  font-size: clamp(12.5px, .74vw, 14px);
  font-weight: 820;
}

html body .product-main-nav button:hover, html body .product-main-nav button.active, html body .product-auth-pill a:hover, html body .product-auth-pill a.active {
  color: #075f49;
  transform: translateY(-1px);
}

html body .product-nav-source {
  background: #ffffffeb;
  border: 1px solid #ffffffc7;
  grid-template-columns: auto minmax(0, 1fr) 40px;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 6px 7px 6px 16px;
  display: grid;
}

html body .product-nav-source svg {
  color: #082e2685;
}

html body .product-nav-source input {
  color: #082e269e;
  min-width: 0;
  font: inherit;
  letter-spacing: 0;
  background: none;
  border: 0;
  outline: 0;
  font-size: 13px;
  font-weight: 780;
}

html body .product-nav-source button {
  color: #fff;
  cursor: pointer;
  background: #0a946b;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
  box-shadow: 0 10px 20px #075f4529;
}

html body .product-auth-pill {
  --liquid-pad: 5px;
  --liquid-gap: 6px;
  --liquid-count: 2;
  gap: var(--liquid-gap);
  width: 232px;
  min-height: 54px;
  padding: var(--liquid-pad);
  background: #ffffffeb;
  border: 1px solid #ffffffc7;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

html body .product-auth-pill a {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

html body .product-cart-pill, html body .product-menu-pill {
  color: #082e26;
  background: #fffffff0;
  border: 1px solid #ffffffc7;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: inline-flex;
}

html body .product-menu-pill {
  display: none;
}

html body .product-mobile-menu {
  z-index: 49;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background: radial-gradient(circle at 84% 0, #22c28a29, #0000 36%), #05231dfa;
  border: 1px solid #ffffff21;
  border-radius: 26px;
  width: calc(100vw - 36px);
  display: none;
  position: fixed;
  top: 92px;
  left: 18px;
  overflow: hidden;
  box-shadow: 0 28px 70px #0000003d;
}

html body .product-mobile-menu.open {
  display: grid;
}

html body .product-mobile-menu a {
  color: #ffffffd1;
  border-bottom: 1px solid #ffffff14;
  padding: 17px 20px;
  font-size: 15px;
  font-weight: 780;
}

html body .product-mobile-menu a:last-child {
  border-bottom: 0;
}

html body .product-hero-shell {
  isolation: isolate;
  overflow-x: clip !important;
}

html body .product-hero-bg {
  z-index: 0;
  background: radial-gradient(circle at 7% -18%, #ffffff1a, #0000 22%), radial-gradient(circle at 90% -12%, #ffffff17, #0000 22%), radial-gradient(circle at 48% 10%, #13b37c1f, #0000 34%), linear-gradient(#062b24 0%, #07372d 64%, #f7f5ef00 100%);
  height: 520px;
  position: absolute;
  inset: -104px 0 auto;
}

html body .product-hero-orb {
  z-index: 0;
  pointer-events: none;
  filter: blur(90px);
  border-radius: 999px;
  position: absolute;
}

html body .product-hero-orb-left {
  background: #0e9f712e;
  width: 320px;
  height: 320px;
  top: 70px;
  left: -8%;
}

html body .product-hero-orb-right {
  background: #ffc50117;
  width: 360px;
  height: 360px;
  top: 68px;
  right: -7%;
}

html body .product-intro {
  max-width: 920px;
  padding-top: 14px;
  display: block;
}

html body .product-source-command {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: radial-gradient(circle at 16%, #ffc50117, #0000 30%), #ffffff13;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  grid-column: 1 / -1;
  align-items: center;
  gap: 12px;
  width: min(820px, 100%);
  min-height: 54px;
  padding: 7px;
  display: flex;
  box-shadow: inset 0 1px #ffffff14, 0 20px 48px #00000029;
}

html body .product-source-badge, html body .product-source-command button {
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

html body .product-source-badge {
  color: #dff7ed;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: #ffffff1f;
  padding: 0 13px;
}

html body .product-source-command button {
  color: #075f49;
  background: #ffffffeb;
  padding: 0 14px;
}

html body .product-intro-copy {
  color: #fff;
  display: block;
}

html body .product-eyebrow {
  color: #ffc501e0;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

html body .product-intro h1 {
  color: #fffffff5;
  letter-spacing: -.018em;
  word-spacing: .1em;
  max-width: 820px;
  margin: 14px 0 0;
  font-size: clamp(54px, 5.7vw, 104px);
  font-weight: 880;
  line-height: 1.02;
}

html body .product-intro p {
  color: #deefe7ad;
  max-width: 560px;
  margin: 24px 0 0;
  font-size: clamp(15px, 1.1vw, 18px);
  font-weight: 620;
  line-height: 1.55;
}

html body .product-proof-row {
  grid-template-columns: 1fr;
  gap: 8px;
  display: grid;
}

html body .product-proof-row span {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff0e;
  border: 1px solid #ffffff13;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 18px;
  display: flex;
  box-shadow: inset 0 1px #ffffff0f;
}

html body .product-proof-row strong {
  color: #ffffffeb;
  font-size: 16px;
  font-weight: 880;
}

html body .product-proof-row em {
  color: #deefe785;
  font-size: 12px;
  font-style: normal;
  font-weight: 720;
}

html body .product-gallery-card, html body .product-purchase-card, html body .product-details-card {
  background: linear-gradient(#fffffff5, #fffdf7e6), #fff;
  border: 1px solid #082e261a;
  box-shadow: 0 30px 90px #04201929, inset 0 1px #ffffffd1;
}

html body .product-main-image {
  background: radial-gradient(circle at 50% 18%, #fffffff2, #0000 34%), linear-gradient(#fbfaf5, #f1eee3);
  border-radius: 26px;
}

html body .product-purchase-head {
  background: radial-gradient(circle at 86% 0, #ffc50124, #0000 35%), radial-gradient(circle at 10% 95%, #22c28a2e, #0000 38%), linear-gradient(145deg, #07382f 0%, #05241e 100%);
}

html body .product-panel-source {
  color: #dff7ed;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #ffffff1a;
  border-radius: 999px;
  align-items: center;
  height: 34px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-shipping-note, html body .product-quantity-row {
  background: radial-gradient(circle at 16% 30%, #ffc50114, #0000 34%), #f8f6efc7;
  border: 1px solid #0a282014;
  border-radius: 18px;
  box-shadow: 0 10px 26px #0a28200a;
}

html body .product-action-row {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffeb;
  border-top: 1px solid #0a282014;
  box-shadow: 0 -18px 42px #ffffffeb;
}

html body .product-total-row {
  color: #082e2699;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 0 2px 2px;
  font-size: 13px;
  font-weight: 780;
  display: flex;
}

html body .product-total-row strong {
  color: #082e26;
  letter-spacing: -.015em;
  font-size: 20px;
  font-weight: 900;
}

html body .product-details-card {
  border-radius: 32px;
  padding: 18px;
  overflow: hidden;
}

@media (max-width: 1320px) {
  html body .product-nav {
    grid-template-columns: auto auto minmax(420px, 1fr) auto;
  }

  html body .product-auth-pill, html body .product-nav-source {
    display: none;
  }
}

@media (max-width: 1100px) {
  html body .product-main-nav {
    display: none;
  }

  html body .product-nav {
    grid-template-columns: auto auto 1fr auto auto;
  }

  html body .product-menu-pill {
    display: inline-flex;
  }
}

@media (max-width: 760px) {
  html body .product-page {
    padding-top: 88px;
  }

  html body .product-header {
    padding-top: 18px;
  }

  html body .product-nav {
    grid-template-columns: auto 1fr auto auto;
    gap: 8px;
    width: min(100%, 100vw - 32px);
    min-height: 58px;
  }

  html body .product-brand-pill {
    border-radius: 22px;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
  }

  html body .product-brand-pill > span:not(.product-brand-logo), html body .product-locale-pill {
    display: none;
  }

  html body .product-brand-logo {
    width: 46px;
    height: 46px;
  }

  html body .product-cart-pill, html body .product-menu-pill {
    width: 52px;
    height: 52px;
  }

  html body .product-intro {
    padding-top: 0;
  }

  html body .product-source-command {
    border-radius: 22px;
    min-height: 50px;
  }

  html body .product-source-command > span:nth-child(2) {
    display: none;
  }

  html body .product-source-command button {
    margin-left: auto;
  }

  html body .product-intro h1 {
    letter-spacing: -.01em;
    word-spacing: .08em;
    font-size: clamp(42px, 13vw, 60px);
  }

  html body .product-proof-row {
    gap: 7px;
  }

  html body .product-proof-row span {
    min-height: 50px;
  }

  html body .product-gallery-card, html body .product-purchase-card, html body .product-details-card {
    border-radius: 26px;
  }
}

html body .product-workspace-grid {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

html body .product-gallery-card {
  background: linear-gradient(#ffffffc2, #ffffff85), #ffffff75 !important;
  border-radius: 26px !important;
  padding: 10px !important;
  box-shadow: 0 22px 64px #082e2613, inset 0 1px #ffffffd1 !important;
}

html body .product-gallery-layout {
  align-items: stretch;
}

html body .product-thumb-rail {
  align-content: start;
}

html body .product-thumb-button {
  box-shadow: inset 0 1px #ffffffc7, 0 8px 20px #082e260b;
  background: radial-gradient(circle at 50% 18%, #ffffffd1, #0000 42%), #f5f2e9 !important;
  border-radius: 18px !important;
}

html body .product-thumb-button.active {
  opacity: 1 !important;
  border-color: #075f4552 !important;
  box-shadow: 0 0 0 3px #ccf3e5c7, 0 12px 28px #082e2614 !important;
}

html body .product-main-image {
  max-height: 740px;
  aspect-ratio: 4 / 5 !important;
  background: radial-gradient(circle at 50% 26%, #fffffffa, #0000 34%), linear-gradient(#fffdf8 0%, #f3f0e7 100%) !important;
  border-radius: 22px !important;
  min-height: 0 !important;
}

@media (min-width: 1280px) {
  html body .product-purchase-card {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  html body .product-gallery-card {
    border-radius: 22px !important;
    padding: 8px !important;
  }

  html body .product-gallery-layout {
    gap: 10px !important;
  }

  html body .product-thumb-rail {
    gap: 8px !important;
  }

  html body .product-main-image {
    aspect-ratio: 1 / 1.12 !important;
  }

  html body .product-main-image img {
    padding: 24px !important;
  }
}

html body .product-shell {
  padding-left: clamp(24px, 3vw, 56px) !important;
  padding-right: clamp(24px, 3vw, 56px) !important;
}

html body .product-workspace-grid {
  width: 100%;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: clamp(28px, 2.4vw, 44px) !important;
  max-width: none !important;
  margin-top: clamp(22px, 2.5vw, 38px) !important;
}

html body .product-gallery-layout {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 16px !important;
}

html body .product-thumb-rail {
  gap: 12px !important;
}

html body .product-main-image {
  aspect-ratio: auto !important;
  border-radius: 24px !important;
  height: clamp(700px, 100vh - 170px, 860px) !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body .product-panel-title {
  max-width: 360px;
  font-size: clamp(30px, 2vw, 36px);
  line-height: 1.06;
}

html body .product-panel-price {
  font-size: clamp(46px, 3.1vw, 58px);
}

@media (max-width: 1279px) {
  html body .product-content-wrap {
    width: min(980px, 100vw - 36px);
  }

  html body .product-workspace-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body .product-shell {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body .product-content-wrap {
    width: 100%;
  }

  html body .product-workspace-grid {
    gap: 18px !important;
    margin-top: 18px !important;
  }

  html body .product-gallery-layout {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body .product-main-image {
    aspect-ratio: 1 / 1.08 !important;
    border-radius: 20px !important;
    height: auto !important;
  }

  html body .product-main-image img {
    padding: 22px !important;
  }

  html body .product-thumb-rail {
    flex-direction: row !important;
    gap: 9px !important;
  }

  html body .product-thumb-button {
    border-radius: 17px !important;
    width: 82px !important;
    height: 82px !important;
  }
}

html body .product-page {
  background: radial-gradient(circle at 8% 0, #075f451f, #0000 26%), radial-gradient(circle at 92% 4%, #ffc50114, #0000 24%), #f7f5ef !important;
}

html body .product-shell {
  padding: 24px clamp(28px, 2.6vw, 52px) 72px !important;
}

html body .product-content-wrap {
  width: min(1804px, 100vw - clamp(56px, 5.2vw, 104px)) !important;
  max-width: none !important;
}

html body .product-workspace-grid {
  grid-template-columns: minmax(0, 1fr) 420px !important;
  align-items: start !important;
  gap: clamp(28px, 2vw, 40px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  display: grid !important;
}

html body .product-gallery-card {
  background: linear-gradient(#ffffffb8, #ffffff75), #ffffff6b !important;
  border-color: #082e2613 !important;
  border-radius: 28px !important;
  min-width: 0 !important;
  padding: 14px !important;
  box-shadow: 0 26px 80px #082e2614, inset 0 1px #ffffffdb !important;
}

html body .product-gallery-layout {
  grid-template-columns: 128px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: clamp(760px, 100vh - 172px, 900px) !important;
}

html body .product-thumb-rail {
  gap: 14px !important;
  padding: 0 !important;
}

html body .product-thumb-button {
  border-radius: 22px !important;
  width: 120px !important;
  height: 120px !important;
}

html body .product-thumb-button img {
  padding: 10px !important;
}

html body .product-main-image {
  aspect-ratio: auto !important;
  background: radial-gradient(circle at 50% 24%, #fffffffa, #0000 32%), linear-gradient(#fffdf8 0%, #efebe2 100%) !important;
  border-radius: 24px !important;
  width: 100% !important;
  height: clamp(760px, 100vh - 172px, 900px) !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body .product-main-image img {
  padding: clamp(18px, 2.15vw, 42px) !important;
}

html body .product-purchase-card {
  border-radius: 28px !important;
  width: 420px !important;
  box-shadow: 0 24px 76px #082e261a, inset 0 1px #ffffffdb !important;
}

html body .product-purchase-head {
  padding: 22px 22px 14px !important;
}

html body .product-panel-title {
  letter-spacing: -.015em !important;
  max-width: 350px !important;
  font-size: 32px !important;
  line-height: 1.04 !important;
}

html body .product-panel-price {
  font-size: 54px !important;
  line-height: .95 !important;
}

html body .product-panel-converted {
  font-size: 16px !important;
}

html body .product-panel-body {
  padding: 15px 18px 16px !important;
}

html body .product-shipping-note, html body .product-quantity-row {
  border-radius: 17px !important;
  padding: 12px 14px !important;
}

html body .product-color-segment {
  gap: 9px !important;
}

html body .product-color-option {
  border-radius: 14px !important;
}

html body .product-size-segment {
  border-radius: 18px !important;
  min-height: 50px !important;
}

html body .product-action-row {
  padding: 14px 20px 20px !important;
}

@media (min-width: 1800px) {
  html body .product-gallery-layout, html body .product-main-image {
    min-height: 820px !important;
  }
}

@media (max-width: 1279px) {
  html body .product-content-wrap {
    width: min(1040px, 100vw - 36px) !important;
  }

  html body .product-workspace-grid {
    grid-template-columns: 1fr !important;
  }

  html body .product-purchase-card {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  html body .product-shell {
    padding: 18px 16px 56px !important;
  }

  html body .product-content-wrap {
    width: 100% !important;
  }

  html body .product-gallery-layout {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  html body .product-main-image {
    aspect-ratio: 1 / 1.12 !important;
    border-radius: 20px !important;
    height: auto !important;
  }

  html body .product-main-image img {
    padding: 20px !important;
  }

  html body .product-thumb-rail {
    flex-direction: row !important;
    gap: 9px !important;
    overflow-x: auto !important;
  }

  html body .product-thumb-button {
    border-radius: 17px !important;
    width: 84px !important;
    height: 84px !important;
  }
}

html body .product-page {
  word-spacing: .055em;
  overflow-x: clip;
  background: radial-gradient(circle at 18% 0, #075f451a, #0000 26%), radial-gradient(circle at 88% 8%, #ffc50114, #0000 24%), linear-gradient(#f7f5ef 0%, #fbfaf5 52%, #f7f5ef 100%) !important;
}

html body .product-shell {
  overflow-x: clip;
}

html body .product-workspace-grid {
  margin-top: clamp(22px, 3.2vw, 44px) !important;
}

html body .product-gallery-card, html body .product-purchase-card, html body .product-details-card {
  -webkit-backdrop-filter: blur(22px) saturate(122%);
  background: radial-gradient(circle at 18% 0, #fffffff2, #0000 34%), linear-gradient(#ffffffd1, #ffffff94), #ffffff94 !important;
  border: 1px solid #082e2617 !important;
  box-shadow: 0 24px 70px #082e2617, inset 0 1px #ffffffd1 !important;
}

html body .product-gallery-card {
  border-radius: 28px !important;
  padding: 12px !important;
}

html body .product-main-image {
  background: radial-gradient(circle at 52% 28%, #fffffffa, #0000 34%), linear-gradient(#fffdfa, #f2efe6) !important;
  border-radius: 22px !important;
  min-height: min(720px, 100vh - 190px) !important;
}

html body .product-purchase-card {
  border-radius: 28px !important;
}

html body .product-purchase-head {
  color: #082e26 !important;
  background: radial-gradient(circle at 18% 12%, #ffffffe0, #0000 42%), radial-gradient(circle at 88% 0, #cdf3e57a, #0000 34%), #ffffff70 !important;
  padding: 24px 24px 18px !important;
}

html body .product-purchase-head:after {
  content: "";
  background: #082e2614;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
}

html body .product-panel-source {
  color: #082e26b8 !important;
  letter-spacing: .08em !important;
  background: #082e2612 !important;
  height: 32px !important;
}

html body .product-panel-title {
  color: #111714;
  letter-spacing: -.01em;
  word-spacing: .09em;
  max-width: 340px;
  margin: 0;
  font-size: clamp(28px, 2.2vw, 38px);
  font-weight: 860;
  line-height: 1.08;
}

html body .product-panel-price {
  color: #073d30;
  letter-spacing: -.015em;
  font-size: clamp(42px, 3.6vw, 58px);
  font-weight: 880;
  line-height: .96;
}

html body .product-panel-converted {
  color: #d8a900;
  font-size: 18px;
  font-weight: 850;
}

html body .product-panel-body {
  padding-top: 18px !important;
}

html body .product-shipping-note, html body .product-quantity-row {
  background: radial-gradient(circle at 16% 0, #fffc, #0000 38%), #fffcf5ad !important;
  border-color: #082e2614 !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px #fffc, 0 10px 28px #082e260a !important;
}

html body .product-color-segment {
  --liquid-pad: 0px;
  display: grid;
  min-height: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
}

html body .product-color-segment:before {
  display: none !important;
}

html body .product-color-option {
  aspect-ratio: 1;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffffb8, 0 10px 24px #082e260d;
  background: #ffffffb3 !important;
  border: 1px solid #082e2614 !important;
  border-radius: 16px !important;
  height: auto !important;
}

html body .product-color-option img {
  transition: transform .26s var(--ease-out), filter .22s ease;
}

html body .product-color-option:hover img {
  transform: scale(1.04);
}

html body .product-color-option[data-active="true"] {
  border-color: #075f455c !important;
  box-shadow: 0 0 0 3px #ccf3e5b8, 0 14px 32px #082e261a !important;
}

html body .product-color-option[data-active="true"]:after {
  content: "";
  pointer-events: none;
  border: 2px solid #ffffffd6;
  border-radius: 11px;
  position: absolute;
  inset: 6px;
}

html body .product-size-segment {
  background: #fffcf5b8 !important;
  border-color: #082e2614 !important;
  box-shadow: inset 0 1px #ffffffbd, 0 10px 26px #082e260a !important;
}

html body .product-size-segment:before {
  background: radial-gradient(circle at 26% 16%, #ffffff6b, #0000 40%), linear-gradient(135deg, #0a8f68, #05704f) !important;
  box-shadow: 0 12px 28px #05704f33, inset 0 1px #ffffff3d !important;
}

html body .product-action-row {
  box-shadow: none !important;
  background: #ffffff7a !important;
  border-top-color: #082e2614 !important;
  padding: 18px 24px 24px !important;
}

html body .product-action-row .button {
  min-height: 54px;
}

@media (max-width: 760px) {
  html body .product-page {
    padding-top: 88px !important;
  }

  html body .product-workspace-grid {
    margin-top: 18px !important;
  }

  html body .product-main-image {
    min-height: 0 !important;
  }

  html body .product-purchase-card {
    position: static !important;
  }

  html body .product-panel-title {
    max-width: none;
    font-size: 28px;
  }

  html body .product-panel-price {
    font-size: 44px;
  }
}

html body .product-page-v3 {
  word-spacing: .06em;
  background: radial-gradient(circle at 12% -8%, #075f451a, #0000 30%), radial-gradient(circle at 92% 4%, #ffc50117, #0000 24%), linear-gradient(#f7f6ef 0%, #fbfaf6 45%, #f5f3eb 100%);
  min-height: 100vh;
  overflow-x: clip;
}

html body .product-v3-shell {
  width: min(1840px, 100vw - clamp(40px, 4vw, 76px));
  margin: 0 auto;
  padding: clamp(20px, 2vw, 32px) 0 78px;
}

html body .product-v3-topline {
  color: #082e2694;
  letter-spacing: .12em;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

html body .product-v3-topline span:first-child {
  background: #ffffffb8;
  border-radius: 999px;
  padding: 8px 12px;
  box-shadow: inset 0 0 0 1px #082e2614;
}

html body .product-v3-grid {
  grid-template-columns: minmax(0, 1fr) 430px;
  align-items: start;
  gap: clamp(26px, 2vw, 40px);
  display: grid;
}

html body .product-v3-left {
  min-width: 0;
}

html body .product-v3-mobile-title {
  display: none;
}

html body .product-v3-media-row {
  min-width: 0;
}

html body .product-v3-gallery-card {
  -webkit-backdrop-filter: blur(22px) saturate(116%);
  background: radial-gradient(circle at 20% 0, #ffffffe6, #0000 32%), #ffffff94;
  border: 1px solid #082e2614;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 28px 90px #082e261a, inset 0 1px #fffc;
}

html body .product-v3-gallery-layout {
  grid-template-columns: 136px minmax(0, 1fr);
  gap: 16px;
  min-height: clamp(720px, 100vh - 190px, 860px);
  padding: 16px;
  display: grid;
}

html body .product-v3-thumb-rail {
  align-content: start;
  gap: 12px;
  display: grid;
}

html body .product-v3-thumb-button {
  opacity: .76;
  width: 120px;
  height: 120px;
  transition: opacity .22s ease,
    transform .24s var(--ease-out),
    border-color .22s ease,
    box-shadow .22s ease;
  background: #f6f3eb;
  border: 1px solid #082e2612;
  border-radius: 18px;
  display: block;
  position: relative;
  overflow: hidden;
}

html body .product-v3-thumb-button:hover, html body .product-v3-thumb-button.active {
  opacity: 1;
  transform: translateY(-1px);
}

html body .product-v3-thumb-button.active {
  border-color: #075f456b;
  box-shadow: 0 0 0 4px #ccf3e5b8;
}

html body .product-v3-main-image {
  background: radial-gradient(circle at 52% 36%, #fffffffa, #0000 34%), linear-gradient(#fffdf8 0%, #f0ede4 100%);
  border-radius: 20px;
  min-height: clamp(688px, 100vh - 222px, 828px);
  position: relative;
  overflow: hidden;
}

html body .product-v3-main-image img {
  padding: clamp(34px, 4vw, 72px) !important;
}

html body .product-v3-image-tools {
  gap: 10px;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

html body .product-v3-preview-button {
  color: #082e26;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: transform .24s var(--ease-out), background .22s ease;
  background: #ffffffe6;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
  box-shadow: 0 16px 34px #082e261f;
}

html body .product-v3-preview-button:hover {
  background: #fff;
  transform: translateY(-1px);
}

html body .product-v3-aside {
  min-width: 0;
  position: sticky;
  top: 104px;
}

html body .product-v3-purchase-card {
  -webkit-backdrop-filter: blur(24px) saturate(120%);
  background: radial-gradient(circle at 88% 0, #cdf3e561, #0000 34%), #ffffffb8;
  border: 1px solid #082e2617;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 28px 76px #082e261f, inset 0 1px #ffffffd9;
}

html body .product-v3-purchase-head {
  border-bottom: 1px solid #082e2614;
  padding: 22px 22px 18px;
}

html body .product-v3-store-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

html body .product-v3-source {
  color: #082e26ad;
  letter-spacing: .12em;
  background: #082e2612;
  border-radius: 999px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v3-title-block {
  padding-top: 22px;
}

html body .product-v3-title {
  color: #101714;
  letter-spacing: 0;
  word-spacing: .14em;
  max-width: 360px;
  margin: 0;
  font-size: clamp(30px, 2.2vw, 42px);
  font-weight: 900;
  line-height: 1.03;
}

html body .product-v3-price-row {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px 10px;
  margin-top: 18px;
  display: flex;
}

html body .product-v3-price {
  color: #073d30;
  letter-spacing: 0;
  font-size: clamp(46px, 3.5vw, 62px);
  font-weight: 900;
  line-height: .94;
}

html body .product-v3-converted {
  color: #c79b00;
  font-size: 16px;
  font-weight: 900;
}

html body .product-v3-panel-body {
  gap: 18px;
  padding: 18px 22px 20px;
  display: grid;
}

html body .product-v3-shipping-note, html body .product-v3-quantity-row {
  background: #fffcf5bd;
  border: 1px solid #082e2614;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

html body .product-v3-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v3-color-option {
  aspect-ratio: 1;
  transition: transform .24s var(--ease-out),
    border-color .22s ease,
    box-shadow .22s ease;
  background: #f8f6ef;
  border: 1px solid #082e2614;
  border-radius: 16px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffffb8;
}

html body .product-v3-color-option:hover {
  transform: translateY(-1px);
}

html body .product-v3-color-option[data-active="true"] {
  border-color: #075f4575;
  box-shadow: 0 0 0 3px #ccf3e5d1, 0 14px 28px #082e261a;
}

html body .product-v3-color-option[data-active="true"]:after {
  content: "";
  pointer-events: none;
  border: 2px solid #ffffffe0;
  border-radius: 11px;
  position: absolute;
  inset: 6px;
}

html body .product-v3-size-segment {
  --liquid-pad: 4px;
  background: #fffcf5b8;
  border: 1px solid #082e2614;
  border-radius: 18px;
  min-height: 52px;
  box-shadow: inset 0 1px #ffffffc2;
}

html body .product-v3-size-segment:before {
  background: radial-gradient(circle at 25% 18%, #ffffff61, #0000 42%), linear-gradient(135deg, #0a8f68, #05704f);
  box-shadow: 0 14px 28px #05704f2e;
}

html body .product-v3-size-option {
  min-height: 44px;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v3-action-row {
  background: #ffffff80;
  border-top: 1px solid #082e2614;
  gap: 12px;
  padding: 18px 22px 22px;
  display: grid;
}

html body .product-v3-total-row {
  color: #082e2699;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 850;
  display: flex;
}

html body .product-v3-total-row strong {
  color: #082e26;
  font-size: 24px;
  font-weight: 900;
}

html body .product-v3-details {
  -webkit-backdrop-filter: blur(20px);
  background: #ffffff94;
  border: 1px solid #082e2614;
  border-radius: 24px;
  margin-top: 28px;
  padding: 22px;
  box-shadow: 0 24px 70px #082e2614;
}

html body .product-v3-detail-span {
  grid-column: 1;
  margin-top: 0;
}

html body .product-v3-details-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
  margin-bottom: 18px;
  display: flex;
}

html body .product-v3-details-head h2 {
  color: #111714;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(24px, 1.8vw, 34px);
  font-weight: 900;
}

html body .product-v3-details-head span {
  color: #082e268a;
  font-size: 13px;
  font-weight: 800;
}

html body .product-v3-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

html body .product-v3-info-card, html body .product-v3-detail-photo {
  background: #f8f6ef;
  border: 1px solid #082e2612;
  border-radius: 20px;
  overflow: hidden;
}

html body .product-v3-info-card {
  align-items: stretch;
  min-height: 320px;
  padding: 24px;
  display: flex;
}

html body .product-v3-info-card dl {
  gap: 0;
  width: 100%;
  margin: 0;
  display: grid;
}

html body .product-v3-info-card div {
  border-bottom: 1px solid #082e2614;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px 0;
  display: flex;
}

html body .product-v3-info-card div:last-child {
  border-bottom: 0;
}

html body .product-v3-info-card dt {
  color: #082e268f;
  font-size: 13px;
  font-weight: 850;
}

html body .product-v3-info-card dd {
  color: #111714;
  text-align: right;
  margin: 0;
  font-size: 15px;
  font-weight: 850;
}

html body .product-v3-detail-photo > div {
  aspect-ratio: 1.2;
  overflow: hidden;
}

@media (max-width: 1180px) {
  html body .product-v3-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .product-v3-detail-span {
    grid-column: auto;
  }

  html body .product-v3-aside {
    position: static;
  }

  html body .product-v3-gallery-layout {
    min-height: 0;
  }

  html body .product-v3-main-image {
    min-height: 640px;
  }
}

html body:has(.product-page-v9) .product-home-header {
  pointer-events: none !important;
  background: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 28px !important;
  position: absolute !important;
  inset: 0 0 auto !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  pointer-events: auto !important;
  background: radial-gradient(circle at 8% 0, #ffffff14, #0000 34%), linear-gradient(90deg, #11141bf5, #141820eb 52%, #12161df5) !important;
  gap: clamp(28px, 2.6vw, 62px) !important;
  width: min(1800px, 100vw - 128px) !important;
  max-width: 1800px !important;
  min-height: 92px !important;
  padding: 0 56px !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  width: auto !important;
  min-width: 176px !important;
  height: 56px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  order: 2 !important;
  gap: 28px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .region-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .menu-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker {
  order: 3 !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  order: 4 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .region-currency {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-home-header {
    padding-top: 44px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(1480px, 100vw - 112px) !important;
    max-width: 1480px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 150px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 30px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-home-header {
    padding-top: 18px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 58px !important;
    padding-inline: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }
}

html body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  transform: translateY(-5px) !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  transform: translateY(-5px) !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-buy-button {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

@media (max-width: 1180px) {
  html:has(.product-page-v9) body:has(.product-page-v9) {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 68px !important;
    padding-inline: 16px !important;
  }
}

html body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
  background: linear-gradient(90deg, #101218e6, #1c1e24d1 48%, #12181dd6) !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  gap: clamp(16px, 1.8vw, 34px) !important;
  width: min(1880px, 100vw - 128px) !important;
  max-width: 1880px !important;
  min-height: 96px !important;
  padding: 0 clamp(26px, 3vw, 62px) !important;
  box-shadow: 0 34px 92px #03091661, inset 0 1px #ffffff1a, inset 0 -1px #ffffff0a !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  color: #fff !important;
  gap: 14px !important;
  min-width: 0 !important;
  height: 56px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .brand-logo-img {
  object-fit: contain !important;
  width: 42px !important;
  height: 42px !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  background: #fffffff5 !important;
  border: 1px solid #ffffff1a !important;
  width: 252px !important;
  min-width: 252px !important;
  height: 64px !important;
  padding: 6px !important;
  box-shadow: 0 16px 44px #0003, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:hover):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:focus-visible):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:last-child:hover):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:last-child:focus-visible):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:hover):before {
  left: 6px !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:focus-visible):before {
  left: 6px !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a {
  color: #111827ad !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill[data-active="1"] a:last-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:hover) a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:focus-visible) a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  color: #ffffffe6 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  color: #ffffffe6 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  background: none !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  align-items: center !important;
  gap: 12px !important;
  line-height: 1 !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-price-row strong {
  line-height: .94 !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  align-items: center !important;
  line-height: 1 !important;
  display: inline-flex !important;
  position: relative !important;
  top: -1px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  align-items: center !important;
  line-height: 1 !important;
  display: inline-flex !important;
  position: relative !important;
  top: -1px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  min-height: 38px !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  min-height: 38px !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  min-height: 38px !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  min-height: 38px !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  min-width: 132px !important;
  height: 40px !important;
  font-size: 14px !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a:first-child, html body:has(.product-page-v9) .product-v9-action-row > button:first-child) {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3713 !important;
  box-shadow: 0 10px 24px #0d1f370f, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html body:has(.product-page-v9) .product-home-header {
    padding-top: 14px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 68px !important;
    padding-inline: 16px !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  position: relative !important;
  top: -1px !important;
  transform: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  position: relative !important;
  top: -1px !important;
  transform: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-buy-button {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

@media (max-width: 1180px) {
  html:has(.product-page-v9) body:has(.product-page-v9) {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 68px !important;
    padding-inline: 16px !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price span {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  transform: translateY(-6px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  transform: translateY(-6px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price span {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  transform: translateY(-2px) !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  transform: translateY(-2px) !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 0, #4872be42, #0000 24rem), linear-gradient(#10294e 0 196px, #dce6f3 286px, #f5f8f6 520px, #f7faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 0, #4872be42, #0000 24rem), linear-gradient(#10294e 0 196px, #dce6f3 286px, #f5f8f6 520px, #f7faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header {
  pointer-events: none !important;
  background: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 28px !important;
  position: absolute !important;
  inset: 0 0 auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
  pointer-events: auto !important;
  background: radial-gradient(circle at 8% 0, #ffffff14, #0000 34%), linear-gradient(90deg, #11141bf5, #141820eb 52%, #12161df5) !important;
  gap: clamp(28px, 2.6vw, 62px) !important;
  width: min(1800px, 100vw - 128px) !important;
  max-width: 1800px !important;
  min-height: 92px !important;
  padding: 0 56px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-pill {
  order: 0 !important;
  gap: 16px !important;
  min-width: 220px !important;
  height: 64px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-logo-frame {
  width: 48px !important;
  height: 48px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .nav-pill {
  flex: auto !important;
  order: 1 !important;
  justify-content: center !important;
  gap: clamp(40px, 4vw, 86px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .nav-pill a {
  height: 50px !important;
  font-size: 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill {
  width: auto !important;
  min-width: 176px !important;
  height: 56px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  order: 2 !important;
  gap: 28px !important;
  padding: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill:before {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .locale-picker {
  order: 3 !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cart-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:before {
  font-size: 24px !important;
  top: 8px !important;
  left: 8px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:after {
  bottom: 8px !important;
  right: 8px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cart-pill {
  order: 4 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .menu-pill {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-stage {
  padding-top: 186px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-grid {
  padding-top: 34px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-main-image-hitbox {
  z-index: 1 !important;
  cursor: zoom-in !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-image-tools {
  z-index: 3 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-shipping, html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying) {
  grid-template-columns: minmax(0, 1fr) minmax(132px, 180px) !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 74px !important;
  padding: 12px 0 !important;
  display: grid !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-shipping > div:first-child, html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying > div:first-child) {
  gap: 4px !important;
  display: grid !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price {
  justify-content: flex-end !important;
  justify-self: end !important;
  align-items: center !important;
  gap: 8px !important;
  display: flex !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying button {
  justify-self: end !important;
  min-width: 150px !important;
  height: 46px !important;
  min-height: 46px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-detail-photo aside {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-detail-photo aside span {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-detail-photo aside strong {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-detail-photo aside p {
  display: none !important;
}

@media (max-width: 1180px) {
  html:has(.product-page-v9) body:has(.product-page-v9) {
    background: radial-gradient(circle at 50% 0, #4872be42, #0000 18rem), linear-gradient(#10294e 0 132px, #dce6f3 224px, #f5f8f6 420px, #f7faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 50% 0, #4872be42, #0000 18rem), linear-gradient(#10294e 0 132px, #dce6f3 224px, #f5f8f6 420px, #f7faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header {
    padding-top: 18px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
    gap: 12px !important;
    width: min(100vw - 28px, 720px) !important;
    min-height: 62px !important;
    padding-inline: 18px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-pill {
    gap: 10px !important;
    min-width: 0 !important;
    height: 50px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-logo-frame {
    width: 38px !important;
    height: 38px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
    font-size: 20px !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .nav-pill, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .locale-picker) {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cart-pill {
    margin-left: auto !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .menu-pill {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    box-shadow: none !important;
    color: #dbe4f2e6 !important;
    background: none !important;
    border: 0 !important;
    order: 5 !important;
    display: grid !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-stage {
    padding-top: 108px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-grid {
    padding-top: 22px !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-shipping, html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-domestic-price {
    justify-self: start !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying button {
    justify-self: start !important;
  }
}

html body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 0, #4872be42, #0000 24rem), linear-gradient(#10294e 0 196px, #dce6f3 286px, #f5f8f6 520px, #f7faf7 100%) !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 0, #4872be42, #0000 24rem), linear-gradient(#10294e 0 196px, #dce6f3 286px, #f5f8f6 520px, #f7faf7 100%) !important;
}

html body:has(.product-page-v9) .product-home-header {
  pointer-events: none !important;
  background: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 28px 0 0 !important;
  position: absolute !important;
  inset: 0 0 auto !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
  backdrop-filter: blur(22px) saturate(120%) !important;
  pointer-events: auto !important;
  background: radial-gradient(circle at 8% 0, #ffffff14, #0000 34%), linear-gradient(90deg, #11141bf5, #141820eb 52%, #12161df5) !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: clamp(28px, 2.6vw, 62px) !important;
  width: min(1800px, 100vw - 128px) !important;
  max-width: 1800px !important;
  min-height: 92px !important;
  margin: 0 auto !important;
  padding: 0 56px !important;
  display: flex !important;
  box-shadow: 0 28px 70px #040a185c, inset 0 1px #ffffff1f !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  order: 0 !important;
  gap: 16px !important;
  min-width: 220px !important;
  height: 64px !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #f6f8fcf5 !important;
  font-size: 26px !important;
  font-weight: 840 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill {
  flex: auto !important;
  order: 1 !important;
  justify-content: center !important;
  gap: clamp(40px, 4vw, 86px) !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #f6f8fcf5 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #f6f8fcf5 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  width: auto !important;
  min-width: 176px !important;
  height: 56px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  order: 2 !important;
  gap: 28px !important;
  padding: 0 !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:before {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a {
  color: #a6b2c7d1 !important;
  height: 56px !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a:last-child {
  color: #f6f8fcf2 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker {
  order: 3 !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  display: grid !important;
  position: relative !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  color: #0000 !important;
  background: none !important;
  border: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-currency {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2e6 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  order: 4 !important;
  place-items: center !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-home-header .menu-pill {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  cursor: zoom-in !important;
}

html body:has(.product-page-v9) .product-v9-main-image-hitbox {
  z-index: 1 !important;
  cursor: zoom-in !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image-hitbox img {
  pointer-events: none !important;
}

html body:has(.product-page-v9) .product-v9-image-tools {
  z-index: 3 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  display: none !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  grid-template-columns: minmax(0, 1fr) minmax(132px, 180px) !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 74px !important;
  padding: 12px 0 !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong) {
  font-size: 17px !important;
  font-weight: 790 !important;
  line-height: 23px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping span, html body:has(.product-page-v9) .product-v9-help-before-buying span) {
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 23px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price {
  grid-template-columns: auto 58px !important;
  justify-self: end !important;
  place-items: center end !important;
  gap: 8px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  grid-column: 1 / -1 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  border-radius: 999px !important;
  justify-self: end !important;
  min-width: 150px !important;
  height: 46px !important;
  min-height: 46px !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside span {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside p {
  display: none !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 62px !important;
    padding-inline: 18px !important;
  }

  :is(html body:has(.product-page-v9) .product-home-header .nav-pill, html body:has(.product-page-v9) .product-home-header .auth-pill, html body:has(.product-page-v9) .product-home-header .locale-picker) {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .menu-pill {
    order: 5 !important;
    display: grid !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 108px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body:has(.product-page-v9) .product-v9-domestic-price {
    justify-self: start !important;
  }

  html body:has(.product-page-v9) .product-v9-help-before-buying button {
    justify-self: start !important;
  }
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-source-action:hover {
  background: linear-gradient(#fffffff5, #f6f9fcc7) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #fffffff0 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop:hover {
  background: linear-gradient(#fffffff5, #f6f9fcc7) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #fffffff0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button:hover {
  background: linear-gradient(#fffffff5, #f6f9fcc7) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #fffffff0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button:hover {
  background: linear-gradient(#fffffff5, #f6f9fcc7) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #fffffff0 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  height: 42px !important;
  min-height: 42px !important;
  padding-inline: 22px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  height: 42px !important;
  min-height: 42px !important;
  padding-inline: 22px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child:hover {
  background: linear-gradient(#182438eb, #0d1828d6) !important;
  border-color: #8fb2ff42 !important;
  box-shadow: 0 20px 40px #040c1a38, inset 0 1px #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child:hover {
  background: linear-gradient(#182438eb, #0d1828d6) !important;
  border-color: #8fb2ff42 !important;
  box-shadow: 0 20px 40px #040c1a38, inset 0 1px #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button:hover {
  background: linear-gradient(#182438eb, #0d1828d6) !important;
  border-color: #8fb2ff42 !important;
  box-shadow: 0 20px 40px #040c1a38, inset 0 1px #ffffff24 !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-copy {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
    height: 64px !important;
    min-height: 64px !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-size-choice-grid {
    gap: 10px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
    font-size: 16px !important;
    line-height: 23px !important;
  }
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffd1, #f6f9fc9e) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffdb !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffd1, #f6f9fc9e) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffdb !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffd1, #f6f9fc9e) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffdb !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(#ffffffd1, #f6f9fc9e) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffdb !important;
}

html body:has(.product-page-v9) .product-v9-source-action:hover {
  background: linear-gradient(#fffffff0, #f6f9fcc2) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop:hover {
  background: linear-gradient(#fffffff0, #f6f9fcc2) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button:hover {
  background: linear-gradient(#fffffff0, #f6f9fcc2) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button:hover {
  background: linear-gradient(#fffffff0, #f6f9fcc2) !important;
  border-color: #8fb2ff42 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px #0d1f371a, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  height: 38px !important;
  min-height: 38px !important;
  padding-inline: 16px !important;
}

html body:has(.product-page-v9) .product-v9-source-action:not(.product-v9-modify-action) {
  width: 38px !important;
  min-width: 38px !important;
  padding-inline: 0 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  height: 42px !important;
  min-height: 42px !important;
  padding-inline: 22px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  height: 42px !important;
  min-height: 42px !important;
  padding-inline: 22px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  min-width: 138px !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  color: #102033 !important;
  letter-spacing: -.012em !important;
  background: linear-gradient(#ffffffc7, #f6f9fc9e) !important;
  border: 1px solid #0d1f370f !important;
  border-radius: 999px !important;
  height: 54px !important;
  min-height: 54px !important;
  font-size: 16px !important;
  font-weight: 780 !important;
  box-shadow: 0 12px 26px #0d1f370b, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a:hover, html body:has(.product-page-v9) .product-v9-action-row > button:hover) {
  transform: translateY(-1px) !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child:hover {
  background: linear-gradient(#182438eb, #0d1828d6) !important;
  border-color: #8fb2ff42 !important;
  box-shadow: 0 20px 40px #040c1a38, inset 0 1px #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child:hover {
  background: linear-gradient(#182438eb, #0d1828d6) !important;
  border-color: #8fb2ff42 !important;
  box-shadow: 0 20px 40px #040c1a38, inset 0 1px #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button:hover {
  background: linear-gradient(#182438eb, #0d1828d6) !important;
  border-color: #8fb2ff42 !important;
  box-shadow: 0 20px 40px #040c1a38, inset 0 1px #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #6a7890 !important;
  letter-spacing: -.006em !important;
  max-width: 620px !important;
  margin-top: 16px !important;
  font-size: 16px !important;
  font-weight: 540 !important;
  line-height: 1.62 !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-copy {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
    height: 64px !important;
    min-height: 64px !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 72px !important;
    min-height: 72px !important;
    font-size: 22px !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-size-choice-grid {
    gap: 10px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
    font-size: 16px !important;
    line-height: 23px !important;
  }
}

html body:has(.product-page-v9) .product-v9-service-line {
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-panel-body .product-v9-service-line {
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) section.product-v9-purchase-card .product-v9-service-line {
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  order: 2 !important;
  margin: 4px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  order: 3 !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  gap: 0 !important;
  margin-top: 22px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  padding-block: 18px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 24px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section h3 {
  text-transform: none !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label {
  cursor: pointer !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row input {
  accent-color: #2f6df3 !important;
  width: 20px !important;
  height: 20px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  transition: transform .18s, background .18s !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block[data-open="true"] .product-v9-disclaimer-row button {
  transform: rotate(90deg) !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #43526cbd !important;
  margin-top: 18px !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1.58 !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-v9-title-block {
    gap: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body {
    margin-top: 30px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    padding-block: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section {
    padding-block: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-copy {
    font-size: 20px !important;
    line-height: 1.58 !important;
  }
}

html body:has(.product-page-v9) .product-v9-title-block {
  grid-template-columns: minmax(0, 1fr) !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-title {
  grid-row: 1 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  order: 2 !important;
  grid-row: 2 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  order: 3 !important;
  grid-row: 3 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  display: none !important;
}

@media (max-width: 760px) {
  html body .product-page-v3 {
    padding-top: 88px !important;
  }

  html body .product-v3-shell {
    width: min(100% - 24px, 560px);
    padding: 16px 0 48px;
  }

  html body .product-v3-topline {
    display: none;
  }

  html body .product-v3-grid {
    gap: 16px;
  }

  html body .product-v3-mobile-title {
    gap: 6px;
    margin-bottom: 14px;
    display: grid;
  }

  html body .product-v3-mobile-title p {
    color: #082e2694;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-weight: 900;
  }

  html body .product-v3-mobile-title h1 {
    color: #111714;
    margin: 0;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.04;
  }

  html body .product-v3-mobile-title strong {
    color: #073d30;
    font-size: 28px;
    font-weight: 900;
  }

  html body .product-v3-gallery-card, html body .product-v3-purchase-card, html body .product-v3-details {
    border-radius: 22px;
  }

  html body .product-v3-gallery-layout {
    flex-direction: column-reverse;
    gap: 10px;
    padding: 10px;
    display: flex;
  }

  html body .product-v3-thumb-rail {
    gap: 9px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html body .product-v3-thumb-button {
    border-radius: 15px;
    flex: none;
    width: 78px;
    height: 78px;
  }

  html body .product-v3-main-image {
    aspect-ratio: 1 / 1.12;
    border-radius: 18px;
    min-height: 0;
  }

  html body .product-v3-main-image img {
    padding: 22px !important;
  }

  html body .product-v3-purchase-head {
    display: none;
  }

  html body .product-v3-panel-body {
    padding: 18px 16px;
  }

  html body .product-v3-action-row {
    padding: 16px;
  }

  html body .product-v3-detail-grid {
    grid-template-columns: 1fr;
  }

  html body .product-v3-details {
    padding: 16px;
  }

  html body .product-v3-details-head {
    gap: 4px;
    display: grid;
  }
}

html body .product-page-v4 {
  word-spacing: .075em;
  background: linear-gradient(90deg, #f5f3ebeb 0%, #faf9f4fa 48%, #f6f4edf0 100%), #f7f5ee;
  min-height: 100vh;
  overflow-x: clip;
}

html body .product-v4-shell {
  width: min(1920px, 100vw - clamp(24px, 3vw, 56px));
  margin: 0 auto;
  padding: 20px 0 72px;
}

html body .product-v4-grid {
  grid-template-columns: minmax(0, 1fr) clamp(420px, 24vw, 468px);
  align-items: start;
  gap: clamp(22px, 2vw, 40px);
  display: grid;
}

html body .product-v4-left, html body .product-v4-media-row {
  min-width: 0;
}

html body .product-v4-mobile-title {
  display: none;
}

html body .product-v4-gallery {
  min-width: 0;
}

html body .product-v4-gallery-stage {
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  min-height: clamp(720px, 100vh - 164px, 860px);
  display: grid;
}

html body .product-v4-thumb-rail {
  align-content: start;
  gap: 12px;
  display: grid;
}

html body .product-v4-thumb-button {
  opacity: .72;
  width: 112px;
  height: 112px;
  transition: opacity .18s ease,
    transform .22s var(--ease-out),
    border-color .18s ease,
    box-shadow .18s ease;
  background: #fff;
  border: 1px solid #10171414;
  border-radius: 14px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 34px #1017140f;
}

html body .product-v4-thumb-button:hover, html body .product-v4-thumb-button.active {
  opacity: 1;
  transform: translateY(-1px);
}

html body .product-v4-thumb-button.active {
  border-color: #075f456b;
  box-shadow: 0 0 0 3px #ccf3e5b8, 0 18px 40px #10171414;
}

html body .product-v4-main-image {
  background: radial-gradient(circle at 50% 34%, #fffffff2, #0000 28%), linear-gradient(#fff 0%, #f2eee4 100%);
  border: 1px solid #10171412;
  border-radius: 18px;
  min-height: clamp(720px, 100vh - 164px, 860px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #10171417;
}

html body .product-v4-main-image img {
  padding: clamp(34px, 3.8vw, 68px) !important;
}

html body .product-v4-image-tools {
  gap: 10px;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

html body .product-v4-preview-button {
  color: #082e26;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: transform .22s var(--ease-out),
    background .18s ease;
  background: #ffffffeb;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
  box-shadow: 0 16px 34px #082e261f;
}

html body .product-v4-preview-button:hover {
  background: #fff;
  transform: translateY(-1px);
}

html body .product-v4-aside {
  min-width: 0;
  position: sticky;
  top: 102px;
}

html body .product-v4-purchase-card {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  background: #ffffffd6;
  border: 1px solid #10171414;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 28px 80px #1017141f, inset 0 1px #ffffffe6;
}

html body .product-v4-purchase-head {
  border-bottom: 1px solid #10171414;
  padding: 24px 24px 20px;
}

html body .product-v4-store-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

html body .product-v4-source {
  color: #1017149e;
  letter-spacing: .12em;
  background: #10171412;
  border-radius: 999px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v4-store-button {
  background: #f5f3ebeb !important;
}

html body .product-v4-title {
  color: #111714;
  letter-spacing: 0;
  word-spacing: .16em;
  max-width: 390px;
  margin: 0;
  font-size: clamp(34px, 2.5vw, 48px);
  font-weight: 900;
  line-height: 1.02;
}

html body .product-v4-price-row {
  gap: 4px;
  margin-top: 20px;
  display: grid;
}

html body .product-v4-price {
  color: #073d30;
  letter-spacing: 0;
  font-size: clamp(54px, 4vw, 72px);
  font-weight: 900;
  line-height: .92;
}

html body .product-v4-converted {
  color: #b88d00;
  font-size: 16px;
  font-weight: 900;
}

html body .product-v4-panel-body {
  gap: 20px;
  padding: 20px 24px 22px;
  display: grid;
}

html body .product-v4-shipping-note, html body .product-v4-quantity-row {
  background: #faf8f1;
  border: 1px solid #10171414;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

html body .product-v4-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v4-color-option {
  aspect-ratio: 1;
  transition: transform .22s var(--ease-out),
    border-color .18s ease,
    box-shadow .18s ease;
  background: #f8f6ef;
  border: 1px solid #10171414;
  border-radius: 14px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 22px #1017140d;
}

html body .product-v4-color-option:hover {
  transform: translateY(-1px);
}

html body .product-v4-color-option[data-active="true"] {
  border-color: #075f4575;
  box-shadow: 0 0 0 3px #ccf3e5d1, 0 16px 30px #1017141a;
}

html body .product-v4-color-option[data-active="true"]:after {
  content: "";
  pointer-events: none;
  border: 2px solid #ffffffe6;
  border-radius: 9px;
  position: absolute;
  inset: 6px;
}

html body .product-v4-size-segment {
  --liquid-pad: 4px;
  min-height: 54px;
  box-shadow: none;
  background: #faf8f1;
  border: 1px solid #10171414;
  border-radius: 16px;
}

html body .product-v4-size-segment:before {
  background: linear-gradient(135deg, #0a8f68, #05704f);
  box-shadow: 0 14px 28px #05704f29;
}

html body .product-v4-size-option {
  min-height: 46px;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v4-action-row {
  background: #fff;
  border-top: 1px solid #10171414;
  gap: 12px;
  padding: 20px 24px 24px;
  display: grid;
}

html body .product-v4-total-row {
  color: #1017148f;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 850;
  display: flex;
}

html body .product-v4-total-row strong {
  color: #082e26;
  font-size: 26px;
  font-weight: 900;
}

html body .product-v4-buy-button {
  color: #fff;
  width: 100%;
  min-height: 56px;
  transition: transform .22s var(--ease-out),
    background .18s ease,
    box-shadow .18s ease;
  background: #075f45;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 16px 34px #075f4533;
}

html body .product-v4-buy-button:hover {
  background: #064e3a;
  transform: translateY(-1px);
  box-shadow: 0 20px 42px #075f453d;
}

html body .product-v4-details {
  border-top: 1px solid #1017141a;
  margin-top: 34px;
  padding-top: 28px;
}

html body .product-v4-details-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 18px;
  display: flex;
}

html body .product-v4-details-head h2 {
  color: #111714;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(30px, 2.3vw, 44px);
  font-weight: 900;
}

html body .product-v4-details-head span {
  color: #10171485;
  font-size: 13px;
  font-weight: 800;
}

html body .product-v4-detail-grid {
  grid-template-columns: minmax(320px, .72fr) repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

html body .product-v4-info-card, html body .product-v4-detail-photo {
  background: #fff;
  border: 1px solid #10171414;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 52px #1017140f;
}

html body .product-v4-info-card {
  align-items: stretch;
  min-height: 360px;
  padding: 26px;
  display: flex;
}

html body .product-v4-info-card dl {
  width: 100%;
  margin: 0;
  display: grid;
}

html body .product-v4-info-card div {
  border-bottom: 1px solid #10171414;
  align-content: center;
  gap: 8px;
  padding: 20px 0;
  display: grid;
}

html body .product-v4-info-card div:last-child {
  border-bottom: 0;
}

html body .product-v4-info-card dt {
  color: #10171480;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

html body .product-v4-info-card dd {
  color: #111714;
  margin: 0;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.35;
}

html body .product-v4-detail-photo > div {
  aspect-ratio: .76;
  overflow: hidden;
}

@media (max-width: 1180px) {
  html body .product-v4-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .product-v4-aside {
    position: static;
  }

  html body .product-v4-gallery-stage {
    min-height: 0;
  }

  html body .product-v4-main-image {
    min-height: 660px;
  }

  html body .product-v4-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body .product-page-v4 {
    padding-top: 88px !important;
  }

  html body .product-v4-shell {
    width: min(100% - 20px, 560px);
    padding: 14px 0 48px;
  }

  html body .product-v4-grid {
    gap: 14px;
  }

  html body .product-v4-mobile-title {
    gap: 6px;
    margin-bottom: 12px;
    display: grid;
  }

  html body .product-v4-mobile-title p {
    color: #1017148c;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-weight: 900;
  }

  html body .product-v4-mobile-title h1 {
    color: #111714;
    letter-spacing: 0;
    margin: 0;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.02;
  }

  html body .product-v4-mobile-title strong {
    color: #073d30;
    font-size: 30px;
    font-weight: 900;
  }

  html body .product-v4-gallery-stage {
    flex-direction: column-reverse;
    gap: 10px;
    display: flex;
  }

  html body .product-v4-thumb-rail {
    gap: 9px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html body .product-v4-thumb-button {
    border-radius: 13px;
    flex: none;
    width: 78px;
    height: 78px;
  }

  html body .product-v4-main-image {
    aspect-ratio: 1 / 1.12;
    border-radius: 16px;
    min-height: 0;
  }

  html body .product-v4-main-image img {
    padding: 22px !important;
  }

  html body .product-v4-purchase-card {
    border-radius: 16px;
  }

  html body .product-v4-purchase-head {
    display: none;
  }

  html body .product-v4-panel-body {
    padding: 18px 16px;
  }

  html body .product-v4-action-row {
    padding: 16px;
  }

  html body .product-v4-details {
    margin-top: 24px;
    padding-top: 22px;
  }

  html body .product-v4-details-head {
    gap: 4px;
    display: grid;
  }

  html body .product-v4-detail-grid {
    grid-template-columns: 1fr;
  }

  html body .product-v4-info-card {
    min-height: 0;
    padding: 20px;
  }

  html body .product-v4-detail-photo > div {
    aspect-ratio: 1.1;
  }
}

html body .product-page-v4 {
  background: radial-gradient(circle at 12% 0, #075f4524, #0000 26%), radial-gradient(circle at 86% 6%, #ffc5011c, #0000 20%), linear-gradient(90deg, #f2f4ed 0%, #fbfaf5 44%, #f4f1e8 100%);
}

html body .product-v4-shell {
  position: relative;
}

html body .product-v4-shell:before {
  content: "";
  opacity: .7;
  pointer-events: none;
  background: linear-gradient(90deg, #075f455c, #ffc5016b, #0000);
  border-radius: 999px;
  height: 2px;
  position: absolute;
  inset: 0 28% auto 0;
}

html body .product-v4-gallery-stage {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  background: linear-gradient(90deg, #ffffff70, #0000 24%), #ffffff47;
  border-radius: 24px;
  padding: 14px;
  box-shadow: 0 28px 88px #10171414, inset 0 1px #ffffffad;
}

html body .product-v4-main-image {
  background: radial-gradient(circle at 50% 30%, #fff, #0000 28%), radial-gradient(circle at 72% 72%, #e5dac480, #0000 28%), linear-gradient(#fffefa 0%, #ebe7dc 100%);
  border-radius: 22px;
}

html body .product-v4-main-image:before {
  content: "";
  pointer-events: none;
  border: 1px solid #1017140d;
  border-radius: 18px;
  position: absolute;
  inset: 22px;
}

html body .product-v4-media-badge {
  z-index: 2;
  -webkit-backdrop-filter: blur(18px);
  background: #ffffffb8;
  border: 1px solid #ffffff9e;
  border-radius: 16px;
  gap: 3px;
  padding: 12px 14px;
  display: grid;
  position: absolute;
  top: 18px;
  left: 18px;
  box-shadow: 0 16px 34px #1017141a;
}

html body .product-v4-media-badge span, html body .product-v4-media-caption span {
  color: #10171485;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v4-media-badge strong, html body .product-v4-media-caption strong {
  color: #111714;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v4-media-caption {
  z-index: 2;
  -webkit-backdrop-filter: blur(18px);
  background: #ffffffad;
  border: 1px solid #ffffff8f;
  border-radius: 16px;
  gap: 3px;
  min-width: 210px;
  padding: 12px 14px;
  display: grid;
  position: absolute;
  bottom: 18px;
  right: 18px;
  box-shadow: 0 16px 34px #1017141a;
}

html body .product-v4-preview-button {
  z-index: 3;
  bottom: 18px;
  left: 18px;
}

html body .product-v4-purchase-card {
  background: linear-gradient(#fffffff0, #ffffffc7), #ffffffd1;
  border-radius: 22px;
  box-shadow: 0 34px 92px #10171426, inset 0 1px #fffffff5;
}

html body .product-v4-purchase-head {
  background: radial-gradient(circle at 86% 0, #ccf3e585, #0000 35%), linear-gradient(#ffffffd1, #faf8f1d1);
}

html body .product-v4-signal-grid {
  background: #10171414;
  border-bottom: 1px solid #10171414;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

html body .product-v4-signal-grid div {
  background: #ffffffc7;
  gap: 4px;
  padding: 13px 12px;
  display: grid;
}

html body .product-v4-signal-grid span {
  color: #1017147a;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v4-signal-grid strong {
  color: #111714;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

html body .product-v4-service-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v4-service-strip span {
  color: #101714b8;
  background: radial-gradient(circle at 20% 0, #fffffff0, #0000 44%), #f6f3eb;
  border: 1px solid #10171414;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

html body .product-v4-shipping-note, html body .product-v4-quantity-row {
  background: radial-gradient(circle at 18% 0, #fffffff5, #0000 42%), #f7f4eb;
  box-shadow: inset 0 1px #ffffffc7;
}

html body .product-v4-color-option, html body .product-v4-info-card, html body .product-v4-detail-photo {
  box-shadow: 0 18px 42px #10171412, inset 0 1px #ffffffb8;
}

html body .product-v4-details {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  background: radial-gradient(circle at 0 0, #ffffffdb, #0000 34%), #ffffff61;
  border-top: 0;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 28px 90px #10171414, inset 0 1px #ffffffbd;
}

html body .product-v4-info-card header {
  border-bottom: 1px solid #10171414;
  gap: 6px;
  padding-bottom: 18px;
  display: grid;
}

html body .product-v4-info-card header span {
  color: #10171480;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

html body .product-v4-info-card header strong {
  color: #111714;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.12;
}

html body .product-v4-info-card {
  align-items: stretch;
  display: grid;
}

@media (max-width: 760px) {
  html body .product-v4-gallery-stage {
    border-radius: 20px;
    padding: 10px;
  }

  html body .product-v4-main-image:before {
    border-radius: 14px;
    inset: 12px;
  }

  html body .product-v4-media-badge {
    border-radius: 14px;
    padding: 10px 12px;
    top: 12px;
    left: 12px;
  }

  html body .product-v4-media-caption {
    display: none;
  }

  html body .product-v4-signal-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  html body .product-v4-signal-grid div {
    padding: 11px 9px;
  }

  html body .product-v4-signal-grid strong {
    font-size: 11px;
  }

  html body .product-v4-service-strip {
    grid-template-columns: 1fr;
  }

  html body .product-v4-details {
    padding: 16px;
  }
}

html body .product-v4-purchase-head {
  padding: 20px 22px 16px;
}

html body .product-v4-title-block {
  padding-top: 20px;
}

html body .product-v4-title {
  font-size: clamp(31px, 2.18vw, 42px);
}

html body .product-v4-price-row {
  margin-top: 14px;
}

html body .product-v4-price {
  font-size: clamp(46px, 3.35vw, 60px);
}

html body .product-v4-signal-grid div {
  padding: 10px 11px;
}

html body .product-v4-panel-body {
  gap: 14px;
  padding: 16px 22px 18px;
}

html body .product-v4-shipping-note, html body .product-v4-quantity-row {
  padding: 12px 14px;
}

html body .product-v4-service-strip span {
  min-height: 36px;
}

html body .product-v4-size-segment {
  min-height: 48px;
}

html body .product-v4-size-option {
  min-height: 40px;
}

html body .product-v4-action-row {
  gap: 10px;
  padding: 16px 22px 20px;
}

html body .product-v4-buy-button {
  min-height: 52px;
}

@media (min-width: 1181px) {
  html body .product-v4-purchase-card {
    scrollbar-gutter: stable;
    max-height: calc(100vh - 124px);
    overflow-y: auto;
  }

  html body .product-v4-purchase-card::-webkit-scrollbar {
    width: 6px;
  }

  html body .product-v4-purchase-card::-webkit-scrollbar-thumb {
    background: #10171429;
    border-radius: 999px;
  }

  html body .product-v4-action-row {
    z-index: 3;
    position: sticky;
    bottom: 0;
    box-shadow: 0 -18px 34px #ffffffb8;
  }
}

@media (max-width: 760px) {
  html body .product-v4-panel-body {
    gap: 14px;
    padding: 16px;
  }

  html body .product-v4-action-row {
    padding: 16px;
  }
}

html body .product-page-v5 {
  word-spacing: .08em;
  background: linear-gradient(#002d22f5 0 445px, #0000 445px), radial-gradient(circle at 18% 0, #0b976a6b, #0000 28%), radial-gradient(circle at 86% 4%, #ffc50138, #0000 20%), linear-gradient(#f4f2e8 0%, #fbfaf5 56%, #f1eee4 100%);
  min-height: 100vh;
  overflow-x: clip;
}

html body .product-v5-shell {
  width: min(1820px, 100vw - clamp(28px, 3.5vw, 72px));
  margin: 0 auto;
  padding: clamp(22px, 2vw, 34px) 0 80px;
  position: relative;
}

html body .product-v5-grid {
  grid-template-columns: minmax(0, 1fr) clamp(414px, 23.5vw, 456px);
  align-items: start;
  gap: clamp(26px, 2.35vw, 44px);
  display: grid;
}

html body .product-v5-left, html body .product-v5-media-row {
  min-width: 0;
}

html body .product-v5-hero-copy {
  color: #fff;
  grid-template-columns: minmax(0, .72fr) minmax(420px, .58fr);
  align-items: end;
  gap: clamp(24px, 3vw, 56px);
  min-height: 150px;
  padding: 14px 0 26px;
  display: grid;
}

html body .product-v5-hero-copy span {
  color: #ffc501eb;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

html body .product-v5-hero-copy h1 {
  color: #fff;
  letter-spacing: 0;
  word-spacing: .16em;
  max-width: 860px;
  margin: 0;
  font-size: clamp(52px, 5vw, 96px);
  font-weight: 900;
  line-height: .9;
}

html body .product-v5-hero-copy dl {
  -webkit-backdrop-filter: blur(24px) saturate(122%);
  background: #ffffff21;
  border: 1px solid #ffffff24;
  border-radius: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 24px 70px #0000002e, inset 0 1px #ffffff29;
}

html body .product-v5-hero-copy dl div {
  background: #ffffff12;
  gap: 8px;
  min-height: 96px;
  padding: 18px;
  display: grid;
}

html body .product-v5-hero-copy dt {
  color: #ffffff8f;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

html body .product-v5-hero-copy dd {
  color: #fffffff0;
  margin: 0;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.22;
}

html body .product-v5-mobile-title {
  display: none;
}

html body .product-v5-gallery {
  min-width: 0;
}

html body .product-v5-gallery-stage {
  -webkit-backdrop-filter: blur(24px) saturate(118%);
  background: linear-gradient(90deg, #ffffff94, #ffffff47), #ffffff5c;
  border: 1px solid #ffffff94;
  border-radius: 30px;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 16px;
  min-height: clamp(710px, 100vh - 190px, 820px);
  padding: 16px;
  display: grid;
  box-shadow: 0 34px 100px #071c1638, inset 0 1px #ffffffd6;
}

html body .product-v5-thumb-rail {
  align-content: start;
  gap: 12px;
  display: grid;
}

html body .product-v5-thumb-button {
  opacity: .72;
  width: 118px;
  height: 118px;
  transition: opacity .19s ease,
    transform .23s var(--ease-out),
    border-color .19s ease,
    box-shadow .19s ease;
  background: #fffc;
  border: 1px solid #082e2614;
  border-radius: 18px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 38px #082e2614, inset 0 1px #ffffffbd;
}

html body .product-v5-thumb-button:hover, html body .product-v5-thumb-button.active {
  opacity: 1;
  transform: translateY(-1px);
}

html body .product-v5-thumb-button.active {
  border-color: #ffc501b8;
  box-shadow: 0 0 0 4px #ffc50133, 0 20px 42px #082e261f;
}

html body .product-v5-main-image {
  background: radial-gradient(circle at 50% 32%, #fff 0%, #ffffffdb 28%, #0000 38%), radial-gradient(circle at 74% 72%, #d6cbb594, #0000 26%), linear-gradient(#fffdf8 0%, #ece7db 100%);
  border: 1px solid #082e2614;
  border-radius: 24px;
  min-height: clamp(678px, 100vh - 222px, 788px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 82px #082e261f, inset 0 1px #ffffffd1;
}

html body .product-v5-main-image:before {
  content: "";
  pointer-events: none;
  border: 1px solid #082e260d;
  border-radius: 19px;
  position: absolute;
  inset: 22px;
}

html body .product-v5-main-image img {
  padding: clamp(34px, 3.8vw, 66px) !important;
}

html body .product-v5-image-tools {
  z-index: 3;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

html body .product-v5-media-badge, html body .product-v5-media-caption {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  background: #ffffffb8;
  border: 1px solid #ffffff9e;
  border-radius: 18px;
  gap: 4px;
  padding: 13px 15px;
  display: grid;
  position: absolute;
  box-shadow: 0 18px 38px #082e261f;
}

html body .product-v5-media-badge {
  top: 20px;
  left: 20px;
}

html body .product-v5-media-caption {
  min-width: 224px;
  bottom: 20px;
  right: 20px;
}

html body .product-v5-media-badge span, html body .product-v5-media-caption span {
  color: #082e2685;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v5-media-badge strong, html body .product-v5-media-caption strong {
  color: #111714;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v5-preview-button {
  z-index: 3;
  color: #082e26;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: transform .22s var(--ease-out),
    background .18s ease;
  background: #ffffffe6;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
  box-shadow: 0 16px 34px #082e261f;
}

html body .product-v5-preview-button:hover {
  background: #fff;
  transform: translateY(-1px);
}

html body .product-v5-aside {
  min-width: 0;
  position: sticky;
  top: 102px;
}

html body .product-v5-purchase-card {
  scrollbar-gutter: stable;
  -webkit-backdrop-filter: blur(24px) saturate(118%);
  background: linear-gradient(#fffffff2, #ffffffd1), #ffffffdb;
  border: 1px solid #ffffff75;
  border-radius: 28px;
  max-height: calc(100vh - 124px);
  overflow-y: auto;
  box-shadow: 0 36px 100px #001f173d, inset 0 1px #fffffff5;
}

html body .product-v5-purchase-card::-webkit-scrollbar {
  width: 6px;
}

html body .product-v5-purchase-card::-webkit-scrollbar-thumb {
  background: #082e2629;
  border-radius: 999px;
}

html body .product-v5-purchase-head {
  background: radial-gradient(circle at 84% 0, #ccf3e585, #0000 36%), linear-gradient(#ffffffdb, #f8f6efe0);
  border-bottom: 1px solid #082e2614;
  padding: 22px 22px 18px;
}

html body .product-v5-store-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

html body .product-v5-source {
  color: #082e26a3;
  letter-spacing: .12em;
  background: #082e2614;
  border-radius: 999px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v5-store-button {
  background: #f6f3ebf5 !important;
}

html body .product-v5-title-block {
  padding-top: 20px;
}

html body .product-v5-title {
  color: #111714;
  letter-spacing: 0;
  word-spacing: .16em;
  max-width: 370px;
  margin: 0;
  font-size: clamp(32px, 2.25vw, 44px);
  font-weight: 900;
  line-height: 1.02;
}

html body .product-v5-price-row {
  gap: 5px;
  margin-top: 15px;
  display: grid;
}

html body .product-v5-price {
  color: #073d30;
  letter-spacing: 0;
  font-size: clamp(48px, 3.5vw, 62px);
  font-weight: 900;
  line-height: .92;
}

html body .product-v5-converted {
  color: #b98e00;
  font-size: 16px;
  font-weight: 900;
}

html body .product-v5-signal-grid {
  background: #082e2614;
  border-bottom: 1px solid #082e2614;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

html body .product-v5-signal-grid div {
  background: #ffffffd1;
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

html body .product-v5-signal-grid span {
  color: #082e267a;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v5-signal-grid strong {
  color: #111714;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

html body .product-v5-panel-body {
  gap: 15px;
  padding: 16px 22px 18px;
  display: grid;
}

html body .product-v5-shipping-note, html body .product-v5-quantity-row {
  background: radial-gradient(circle at 18% 0, #fffffff5, #0000 42%), #f7f4eb;
  border: 1px solid #082e2614;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  display: flex;
  box-shadow: inset 0 1px #ffffffc2;
}

html body .product-v5-service-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v5-service-strip span {
  color: #082e26b8;
  background: radial-gradient(circle at 20% 0, #fffffff0, #0000 44%), #f6f3eb;
  border: 1px solid #082e2614;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

html body .product-v5-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v5-color-option {
  aspect-ratio: 1;
  transition: transform .22s var(--ease-out),
    border-color .18s ease,
    box-shadow .18s ease;
  background: #f8f6ef;
  border: 1px solid #082e2614;
  border-radius: 15px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px #082e2612, inset 0 1px #ffffffb8;
}

html body .product-v5-color-option:hover {
  transform: translateY(-1px);
}

html body .product-v5-color-option[data-active="true"] {
  border-color: #075f457a;
  box-shadow: 0 0 0 3px #ccf3e5d1, 0 16px 30px #082e261a;
}

html body .product-v5-color-option[data-active="true"]:after {
  content: "";
  pointer-events: none;
  border: 2px solid #ffffffe6;
  border-radius: 10px;
  position: absolute;
  inset: 6px;
}

html body .product-v5-size-segment {
  --liquid-pad: 4px;
  min-height: 50px;
  box-shadow: none;
  background: #faf8f1;
  border: 1px solid #082e2614;
  border-radius: 16px;
}

html body .product-v5-size-segment:before {
  background: linear-gradient(135deg, #0a8f68, #05704f);
  box-shadow: 0 14px 28px #05704f29;
}

html body .product-v5-size-option {
  min-height: 42px;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v5-action-row {
  z-index: 3;
  -webkit-backdrop-filter: blur(14px);
  background: #fffffff0;
  border-top: 1px solid #082e2614;
  gap: 10px;
  padding: 16px 22px 20px;
  display: grid;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -18px 34px #ffffffb8;
}

html body .product-v5-total-row {
  color: #082e268f;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 850;
  display: flex;
}

html body .product-v5-total-row strong {
  color: #082e26;
  font-size: 26px;
  font-weight: 900;
}

html body .product-v5-buy-button {
  color: #fff;
  width: 100%;
  min-height: 52px;
  transition: transform .22s var(--ease-out),
    background .18s ease,
    box-shadow .18s ease;
  background: #075f45;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 16px 34px #075f4533;
}

html body .product-v5-buy-button:hover {
  background: #064e3a;
  transform: translateY(-1px);
  box-shadow: 0 20px 42px #075f453d;
}

html body .product-v5-details {
  -webkit-backdrop-filter: blur(20px) saturate(112%);
  background: radial-gradient(circle at 0 0, #ffffffeb, #0000 36%), #ffffff75;
  border: 1px solid #ffffffa3;
  border-radius: 30px;
  margin-top: 34px;
  padding: 30px;
  box-shadow: 0 32px 90px #082e261a, inset 0 1px #ffffffc7;
}

html body .product-v5-details-head {
  grid-template-columns: minmax(0, .7fr) minmax(360px, .45fr);
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  margin-bottom: 20px;
  display: grid;
}

html body .product-v5-details-head span {
  color: #075f45b8;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

html body .product-v5-details-head h2 {
  color: #111714;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(32px, 2.45vw, 48px);
  font-weight: 900;
}

html body .product-v5-details-head p {
  color: #082e2699;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
}

html body .product-v5-detail-grid {
  grid-template-columns: minmax(320px, .72fr) repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

html body .product-v5-info-card, html body .product-v5-detail-photo {
  background: #ffffffe0;
  border: 1px solid #082e2614;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 52px #082e2614, inset 0 1px #ffffffbd;
}

html body .product-v5-info-card {
  align-items: stretch;
  min-height: 360px;
  padding: 26px;
  display: grid;
}

html body .product-v5-info-card header {
  border-bottom: 1px solid #082e2614;
  gap: 6px;
  padding-bottom: 18px;
  display: grid;
}

html body .product-v5-info-card header span {
  color: #082e2680;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

html body .product-v5-info-card header strong {
  color: #111714;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.12;
}

html body .product-v5-info-card dl {
  width: 100%;
  margin: 0;
  display: grid;
}

html body .product-v5-info-card dl div {
  border-bottom: 1px solid #082e2614;
  align-content: center;
  gap: 8px;
  padding: 18px 0;
  display: grid;
}

html body .product-v5-info-card dl div:last-child {
  border-bottom: 0;
}

html body .product-v5-info-card dt {
  color: #082e2680;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

html body .product-v5-info-card dd {
  color: #111714;
  margin: 0;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.35;
}

html body .product-v5-detail-photo > div {
  aspect-ratio: .76;
  overflow: hidden;
}

@media (max-width: 1180px) {
  html body .product-page-v5 {
    background: linear-gradient(#002d22f5 0 360px, #0000 360px), radial-gradient(circle at 18% 0, #0b976a5c, #0000 28%), linear-gradient(#f4f2e8 0%, #fbfaf5 56%, #f1eee4 100%);
  }

  html body .product-v5-grid, html body .product-v5-hero-copy, html body .product-v5-details-head {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .product-v5-aside {
    position: static;
  }

  html body .product-v5-purchase-card {
    max-height: none;
    overflow: hidden;
  }

  html body .product-v5-action-row {
    position: static;
  }

  html body .product-v5-gallery-stage {
    min-height: 0;
  }

  html body .product-v5-main-image {
    min-height: 660px;
  }

  html body .product-v5-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body .product-page-v5 {
    background: linear-gradient(#002d22f5 0 250px, #0000 250px), linear-gradient(#f4f2e8 0%, #fbfaf5 60%, #f1eee4 100%);
    padding-top: 88px !important;
  }

  html body .product-v5-shell {
    width: min(100% - 20px, 560px);
    padding: 14px 0 48px;
  }

  html body .product-v5-grid {
    gap: 14px;
  }

  html body .product-v5-hero-copy {
    display: none;
  }

  html body .product-v5-mobile-title {
    color: #fff;
    gap: 6px;
    margin-bottom: 12px;
    display: grid;
  }

  html body .product-v5-mobile-title p {
    color: #ffc501e6;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-weight: 900;
  }

  html body .product-v5-mobile-title h1 {
    color: #fff;
    letter-spacing: 0;
    margin: 0;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.02;
  }

  html body .product-v5-mobile-title strong {
    color: #ffffffe6;
    font-size: 30px;
    font-weight: 900;
  }

  html body .product-v5-gallery-stage {
    border-radius: 22px;
    flex-direction: column-reverse;
    gap: 10px;
    padding: 10px;
    display: flex;
  }

  html body .product-v5-thumb-rail {
    gap: 9px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html body .product-v5-thumb-button {
    border-radius: 14px;
    flex: none;
    width: 78px;
    height: 78px;
  }

  html body .product-v5-main-image {
    aspect-ratio: 1 / 1.12;
    border-radius: 18px;
    min-height: 0;
  }

  html body .product-v5-main-image:before {
    border-radius: 14px;
    inset: 12px;
  }

  html body .product-v5-main-image img {
    padding: 22px !important;
  }

  html body .product-v5-media-badge {
    border-radius: 14px;
    padding: 10px 12px;
    top: 12px;
    left: 12px;
  }

  html body .product-v5-media-caption {
    display: none;
  }

  html body .product-v5-preview-button {
    bottom: 12px;
    left: 12px;
  }

  html body .product-v5-purchase-card {
    border-radius: 22px;
  }

  html body .product-v5-purchase-head {
    display: none;
  }

  html body .product-v5-signal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html body .product-v5-signal-grid div {
    padding: 11px 9px;
  }

  html body .product-v5-signal-grid strong {
    font-size: 11px;
  }

  html body .product-v5-panel-body {
    gap: 14px;
    padding: 16px;
  }

  html body .product-v5-service-strip {
    grid-template-columns: 1fr;
  }

  html body .product-v5-action-row {
    padding: 16px;
  }

  html body .product-v5-details {
    border-radius: 22px;
    margin-top: 24px;
    padding: 16px;
  }

  html body .product-v5-details-head {
    gap: 10px;
  }

  html body .product-v5-detail-grid {
    grid-template-columns: 1fr;
  }

  html body .product-v5-info-card {
    min-height: 0;
    padding: 20px;
  }

  html body .product-v5-detail-photo > div {
    aspect-ratio: 1.1;
  }
}

html body .product-v5-size-segment {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  display: grid !important;
}

html body .product-v5-size-option {
  z-index: 1;
  color: #082e26a8;
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex !important;
}

html body .product-v5-size-option[data-active="true"] {
  color: #fff;
}

html body .product-v5-action-row {
  position: static;
}

@media (min-width: 1181px) {
  html body .product-v5-purchase-card {
    scrollbar-gutter: auto;
    max-height: none;
    overflow: hidden;
  }
}

html body .product-page-v6 {
  word-spacing: .055em;
  background: radial-gradient(circle at 8% 0, #075f451f, #0000 28%), radial-gradient(circle at 88% 0, #ffc50117, #0000 22%), linear-gradient(#f5f4ed 0%, #fbfaf6 46%, #f2efe6 100%);
  min-height: 100vh;
  overflow-x: clip;
}

html body .product-v6-shell {
  width: min(1840px, 100vw - clamp(28px, 3.4vw, 72px));
  margin: 0 auto;
  padding: 24px 0 76px;
}

html body .product-v6-link-console {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  background: #ffffffc7;
  border: 1px solid #082e2617;
  border-radius: 22px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding: 12px;
  display: grid;
  box-shadow: 0 24px 70px #082e2614, inset 0 1px #ffffffd1;
}

html body .product-v6-link-status, html body .product-v6-link-actions {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

html body .product-v6-link-status {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #075f45;
  border-radius: 999px;
  height: 42px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 900;
}

html body .product-v6-link-console p {
  color: #082e2694;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

html body .product-v6-link-actions button {
  color: #082e26;
  background: #082e2612;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v6-link-actions button:last-child {
  background: #fff;
  box-shadow: inset 0 0 0 1px #082e2614;
}

html body .product-v6-grid {
  grid-template-columns: minmax(0, 1fr) clamp(420px, 24vw, 460px);
  align-items: start;
  gap: clamp(24px, 2vw, 40px);
  display: grid;
}

html body .product-v6-left, html body .product-v6-media-row, html body .product-v6-gallery {
  min-width: 0;
}

html body .product-v6-mobile-title {
  display: none;
}

html body .product-v6-gallery-stage {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  background: radial-gradient(circle at 72% 14%, #ffffffe6, #0000 28%), linear-gradient(#ffffffd6, #ffffff94);
  border: 1px solid #082e2614;
  border-radius: 28px;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 18px;
  min-height: clamp(780px, 100vh - 182px, 920px);
  padding: 18px;
  display: grid;
  box-shadow: 0 34px 92px #082e261f, inset 0 1px #ffffffd1;
}

html body .product-v6-thumb-rail {
  align-content: start;
  gap: 12px;
  display: grid;
}

html body .product-v6-thumb-button {
  opacity: .76;
  background: #fff;
  border: 1px solid #082e2614;
  border-radius: 18px;
  width: 126px;
  height: 126px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px #082e2614;
}

html body .product-v6-thumb-button:hover, html body .product-v6-thumb-button.active {
  opacity: 1;
  transform: translateY(-1px);
}

html body .product-v6-thumb-button.active {
  border-color: #ffc501c7;
  box-shadow: 0 0 0 4px #ffc50138, 0 20px 44px #082e2621;
}

html body .product-v6-main-image {
  background: radial-gradient(circle at 50% 34%, #fff 0%, #ffffffe0 30%, #0000 40%), linear-gradient(#fffdf8 0%, #ece7db 100%);
  border: 1px solid #082e2612;
  border-radius: 22px;
  min-height: clamp(744px, 100vh - 220px, 884px);
  position: relative;
  overflow: hidden;
}

html body .product-v6-main-image:before {
  content: "";
  pointer-events: none;
  border: 1px solid #082e260d;
  border-radius: 18px;
  position: absolute;
  inset: 24px;
}

html body .product-v6-main-image img {
  padding: clamp(34px, 3.7vw, 66px) !important;
}

html body .product-v6-image-tools {
  z-index: 3;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

html body .product-v6-media-badge, html body .product-v6-media-caption {
  z-index: 2;
  -webkit-backdrop-filter: blur(18px);
  background: #ffffffbd;
  border: 1px solid #ffffffa8;
  border-radius: 16px;
  gap: 4px;
  padding: 12px 14px;
  display: grid;
  position: absolute;
  box-shadow: 0 16px 34px #082e261c;
}

html body .product-v6-media-badge {
  top: 18px;
  left: 18px;
}

html body .product-v6-media-caption {
  min-width: 220px;
  bottom: 18px;
  right: 18px;
}

html body .product-v6-media-badge span, html body .product-v6-media-caption span {
  color: #082e2685;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v6-media-badge strong, html body .product-v6-media-caption strong {
  color: #111714;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v6-preview-button {
  z-index: 3;
  color: #082e26;
  background: #ffffffe6;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
  box-shadow: 0 16px 34px #082e261f;
}

html body .product-v6-aside {
  min-width: 0;
  position: sticky;
  top: 102px;
}

html body .product-v6-purchase-card {
  -webkit-backdrop-filter: blur(22px) saturate(116%);
  background: #ffffffe6;
  border: 1px solid #082e2614;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 32px 86px #082e2624, inset 0 1px #fffffff0;
}

html body .product-v6-purchase-head {
  background: radial-gradient(circle at 82% 0, #ccf3e575, #0000 34%), linear-gradient(#ffffffdb, #f8f6efd6);
  border-bottom: 1px solid #082e2614;
  padding: 18px 22px 16px;
}

html body .product-v6-store-row, html body .product-v6-price-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

html body .product-v6-source {
  color: #082e26a8;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #082e2614;
  border-radius: 999px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v6-store-button {
  background: #f6f3ebf5 !important;
}

html body .product-v6-title-block {
  padding-top: 16px;
}

html body .product-v6-muted-label {
  color: #082e2685;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

html body .product-v6-title {
  color: #111714c2;
  letter-spacing: 0;
  word-spacing: .12em;
  margin: 0 0 12px;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.1;
}

html body .product-v6-price {
  color: #073d30;
  letter-spacing: 0;
  font-size: clamp(48px, 3.4vw, 60px);
  font-weight: 900;
  line-height: .92;
}

html body .product-v6-converted {
  color: #b98e00;
  font-size: 15px;
  font-weight: 900;
}

html body .product-v6-signal-grid {
  background: #082e2614;
  border-bottom: 1px solid #082e2614;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

html body .product-v6-signal-grid div {
  background: #ffffffd1;
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

html body .product-v6-signal-grid span {
  color: #082e267a;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v6-signal-grid strong {
  color: #111714;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

html body .product-v6-panel-body {
  gap: 14px;
  padding: 16px 22px 18px;
  display: grid;
}

html body .product-v6-shipping-note, html body .product-v6-quantity-row {
  background: #f7f4eb;
  border: 1px solid #082e2614;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  display: flex;
}

html body .product-v6-flow-card {
  background: #082e2614;
  border: 1px solid #082e2614;
  border-radius: 16px;
  gap: 1px;
  display: grid;
  overflow: hidden;
}

html body .product-v6-flow-card div {
  background: #ffffffd1;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 4px 10px;
  padding: 12px;
  display: grid;
}

html body .product-v6-flow-card span {
  color: #fff;
  background: #075f45;
  border-radius: 999px;
  grid-row: span 2;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 900;
  display: flex;
}

html body .product-v6-flow-card p, html body .product-v6-flow-card strong {
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
}

html body .product-v6-flow-card p {
  color: #111714;
  font-weight: 900;
}

html body .product-v6-flow-card strong {
  color: #082e268f;
  font-weight: 800;
}

html body .product-v6-service-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v6-service-strip span {
  color: #082e26b8;
  background: #f6f3eb;
  border: 1px solid #082e2614;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

html body .product-v6-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v6-color-option {
  aspect-ratio: 1;
  background: #f8f6ef;
  border: 1px solid #082e2614;
  border-radius: 15px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 30px #082e2612;
}

html body .product-v6-color-option[data-active="true"] {
  border-color: #075f457a;
  box-shadow: 0 0 0 3px #ccf3e5d1, 0 16px 30px #082e261a;
}

html body .product-v6-size-segment {
  --liquid-pad: 4px;
  min-height: 50px;
  box-shadow: none;
  background: #faf8f1;
  border: 1px solid #082e2614;
  border-radius: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  display: grid !important;
}

html body .product-v6-size-segment:before {
  background: linear-gradient(135deg, #0a8f68, #05704f);
  box-shadow: 0 14px 28px #05704f29;
}

html body .product-v6-size-option {
  z-index: 1;
  color: #082e26a8;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  display: flex !important;
}

html body .product-v6-size-option[data-active="true"] {
  color: #fff;
}

html body .product-v6-action-row {
  background: #fffffff0;
  border-top: 1px solid #082e2614;
  gap: 10px;
  padding: 16px 22px 20px;
  display: grid;
}

@media (min-width: 1181px) {
  html body .product-v6-purchase-card {
    scrollbar-gutter: stable;
    max-height: calc(100vh - 244px);
    overflow-y: auto;
  }

  html body .product-v6-purchase-card::-webkit-scrollbar {
    width: 6px;
  }

  html body .product-v6-purchase-card::-webkit-scrollbar-thumb {
    background: #082e2629;
    border-radius: 999px;
  }

  html body .product-v6-action-row {
    z-index: 3;
    -webkit-backdrop-filter: blur(14px);
    position: sticky;
    bottom: 0;
    box-shadow: 0 -18px 34px #ffffffc7;
  }
}

html body .product-v6-total-row {
  color: #082e268f;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 850;
  display: flex;
}

html body .product-v6-total-row strong {
  color: #082e26;
  font-size: 26px;
  font-weight: 900;
}

html body .product-v6-buy-button {
  color: #fff;
  background: #075f45;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 52px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 16px 34px #075f4533;
}

html body .product-v6-details {
  background: #ffffff94;
  border: 1px solid #082e2614;
  border-radius: 26px;
  margin-top: 30px;
  padding: 26px;
  box-shadow: 0 28px 76px #082e2614;
}

html body .product-v6-details-head {
  grid-template-columns: minmax(0, .7fr) minmax(360px, .45fr);
  align-items: end;
  gap: 28px;
  margin-bottom: 18px;
  display: grid;
}

html body .product-v6-details-head span {
  color: #075f45b8;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

html body .product-v6-details-head h2 {
  color: #111714;
  margin: 0;
  font-size: clamp(30px, 2.25vw, 44px);
  font-weight: 900;
}

html body .product-v6-details-head p {
  color: #082e2699;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
}

html body .product-v6-detail-grid {
  grid-template-columns: minmax(320px, .72fr) repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

html body .product-v6-info-card, html body .product-v6-detail-photo {
  background: #ffffffe0;
  border: 1px solid #082e2614;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 46px #082e2612;
}

html body .product-v6-info-card {
  min-height: 340px;
  padding: 24px;
  display: grid;
}

html body .product-v6-info-card header {
  border-bottom: 1px solid #082e2614;
  gap: 6px;
  padding-bottom: 16px;
  display: grid;
}

html body .product-v6-info-card header span, html body .product-v6-info-card dt {
  color: #082e2680;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

html body .product-v6-info-card header strong {
  color: #111714;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.14;
}

html body .product-v6-info-card dl {
  margin: 0;
  display: grid;
}

html body .product-v6-info-card dl div {
  border-bottom: 1px solid #082e2614;
  align-content: center;
  gap: 8px;
  padding: 16px 0;
  display: grid;
}

html body .product-v6-info-card dl div:last-child {
  border-bottom: 0;
}

html body .product-v6-info-card dd {
  color: #111714;
  margin: 0;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.35;
}

html body .product-v6-detail-photo > div {
  aspect-ratio: .76;
  overflow: hidden;
}

@media (max-width: 1180px) {
  html body .product-v6-grid, html body .product-v6-details-head {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .product-v6-aside {
    position: static;
  }

  html body .product-v6-gallery-stage {
    min-height: 0;
  }

  html body .product-v6-main-image {
    min-height: 650px;
  }

  html body .product-v6-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body .product-page-v6 {
    padding-top: 88px !important;
  }

  html body .product-v6-shell {
    width: min(100% - 20px, 560px);
    padding: 14px 0 48px;
  }

  html body .product-v6-link-console {
    border-radius: 18px;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  html body .product-v6-link-actions {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  html body .product-v6-mobile-title {
    gap: 6px;
    margin: 0 0 12px;
    display: grid;
  }

  html body .product-v6-mobile-title p {
    color: #082e268f;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-weight: 900;
  }

  html body .product-v6-mobile-title h1 {
    color: #111714;
    margin: 0;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.04;
  }

  html body .product-v6-mobile-title strong {
    color: #073d30;
    font-size: 28px;
    font-weight: 900;
  }

  html body .product-v6-gallery-stage {
    border-radius: 20px;
    flex-direction: column-reverse;
    gap: 10px;
    padding: 10px;
    display: flex;
  }

  html body .product-v6-thumb-rail {
    gap: 9px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html body .product-v6-thumb-button {
    border-radius: 14px;
    flex: none;
    width: 78px;
    height: 78px;
  }

  html body .product-v6-main-image {
    aspect-ratio: 1 / 1.12;
    border-radius: 17px;
    min-height: 0;
  }

  html body .product-v6-main-image:before, html body .product-v6-media-caption {
    display: none;
  }

  html body .product-v6-main-image img {
    padding: 22px !important;
  }

  html body .product-v6-media-badge {
    border-radius: 14px;
    padding: 10px 12px;
    top: 12px;
    left: 12px;
  }

  html body .product-v6-preview-button {
    bottom: 12px;
    left: 12px;
  }

  html body .product-v6-purchase-card {
    border-radius: 20px;
  }

  html body .product-v6-purchase-head {
    display: none;
  }

  html body .product-v6-panel-body, html body .product-v6-action-row {
    padding: 16px;
  }

  html body .product-v6-service-strip, html body .product-v6-detail-grid {
    grid-template-columns: 1fr;
  }

  html body .product-v6-details {
    border-radius: 20px;
    margin-top: 24px;
    padding: 16px;
  }

  html body .product-v6-detail-photo > div {
    aspect-ratio: 1.1;
  }
}

html body .product-page-v7 {
  word-spacing: .055em;
  background: linear-gradient(#002d22fa 0 520px, #002d22e0 520px, #0000 700px), radial-gradient(circle at 10% 0, #ffffff1f, #0000 18%), radial-gradient(circle at 84% 4%, #ffc50124, #0000 22%), linear-gradient(#f2f0e6 0%, #fbfaf5 54%, #f2efe6 100%);
  min-height: 100vh;
  overflow-x: clip;
}

html body .product-v7-shell {
  width: min(1840px, 100vw - clamp(28px, 3.4vw, 72px));
  margin: 0 auto;
  padding: 26px 0 76px;
}

html body .product-v7-grid {
  grid-template-columns: minmax(0, 1fr) clamp(408px, 23.5vw, 452px);
  align-items: start;
  gap: clamp(24px, 2.4vw, 44px);
  display: grid;
}

html body .product-v7-left, html body .product-v7-media-row, html body .product-v7-gallery {
  min-width: 0;
}

html body .product-v7-link-console {
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  background: #fffffff5;
  border: 10px solid #ffffff1f;
  border-radius: 999px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 86px;
  margin-bottom: 22px;
  padding: 10px 12px 10px 14px;
  display: grid;
  box-shadow: 0 30px 70px #0000003d, inset 0 1px #ffffffe0;
}

html body .product-v7-link-status, html body .product-v7-link-actions {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

html body .product-v7-link-status {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #075f45;
  border-radius: 999px;
  height: 46px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 900;
}

html body .product-v7-link-console p {
  color: #082e2694;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 15px;
  font-weight: 850;
  overflow: hidden;
}

html body .product-v7-link-actions button {
  color: #082e26;
  background: #082e2612;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v7-link-actions button:last-child {
  color: #fff;
  background: #0a946b;
  box-shadow: 0 14px 28px #075f4533;
}

html body .product-v7-mobile-title {
  display: none;
}

html body .product-v7-gallery-stage {
  -webkit-backdrop-filter: blur(22px) saturate(116%);
  background: linear-gradient(90deg, #ffffffbd, #ffffff80), #ffffff85;
  border: 1px solid #ffffff8f;
  border-radius: 32px;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 18px;
  min-height: clamp(760px, 100vh - 230px, 900px);
  padding: 18px;
  display: grid;
  box-shadow: 0 36px 100px #001f173d, inset 0 1px #ffffffd6;
}

html body .product-v7-thumb-rail {
  align-content: start;
  gap: 12px;
  display: grid;
}

html body .product-v7-thumb-button {
  opacity: .78;
  background: #ffffffe0;
  border: 1px solid #082e2614;
  border-radius: 20px;
  width: 132px;
  height: 132px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px #082e2614;
}

html body .product-v7-thumb-button.active {
  opacity: 1;
  border-color: #ffc501db;
  box-shadow: 0 0 0 4px #ffc50138, 0 20px 44px #082e2621;
}

html body .product-v7-main-image {
  background: radial-gradient(circle at 50% 34%, #fff 0%, #ffffffe0 30%, #0000 40%), linear-gradient(#fffdf8 0%, #ece7db 100%);
  border: 1px solid #082e2612;
  border-radius: 24px;
  min-height: clamp(724px, 100vh - 266px, 864px);
  position: relative;
  overflow: hidden;
}

html body .product-v7-main-image:before {
  content: "";
  pointer-events: none;
  border: 1px solid #082e260d;
  border-radius: 18px;
  position: absolute;
  inset: 24px;
}

html body .product-v7-image-tools {
  z-index: 3;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

html body .product-v7-media-badge, html body .product-v7-media-caption {
  z-index: 2;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffbd;
  border: 1px solid #ffffffa8;
  border-radius: 16px;
  gap: 4px;
  padding: 12px 14px;
  display: grid;
  position: absolute;
  box-shadow: 0 16px 34px #082e261c;
}

html body .product-v7-media-badge {
  top: 18px;
  left: 18px;
}

html body .product-v7-media-caption {
  min-width: 220px;
  bottom: 18px;
  right: 18px;
}

html body .product-v7-media-badge span, html body .product-v7-media-caption span {
  color: #082e2685;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v7-media-badge strong, html body .product-v7-media-caption strong {
  color: #111714;
  font-size: 14px;
  font-weight: 900;
}

html body .product-v7-preview-button {
  z-index: 3;
  color: #082e26;
  background: #ffffffe6;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
  box-shadow: 0 16px 34px #082e261f;
}

html body .product-v7-aside {
  min-width: 0;
  position: sticky;
  top: 102px;
}

html body .product-v7-purchase-card {
  scrollbar-gutter: stable;
  -webkit-backdrop-filter: blur(24px) saturate(118%);
  background: radial-gradient(circle at 86% 0, #ccf3e58a, #0000 32%), #ffffffeb;
  border: 1px solid #ffffff75;
  border-radius: 30px;
  max-height: calc(100vh - 124px);
  overflow-y: auto;
  box-shadow: 0 36px 100px #001f173d, inset 0 1px #fffffff5;
}

html body .product-v7-purchase-card::-webkit-scrollbar {
  width: 6px;
}

html body .product-v7-purchase-card::-webkit-scrollbar-thumb {
  background: #082e2629;
  border-radius: 999px;
}

html body .product-v7-purchase-head {
  border-bottom: 1px solid #082e2614;
  padding: 20px 22px 16px;
}

html body .product-v7-store-row, html body .product-v7-price-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

html body .product-v7-source {
  color: #082e26a8;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #082e2614;
  border-radius: 999px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v7-title-block {
  padding-top: 16px;
}

html body .product-v7-muted-label {
  color: #082e2685;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

html body .product-v7-title {
  color: #111714b8;
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
}

html body .product-v7-price {
  color: #073d30;
  font-size: clamp(46px, 3.35vw, 60px);
  font-weight: 900;
  line-height: .92;
}

html body .product-v7-converted {
  color: #b98e00;
  font-size: 15px;
  font-weight: 900;
}

html body .product-v7-signal-grid {
  background: #082e2614;
  border-bottom: 1px solid #082e2614;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

html body .product-v7-signal-grid div {
  background: #ffffffd1;
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

html body .product-v7-signal-grid span {
  color: #082e267a;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v7-signal-grid strong {
  color: #111714;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

html body .product-v7-panel-body {
  gap: 13px;
  padding: 15px 22px 16px;
  display: grid;
}

html body .product-v7-shipping-note, html body .product-v7-quantity-row {
  background: #f7f4eb;
  border: 1px solid #082e2614;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  display: flex;
}

html body .product-v7-flow-card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v7-flow-card div {
  background: #ffffffc2;
  border: 1px solid #082e2614;
  border-radius: 15px;
  gap: 5px;
  padding: 11px;
  display: grid;
}

html body .product-v7-flow-card span {
  color: #fff;
  background: #075f45;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 900;
  display: flex;
}

html body .product-v7-flow-card p, html body .product-v7-flow-card strong {
  margin: 0;
  font-size: 11px;
  line-height: 1.25;
}

html body .product-v7-flow-card p {
  color: #111714;
  font-weight: 900;
}

html body .product-v7-flow-card strong {
  color: #082e268f;
  font-weight: 800;
}

html body .product-v7-service-strip {
  display: none;
}

html body .product-v7-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

html body .product-v7-color-option {
  aspect-ratio: 1;
  background: #f8f6ef;
  border: 1px solid #082e2614;
  border-radius: 15px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 30px #082e2612;
}

html body .product-v7-size-segment {
  --liquid-pad: 4px;
  min-height: 48px;
  box-shadow: none;
  background: #faf8f1;
  border: 1px solid #082e2614;
  border-radius: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  display: grid !important;
}

html body .product-v7-size-segment:before {
  background: linear-gradient(135deg, #0a8f68, #05704f);
}

html body .product-v7-size-option {
  z-index: 1;
  color: #082e26a8;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  display: flex !important;
}

html body .product-v7-size-option[data-active="true"] {
  color: #fff;
}

html body .product-v7-action-row {
  z-index: 4;
  -webkit-backdrop-filter: blur(14px);
  background: #fffffff0;
  border-top: 1px solid #082e2614;
  gap: 10px;
  padding: 16px 22px 20px;
  display: grid;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -18px 34px #ffffffc7;
}

html body .product-v7-total-row {
  color: #082e268f;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 850;
  display: flex;
}

html body .product-v7-total-row strong {
  color: #082e26;
  font-size: 26px;
  font-weight: 900;
}

html body .product-v7-buy-button {
  color: #fff;
  background: #075f45;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 52px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 16px 34px #075f4533;
}

html body .product-v7-details {
  background: #ffffff94;
  border: 1px solid #082e2614;
  border-radius: 26px;
  margin-top: 30px;
  padding: 26px;
  box-shadow: 0 28px 76px #082e2614;
}

html body .product-v7-details-head {
  grid-template-columns: minmax(0, .7fr) minmax(360px, .45fr);
  align-items: end;
  gap: 28px;
  margin-bottom: 18px;
  display: grid;
}

html body .product-v7-details-head span {
  color: #075f45b8;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

html body .product-v7-details-head h2 {
  color: #111714;
  margin: 0;
  font-size: clamp(30px, 2.25vw, 44px);
  font-weight: 900;
}

html body .product-v7-details-head p {
  color: #082e2699;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
}

html body .product-v7-detail-grid {
  grid-template-columns: minmax(320px, .72fr) repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

html body .product-v7-info-card, html body .product-v7-detail-photo {
  background: #ffffffe0;
  border: 1px solid #082e2614;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 46px #082e2612;
}

html body .product-v7-info-card {
  min-height: 340px;
  padding: 24px;
  display: grid;
}

html body .product-v7-info-card header {
  border-bottom: 1px solid #082e2614;
  gap: 6px;
  padding-bottom: 16px;
  display: grid;
}

html body .product-v7-info-card header span, html body .product-v7-info-card dt {
  color: #082e2680;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

html body .product-v7-info-card header strong {
  color: #111714;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.14;
}

html body .product-v7-info-card dl {
  margin: 0;
  display: grid;
}

html body .product-v7-info-card dl div {
  border-bottom: 1px solid #082e2614;
  align-content: center;
  gap: 8px;
  padding: 16px 0;
  display: grid;
}

html body .product-v7-info-card dl div:last-child {
  border-bottom: 0;
}

html body .product-v7-info-card dd {
  color: #111714;
  margin: 0;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.35;
}

html body .product-v7-detail-photo > div {
  aspect-ratio: .76;
  overflow: hidden;
}

@media (max-width: 1180px) {
  html body .product-v7-grid, html body .product-v7-details-head {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .product-v7-aside {
    position: static;
  }

  html body .product-v7-purchase-card {
    max-height: none;
    overflow: hidden;
  }

  html body .product-v7-action-row {
    position: static;
  }

  html body .product-v7-gallery-stage {
    min-height: 0;
  }

  html body .product-v7-main-image {
    min-height: 650px;
  }

  html body .product-v7-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body .product-page-v7 {
    background: linear-gradient(#002d22fa 0 330px, #0000 460px), linear-gradient(#f2f0e6 0%, #fbfaf5 56%, #f2efe6 100%);
    padding-top: 88px !important;
  }

  html body .product-v7-shell {
    width: min(100% - 20px, 560px);
    padding: 14px 0 48px;
  }

  html body .product-v7-grid {
    gap: 14px;
  }

  html body .product-v7-link-console {
    border-width: 6px;
    border-radius: 28px;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
  }

  html body .product-v7-link-actions {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  html body .product-v7-mobile-title {
    color: #fff;
    gap: 6px;
    margin: 0 0 12px;
    display: grid;
  }

  html body .product-v7-mobile-title p {
    color: #ffc501e6;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-weight: 900;
  }

  html body .product-v7-mobile-title h1 {
    color: #fff;
    margin: 0;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.04;
  }

  html body .product-v7-mobile-title strong {
    color: #ffffffe6;
    font-size: 28px;
    font-weight: 900;
  }

  html body .product-v7-gallery-stage {
    border-radius: 22px;
    flex-direction: column-reverse;
    gap: 10px;
    padding: 10px;
    display: flex;
  }

  html body .product-v7-thumb-rail {
    gap: 9px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html body .product-v7-thumb-button {
    border-radius: 14px;
    flex: none;
    width: 78px;
    height: 78px;
  }

  html body .product-v7-main-image {
    aspect-ratio: 1 / 1.12;
    border-radius: 18px;
    min-height: 0;
  }

  html body .product-v7-main-image:before, html body .product-v7-media-caption {
    display: none;
  }

  html body .product-v7-main-image img {
    padding: 22px !important;
  }

  html body .product-v7-media-badge {
    border-radius: 14px;
    padding: 10px 12px;
    top: 12px;
    left: 12px;
  }

  html body .product-v7-preview-button {
    bottom: 12px;
    left: 12px;
  }

  html body .product-v7-purchase-card {
    border-radius: 22px;
  }

  html body .product-v7-purchase-head {
    display: none;
  }

  html body .product-v7-panel-body, html body .product-v7-action-row {
    padding: 16px;
  }

  html body .product-v7-flow-card, html body .product-v7-detail-grid {
    grid-template-columns: 1fr;
  }

  html body .product-v7-details {
    border-radius: 20px;
    margin-top: 24px;
    padding: 16px;
  }

  html body .product-v7-detail-photo > div {
    aspect-ratio: 1.1;
  }
}

@media (min-width: 1181px) {
  html body .product-v7-purchase-card {
    max-height: none;
    overflow: hidden;
  }

  html body .product-v7-flow-card {
    display: none;
  }

  html body .product-v7-action-row {
    box-shadow: none;
    -webkit-backdrop-filter: none;
    position: static;
  }

  html body .product-v7-shell {
    width: min(1860px, 100vw - clamp(40px, 4vw, 84px));
  }

  html body .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) clamp(500px, 27vw, 560px);
    gap: clamp(28px, 2.5vw, 52px);
  }

  html body .product-v7-link-console {
    border-width: 8px;
    min-height: 76px;
    margin-bottom: 18px;
  }

  html body .product-v7-gallery-stage {
    border-radius: 28px;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 16px;
    min-height: clamp(620px, 100vh - 270px, 740px);
    padding: 16px;
  }

  html body .product-v7-thumb-button {
    border-radius: 18px;
    width: 118px;
    height: 118px;
  }

  html body .product-v7-main-image {
    border-radius: 22px;
    min-height: clamp(588px, 100vh - 302px, 708px);
  }

  html body .product-v7-main-image img {
    padding: clamp(28px, 3.1vw, 54px) !important;
  }

  html body .product-v7-purchase-card {
    border-radius: 32px;
  }

  html body .product-v7-purchase-head {
    padding: 24px 26px 18px;
  }

  html body .product-v7-panel-body {
    gap: 16px;
    padding: 18px 26px 20px;
  }

  html body .product-v7-action-row {
    padding: 18px 26px 24px;
  }

  html body .product-v7-title {
    font-size: 23px;
  }

  html body .product-v7-price {
    font-size: clamp(56px, 3.7vw, 72px);
  }

  html body .product-v7-converted {
    font-size: 16px;
  }

  html body .product-v7-color-grid {
    gap: 12px;
  }

  html body .product-v7-quantity-row {
    padding: 14px 16px;
  }
}

html body .product-v7-details {
  max-width: min(1040px, 100%);
  margin-right: auto;
  padding: 28px;
}

html body .product-v7-details-head {
  grid-template-columns: minmax(0, 1fr);
  max-width: 760px;
}

html body .product-v7-detail-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

html body .product-v7-info-card {
  min-height: 0;
}

html body .product-v7-info-card dl {
  background: #082e2614;
  border: 1px solid #082e2614;
  border-radius: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
}

html body .product-v7-info-card dl div, html body .product-v7-info-card dl div:last-child {
  background: #ffffffc7;
  border-bottom: 0;
  padding: 18px;
}

html body .product-v7-detail-photo > div {
  aspect-ratio: 1.36;
}

@media (max-width: 760px) {
  html body .product-v7-details {
    padding: 16px;
  }

  html body .product-v7-info-card dl {
    grid-template-columns: 1fr;
  }

  html body .product-v7-detail-photo > div {
    aspect-ratio: 1.1;
  }
}

@media (min-width: 1181px) {
  html body .product-v7-shell {
    width: min(1780px, 100vw - clamp(44px, 5vw, 112px));
    padding-top: 24px;
  }

  html body .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) clamp(560px, 31vw, 620px);
    gap: clamp(30px, 3vw, 58px);
  }

  html body .product-v7-link-console {
    border-width: 7px;
    min-height: 70px;
    margin-bottom: 16px;
  }

  html body .product-v7-gallery-stage {
    background: linear-gradient(90deg, #ffffffc7, #ffffff85), #ffffff7a;
    border-radius: 26px;
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 14px;
    min-height: clamp(560px, 100vh - 350px, 640px);
    padding: 14px;
  }

  html body .product-v7-thumb-rail {
    gap: 10px;
  }

  html body .product-v7-thumb-button {
    border-radius: 17px;
    width: 106px;
    height: 106px;
  }

  html body .product-v7-main-image {
    border-radius: 21px;
    min-height: clamp(532px, 100vh - 380px, 612px);
  }

  html body .product-v7-main-image img {
    padding: clamp(22px, 2.55vw, 46px) !important;
  }

  html body .product-v7-media-caption {
    min-width: 190px;
  }

  html body .product-v7-aside {
    top: 112px;
  }

  html body .product-v7-purchase-card {
    background: radial-gradient(circle at 88% 0, #ccf3e5b3, #0000 34%), linear-gradient(#fffffff0, #faf8f1f0);
    border-radius: 34px;
    max-height: calc(100vh - 132px);
    overflow-y: auto;
  }

  html body .product-v7-purchase-head {
    padding: 24px 30px 18px;
  }

  html body .product-v7-title {
    max-width: 420px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.05;
  }

  html body .product-v7-price-row {
    align-items: end;
  }

  html body .product-v7-price {
    font-size: clamp(58px, 3.6vw, 70px);
  }

  html body .product-v7-converted {
    padding-bottom: 6px;
    font-size: 17px;
  }

  html body .product-v7-signal-grid {
    display: none;
  }

  html body .product-v7-signal-grid div {
    padding: 15px 18px;
  }

  html body .product-v7-panel-body {
    gap: 18px;
    padding: 20px 30px 22px;
  }

  html body .product-v7-shipping-note, html body .product-v7-quantity-row {
    border-radius: 20px;
    padding: 16px 18px;
  }

  html body .product-v7-color-grid {
    gap: 13px;
  }

  html body .product-v7-color-option {
    border-radius: 18px;
  }

  html body .product-v7-size-segment {
    border-radius: 19px;
    min-height: 56px;
  }

  html body .product-v7-size-option {
    min-height: 48px;
  }

  html body .product-v7-action-row {
    -webkit-backdrop-filter: blur(14px);
    background: #fffffff0;
    gap: 12px;
    padding: 20px 30px 28px;
    position: sticky;
    bottom: 0;
    box-shadow: 0 -18px 34px #ffffffc7;
  }

  html body .product-v7-buy-button {
    min-height: 58px;
    font-size: 16px;
  }
}

html body .product-v7-left .product-v7-details {
  border-radius: 26px;
  width: 100%;
  max-width: none;
  margin-top: 24px;
  margin-right: 0;
  padding: clamp(18px, 1.7vw, 28px);
}

html body .product-v7-left .product-v7-details-head {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
  max-width: none;
}

html body .product-v7-left .product-v7-detail-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

html body .product-v7-left .product-v7-info-card {
  min-height: 0;
  padding: 22px;
}

html body .product-v7-left .product-v7-detail-photo > div {
  aspect-ratio: 1.42;
}

html body .product-v7-mobile-details {
  display: none;
}

@media (max-width: 1180px) {
  html body .product-v7-left > .product-v7-details {
    display: none;
  }

  html body .product-v7-mobile-details {
    display: block;
  }

  html body .product-v7-left .product-v7-details-head {
    grid-template-columns: minmax(0, 1fr);
  }
}

html body .product-v7-link-console {
  background: #ffffffe0;
  border: 1px solid #ffffffc2;
  border-radius: 22px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 58px;
  margin-bottom: 18px;
  padding: 8px 10px 8px 18px;
  box-shadow: 0 18px 46px #001f171f, inset 0 1px #ffffffe6;
}

html body .product-v7-link-icon {
  color: #082e2685;
}

html body .product-v7-link-status {
  display: none;
}

html body .product-v7-link-console p {
  color: #082e2694;
  letter-spacing: 0;
  font-size: 15px;
  font-weight: 760;
}

html body .product-v7-link-actions {
  display: flex;
}

html body .product-v7-link-actions button, html body .product-v7-link-actions button:last-child {
  color: #fff;
  background: #0a946b;
  border-radius: 16px;
  min-height: 40px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 10px 22px #075f4524;
}

@media (min-width: 1181px) {
  html body .product-v7-link-console {
    border-width: 1px;
    min-height: 58px;
    margin-bottom: 16px;
  }
}

@media (max-width: 760px) {
  html body .product-v7-link-console {
    border-width: 1px;
    border-radius: 18px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 10px 12px;
  }

  html body .product-v7-link-actions {
    grid-column: 1 / -1;
    justify-content: stretch;
  }

  html body .product-v7-link-actions button {
    width: 100%;
  }
}

html body .product-v7-link-console {
  display: none;
}

html body .product-v7-gallery-stage {
  min-height: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex-direction: column-reverse;
  gap: 18px;
  padding: 0;
  display: flex;
}

html body .product-v7-main-image {
  aspect-ratio: 1;
  background: #f8f6ef;
  border: 0;
  border-radius: 20px;
  width: 100%;
  height: auto;
  min-height: 0;
  box-shadow: 0 22px 64px #001f1729;
}

html body .product-v7-main-image:before, html body .product-v7-media-badge, html body .product-v7-media-caption {
  display: none;
}

html body .product-v7-thumb-row {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  display: grid;
}

html body .product-v7-thumb-row[data-carousel="true"] {
  grid-template-columns: 38px minmax(0, 1fr) 38px;
}

html body .product-v7-thumb-rail {
  scroll-behavior: smooth;
  scrollbar-width: none;
  gap: 12px;
  padding: 0 2px 4px;
  display: flex;
  overflow-x: auto;
}

html body .product-v7-thumb-rail::-webkit-scrollbar {
  display: none;
}

html body .product-v7-thumb-button {
  opacity: 1;
  background: #f8f6ef;
  border: 0;
  border-radius: 10px;
  flex: none;
  width: 92px;
  height: 92px;
  box-shadow: 0 12px 28px #082e2614;
}

html body .product-v7-thumb-button.active {
  border-color: #0000;
  box-shadow: 0 0 0 2px #0a946b, 0 14px 30px #082e261f;
}

html body .product-v7-thumb-nav {
  color: #075f49;
  background: #ffffffe6;
  border: 1px solid #082e2614;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  box-shadow: 0 10px 22px #082e261a;
}

html body .product-v7-preview-button {
  bottom: 18px;
  left: 18px;
}

@media (min-width: 1181px) {
  html body .product-v7-shell {
    padding-top: 24px;
  }

  html body .product-v7-grid {
    grid-template-columns: minmax(0, min(48vw, 820px)) clamp(500px, 31vw, 600px);
    justify-content: center;
    align-items: start;
  }

  html body .product-v7-gallery-stage {
    border-radius: 0;
    flex-direction: column-reverse;
    grid-template-columns: none;
    min-height: 0;
    padding: 0;
    display: flex;
  }

  html body .product-v7-thumb-button {
    border-radius: 11px;
    width: 96px;
    height: 96px;
  }

  html body .product-v7-main-image {
    aspect-ratio: 1;
    border-radius: 20px;
    height: auto;
    min-height: 0;
  }

  html body .product-v7-main-image img {
    padding: clamp(22px, 2.2vw, 42px) !important;
  }
}

@media (max-width: 760px) {
  html body .product-v7-gallery-stage {
    border-radius: 0;
    flex-direction: column-reverse;
    gap: 10px;
    padding: 0;
    display: flex;
  }

  html body .product-v7-main-image {
    aspect-ratio: 1;
    border-radius: 18px;
    height: auto;
  }

  html body .product-v7-thumb-button {
    border-radius: 10px;
    width: 76px;
    height: 76px;
  }
}

html body .product-nav {
  grid-template-columns: auto auto minmax(480px, 1fr) minmax(220px, 330px) auto auto;
  gap: clamp(10px, 1.2vw, 18px);
}

html body .product-brand-pill, html body .product-locale-pill, html body .product-main-nav, html body .product-nav-source, html body .product-auth-pill, html body .product-account-pill, html body .product-cart-pill, html body .product-menu-pill {
  box-shadow: 0 14px 32px #00000029, inset 0 1px #ffffffd1;
}

html body .product-main-nav {
  background: #ffffffe6;
  min-height: 54px;
}

html body .product-nav-source {
  background: #ffffffd6;
  grid-template-columns: auto minmax(0, 1fr) 34px;
  gap: 8px;
  min-height: 50px;
  padding: 5px 6px 5px 14px;
}

html body .product-nav-source button {
  background: #0a946b;
  width: 34px;
  height: 34px;
  box-shadow: 0 8px 16px #075f4524;
}

html body .product-nav-source button svg {
  color: #fff;
}

html body .product-auth-pill {
  background: #ffffffe0;
  width: 214px;
  min-height: 50px;
}

html body .product-auth-pill a {
  min-height: 40px;
  font-size: 12.5px;
}

html body .product-account-pill {
  background: #ffffffe6;
  border: 1px solid #ffffffc7;
  border-radius: 999px;
  align-items: center;
  min-height: 50px;
  padding: 5px;
  display: inline-flex;
}

html body .product-account-pill a {
  color: #075f49;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 0 15px 0 6px;
  font-size: 12.5px;
  font-weight: 850;
  display: inline-flex;
}

html body .product-account-avatar {
  color: #fff;
  background: linear-gradient(135deg, #0a946b, #075f49);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
}

html body .product-cart-pill, html body .product-menu-pill {
  width: 50px;
  height: 50px;
}

@media (max-width: 1320px) {
  html body .product-account-pill {
    display: none;
  }
}

html body .product-v7-left .product-v7-details {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

html body .product-v7-details-tabs {
  border-bottom: 1px solid #082e2614;
  align-items: end;
  gap: clamp(24px, 3vw, 44px);
  margin: 30px 0 28px;
  display: flex;
}

html body .product-v7-details-tabs button {
  color: #11171485;
  letter-spacing: 0;
  white-space: nowrap;
  background: none;
  border: 0;
  min-height: 58px;
  font-size: clamp(22px, 1.7vw, 34px);
  font-weight: 780;
  position: relative;
}

html body .product-v7-details-tabs button[aria-selected="true"] {
  color: #111714;
  font-weight: 900;
}

html body .product-v7-details-tabs button[aria-selected="true"]:after {
  content: "";
  background: #b7ff00;
  border-radius: 999px;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

html body .product-v7-detail-stack {
  gap: 18px;
  display: grid;
  position: relative;
}

html body .product-v7-detail-stack .product-v7-detail-photo, html body .product-v7-qc-grid .product-v7-detail-photo {
  box-shadow: none;
  background: #f8f6ef;
  border: 0;
  border-radius: 14px;
}

html body .product-v7-detail-stack .product-v7-detail-photo > div {
  aspect-ratio: 1;
}

html body .product-v7-guide-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html body .product-v7-guide-grid article {
  background: #ffffffb8;
  border: 1px solid #082e2614;
  border-radius: 18px;
  gap: 10px;
  padding: 18px;
  display: grid;
}

html body .product-v7-guide-grid span {
  color: #fff;
  background: #075f49;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v7-guide-grid strong {
  color: #111714;
  font-size: 17px;
  font-weight: 900;
}

html body .product-v7-guide-grid p {
  color: #082e269e;
  margin: 0;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.45;
}

html body .product-v7-qc-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

html body .product-v7-qc-grid .product-v7-detail-photo > div {
  aspect-ratio: 1;
}

html body .product-v7-color-grid {
  scrollbar-width: none;
  gap: 10px;
  padding: 2px 2px 8px;
  overflow-x: auto;
  display: flex !important;
}

html body .product-v7-color-grid::-webkit-scrollbar {
  display: none;
}

html body .product-v7-color-option {
  width: 76px;
  box-shadow: none;
  border-radius: 10px;
  flex: 0 0 76px;
}

html body .product-v7-size-option {
  color: #111714b3;
  background: #ffffffc2;
  border: 1px solid #082e261a;
  border-radius: 9px;
  min-height: 42px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 820;
}

html body .product-v7-size-option[data-active="true"] {
  color: #075f49;
  background: #0a946b14;
  border-color: #0a946b;
  box-shadow: inset 0 0 0 1px #0a946b14;
}

html body .product-v7-quantity-control {
  justify-items: end;
  gap: 6px;
  display: grid;
}

html body .product-v7-quantity-control p {
  color: #082e266b;
  margin: 0;
  font-size: 12px;
  font-weight: 740;
}

html body .product-v7-message-row {
  color: #111714b8;
  background: #ffffffb8;
  border: 1px solid #082e2614;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 760;
  display: flex;
}

html body .product-v7-payment-route {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 8px;
  margin-bottom: 2px;
  display: grid;
}

html body .product-v7-payment-route span {
  color: #3b2e00;
  background: #ffc501c7;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

html body .product-v7-source {
  letter-spacing: .12em;
  background: #082e2612;
  height: 30px;
}

html body .product-v7-store-button {
  box-shadow: none;
  background: #ffffffdb;
  border-radius: 999px;
}

html body .product-v7-muted-label {
  margin-bottom: 8px;
}

html body .product-v7-title {
  color: #111714c7;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.08;
}

html body .product-v7-price-row {
  align-items: end;
}

html body .product-v7-price {
  letter-spacing: 0;
  font-size: clamp(54px, 3.25vw, 68px);
}

html body .product-v7-converted {
  color: #c59000;
  padding-bottom: 8px;
  font-size: 16px;
}

html body .product-v7-shipping-note {
  background: #faf7efeb;
  border-radius: 13px;
  min-height: 62px;
  padding: 13px 16px;
}

html body .product-v7-shipping-note button {
  text-align: right;
  max-width: 160px;
  line-height: 1.2;
}

html body .product-v7-quantity-row {
  background: #faf7efeb;
  border-radius: 13px;
  min-height: 58px;
  padding: 10px 14px;
}

html body .product-v7-message-row, html body .product-v7-disclaimer-row {
  background: #ffffffb8;
  border: 1px solid #082e2614;
  border-radius: 10px;
  min-height: 48px;
}

html body .product-v7-message-row {
  padding: 0 15px;
}

html body .product-v7-disclaimer-row {
  color: #082e26a8;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 760;
  display: flex;
}

html body .product-v7-disclaimer-row input {
  accent-color: #0a946b;
  width: 16px;
  height: 16px;
}

html body .product-v7-payment-route {
  background: #fff7d9c7;
  border-radius: 999px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  margin-bottom: 0;
  padding: 7px;
}

html body .product-v7-payment-route span {
  background: #ffd139;
  border-radius: 999px;
  min-height: 34px;
  font-size: 12px;
}

html body .product-v7-payment-route span:last-child {
  color: #114f37;
  background: #74d994;
}

html body .product-v7-action-row .w-full {
  color: #111714;
  background: #fff;
  border-radius: 999px;
  min-height: 50px;
  box-shadow: 0 12px 28px #082e260f;
}

html body .product-v7-buy-button {
  background: #086b4d;
  border-radius: 999px;
  min-height: 54px;
  box-shadow: 0 16px 32px #075f452e;
}

html body .product-v7-purchase-card, html body .product-v7-purchase-card * {
  min-width: 0;
}

html body .product-v7-purchase-card {
  scrollbar-gutter: auto;
  overflow-x: hidden;
}

html body .product-v7-title {
  max-width: 100%;
  font-size: 21px;
}

html body .product-v7-price-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  display: grid;
}

html body .product-v7-converted {
  white-space: nowrap;
}

html body .product-v7-shipping-note {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  display: grid;
}

html body .product-v7-color-grid {
  gap: 10px;
  padding: 0;
  overflow: visible;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  display: grid !important;
}

html body .product-v7-color-option {
  flex: initial;
  aspect-ratio: 1;
  width: auto;
  min-width: 0;
}

html body .product-v7-size-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

html body .product-v7-size-option {
  white-space: normal;
  text-align: center;
  width: 100%;
  padding: 0 10px;
  line-height: 1.15;
}

html body .product-v7-quantity-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  display: grid;
}

html body .product-v7-quantity-row > div:first-child p, html body .product-v7-quantity-control p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

html body .product-v7-quantity-control {
  justify-items: end;
  max-width: 188px;
}

html body .product-v7-message-row, html body .product-v7-disclaimer-row {
  width: 100%;
}

html body .product-v7-disclaimer-row span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

html body .product-v7-action-row {
  padding: 16px 24px 24px;
}

html body .product-v7-payment-route {
  border-radius: 18px;
  grid-template-columns: 1fr;
  padding: 6px;
}

html body .product-v7-payment-route span {
  text-align: center;
  white-space: normal;
  min-height: 32px;
  padding: 0 10px;
  line-height: 1.15;
}

html body .product-v7-details-tabs {
  scrollbar-width: none;
  gap: clamp(20px, 2vw, 30px);
  margin: 26px 0 24px;
  overflow: auto hidden;
}

html body .product-v7-details-tabs::-webkit-scrollbar {
  display: none;
}

html body .product-v7-details-tabs button {
  flex: none;
  min-height: 50px;
  font-size: clamp(24px, 1.35vw, 30px);
}

html body .product-v7-details-tabs button[aria-selected="true"]:after {
  height: 3px;
}

html body .product-v7-action-row {
  box-shadow: none;
  padding: 18px 28px 28px;
  position: static;
  bottom: auto;
}

html body .product-v7-color-grid {
  justify-content: start;
  gap: 10px;
  overflow: visible;
  grid-template-columns: repeat(auto-fill, 48px) !important;
  display: grid !important;
}

html body .product-v7-color-option {
  aspect-ratio: auto;
  width: 48px;
  height: 48px;
  box-shadow: none;
  background: #f8f6ef;
  border-radius: 7px;
}

html body .product-v7-color-option img {
  padding: 0 !important;
}

html body .product-v7-color-option[data-active="true"] {
  border-color: #0a946b;
  box-shadow: 0 0 0 1px #0a946b;
}

html body .product-v7-size-choice-grid {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

html body .product-v7-size-option {
  white-space: nowrap;
  width: auto;
  min-height: 44px;
  padding: 0 16px;
  line-height: 1;
}

html body .product-v7-shipping-note, html body .product-v7-quantity-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

html body .product-v7-shipping-note button {
  text-align: right;
  justify-self: auto;
  max-width: 170px;
}

html body .product-v7-payment-route {
  border-radius: 999px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
}

html body .product-v7-payment-route span {
  white-space: nowrap;
}

@media (max-width: 1320px) {
  html body .product-v7-color-grid {
    grid-template-columns: repeat(auto-fill, 44px) !important;
  }

  html body .product-v7-color-option {
    width: 44px;
    height: 44px;
  }
}

html body .product-v7-left {
  overflow: hidden;
}

html body .product-v7-left .product-v7-details {
  max-width: 100%;
  overflow: hidden;
}

html body .product-v7-left .product-v7-details-tabs {
  gap: clamp(18px, 1.6vw, 26px);
  width: 100%;
  max-width: 100%;
  padding-right: 34px;
  font-size: 0;
  -webkit-mask-image: linear-gradient(90deg, #000 0% calc(100% - 42px), #0000 100%);
  mask-image: linear-gradient(90deg, #000 0% calc(100% - 42px), #0000 100%);
}

html body .product-v7-left .product-v7-details-tabs button {
  min-height: 48px;
  font-size: clamp(22px, 1.15vw, 27px);
  line-height: 1.05;
}

@media (max-width: 1320px) {
  html body .product-v7-left .product-v7-details-tabs {
    gap: 14px;
    padding-right: 0;
    -webkit-mask-image: none;
    mask-image: none;
  }

  html body .product-v7-left .product-v7-details-tabs button {
    font-size: clamp(18px, 1.45vw, 19.5px);
  }
}

html body .product-v7-left .product-v7-details-tabs {
  background: #ffffffa8;
  border: 1px solid #082e2614;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  width: auto;
  max-width: 100%;
  min-height: 50px;
  margin: 26px 0 22px;
  padding: 5px;
  display: inline-flex;
  overflow-x: auto;
  box-shadow: 0 14px 32px #082e260f;
  -webkit-mask-image: none;
  mask-image: none;
}

html body .product-v7-left .product-v7-details-tabs button {
  color: #082e2694;
  border-radius: 999px;
  min-height: 38px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  transition: background .16s, color .16s, box-shadow .16s;
}

html body .product-v7-left .product-v7-details-tabs button[aria-selected="true"] {
  color: #fff;
  background: #075f49;
  font-weight: 900;
  box-shadow: 0 10px 22px #075f4929;
}

html body .product-v7-left .product-v7-details-tabs button[aria-selected="true"]:after {
  display: none;
}

@media (max-width: 1320px) {
  html body .product-v7-left .product-v7-details-tabs button {
    padding: 0 14px;
    font-size: 13px;
  }
}

html body .product-v7-purchase-head {
  border-bottom: 1px solid #082e2614;
  gap: 18px;
  padding: 22px 28px 20px;
  display: grid;
}

html body .product-v7-store-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0;
  display: grid;
}

html body .product-v7-store-identity, html body .product-v7-store-actions, html body .product-v7-title-actions {
  align-items: center;
  display: flex;
}

html body .product-v7-store-identity {
  gap: 10px;
  min-width: 0;
}

html body .product-v7-source-logo {
  color: #fff;
  background: #f15d13;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v7-store-identity strong {
  color: #111714;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 880;
  overflow: hidden;
}

html body .product-v7-store-actions {
  gap: 8px;
}

html body .product-v7-store-actions button, html body .product-v7-title-actions button, html body .product-v7-help-card button {
  color: #111714b8;
  background: #ffffffbd;
  border: 1px solid #082e261a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-weight: 820;
  display: inline-flex;
}

html body .product-v7-store-actions button {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}

html body .product-v7-store-actions button:last-child {
  background: #082e260f;
}

html body .product-v7-title-block {
  gap: 12px;
  padding-top: 0;
  display: grid;
}

html body .product-v7-title {
  color: #111714;
  margin: 0;
  font-size: clamp(28px, 2.35vw, 40px);
  line-height: 1.08;
}

html body .product-v7-price-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}

html body .product-v7-price {
  color: #009300;
  font-size: clamp(34px, 3.1vw, 48px);
}

html body .product-v7-converted {
  color: #111714a8;
  padding: 0;
  font-size: 16px;
}

html body .product-v7-title-actions {
  gap: 8px;
}

html body .product-v7-title-actions button {
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
}

html body .product-v7-title-actions button:not(:first-child) {
  width: 38px;
  padding: 0;
}

html body .product-v7-panel-body {
  gap: 18px;
}

html body .product-v7-domestic-card, html body .product-v7-help-card {
  border-top: 1px solid #082e2614;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding-top: 18px;
  display: grid;
}

html body .product-v7-domestic-card:first-child {
  border-top: 0;
  padding-top: 0;
}

html body .product-v7-domestic-card div:first-child, html body .product-v7-help-card div {
  gap: 5px;
  display: grid;
}

html body .product-v7-domestic-card strong, html body .product-v7-help-card strong, html body .product-v7-section-heading strong {
  color: #111714;
  font-size: 17px;
  font-weight: 900;
}

html body .product-v7-domestic-card span, html body .product-v7-help-card span, html body .product-v7-section-heading span {
  color: #11171499;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

html body .product-v7-domestic-price {
  grid-template-columns: auto minmax(52px, auto) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

html body .product-v7-domestic-price strong {
  color: #111714;
  background: #fffc;
  border: 1px solid #082e261f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  min-height: 38px;
  font-size: 18px;
  display: inline-flex;
}

html body .product-v7-help-card button {
  color: #082e26;
  white-space: nowrap;
  background: #fff;
  min-height: 42px;
  padding: 0 16px;
}

html body .product-v7-section-heading {
  border-top: 1px solid #082e2614;
  gap: 6px;
  padding-top: 18px;
  display: grid;
}

html body .product-v7-shipping-note {
  background: #22360f14;
  border-color: #b7ff0085;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  display: grid;
}

html body .product-v7-shipping-note button {
  color: #fff;
  text-align: center;
  background: #111714;
  border-radius: 999px;
  align-self: center;
  max-width: none;
  padding: 8px 12px;
}

html body .product-v7-route-row {
  border-top: 1px solid #082e2614;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 8px;
  padding-top: 12px;
  display: grid;
}

html body .product-v7-route-row span {
  color: #111714c7;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffffc7;
  border-radius: 12px;
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 820;
  overflow: hidden;
}

@media (max-width: 1320px) {
  html body .product-v7-store-row, html body .product-v7-domestic-card, html body .product-v7-help-card {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .product-v7-store-actions, html body .product-v7-title-actions {
    flex-wrap: wrap;
  }

  html body .product-v7-title {
    font-size: 28px;
  }

  html body .product-v7-route-row {
    grid-template-columns: 1fr;
  }
}

html body .product-v7-store-row {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 44px;
}

html body .product-v7-store-identity {
  gap: 12px;
}

html body .product-v7-source-logo {
  background: none;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  padding: 0;
  overflow: hidden;
}

html body .product-v7-source-logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

html body .product-v7-store-identity strong {
  font-size: 17px;
  font-weight: 900;
}

html body .product-v7-save-seller {
  color: #0a946b;
  background: #0a946b1a;
  border: 0;
  border-radius: 999px;
  width: 38px;
  height: 38px;
  padding: 0;
  position: relative;
}

html body .product-v7-save-seller:after {
  content: attr(data-tooltip);
  z-index: 10;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  background: #111714e0;
  border-radius: 8px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 760;
  transition: opacity .14s, transform .14s;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, -4px);
}

html body .product-v7-save-seller:before {
  content: "";
  z-index: 10;
  opacity: 0;
  border: 5px solid #0000;
  border-bottom-color: #111714e0;
  transition: opacity .14s;
  position: absolute;
  top: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}

html body .product-v7-save-seller:hover:after, html body .product-v7-save-seller:focus-visible:after {
  opacity: 1;
  transform: translate(-50%);
}

html body .product-v7-save-seller:hover:before, html body .product-v7-save-seller:focus-visible:before {
  opacity: 1;
}

html body .product-v7-store-actions {
  justify-content: end;
}

html body .product-v7-store-actions .product-v7-enter-shop {
  color: #075f49;
  background: #0a946b14;
  border-color: #0a946b29;
  min-height: 36px;
  padding: 0 13px 0 15px;
}

@media (max-width: 1320px) {
  html body .product-v7-store-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (max-width: 760px) {
  html body .product-v7-details-tabs {
    gap: 18px;
    margin-top: 24px;
    overflow-x: auto;
  }

  html body .product-v7-details-tabs button {
    font-size: 24px;
  }

  html body .product-v7-guide-grid, html body .product-v7-qc-grid, html body .product-v7-payment-route {
    grid-template-columns: 1fr;
  }
}

html body .product-v7-purchase-card {
  max-height: calc(100vh - 132px);
  overflow: visible;
}

html body .product-v7-purchase-head {
  gap: 14px;
  padding: 20px 26px 16px;
}

html body .product-v7-title {
  font-size: clamp(28px, 2vw, 36px);
}

html body .product-v7-action-row {
  border-top: 1px solid #082e2614;
  gap: 12px;
  padding: 16px 26px 24px;
  display: grid;
}

@media (max-width: 1320px) {
  html body .product-v7-title {
    font-size: 27px;
  }

  html body .product-v7-purchase-head, html body .product-v7-panel-body, html body .product-v7-action-row {
    padding-left: 24px;
    padding-right: 24px;
  }
}

html body .product-v7-purchase-card {
  flex-direction: column;
  height: min(640px, 100vh - 152px);
  min-height: 540px;
  max-height: calc(100vh - 152px);
  display: flex;
  overflow: hidden;
}

html body .product-v7-purchase-head {
  flex: none;
  gap: 12px;
  padding: 18px 24px 14px;
}

html body .product-v7-title-block {
  gap: 7px;
  padding-top: 12px;
}

html body .product-v7-title {
  margin-bottom: 2px;
  font-size: clamp(26px, 1.85vw, 34px);
}

html body .product-v7-title-actions {
  margin-top: 0;
}

html body .product-v7-title-actions button {
  min-height: 34px;
}

html body .product-v7-panel-body {
  overscroll-behavior: contain;
  flex: auto;
  gap: 14px;
  min-height: 0;
  padding: 16px 24px 14px;
  overflow-y: auto;
}

html body .product-v7-panel-body::-webkit-scrollbar {
  width: 5px;
}

html body .product-v7-panel-body::-webkit-scrollbar-thumb {
  background: #082e261f;
  border-radius: 999px;
}

html body .product-v7-quantity-row {
  padding: 11px 13px;
}

html body .product-v7-message-row {
  min-height: 46px;
}

html body .product-v7-disclaimer-row {
  min-height: 44px;
}

html body .product-v7-action-row {
  background: #fffffff5;
  flex: none;
  gap: 10px;
  padding: 14px 24px 20px;
  position: relative;
  box-shadow: 0 -16px 34px #ffffffdb;
}

html body .product-v7-total-row {
  padding-bottom: 0;
}

html body .product-v7-action-row .w-full, html body .product-v7-buy-button {
  min-height: 46px;
}

@media (max-width: 1320px) {
  html body .product-v7-purchase-card {
    height: min(612px, 100vh - 146px);
    min-height: 520px;
    max-height: calc(100vh - 146px);
  }

  html body .product-v7-purchase-head, html body .product-v7-panel-body, html body .product-v7-action-row {
    padding-left: 22px;
    padding-right: 22px;
  }
}

html body .product-v7-purchase-card {
  height: auto;
  min-height: 0;
  max-height: none;
  display: block;
  overflow: visible;
}

html body .product-v7-panel-body {
  min-height: 0;
  overflow: visible;
}

html body .product-v7-action-row {
  box-shadow: none;
  background: #fffffff5;
  position: static;
}

html body .product-v7-quantity-row, html body .product-v7-message-row, html body .product-v7-disclaimer-row {
  display: flex;
}

@media (max-width: 1320px) {
  html body .product-v7-purchase-card {
    height: auto;
    min-height: 0;
    max-height: none;
  }
}

@media (min-width: 1181px) {
  html body .product-v7-shell {
    width: min(1900px, 100vw - clamp(56px, 5vw, 104px));
    padding-top: 28px;
  }

  html body .product-v7-grid {
    grid-template-columns: minmax(860px, 1fr) clamp(610px, 32vw, 680px);
    justify-content: stretch;
    gap: clamp(40px, 3.1vw, 64px);
  }

  html body .product-v7-aside {
    top: 104px;
  }
}

html body .product-v7-purchase-card {
  border-radius: 26px;
}

html body .product-v7-purchase-head {
  padding: 24px 30px 18px;
}

html body .product-v7-store-row {
  margin-bottom: 18px;
}

html body .product-v7-store-identity strong {
  font-size: 16px;
  line-height: 1.1;
}

html body .product-v7-title-block {
  gap: 8px;
}

html body .product-v7-title {
  letter-spacing: 0;
  max-width: 92%;
  font-size: clamp(29px, 1.75vw, 34px);
  line-height: 1.08;
}

html body .product-v7-price-row {
  justify-content: flex-start;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

html body .product-v7-price {
  letter-spacing: 0;
  font-size: clamp(38px, 2.25vw, 46px);
  line-height: .98;
}

html body .product-v7-converted {
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
}

html body .product-v7-title-actions {
  gap: 8px;
  margin-top: 3px;
}

html body .product-v7-title-actions button {
  min-height: 36px;
  font-size: 12px;
}

html body .product-v7-panel-body {
  gap: 16px;
  padding: 18px 30px;
}

html body .product-v7-panel-body h3 {
  font-size: 14px;
  line-height: 1.2;
}

html body .product-v7-panel-body h3 + span, html body .product-v7-panel-body .text-prv-muted {
  font-size: 12px;
  line-height: 1.25;
}

html body .product-v7-color-grid {
  flex-wrap: wrap;
  gap: 10px;
  grid-template-columns: none !important;
  display: flex !important;
}

html body .product-v7-color-option {
  border-radius: 11px;
  flex: none;
  width: 54px;
  height: 54px;
}

html body .product-v7-size-option {
  min-height: 42px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 820;
}

html body .product-v7-quantity-row {
  min-height: 74px;
  padding: 14px 16px;
}

html body .product-v7-quantity-row h3, html body .product-v7-message-row span {
  font-size: 14px !important;
}

html body .product-v7-quantity-control p, html body .product-v7-disclaimer-row span {
  font-size: 12px;
}

html body .product-v7-message-row {
  aspect-ratio: auto;
  min-height: 48px;
  padding: 0 16px;
}

html body .product-v7-disclaimer-row {
  min-height: 46px;
  padding: 0 16px;
}

html body .product-v7-action-row {
  gap: 12px;
  padding: 18px 30px 26px;
}

html body .product-v7-total-row {
  font-size: 13px;
}

html body .product-v7-total-row strong {
  font-size: 25px;
}

html body .product-v7-action-row .w-full, html body .product-v7-buy-button {
  min-height: 48px;
  font-size: 14px;
}

@media (max-width: 1500px) and (min-width: 1181px) {
  html body .product-v7-grid {
    grid-template-columns: minmax(680px, 1fr) clamp(520px, 37vw, 600px);
    gap: 36px;
  }

  html body .product-v7-shell {
    width: min(100% - 44px, 1420px);
  }
}

@media (min-width: 1181px) {
  html body .product-v7-grid {
    grid-template-columns: minmax(0, min(48vw, 820px)) clamp(610px, 32vw, 680px);
    justify-content: center;
  }

  html body .product-v7-gallery {
    width: 100%;
    max-width: 820px;
  }

  html body .product-v7-main-image {
    max-width: 820px;
  }
}

@media (max-width: 1500px) and (min-width: 1181px) {
  html body .product-v7-grid {
    grid-template-columns: minmax(0, min(48vw, 760px)) clamp(520px, 37vw, 600px);
  }

  html body .product-v7-gallery, html body .product-v7-main-image {
    max-width: 760px;
  }
}

html body .product-v7-store-identity {
  align-items: center;
}

html body .product-v7-save-seller {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: inline-flex;
  transform: none;
}

html body .product-v7-save-seller svg {
  stroke-width: 2.25px;
  margin: 0;
  display: block;
}

html body .product-v7-price {
  font-size: clamp(40px, 2.4vw, 50px);
}

html body .product-v7-converted {
  color: #111714ad;
  font-size: clamp(17px, 1.05vw, 20px);
  font-weight: 900;
  line-height: 1;
}

html body .product-v7-title-actions {
  align-items: center;
}

html body .product-v7-source-action {
  position: relative;
}

html body .product-v7-modify-action {
  min-width: 126px;
}

html body .product-v7-source-action[data-tooltip]:after {
  content: attr(data-tooltip);
  z-index: 20;
  color: #111714;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  background: #fff;
  border-radius: 7px;
  padding: 8px 13px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  transition: opacity .14s, transform .14s;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 4px);
  box-shadow: 0 10px 24px #00000024;
}

html body .product-v7-source-action[data-tooltip]:before {
  content: "";
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  border: 6px solid #0000;
  border-top-color: #fff;
  transition: opacity .14s;
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}

html body .product-v7-source-action[data-tooltip]:hover:after, html body .product-v7-source-action[data-tooltip]:focus-visible:after {
  opacity: 1;
  transform: translate(-50%);
}

html body .product-v7-source-action[data-tooltip]:hover:before, html body .product-v7-source-action[data-tooltip]:focus-visible:before {
  opacity: 1;
}

html body .product-v7-dialog-backdrop {
  z-index: 100;
  -webkit-backdrop-filter: blur(10px);
  background: #00000094;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

html body .product-v7-price-dialog {
  color: #f7f7f4;
  background: #111214;
  border-radius: 24px;
  width: min(820px, 100vw - 32px);
  padding: 34px 38px 28px;
  position: relative;
  box-shadow: 0 30px 90px #00000073;
}

html body .product-v7-price-dialog h2 {
  color: #fff;
  letter-spacing: 0;
  margin: 0 0 28px;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.05;
}

html body .product-v7-dialog-close {
  color: #fff;
  background: #ffffff14;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: inline-flex;
  position: absolute;
  top: 28px;
  right: 28px;
}

html body .product-v7-price-input {
  border: 1px solid #ffffff47;
  border-radius: 5px;
  grid-template-columns: 74px minmax(0, 1fr);
  width: min(520px, 100%);
  min-height: 46px;
  display: grid;
  overflow: hidden;
}

html body .product-v7-price-input span {
  color: #fff;
  border-right: 1px solid #ffffff47;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

html body .product-v7-price-input input {
  color: #fff;
  background: none;
  border: 0;
  outline: none;
  min-width: 0;
  padding: 0 14px;
  font-size: 20px;
}

html body .product-v7-price-warning {
  color: #ffffffd1;
  margin: 18px 0 6px;
  font-size: 19px;
  font-weight: 650;
}

html body .product-v7-price-help {
  color: #ffffffc2;
  max-width: 760px;
  margin: 0;
  font-size: 18px;
  font-weight: 520;
  line-height: 1.34;
}

html body .product-v7-dialog-divider {
  background: #ffffffa3;
  height: 1px;
  margin: 24px 0 26px;
}

html body .product-v7-dialog-label {
  color: #ffffffd1;
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 560;
}

html body .product-v7-reason-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 8px;
  display: grid;
}

html body .product-v7-reason-grid button {
  color: #ffffffd1;
  background: none;
  border: 1px solid #ffffffc7;
  border-radius: 5px;
  min-height: 44px;
  padding: 0 14px;
  font-size: 19px;
  font-weight: 520;
}

html body .product-v7-dialog-actions {
  grid-template-columns: repeat(2, minmax(0, 220px));
  justify-content: end;
  gap: 12px;
  margin-top: 46px;
  display: grid;
}

html body .product-v7-dialog-actions button {
  color: #ffffffb8;
  background: none;
  border: 1px solid #ffffff94;
  border-radius: 12px;
  min-height: 58px;
  font-size: 22px;
  font-weight: 560;
}

html body .product-v7-dialog-actions button:last-child {
  color: #111214;
  background: #fff;
  border-color: #fff;
}

@media (max-width: 760px) {
  html body .product-v7-price-row {
    flex-wrap: wrap;
  }

  html body .product-v7-reason-grid, html body .product-v7-dialog-actions {
    grid-template-columns: 1fr;
  }
}

html body .product-v7-domestic-shipping {
  background: #1117140e;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: grid;
}

html body .product-v7-domestic-shipping > div:first-child, html body .product-v7-help-before-buying > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

html body .product-v7-domestic-shipping strong, html body .product-v7-help-before-buying strong {
  color: #111714;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.18;
}

html body .product-v7-domestic-shipping span, html body .product-v7-help-before-buying span {
  color: #11171494;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.35;
}

html body .product-v7-domestic-price {
  color: #111714b3;
  white-space: nowrap;
  grid-template-columns: auto 68px auto;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 760;
  display: grid;
}

html body .product-v7-domestic-price input {
  color: #111714;
  text-align: center;
  background: #ffffffbd;
  border: 1px solid #082e261f;
  border-radius: 8px;
  outline: none;
  width: 68px;
  height: 36px;
  font-size: 17px;
  font-weight: 900;
}

html body .product-v7-help-before-buying {
  border-top: 1px solid #082e2614;
  border-bottom: 1px solid #082e2614;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 15px 0;
  display: grid;
}

html body .product-v7-help-before-buying button {
  color: #082e26;
  background: #fff;
  border: 0;
  border-radius: 999px;
  min-height: 40px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 12px 28px #082e2614;
}

html body .product-v7-disclaimer-block {
  border-radius: 14px;
  gap: 12px;
  display: grid;
}

html body .product-v7-disclaimer-block .product-v7-disclaimer-row {
  background: none;
  border: 0;
  justify-content: space-between;
  gap: 14px;
  min-height: 46px;
  padding: 0;
}

html body .product-v7-disclaimer-row label {
  color: #111714;
  align-items: center;
  gap: 12px;
  min-width: 0;
  font-size: 15px;
  font-weight: 620;
  line-height: 1.25;
  display: flex;
}

html body .product-v7-disclaimer-row label span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
}

html body .product-v7-disclaimer-row label strong {
  font-weight: 900;
}

html body .product-v7-disclaimer-row input {
  accent-color: #0a946b;
  flex: none;
  width: 20px;
  height: 20px;
}

html body .product-v7-disclaimer-row button {
  color: #111714b8;
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: transform .16s;
  display: inline-flex;
}

html body .product-v7-disclaimer-block[data-open="true"] .product-v7-disclaimer-row button {
  transform: rotate(90deg);
}

html body .product-v7-disclaimer-copy {
  color: #11171494;
  margin: 0;
  font-size: 14px;
  font-weight: 620;
  line-height: 1.36;
}

@media (max-width: 760px) {
  html body .product-v7-domestic-shipping, html body .product-v7-help-before-buying {
    grid-template-columns: 1fr;
  }

  html body .product-v7-domestic-price {
    justify-content: start;
  }
}

html body .product-v7-action-row {
  z-index: 8;
  -webkit-backdrop-filter: blur(14px);
  background: #fffffff5;
  border-top: 1px solid #082e2614;
  margin-top: 2px;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -18px 34px #ffffffe6;
}

html body .product-v7-panel-body {
  padding-bottom: 14px;
}

@media (min-width: 1181px) {
  html body .product-v7-aside {
    align-self: start;
    position: sticky;
    top: 104px;
  }

  html body .product-header {
    padding: 20px 12px 0;
  }

  html body .product-nav {
    grid-template-columns: clamp(154px, 8.2vw, 176px) clamp(146px, 7.4vw, 174px) clamp(690px, 40vw, 830px) minmax(260px, 360px) clamp(194px, 10.8vw, 224px) 52px;
    justify-content: center;
    gap: clamp(14px, 1.05vw, 22px);
    width: min(1900px, 100vw - 24px);
    min-height: 56px;
  }
}

html body .product-brand-pill, html body .product-locale-pill, html body .product-main-nav, html body .product-nav-source, html body .product-auth-pill, html body .product-cart-pill, html body .product-account-pill {
  border: 1px solid #ffffffc7;
  box-shadow: 0 18px 44px #0000002e, inset 0 1px #ffffffdb;
}

html body .product-brand-pill {
  background: linear-gradient(#0a6850f0, #074f3eeb);
  border-color: #ffffff3d;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  min-width: 0;
  height: 56px;
  padding: 0 18px 0 11px;
  font-size: 16px;
  font-weight: 880;
}

html body .product-brand-logo {
  width: 40px;
  height: 40px;
}

html body .product-locale-pill {
  background: #fffffff0;
  gap: 10px;
  width: 100%;
  height: 56px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 860;
}

html body .product-main-nav {
  --liquid-pad: 5px;
  --liquid-gap: 6px;
  gap: var(--liquid-gap);
  width: 100%;
  min-height: 56px;
  padding: var(--liquid-pad);
  background: #ffffffeb;
}

html body .product-main-nav:before {
  top: var(--liquid-pad);
  bottom: var(--liquid-pad);
  left: var(--liquid-pad);
  width: calc((100% - (var(--liquid-pad) * 2) - (var(--liquid-gap) * 4)) / 5);
  border-radius: 999px;
  height: 46px;
  transform: translateX(calc(var(--liquid-active) * (100% + var(--liquid-gap)))) scale(.985) !important;
  background: radial-gradient(circle at 24% 18%, #ffffffb8, #0000 40%), linear-gradient(135deg, #daf8ecfa, #ffffffb8) !important;
  box-shadow: 0 18px 42px #075f4524, inset 0 1px #ffffffeb, inset 0 -16px 28px #075f4514 !important;
}

html body .product-main-nav button {
  height: 46px;
  padding: 0 10px;
  font-size: clamp(13px, .72vw, 14px);
  font-weight: 780;
}

html body .product-nav-source {
  background: #ffffffeb;
  grid-template-columns: auto minmax(0, 1fr) 42px;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  padding: 7px 7px 7px 16px;
}

html body .product-nav-source input {
  font-size: 13px;
  font-weight: 780;
}

html body .product-nav-source button {
  width: 42px;
  height: 42px;
}

html body .product-auth-pill {
  --liquid-pad: 5px;
  --liquid-gap: 6px;
  width: 100%;
  min-height: 56px;
  padding: var(--liquid-pad);
  background: #ffffffeb;
}

html body .product-auth-pill:before {
  height: 46px;
}

html body .product-auth-pill a {
  justify-content: center;
  min-height: 46px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 780;
}

html body .product-cart-pill {
  background: #fffffff0;
  width: 52px;
  height: 52px;
}

@media (max-width: 1560px) and (min-width: 1181px) {
  html body .product-nav {
    grid-template-columns: 144px 142px minmax(560px, 1fr) minmax(220px, 300px) 194px 52px;
    gap: 12px;
    width: calc(100vw - 28px);
  }
}

html body .product-auth-pill {
  background: linear-gradient(90deg, #fffffffa, #ffffffe6);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}

html body .product-auth-pill:before {
  content: "";
  top: var(--liquid-pad);
  bottom: var(--liquid-pad);
  left: var(--liquid-pad);
  z-index: 0;
  width: calc((100% - (var(--liquid-pad) * 2) - var(--liquid-gap)) / 2);
  border-radius: 999px;
  position: absolute;
  transform: translateX(calc(var(--liquid-active) * (100% + var(--liquid-gap)))) scale(.985) !important;
  background: radial-gradient(circle at 24% 18%, #ffffff6b, #0000 40%), linear-gradient(135deg, #17b986, #05704f) !important;
  transition: transform .64s cubic-bezier(.18, 1.18, .22, 1), box-shadow .26s, background .26s !important;
  box-shadow: 0 16px 34px #05704f3d, inset 0 1px #ffffff57 !important;
}

html body .product-auth-pill:has(a:first-child:hover):before {
  transform: translateX(0)scale(.985) !important;
}

html body .product-auth-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0)scale(.985) !important;
}

html body .product-auth-pill:has(a:last-child:hover):before {
  transform: translateX(calc(100% + var(--liquid-gap))) scale(.985) !important;
}

html body .product-auth-pill:has(a:last-child:focus-visible):before {
  transform: translateX(calc(100% + var(--liquid-gap))) scale(.985) !important;
}

html body .product-auth-pill a {
  z-index: 1;
  color: #0000009e;
  position: relative;
  transform: none !important;
}

html body .product-auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body .product-auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
}

:is(html body .product-auth-pill:has(a:first-child:hover) a:first-child, html body .product-auth-pill:has(a:first-child:focus-visible) a:first-child) {
  color: #fff !important;
}

:is(html body .product-auth-pill:has(a:first-child:hover) a:last-child, html body .product-auth-pill:has(a:first-child:focus-visible) a:last-child) {
  color: #0000009e !important;
}

html body .product-v7-main-image {
  background: radial-gradient(circle at 50% 40%, #ffffffeb, #f8f6efbd 70%), #f8f6efc2;
  border-radius: 18px;
  box-shadow: 0 18px 44px #001f1714, inset 0 1px #ffffffbd;
}

html body .product-v7-main-image img {
  padding: clamp(22px, 2.5vw, 42px) !important;
}

html body .product-v7-preview-button, html body .product-v7-thumb-button {
  box-shadow: 0 10px 24px #082e2614;
}

html body .product-v7-purchase-card {
  -webkit-backdrop-filter: blur(22px) saturate(116%);
  background: radial-gradient(circle at 96% 3%, #d3f6fa8a, #0000 36%), linear-gradient(#ffffffdb, #ffffffb8);
  border: 1px solid #ffffff75;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 22px 58px #001f171f, inset 0 1px #ffffffdb;
}

html body .product-v7-purchase-head {
  background: none;
  border-bottom-color: #082e260f;
}

html body .product-v7-action-row {
  background: linear-gradient(#ffffff7a, #ffffffc2);
  border-top-color: #082e260e;
  box-shadow: 0 -16px 30px #ffffff80;
}

html body .product-v7-action-row .w-full {
  background: #ffffffd1;
}

@media (min-width: 1181px) {
  html body .product-v7-shell {
    padding-top: 32px;
  }
}

html body .product-v7-gallery-stage {
  background: linear-gradient(#ffffffa3, #ffffff6b), #f6f3ea7a;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 18px 48px #001f171f, inset 0 1px #ffffffa3;
}

html body .product-v7-main-image {
  background: radial-gradient(circle at 50% 40%, #ffffffe6, #f8f6ef94 72%), #f9f7f075;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 12px 34px #001f1712, inset 0 1px #ffffffb3;
}

html body .product-v7-main-image:before, html body .product-v7-media-caption, html body .product-v7-media-badge {
  display: none;
}

html body .product-v7-purchase-card {
  -webkit-backdrop-filter: blur(24px) saturate(112%);
  background: radial-gradient(circle at 94% 0, #c1f4e094, #0000 32%), linear-gradient(#ffffffb8, #ffffff8a);
  border: 0;
  border-radius: 16px;
  box-shadow: 0 18px 48px #001f1721, inset 0 1px #ffffffc7;
}

html body .product-v7-panel-body {
  background: #ffffff24;
}

html body .product-v7-domestic-shipping, html body .product-v7-quantity-row {
  background: #f9f6ee8a;
}

html body .product-v7-disclaimer-block, html body .product-v7-help-before-buying {
  background: none;
}

html body .product-v7-action-row {
  box-shadow: none;
  background: linear-gradient(#ffffff2e, #ffffff80);
}

html body .product-page-v7 {
  background: radial-gradient(circle at 16% 180px, #ffffff14, #0000 25%), radial-gradient(circle at 76% 185px, #5b9cff3d, #0000 34%), linear-gradient(#08111f 0, #14243f 265px, #1d3765 392px, #2f5586c2 512px, #dce5eee0 650px, #f5f2e8 810px, #fbfaf5 100%) !important;
}

html body .product-header {
  background: linear-gradient(#08111fdb, #08111f00) !important;
}

html body .product-brand-pill {
  background: #08111fc7 !important;
  border-color: #ffffff29 !important;
  box-shadow: 0 18px 42px #08111f3d, inset 0 1px #ffffff1f !important;
}

html body .product-locale-pill svg:first-child, html body .product-nav-source svg, html body .product-nav-source button svg {
  color: #2f6df3 !important;
}

html body .product-main-nav:before {
  background: radial-gradient(circle at 22% 18%, #fffffff5, #0000 46%), linear-gradient(135deg, #e0eefffa, #ffffffc2) !important;
  box-shadow: 0 18px 42px #2563eb29, inset 0 1px #ffffffd6 !important;
}

html body .product-main-nav button.active, html body .product-main-nav button:hover, html body .product-main-nav button:focus-visible {
  color: #1d4ed8 !important;
}

html body .product-nav-source button, html body .product-auth-pill:before {
  background: radial-gradient(circle at 28% 18%, #ffffff8a, #0000 42%), linear-gradient(135deg, #6aa0ff, #2f6df3 46%, #1d4ed8) !important;
  box-shadow: 0 16px 34px #2563eb38, inset 0 1px #ffffff52 !important;
}

html body .product-auth-pill a:last-child, html body .product-auth-pill[data-active="1"] a:last-child {
  color: #fff !important;
}

html body .product-auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body .product-auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
}

html body .product-locale-popover .locale-option.active, html body .product-locale-popover .locale-option:hover, html body .product-locale-popover .currency-option.active, html body .product-locale-popover .currency-option:hover {
  color: #1d4ed8 !important;
  background: linear-gradient(135deg, #dbeafef5, #fff8dac7) !important;
  border-color: #2563eb2e !important;
}

html body .product-v7-gallery-stage, html body .product-v7-main-image {
  box-shadow: 0 18px 48px #08111f1f, inset 0 1px #ffffffb8 !important;
}

html body .product-v7-purchase-card {
  background: radial-gradient(circle at 94% 0, #dbeafec7, #0000 32%), linear-gradient(#ffffffc2, #ffffff94) !important;
  box-shadow: 0 18px 48px #08111f24, inset 0 1px #ffffffd1 !important;
}

html body .product-v7-purchase-head {
  border-bottom-color: #1d376514 !important;
}

html body .product-v7-converted {
  color: #14243fb3 !important;
  font-weight: 800 !important;
}

html body .product-v7-save-seller, html body .product-v7-enter-shop {
  color: #1d4ed8 !important;
  background: #dbeafeb8 !important;
  border-color: #2563eb1f !important;
}

html body .product-v7-save-seller svg, html body .product-v7-enter-shop svg {
  color: #2f6df3 !important;
}

html body .product-v7-source-action:hover, html body .product-v7-source-action:focus-visible, html body .product-v7-modify-action {
  color: #1d4ed8 !important;
  border-color: #2563eb2e !important;
}

html body .product-v7-domestic-price input:focus {
  border-color: #2563eb52 !important;
  box-shadow: 0 0 0 4px #2563eb14 !important;
}

html body .product-v7-help-before-buying {
  border-color: #1d376514 !important;
}

html body .product-v7-help-before-buying button {
  color: #1d4ed8 !important;
}

html body .product-v7-color-option[data-active="true"], html body .product-v7-size-option[data-active="true"], html body .product-v7-thumb-button[aria-current="true"] {
  color: #1d4ed8 !important;
  border-color: #2f6df3 !important;
  box-shadow: 0 12px 24px #2563eb1f, inset 0 0 0 1px #ffffffd1 !important;
}

html body .product-v7-size-option[data-active="true"] {
  background: linear-gradient(135deg, #dbeafef0, #ffffffb8) !important;
}

html body .product-v7-quantity-control button:hover, html body .product-v7-quantity-control button:focus-visible {
  color: #1d4ed8 !important;
}

html body .product-v7-disclaimer-row input:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

html body .product-v7-details-tabs {
  border-color: #1d376514 !important;
}

html body .product-v7-details-tabs button[aria-selected="true"] {
  color: #fff !important;
  background: #1d4ed8 !important;
}

html body .product-home-header {
  background: linear-gradient(#f7f5efd6, #f7f5ef00);
}

html body .product-home-header .cd-nav {
  max-width: 1440px;
  padding: 0 80px;
}

html body .product-home-header .brand-pill {
  background: var(--green-900) !important;
  color: var(--paper) !important;
}

html body .product-home-header .nav-pill {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: min(760px, 53vw) !important;
}

html body .product-home-header .nav-pill:before {
  background: radial-gradient(circle at 22% 18%, #ffffffb3, #0000 44%), linear-gradient(135deg, #ddf7ecfa, #ffffffc2) !important;
  width: calc(20% - 5.2px) !important;
  box-shadow: 0 18px 44px #05704f21, inset 0 1px #ffffffeb, inset 0 -16px 28px #075f4514 !important;
}

html body .product-home-header .nav-pill:has(a:first-child:hover):before {
  transform: translateX(0) !important;
}

html body .product-home-header .nav-pill:has(a:first-child:focus-visible):before {
  transform: translateX(0) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(2):hover):before {
  transform: translateX(calc(100% + 4px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(2):focus-visible):before {
  transform: translateX(calc(100% + 4px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(3):hover):before {
  transform: translateX(calc(200% + 8px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(3):focus-visible):before {
  transform: translateX(calc(200% + 8px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(4):hover):before {
  transform: translateX(calc(300% + 12px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(4):focus-visible):before {
  transform: translateX(calc(300% + 12px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(5):hover):before {
  transform: translateX(calc(400% + 16px)) !important;
}

html body .product-home-header .nav-pill:has(a:nth-child(5):focus-visible):before {
  transform: translateX(calc(400% + 16px)) !important;
}

html body .product-home-header .auth-pill:before {
  background: radial-gradient(circle at 24% 18%, #ffffff6b, #0000 40%), linear-gradient(135deg, #17b986, #05704f) !important;
  box-shadow: 0 16px 34px #05704f3d, inset 0 1px #ffffff57 !important;
}

html body .product-home-header .region-pill svg:first-child, html body .product-v7-preview-button svg, html body .product-v7-quantity-control button:hover, html body .product-v7-help-before-buying button {
  color: var(--green-700) !important;
}

html body .product-v7-shell {
  width: min(1420px, 100vw - clamp(28px, 5vw, 96px)) !important;
  padding-top: 34px !important;
}

html body .product-v7-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 450px) !important;
  gap: clamp(22px, 3vw, 46px) !important;
}

html body .product-v7-gallery-stage {
  background: radial-gradient(circle at 22% 12%, #ffc5012e, #0000 26%), linear-gradient(135deg, #ffffffd1, #fffaeb8a) !important;
  border-radius: 30px !important;
  grid-template-columns: 116px minmax(0, 1fr) !important;
  min-height: clamp(640px, 100vh - 250px, 780px) !important;
  display: grid !important;
  box-shadow: 0 28px 80px #0a28201f, inset 0 1px #ffffffd1 !important;
}

html body .product-v7-main-image {
  background: radial-gradient(circle at 50% 42%, #fffffff5, #fffaebb8 60%, #dccfb947), #fffdf6 !important;
  border-radius: 24px !important;
  min-height: clamp(600px, 100vh - 286px, 740px) !important;
}

html body .product-v7-main-image:before {
  border-color: #075f450f;
  display: block;
}

html body .product-v7-media-badge, html body .product-v7-media-caption {
  display: grid;
}

html body .product-v7-thumb-button {
  border-color: #075f4514 !important;
  width: 116px !important;
  height: 116px !important;
}

html body .product-v7-thumb-row {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  display: grid !important;
}

html body .product-v7-thumb-rail {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  display: grid !important;
  overflow: visible !important;
}

html body .product-v7-story-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

html body .product-v7-story-strip article {
  background: #ffffffad;
  border: 1px solid #075f4514;
  border-radius: 18px;
  align-content: center;
  gap: 5px;
  min-height: 92px;
  padding: 16px;
  display: grid;
  box-shadow: 0 16px 36px #0a28200f;
}

html body .product-v7-story-strip span, html body .product-v7-detail-notes span {
  color: #075f45ad;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

html body .product-v7-story-strip strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.22;
}

html body .product-v7-purchase-card {
  background: radial-gradient(circle at 96% 0, #ccf3e5b8, #0000 34%), linear-gradient(#ffffffdb, #ffffffad) !important;
  border-radius: 24px !important;
  box-shadow: 0 28px 76px #0a282024, inset 0 1px #ffffffe6 !important;
}

html body .product-v7-title {
  color: var(--ink) !important;
  letter-spacing: 0 !important;
  font-size: clamp(28px, 2.45vw, 40px) !important;
}

html body .product-v7-price {
  color: var(--green-900) !important;
}

html body .product-v7-converted {
  color: #9f7900 !important;
}

html body .product-v7-domestic-shipping, html body .product-v7-quantity-row {
  background: #f7f5efb3 !important;
  border-color: #075f4514 !important;
}

html body .product-v7-help-before-buying {
  background: radial-gradient(circle at 94% 12%, #ffc5012e, #0000 42%), #ffffff80 !important;
  border-color: #075f4514 !important;
}

html body .product-v7-size-option[data-active="true"] {
  color: var(--green-900) !important;
  background: linear-gradient(135deg, #ccf3e5f0, #ffffffb8) !important;
  border-color: #075f452e !important;
}

html body .product-v7-buy-button {
  background: radial-gradient(circle at 26% 18%, #ffffff61, transparent 42%),
    linear-gradient(135deg, #0a9969, var(--green-700)) !important;
  box-shadow: 0 18px 38px #075f453d, inset 0 1px #ffffff42 !important;
}

html body .product-v7-detail-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html body .product-v7-detail-notes article {
  background: radial-gradient(circle at 90% 0, #ffc50124, #0000 34%), #ffffffc7;
  border: 1px solid #075f4514;
  border-radius: 22px;
  align-content: start;
  gap: 8px;
  min-height: 190px;
  padding: 22px;
  display: grid;
}

html body .product-v7-detail-notes strong {
  color: var(--ink);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
}

html body .product-v7-detail-notes p {
  color: #0f17129e;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  html body .product-home-header .cd-nav {
    padding: 0 28px;
  }

  html body .product-home-header .nav-pill, html body .product-home-header .auth-pill {
    display: none !important;
  }

  html body .product-home-header .menu-pill {
    display: inline-flex !important;
  }

  html body .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .product-v7-story-strip, html body .product-v7-detail-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body .product-page-v7 {
    background: linear-gradient(#f7f2e9 0 300px, #f7f5ef 520px, #fbfaf5 100%) !important;
    padding-top: 102px !important;
  }

  html body .product-home-header .cd-nav {
    padding: 0 18px;
  }

  html body .product-v7-story-strip, html body .product-v7-detail-notes {
    grid-template-columns: 1fr;
  }

  html body .product-v7-gallery-stage {
    flex-direction: column-reverse !important;
    min-height: 0 !important;
    display: flex !important;
  }

  html body .product-v7-thumb-row {
    width: 100% !important;
    display: grid !important;
  }

  html body .product-v7-thumb-rail {
    display: flex !important;
    overflow-x: auto !important;
  }

  html body .product-v7-thumb-button {
    flex: none !important;
    width: 78px !important;
    height: 78px !important;
  }

  html body .product-v7-media-badge {
    display: grid;
  }

  html body .product-v7-media-caption, html body .product-v7-main-image:before {
    display: none;
  }
}

html body:has(.product-page-v7) {
  --product-navy: #08111f;
  --product-blue: #2f6df3;
  --product-blue-deep: #1d4ed8;
  --product-blue-soft: #e8f0ff;
  --product-cream: #f7f5ef;
  --product-paper: #fbfaf5;
  --product-yellow: #ffc501;
  background: var(--product-cream) !important;
}

html body .product-home-header {
  z-index: 90 !important;
  pointer-events: none !important;
  background: none !important;
  padding: clamp(18px, 2.8vw, 42px) clamp(20px, 4vw, 84px) 0 !important;
  transition: background .24s !important;
  position: fixed !important;
  inset: 0 0 auto !important;
}

html body .product-home-header .cd-nav {
  width: 100% !important;
  max-width: 1880px !important;
  min-height: 96px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur() saturate() !important;
  pointer-events: auto !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 999px !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: clamp(16px, 1.8vw, 34px) !important;
  margin: 0 auto !important;
  padding: 0 clamp(26px, 3vw, 62px) !important;
  transition: background .24s, border-color .24s, box-shadow .24s, -webkit-backdrop-filter .24s, backdrop-filter .24s !important;
  display: flex !important;
  position: relative !important;
}

html body .product-home-header.cd-header-scrolled {
  background: linear-gradient(#0813276b, #08132714 72%, #0000) !important;
}

html body .product-home-header.cd-header-scrolled .cd-nav {
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  background: linear-gradient(90deg, #101218e8, #1c1e24d6 48%, #12181ddb) !important;
  border-color: #ffffff21 !important;
  box-shadow: 0 34px 92px #03091661, inset 0 1px #ffffff1a, inset 0 -1px #ffffff0a !important;
}

html body .product-home-header .brand-pill {
  height: 56px !important;
  box-shadow: none !important;
  color: #fff !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: none !important;
  gap: 14px !important;
  padding: 0 !important;
  position: static !important;
}

html body .product-home-header .brand-logo-frame {
  width: 44px !important;
  height: 44px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 15px !important;
}

html body .product-home-header .brand-logo-img {
  filter: drop-shadow(0 8px 16px #00000047);
  object-fit: contain !important;
  width: 42px !important;
  height: 42px !important;
}

html body .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #fff !important;
  letter-spacing: -.015em !important;
  font-size: clamp(21px, 1.25vw, 27px) !important;
  font-weight: 820 !important;
}

html body .product-home-header .locale-picker {
  z-index: 3 !important;
  flex: none !important;
  order: 5 !important;
  position: relative !important;
  inset: auto !important;
}

html body .product-home-header .locale-picker .region-pill {
  color: #ffffffdb !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  font-size: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body .product-home-header .locale-picker .region-pill > * {
  display: none !important;
}

html body .product-home-header .locale-picker .region-pill:before {
  content: "A" !important;
  color: #ecf3ffeb !important;
  font-size: 22px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 11px !important;
  left: 14px !important;
}

html body .product-home-header .locale-picker .region-pill:after {
  content: "$" !important;
  color: #8fb2ff !important;
  font-size: 20px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 13px !important;
}

html body .product-home-header .locale-picker .locale-popover {
  left: auto !important;
  right: 0 !important;
  transform: translateY(16px) !important;
}

html body .product-home-header .locale-picker .locale-popover-arrow {
  left: auto !important;
  right: 18px !important;
}

html body .product-home-header .nav-pill {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  isolation: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: auto !important;
  justify-content: center !important;
  gap: clamp(22px, 3.2vw, 72px) !important;
  padding: 0 !important;
  display: flex !important;
  position: static !important;
  overflow: visible !important;
}

html body .product-home-header .nav-pill:before {
  display: none !important;
}

html body .product-home-header .nav-pill a {
  color: #ffffff8c !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
  flex: none !important;
  height: 44px !important;
  padding: 0 !important;
  font-size: clamp(15px, .98vw, 20px) !important;
  font-weight: 690 !important;
  transition: color .18s, transform .18s !important;
  position: relative !important;
}

html body .product-home-header .nav-pill a:after {
  content: "" !important;
  opacity: 0 !important;
  background: #fff !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 2px !important;
  transition: opacity .18s, transform .18s !important;
  position: absolute !important;
  bottom: 3px !important;
  left: 50% !important;
  transform: translateX(-50%)scaleX(.4) !important;
}

html body .product-home-header .nav-pill[data-active="0"] a:first-child, html body .product-home-header .nav-pill[data-active="1"] a:nth-child(2), html body .product-home-header .nav-pill[data-active="2"] a:nth-child(3), html body .product-home-header .nav-pill[data-active="3"] a:nth-child(4), html body .product-home-header .nav-pill[data-active="4"] a:nth-child(5), html body .product-home-header .nav-pill a:hover {
  color: #fff !important;
}

html body .product-home-header .nav-pill[data-active="0"] a:first-child:after, html body .product-home-header .nav-pill[data-active="1"] a:nth-child(2):after, html body .product-home-header .nav-pill[data-active="2"] a:nth-child(3):after, html body .product-home-header .nav-pill[data-active="3"] a:nth-child(4):after, html body .product-home-header .nav-pill[data-active="4"] a:nth-child(5):after, html body .product-home-header .nav-pill a:hover:after {
  opacity: .72 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body .product-home-header .auth-pill {
  background: #fffffff5 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 999px !important;
  flex: none !important;
  order: 4 !important;
  width: 252px !important;
  min-width: 252px !important;
  height: 64px !important;
  padding: 6px !important;
  position: relative !important;
  inset: auto !important;
  box-shadow: 0 16px 44px #0003, inset 0 1px #ffffffe6 !important;
}

html body .product-home-header .auth-pill:before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body .product-home-header .auth-pill:has(a:first-child:hover):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body .product-home-header .auth-pill:has(a:first-child:focus-visible):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body .product-home-header .auth-pill:has(a:last-child:hover):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body .product-home-header .auth-pill:has(a:last-child:focus-visible):before {
  background: radial-gradient(circle at 28% 20%, #ffffff94, #0000 38%), linear-gradient(135deg, #83aaff 0%, #2f64f4 100%) !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #2f64f461, inset 0 1px #ffffff70 !important;
}

html body .product-home-header .auth-pill:has(a:first-child:hover):before {
  left: 6px !important;
}

html body .product-home-header .auth-pill:has(a:first-child:focus-visible):before {
  left: 6px !important;
}

html body .product-home-header .auth-pill a {
  color: #111827ad !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

html body .product-home-header .auth-pill[data-active="1"] a:last-child, html body .product-home-header .auth-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body .product-home-header .auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body .product-home-header .auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fff !important;
}

html body .product-home-header .auth-pill:has(a:first-child:hover) a:first-child {
  color: #fff !important;
}

html body .product-home-header .auth-pill:has(a:first-child:focus-visible) a:first-child {
  color: #fff !important;
}

html body .product-home-header .cart-pill, html body .product-home-header .menu-pill {
  color: #ffffffe6 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  flex: none !important;
  order: 6 !important;
  width: 54px !important;
  height: 54px !important;
  position: static !important;
  inset: auto !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body .product-home-header .menu-pill {
  display: none !important;
}

html body .product-page-v7 {
  background: radial-gradient(circle at 8% 0, #5b9cff3d, #0000 20rem), radial-gradient(circle at 84% 10%, #ffc50124, #0000 24rem), linear-gradient(#14243f 0, #101f3c 320px, #eef1ef 321px, #fbfaf5 100%) !important;
  padding-top: clamp(148px, 12vw, 190px) !important;
}

html body .product-v7-shell {
  position: relative;
  width: min(1580px, 100vw - clamp(28px, 5vw, 96px)) !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

html body .product-v7-source-bar {
  background: linear-gradient(90deg, #fffffff5, #f8fbffeb), #ffffffeb;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  width: min(1100px, 100%);
  margin: 0 auto 28px;
  padding: 10px;
  display: grid;
  box-shadow: 0 28px 74px #03091647, inset 0 1px #ffffffeb;
}

html body .product-v7-source-input {
  color: #5b9cff;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding-left: 20px;
  display: flex;
}

html body .product-v7-source-input input {
  color: #08111fad;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  font-size: clamp(15px, 1.05vw, 18px);
  font-weight: 760;
}

html body .product-v7-source-platforms {
  opacity: .72;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

html body .product-v7-source-platforms img {
  border-radius: 999px;
  width: 34px;
  height: 34px;
}

html body .product-v7-source-bar button {
  color: #fff;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%);
  border-radius: 999px;
  min-width: 138px;
  min-height: 58px;
  font-size: 15px;
  font-weight: 850;
  transition: transform .22s, box-shadow .22s;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38;
}

html body .product-v7-source-bar button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 54px #2563eb57, inset 0 1px #ffffff47;
}

html body .product-v7-grid {
  align-items: start;
  grid-template-columns: minmax(0, 1.16fr) minmax(390px, 470px) !important;
  gap: clamp(22px, 3.2vw, 52px) !important;
}

html body .product-v7-gallery-stage {
  overflow: hidden;
  background: radial-gradient(circle at 72% 18%, #ffc50133, #0000 21rem), radial-gradient(circle at 22% 78%, #5b9cff24, #0000 22rem), linear-gradient(135deg, #fffffff0, #f7f5efbd) !important;
  border: 1px solid #ffffffc2 !important;
  border-radius: 40px !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: clamp(620px, 100vh - 285px, 770px) !important;
  display: grid !important;
  box-shadow: 0 34px 100px #08111f26, inset 0 1px #ffffffe6 !important;
}

html body .product-v7-main-image {
  border: 1px solid #08111f0d;
  overflow: hidden;
  background: radial-gradient(circle at 50% 42%, #fffffff5, #f5f8ffc7 58%, #ffc5011f), #f8f9f6 !important;
  border-radius: 32px !important;
  min-height: clamp(584px, 100vh - 320px, 730px) !important;
}

html body .product-v7-main-image img {
  filter: drop-shadow(0 28px 42px #08111f29);
}

html body .product-v7-thumb-row {
  padding: 0 !important;
}

html body .product-v7-thumb-rail {
  gap: 12px !important;
}

html body .product-v7-thumb-button {
  background: #ffffffc7 !important;
  border: 1px solid #08111f14 !important;
  border-radius: 24px !important;
  width: 104px !important;
  height: 104px !important;
  box-shadow: 0 12px 30px #08111f0f !important;
}

html body .product-v7-thumb-button.active, html body .product-v7-color-option[data-active="true"] {
  border-color: #ffc501f2 !important;
  box-shadow: 0 0 0 5px #ffc5012e, 0 18px 38px #08111f1a !important;
}

html body .product-v7-media-badge, html body .product-v7-media-caption, html body .product-v7-preview-button {
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
  color: #08111fd1 !important;
  background: #ffffffe0 !important;
  border: 1px solid #08111f0f !important;
  box-shadow: 0 16px 42px #08111f1a, inset 0 1px #ffffffe0 !important;
}

html body .product-v7-media-badge span, html body .product-v7-media-caption span, html body .product-v7-story-strip span, html body .product-v7-detail-notes span {
  color: #2f6df3b8 !important;
}

html body .product-v7-preview-button svg, html body .product-v7-quantity-control button:hover, html body .product-v7-help-before-buying button {
  color: var(--product-blue) !important;
}

html body .product-v7-purchase-card {
  background: radial-gradient(circle at 90% 0, #5b9cff29, #0000 17rem), radial-gradient(circle at 10% 20%, #ffc5011c, #0000 16rem), linear-gradient(#fffffff5, #f7f9ffdb) !important;
  border: 1px solid #ffffffb8 !important;
  border-radius: 36px !important;
  position: sticky !important;
  top: 126px !important;
  overflow: hidden !important;
  box-shadow: 0 34px 100px #08111f2e, inset 0 1px #ffffffeb !important;
}

html body .product-v7-purchase-head {
  background: none !important;
  border-bottom: 1px solid #08111f12 !important;
}

html body .product-v7-source-logo {
  box-shadow: 0 14px 26px #ff670021;
  border-radius: 18px !important;
}

html body .product-v7-store-identity strong {
  color: #08111f !important;
}

html body .product-v7-save-seller, html body .product-v7-enter-shop, html body .product-v7-modify-action, html body .product-v7-source-action:hover, html body .product-v7-source-action:focus-visible {
  color: var(--product-blue-deep) !important;
  background: #e8f0ffd6 !important;
  border-color: #2f6df329 !important;
}

html body .product-v7-title {
  text-wrap: balance;
  max-width: 10ch;
  color: #050b18 !important;
  letter-spacing: 0 !important;
  font-size: clamp(38px, 3.55vw, 62px) !important;
  font-weight: 900 !important;
  line-height: .94 !important;
}

html body .product-v7-price-row {
  align-items: end !important;
  gap: 14px !important;
}

html body .product-v7-price {
  color: #14243f !important;
  letter-spacing: -.035em !important;
  font-size: clamp(46px, 3.6vw, 68px) !important;
}

html body .product-v7-converted {
  padding-bottom: 8px;
  color: #9f7900 !important;
  font-weight: 900 !important;
}

html body .product-v7-domestic-shipping, html body .product-v7-quantity-row, html body .product-v7-disclaimer-block {
  background: #ffffffb8 !important;
  border-color: #08111f12 !important;
  border-radius: 24px !important;
}

html body .product-v7-help-before-buying {
  background: radial-gradient(circle at 92% 16%, #ffc5012e, #0000 40%), #ffffffa3 !important;
  border-color: #ffc5012e !important;
  border-radius: 24px !important;
}

html body .product-v7-help-before-buying button {
  border: 1px solid #2f6df31f;
  box-shadow: 0 12px 28px #08111f0f;
  background: #fff !important;
}

html body .product-v7-domestic-price input {
  border-color: #08111f14 !important;
  border-radius: 15px !important;
}

html body .product-v7-domestic-price input:focus {
  box-shadow: 0 0 0 4px #2f6df317;
  border-color: #2f6df361 !important;
}

html body .product-v7-color-grid {
  gap: 10px !important;
}

html body .product-v7-color-option {
  border-radius: 18px !important;
}

html body .product-v7-size-choice-grid {
  gap: 10px !important;
}

html body .product-v7-size-option {
  border-radius: 16px !important;
  min-height: 52px !important;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s !important;
}

html body .product-v7-size-option:hover {
  transform: translateY(-1px);
}

html body .product-v7-size-option[data-active="true"] {
  box-shadow: inset 0 0 0 1px #2f6df314;
  color: var(--product-blue-deep) !important;
  background: linear-gradient(135deg, #e8f0fffa, #fffc) !important;
  border-color: #2f6df33d !important;
}

html body .product-v7-action-row {
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
  background: #ffffff94;
  border-top: 1px solid #08111f12;
  gap: 12px !important;
}

html body .product-v7-action-row .w-full {
  color: #14243f !important;
  background: #fff !important;
  border-color: #08111f14 !important;
  min-height: 62px !important;
  box-shadow: 0 14px 30px #08111f14 !important;
}

html body .product-v7-buy-button {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  border-radius: 999px !important;
  min-height: 62px !important;
  box-shadow: 0 18px 42px #2563eb4d, inset 0 1px #ffffff38 !important;
}

html body .product-v7-buy-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 56px #2563eb5c, inset 0 1px #ffffff47 !important;
}

html body .product-v7-story-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

html body .product-v7-story-strip article {
  background: linear-gradient(#ffffffe6, #f7f9ffbd) !important;
  border: 1px solid #08111f0f !important;
  border-radius: 28px !important;
  min-height: 104px !important;
  box-shadow: 0 20px 52px #08111f14, inset 0 1px #ffffffe6 !important;
}

html body .product-v7-story-strip strong {
  color: #08111f !important;
}

html body .product-v7-details {
  margin-top: 28px !important;
}

html body .product-v7-details-tabs {
  background: #ffffffd1;
  border: 1px solid #08111f12;
  border-radius: 999px;
  width: fit-content;
  max-width: 100%;
  padding: 7px;
  box-shadow: 0 16px 42px #08111f14;
}

html body .product-v7-details-tabs button {
  border-radius: 999px !important;
}

html body .product-v7-details-tabs button[aria-selected="true"] {
  background: radial-gradient(circle at 28% 16%, #fff3, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 54%, #1d4ed8 100%) !important;
}

html body .product-v7-detail-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body .product-v7-detail-notes article {
  box-shadow: 0 20px 52px #08111f12;
  background: radial-gradient(circle at 88% 0, #ffc50121, #0000 36%), #ffffffdb !important;
  border: 1px solid #08111f0f !important;
  border-radius: 30px !important;
  min-height: 190px !important;
}

html body .product-v7-detail-notes strong {
  color: #08111f !important;
}

html body .product-v7-detail-photo {
  overflow: hidden;
  box-shadow: 0 24px 70px #08111f17;
  background: #fff !important;
  border-radius: 34px !important;
}

html body .product-v7-guide-grid article, html body .product-v7-qc-grid article {
  box-shadow: 0 20px 52px #08111f12;
  background: #ffffffdb !important;
  border-color: #08111f0f !important;
}

html body .product-v7-disclaimer-row input {
  accent-color: var(--product-blue) !important;
}

html body .product-v7-dialog-backdrop {
  background: #08111fb3 !important;
}

html body .product-v7-price-dialog {
  background: radial-gradient(circle at 88% 0, #5b9cff29, #0000 14rem), #fff !important;
  border-color: #ffffff29 !important;
}

html body .product-v7-dialog-actions button:last-child {
  background: linear-gradient(135deg, #6aa0ff 0%, #2f6df3 54%, #1d4ed8 100%) !important;
}

@media (max-width: 1280px) {
  html body .product-home-header .cd-nav {
    gap: 18px !important;
    min-height: 88px !important;
    padding: 0 22px !important;
  }

  html body .product-home-header .auth-pill {
    width: 220px !important;
    min-width: 220px !important;
  }

  html body .product-home-header .nav-pill {
    gap: 20px !important;
  }
}

@media (max-width: 1180px) {
  html body .product-home-header .cd-nav {
    min-height: 68px !important;
    padding: 0 16px !important;
  }

  html body .product-home-header .nav-pill, html body .product-home-header .auth-pill {
    display: none !important;
  }

  html body .product-home-header .cart-pill {
    margin-left: auto !important;
  }

  html body .product-home-header .menu-pill {
    display: inline-flex !important;
  }

  html body .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .product-v7-purchase-card {
    position: relative !important;
    top: auto !important;
  }

  html body .product-v7-story-strip, html body .product-v7-detail-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body .product-home-header {
    padding: 14px 14px 0 !important;
  }

  html body .product-home-header .brand-pill {
    height: 50px !important;
  }

  html body .product-home-header .brand-pill > span:not(.brand-logo-frame) {
    font-size: 18px !important;
  }

  html body .product-home-header .locale-picker {
    display: none !important;
  }

  html body .product-page-v7 {
    background: radial-gradient(circle at 86% 0, #ffc50124, #0000 14rem), linear-gradient(#14243f 0 230px, #eef1ef 231px, #fbfaf5 100%) !important;
    padding-top: 100px !important;
  }

  html body .product-v7-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body .product-v7-mobile-title {
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
    background: radial-gradient(circle at 92% 0, #ffc50129, #0000 10rem), #ffffffe0;
    border: 1px solid #ffffffc2;
    border-radius: 28px;
    gap: 8px;
    padding: 18px 20px;
    box-shadow: 0 18px 46px #08111f1f, inset 0 1px #ffffffe6;
    margin: 0 0 16px !important;
    display: grid !important;
  }

  html body .product-v7-mobile-title p {
    color: var(--product-yellow) !important;
    letter-spacing: .18em !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  html body .product-v7-mobile-title h1 {
    color: #08111f !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    font-size: clamp(34px, 12vw, 48px) !important;
    font-weight: 900 !important;
    line-height: .98 !important;
  }

  html body .product-v7-mobile-title strong {
    color: #14243f !important;
    font-size: clamp(32px, 11vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body .product-v7-source-bar {
    border-radius: 30px;
    grid-template-columns: 1fr;
    margin-bottom: 18px;
  }

  html body .product-v7-source-input {
    padding: 6px 14px 0;
  }

  html body .product-v7-source-platforms {
    display: none;
  }

  html body .product-v7-source-bar button {
    width: 100%;
    min-height: 52px;
  }

  html body .product-v7-gallery-stage {
    border-radius: 30px !important;
    flex-direction: column-reverse !important;
    min-height: 0 !important;
    padding: 12px !important;
    display: flex !important;
  }

  html body .product-v7-main-image {
    border-radius: 24px !important;
    min-height: min(520px, 106vw) !important;
  }

  html body .product-v7-thumb-row {
    width: 100% !important;
    display: grid !important;
  }

  html body .product-v7-thumb-rail {
    display: flex !important;
    overflow-x: auto !important;
  }

  html body .product-v7-thumb-button {
    border-radius: 18px !important;
    flex: none !important;
    width: 78px !important;
    height: 78px !important;
  }

  html body .product-v7-purchase-card {
    border-radius: 30px !important;
  }

  html body .product-v7-title {
    max-width: none;
    font-size: clamp(32px, 11vw, 48px) !important;
  }

  html body .product-v7-price {
    font-size: clamp(40px, 12vw, 56px) !important;
  }

  html body .product-v7-action-row, html body .product-v7-story-strip, html body .product-v7-detail-notes {
    grid-template-columns: 1fr !important;
  }

  html body .product-v7-details-tabs {
    width: 100%;
    overflow-x: auto;
  }
}

html body:has(.product-page-v8) {
  --p8-ink: #0f1712;
  --p8-muted: #0f17129e;
  --p8-cream: #f7f5ef;
  --p8-paper: #fbfaf5;
  --p8-green: #0c513f;
  --p8-green-deep: #062d25;
  --p8-green-2: #038b5c;
  --p8-yellow: #ffc501;
  --p8-mint: #dff4e9;
  --p8-line: #0a28201a;
  background: var(--p8-cream) !important;
}

html body:has(.product-page-v8) .product-home-header {
  z-index: 90 !important;
  pointer-events: none !important;
  background: none !important;
  padding: clamp(18px, 2.8vw, 42px) clamp(20px, 4vw, 84px) 0 !important;
  position: fixed !important;
  inset: 0 0 auto !important;
}

html body:has(.product-page-v8) .product-home-header .cd-nav {
  width: 100% !important;
  max-width: 1880px !important;
  min-height: 96px !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  -webkit-backdrop-filter: blur() saturate() !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 999px !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: clamp(16px, 1.8vw, 34px) !important;
  margin: 0 auto !important;
  padding: 0 clamp(26px, 3vw, 62px) !important;
  transition: background .24s, border-color .24s, box-shadow .24s, -webkit-backdrop-filter .24s, backdrop-filter .24s !important;
  display: flex !important;
  position: relative !important;
}

html body:has(.product-page-v8) .product-home-header.cd-header-scrolled {
  background: linear-gradient(#062d2575, #062d2514 72%, #0000) !important;
}

html body:has(.product-page-v8) .product-home-header.cd-header-scrolled .cd-nav {
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  background: linear-gradient(90deg, #062d25f0, #0c513fe0 48%, #062d25e6) !important;
  border-color: #ffffff21 !important;
  box-shadow: 0 34px 92px #031b1661, inset 0 1px #ffffff1a, inset 0 -1px #ffffff0a !important;
}

html body:has(.product-page-v8) .product-home-header .brand-pill {
  color: #fffdf4 !important;
  height: 56px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: none !important;
  gap: 14px !important;
  padding: 0 !important;
  position: static !important;
}

html body:has(.product-page-v8) .product-home-header .brand-logo-frame {
  width: 44px !important;
  height: 44px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html body:has(.product-page-v8) .product-home-header .brand-logo-img {
  filter: drop-shadow(0 8px 16px #00000047);
  object-fit: contain !important;
  width: 42px !important;
  height: 42px !important;
}

html body:has(.product-page-v8) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #fffdf4 !important;
  letter-spacing: 0 !important;
  font-size: clamp(21px, 1.25vw, 27px) !important;
  font-weight: 820 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: auto !important;
  justify-content: center !important;
  gap: clamp(22px, 3.2vw, 72px) !important;
  padding: 0 !important;
  display: flex !important;
  position: static !important;
  overflow: visible !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill:before {
  display: none !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill a {
  color: #fffdf499 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  height: 44px !important;
  padding: 0 !important;
  font-size: clamp(15px, .98vw, 20px) !important;
  font-weight: 690 !important;
  transition: color .18s, transform .18s !important;
  position: relative !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill a:after {
  content: "" !important;
  background: var(--p8-yellow) !important;
  opacity: 0 !important;
  border-radius: 999px !important;
  width: 18px !important;
  height: 2px !important;
  transition: opacity .18s, transform .18s !important;
  position: absolute !important;
  bottom: 3px !important;
  left: 50% !important;
  transform: translateX(-50%)scaleX(.4) !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="1"] a:nth-child(2) {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="2"] a:nth-child(3) {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="3"] a:nth-child(4) {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill a:hover {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="0"] a:first-child:after {
  opacity: .86 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="1"] a:nth-child(2):after {
  opacity: .86 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="2"] a:nth-child(3):after {
  opacity: .86 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="3"] a:nth-child(4):after {
  opacity: .86 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill[data-active="4"] a:nth-child(5):after {
  opacity: .86 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.product-page-v8) .product-home-header .nav-pill a:hover:after {
  opacity: .86 !important;
  transform: translateX(-50%)scaleX(1) !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill {
  background: #fffffff5 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 999px !important;
  flex: none !important;
  order: 4 !important;
  width: 252px !important;
  min-width: 252px !important;
  height: 64px !important;
  padding: 6px !important;
  position: relative !important;
  inset: auto !important;
  box-shadow: 0 16px 44px #0003, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:before {
  background: radial-gradient(circle at 28% 20%, #ffffff75, #0000 38%), linear-gradient(135deg, #16b984 0%, #05704f 100%) !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #05704f57, inset 0 1px #ffffff57 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:first-child:hover):before {
  background: radial-gradient(circle at 28% 20%, #ffffff75, #0000 38%), linear-gradient(135deg, #16b984 0%, #05704f 100%) !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #05704f57, inset 0 1px #ffffff57 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:first-child:focus-visible):before {
  background: radial-gradient(circle at 28% 20%, #ffffff75, #0000 38%), linear-gradient(135deg, #16b984 0%, #05704f 100%) !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #05704f57, inset 0 1px #ffffff57 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:last-child:hover):before {
  background: radial-gradient(circle at 28% 20%, #ffffff75, #0000 38%), linear-gradient(135deg, #16b984 0%, #05704f 100%) !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #05704f57, inset 0 1px #ffffff57 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:last-child:focus-visible):before {
  background: radial-gradient(circle at 28% 20%, #ffffff75, #0000 38%), linear-gradient(135deg, #16b984 0%, #05704f 100%) !important;
  border-radius: 999px !important;
  width: calc(50% - 6px) !important;
  height: calc(100% - 12px) !important;
  top: 6px !important;
  left: 50% !important;
  transform: none !important;
  box-shadow: 0 14px 34px #05704f57, inset 0 1px #ffffff57 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:first-child:hover):before {
  left: 6px !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:first-child:focus-visible):before {
  left: 6px !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill a {
  color: #0f1712ad !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill[data-active="1"] a:last-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:last-child:hover) a:last-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:last-child:focus-visible) a:last-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill[data-active="0"] a:first-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:first-child:hover) a:first-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .auth-pill:has(a:first-child:focus-visible) a:first-child {
  color: #fffdf4 !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker {
  z-index: 3 !important;
  flex: none !important;
  order: 5 !important;
  position: relative !important;
  inset: auto !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .region-pill {
  color: #fffdf4eb !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  position: static !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v8) .product-home-header .cart-pill {
  color: #fffdf4eb !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  position: static !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v8) .product-home-header .menu-pill {
  color: #fffdf4eb !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  position: static !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .region-pill {
  justify-content: center !important;
  gap: 0 !important;
  font-size: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .region-pill > * {
  display: none !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .region-pill:before {
  content: "A" !important;
  color: #fffdf4eb !important;
  font-size: 22px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 11px !important;
  left: 14px !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .region-pill:after {
  content: "$" !important;
  color: var(--p8-yellow) !important;
  font-size: 20px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 13px !important;
}

html body:has(.product-page-v8) .product-home-header .cart-pill {
  flex: none !important;
  order: 6 !important;
}

html body:has(.product-page-v8) .product-home-header .menu-pill {
  display: none !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .locale-popover {
  left: auto !important;
  right: 0 !important;
  transform: translateY(16px) !important;
}

html body:has(.product-page-v8) .product-home-header .locale-picker .locale-popover-arrow {
  left: auto !important;
  right: 18px !important;
}

html body .product-page-v8 {
  background: radial-gradient(circle at 18% 8%, #ffc5012e, transparent 24rem),
    radial-gradient(circle at 84% 8%, #038b5c2e, transparent 28rem),
    linear-gradient(180deg, var(--p8-green-deep) 0, var(--p8-green) 330px, var(--p8-cream) 331px, var(--p8-paper) 100%);
  padding-top: clamp(150px, 12vw, 188px);
  position: relative;
  overflow: hidden;
}

html body .product-page-v8:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 10% 0, #ffffff14, #0000 16rem), linear-gradient(90deg, #ffffff09 1px, #0000 1px) 0 0 / 72px 72px, linear-gradient(#ffffff08 1px, #0000 1px) 0 0 / 72px 72px;
  height: 520px;
  position: absolute;
  inset: 0 0 auto;
  -webkit-mask-image: linear-gradient(#000, #0000 86%);
  mask-image: linear-gradient(#000, #0000 86%);
}

html body .product-v8-stage, html body .product-v8-shell {
  z-index: 1;
  position: relative;
}

html body .product-v8-shell {
  width: min(1580px, 100vw - clamp(28px, 5vw, 96px));
  margin: 0 auto;
  padding-bottom: 112px;
}

html body .product-v8-source-bar {
  -webkit-backdrop-filter: blur(22px) saturate(130%);
  backdrop-filter: blur(22px) saturate(130%);
  background: #fffffff0;
  border: 1px solid #ffffffb8;
  border-radius: 999px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  width: min(1080px, 100%);
  margin: 0 auto 30px;
  padding: 10px;
  display: grid;
  box-shadow: 0 28px 74px #031b1647, inset 0 1px #ffffffeb;
}

html body .product-v8-source-input {
  min-width: 0;
  color: var(--p8-green-2);
  align-items: center;
  gap: 16px;
  padding-left: 22px;
  display: flex;
}

html body .product-v8-source-input input {
  color: #0f1712ad;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  font-size: clamp(15px, 1.05vw, 18px);
  font-weight: 760;
}

html body .product-v8-source-platforms {
  opacity: .76;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

html body .product-v8-source-platforms img {
  border-radius: 999px;
  width: 34px;
  height: 34px;
}

html body .product-v8-source-bar button, html body .product-v8-actions a:last-child {
  color: #fffdf4;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #10a875 0%, #038b5c 52%, #05704f 100%);
  border-radius: 999px;
  min-width: 138px;
  min-height: 58px;
  font-size: 15px;
  font-weight: 850;
  transition: transform .22s, box-shadow .22s, background .22s;
  box-shadow: 0 18px 42px #038b5c4d, inset 0 1px #ffffff38;
}

html body .product-v8-source-bar button:hover, html body .product-v8-actions a:last-child:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 56px #038b5c5c, inset 0 1px #ffffff47;
}

html body .product-v8-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, 480px);
  align-items: start;
  gap: clamp(24px, 3.4vw, 56px);
  display: grid;
}

html body .product-v8-gallery {
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  display: grid;
}

html body .product-v8-thumb-rail {
  align-content: start;
  gap: 12px;
  display: grid;
}

html body .product-v8-thumb {
  width: 104px;
  height: 104px;
  color: var(--p8-green);
  background: #ffffffd1;
  border: 1px solid #ffffffc7;
  border-radius: 24px;
  transition: transform .22s, border-color .22s, box-shadow .22s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 34px #031b1614;
}

html body .product-v8-thumb:hover {
  transform: translateY(-2px);
}

html body .product-v8-thumb.active {
  border-color: var(--p8-yellow);
  box-shadow: 0 0 0 5px #ffc50133, 0 18px 38px #031b161f;
}

html body .product-v8-media-mode {
  background: radial-gradient(circle at 28% 16%, #ffc50133, #0000 46%), #ffffffbd;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

html body .product-v8-image-stage {
  background: radial-gradient(circle at 70% 12%, #ffc50129, #0000 21rem), radial-gradient(circle at 18% 80%, #038b5c1f, #0000 22rem), linear-gradient(135deg, #fffffff5, #f7f5efc7);
  border: 1px solid #fffc;
  border-radius: 40px;
  min-height: clamp(620px, 100vh - 285px, 780px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 100px #031b162b, inset 0 1px #fffffff0;
}

html body .product-v8-image-stage:before {
  content: "";
  pointer-events: none;
  border: 1px solid #0c513f0f;
  border-radius: 30px;
  position: absolute;
  inset: 28px;
}

html body .product-v8-hero-image {
  filter: drop-shadow(0 30px 46px #031b1629);
  padding: clamp(42px, 5vw, 78px);
  transition: transform .7s cubic-bezier(.22, 1, .36, 1);
}

html body .product-v8-image-stage:hover .product-v8-hero-image {
  transform: scale(1.035);
}

html body .product-v8-gallery-label, html body .product-v8-preview, html body .product-v8-media-tools, html body .product-v8-gallery-actions button {
  color: var(--p8-green);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
  background: #ffffffe0;
  border: 1px solid #0c513f14;
  box-shadow: 0 16px 42px #031b161a, inset 0 1px #ffffffe6;
}

html body .product-v8-gallery-label {
  z-index: 2;
  border-radius: 18px;
  gap: 6px;
  min-width: 148px;
  padding: 16px 18px;
  display: grid;
  position: absolute;
  top: 22px;
  left: 22px;
}

html body .product-v8-gallery-label span, html body .product-v8-platform, html body .product-v8-option-head span, html body .product-v8-original-link > span {
  color: #038b5cbd;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

html body .product-v8-gallery-label strong {
  color: var(--p8-ink);
  font-size: 18px;
  font-weight: 900;
}

html body .product-v8-gallery-actions {
  z-index: 3;
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 22px;
  right: 22px;
}

html body .product-v8-gallery-actions button, html body .product-v8-preview {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 18px;
  font-weight: 850;
  transition: transform .22s, background .22s, box-shadow .22s;
  display: inline-flex;
}

html body .product-v8-gallery-actions button:not(.product-v8-preview) {
  width: 46px;
  padding: 0;
}

html body .product-v8-gallery-actions button:hover, html body .product-v8-preview:hover {
  transform: translateY(-2px);
}

html body .product-v8-media-tools {
  z-index: 2;
  border-radius: 999px;
  flex-wrap: wrap;
  gap: 10px;
  width: fit-content;
  max-width: calc(100% - 44px);
  padding: 10px;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
}

html body .product-v8-media-tools span {
  color: var(--p8-green);
  background: #dff4e9b8;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

html body .product-v8-buy-box {
  -webkit-backdrop-filter: blur(22px) saturate(130%);
  backdrop-filter: blur(22px) saturate(130%);
  background: radial-gradient(circle at 94% 0, #ffc5011f, #0000 17rem), radial-gradient(circle at 4% 16%, #038b5c1a, #0000 16rem), linear-gradient(#fffffff0, #fffdf4c7);
  border: 1px solid #ffffffc7;
  border-radius: 32px;
  position: sticky;
  top: 126px;
  overflow: hidden;
  box-shadow: 0 34px 100px #031b1633, inset 0 1px #fffffff0;
}

html body .product-v8-seller-row, html body .product-v8-title-block, html body .product-v8-option-group, html body .product-v8-quantity-row, html body .product-v8-cost-stack, html body .product-v8-original-link, html body .product-v8-actions {
  padding: 22px;
}

html body .product-v8-seller-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

html body .product-v8-seller {
  align-items: center;
  gap: 14px;
  display: flex;
}

html body .product-v8-seller > span {
  background: #fff;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 14px 26px #ff670021;
}

html body .product-v8-seller small {
  color: var(--p8-muted);
  font-size: 12px;
  font-weight: 800;
  display: block;
}

html body .product-v8-seller strong {
  color: var(--p8-ink);
  margin-top: 2px;
  font-size: 18px;
  font-weight: 900;
  display: block;
}

html body .product-v8-heart {
  width: 48px;
  height: 48px;
  color: var(--p8-green);
  background: #dff4e9b8;
  border: 1px solid #0c513f14;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: transform .22s, background .22s, color .22s;
  display: inline-flex;
}

html body .product-v8-heart:hover, html body .product-v8-heart[data-active="true"] {
  background: var(--p8-yellow);
  color: var(--p8-green-deep);
  transform: translateY(-1px);
}

html body .product-v8-title-block {
  padding-top: 8px;
}

html body .product-v8-title-block h1 {
  max-width: 10ch;
  color: var(--p8-ink);
  letter-spacing: 0;
  text-wrap: balance;
  margin: 14px 0 0;
  font-size: clamp(42px, 3.7vw, 68px);
  font-weight: 900;
  line-height: .94;
}

html body .product-v8-price-row {
  flex-wrap: wrap;
  align-items: end;
  gap: 14px;
  margin-top: 16px;
  display: flex;
}

html body .product-v8-price-row strong {
  color: var(--p8-green);
  letter-spacing: -.02em;
  font-size: clamp(46px, 3.6vw, 68px);
  font-weight: 900;
  line-height: .9;
}

html body .product-v8-price-row span {
  color: #9f7900;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 900;
}

html body .product-v8-source-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

html body .product-v8-source-actions button, html body .product-v8-size-grid button, html body .product-v8-stepper, html body .product-v8-original-link div {
  color: var(--p8-green);
  background: #ffffffbd;
  border: 1px solid #0c513f1a;
  box-shadow: inset 0 1px #ffffffb8;
}

html body .product-v8-source-actions button {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 900;
  transition: transform .22s, background .22s;
  display: inline-flex;
}

html body .product-v8-source-actions button:hover {
  background: var(--p8-mint);
  transform: translateY(-1px);
}

html body .product-v8-option-group {
  border-top: 1px solid var(--p8-line);
  gap: 12px;
  display: grid;
}

html body .product-v8-option-head, html body .product-v8-quantity-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

html body .product-v8-option-head strong, html body .product-v8-quantity-row strong {
  color: var(--p8-ink);
  font-size: 16px;
  font-weight: 900;
}

html body .product-v8-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v8-color-grid button {
  aspect-ratio: 1;
  background: #fff;
  border: 1px solid #0c513f14;
  border-radius: 18px;
  transition: transform .22s, border-color .22s, box-shadow .22s;
  position: relative;
  overflow: hidden;
}

html body .product-v8-color-grid button:hover {
  transform: translateY(-2px);
}

html body .product-v8-color-grid button[data-active="true"] {
  border-color: var(--p8-yellow);
  box-shadow: 0 0 0 4px #ffc50138, 0 16px 32px #031b161a;
}

html body .product-v8-size-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html body .product-v8-size-grid button {
  color: #0f1712ad;
  border-radius: 16px;
  min-height: 54px;
  font-size: 14px;
  font-weight: 900;
  transition: transform .22s, background .22s, border-color .22s, color .22s;
}

html body .product-v8-size-grid button:hover {
  transform: translateY(-1px);
}

html body .product-v8-size-grid button[data-active="true"] {
  background: var(--p8-mint);
  color: var(--p8-green);
  border-color: #038b5c40;
}

html body .product-v8-quantity-row {
  border-top: 1px solid var(--p8-line);
}

html body .product-v8-quantity-row span {
  color: var(--p8-muted);
  margin-top: 3px;
  font-size: 13px;
  font-weight: 800;
  display: block;
}

html body .product-v8-stepper {
  border-radius: 15px;
  grid-template-columns: 42px 54px 42px;
  display: grid;
  overflow: hidden;
}

html body .product-v8-stepper button, html body .product-v8-stepper span {
  height: 42px;
  color: var(--p8-ink);
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 15px;
  font-weight: 900;
  display: inline-flex;
}

html body .product-v8-stepper button {
  background: #ffffffc7;
  transition: background .18s;
}

html body .product-v8-stepper button:hover {
  background: var(--p8-mint);
}

html body .product-v8-cost-stack {
  border-top: 1px solid var(--p8-line);
  gap: 10px;
  display: grid;
}

html body .product-v8-cost-stack article {
  background: #ffffff9e;
  border: 1px solid #0c513f14;
  border-radius: 20px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 14px;
  display: grid;
}

html body .product-v8-cost-stack article svg {
  color: var(--p8-green-2);
}

html body .product-v8-cost-stack strong {
  color: var(--p8-ink);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  display: block;
}

html body .product-v8-cost-stack span {
  color: var(--p8-muted);
  margin-top: 3px;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
  display: block;
}

html body .product-v8-cost-stack b {
  color: var(--p8-green);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 900;
}

html body .product-v8-original-link {
  border-top: 1px solid var(--p8-line);
  gap: 10px;
  display: grid;
}

html body .product-v8-original-link div {
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  display: flex;
}

html body .product-v8-original-link svg {
  color: var(--p8-green-2);
}

html body .product-v8-original-link input {
  color: #0f1712a3;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 780;
}

html body .product-v8-actions {
  border-top: 1px solid var(--p8-line);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
  background: #ffffff7a;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

html body .product-v8-actions a {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  font-size: 15px;
  font-weight: 900;
  transition: transform .22s, box-shadow .22s, background .22s;
  display: inline-flex;
}

html body .product-v8-actions a:first-child {
  color: var(--p8-green);
  background: #ffffffe0;
  border: 1px solid #0c513f1a;
  box-shadow: 0 14px 30px #031b1614;
}

html body .product-v8-actions a:first-child:hover {
  background: #fff;
  transform: translateY(-2px);
}

html body .product-v8-accordion {
  gap: 12px;
  max-width: 1248px;
  margin: clamp(34px, 4vw, 64px) auto 0;
  display: grid;
}

html body .product-v8-accordion article {
  background: radial-gradient(circle at 94% 12%, #ffc5011a, #0000 18rem), #ffffffc7;
  border: 1px solid #0c513f14;
  border-radius: 28px;
  transition: background .26s, box-shadow .26s, transform .26s;
  overflow: hidden;
  box-shadow: 0 18px 50px #031b1612;
}

html body .product-v8-accordion article[data-open="true"] {
  background: radial-gradient(circle at 94% 12%, #ffc5012b, #0000 18rem), #ffffffe6;
}

html body .product-v8-accordion button {
  width: 100%;
  min-height: 86px;
  color: var(--p8-green-deep);
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 0 clamp(24px, 3vw, 34px);
  display: flex;
}

html body .product-v8-accordion button span {
  font-size: clamp(20px, 1.5vw, 26px);
  font-weight: 900;
  line-height: 1.1;
}

html body .product-v8-accordion button svg {
  background: var(--p8-yellow);
  width: 48px;
  height: 48px;
  color: var(--p8-green-deep);
  border-radius: 999px;
  flex: none;
  padding: 14px;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

html body .product-v8-accordion article[data-open="true"] button svg {
  transform: rotate(180deg);
}

html body .product-v8-accordion p {
  color: #0f1712ad;
  max-width: 920px;
  margin: -6px 0 0;
  padding: 0 clamp(24px, 3vw, 34px) 30px;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.65;
}

@media (max-width: 1280px) {
  html body:has(.product-page-v8) .product-home-header .cd-nav {
    gap: 18px !important;
    min-height: 88px !important;
    padding: 0 22px !important;
  }

  html body:has(.product-page-v8) .product-home-header .auth-pill {
    width: 220px !important;
    min-width: 220px !important;
  }

  html body:has(.product-page-v8) .product-home-header .nav-pill {
    gap: 20px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v8) .product-home-header .cd-nav {
    min-height: 68px !important;
    padding: 0 16px !important;
  }

  :is(html body:has(.product-page-v8) .product-home-header .nav-pill, html body:has(.product-page-v8) .product-home-header .auth-pill) {
    display: none !important;
  }

  html body:has(.product-page-v8) .product-home-header .cart-pill {
    margin-left: auto !important;
  }

  html body:has(.product-page-v8) .product-home-header .menu-pill {
    display: inline-flex !important;
  }

  html body .product-v8-grid {
    grid-template-columns: 1fr;
  }

  html body .product-v8-buy-box {
    position: relative;
    top: auto;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v8) .product-home-header {
    padding: 14px 14px 0 !important;
  }

  html body:has(.product-page-v8) .product-home-header .brand-pill {
    height: 50px !important;
  }

  html body:has(.product-page-v8) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
    display: none !important;
  }

  html body:has(.product-page-v8) .product-home-header .locale-picker {
    display: none !important;
  }

  html body .product-page-v8 {
    background: radial-gradient(circle at 82% 0%, #ffc50129, transparent 14rem),
      linear-gradient(180deg, var(--p8-green-deep) 0 252px, var(--p8-cream) 253px, var(--p8-paper) 100%);
    padding-top: 104px;
  }

  html body .product-v8-shell {
    width: min(100% - 28px, 720px);
    padding-bottom: 72px;
  }

  html body .product-v8-source-bar {
    border-radius: 30px;
    grid-template-columns: 1fr;
    margin-bottom: 18px;
  }

  html body .product-v8-source-input {
    padding: 6px 14px 0;
  }

  html body .product-v8-source-platforms {
    display: none;
  }

  html body .product-v8-source-bar button {
    width: 100%;
    min-height: 52px;
  }

  html body .product-v8-gallery {
    flex-direction: column-reverse;
    display: flex;
  }

  html body .product-v8-thumb-rail {
    padding: 4px 0 8px;
    display: flex;
    overflow-x: auto;
  }

  html body .product-v8-thumb {
    border-radius: 18px;
    flex: none;
    width: 78px;
    height: 78px;
  }

  html body .product-v8-image-stage {
    border-radius: 32px;
    min-height: min(590px, 124vw);
  }

  html body .product-v8-image-stage:before, html body .product-v8-media-tools {
    display: none;
  }

  html body .product-v8-hero-image {
    padding: 44px 24px 34px;
  }

  html body .product-v8-gallery-actions {
    top: auto;
    bottom: 18px;
    right: 18px;
  }

  html body .product-v8-gallery-label {
    width: auto;
    min-width: 0;
    top: 18px;
    left: 18px;
    right: 18px;
  }

  html body .product-v8-buy-box {
    border-radius: 30px;
  }

  html body .product-v8-title-block h1 {
    max-width: none;
    font-size: clamp(34px, 11vw, 50px);
  }

  html body .product-v8-price-row strong {
    font-size: clamp(40px, 12vw, 56px);
  }

  html body .product-v8-size-grid, html body .product-v8-actions {
    grid-template-columns: 1fr;
  }

  html body .product-v8-cost-stack article {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  html body .product-v8-cost-stack b {
    grid-column: 2;
  }

  html body .product-v8-accordion {
    margin-top: 28px;
  }

  html body .product-v8-accordion button {
    min-height: 76px;
  }
}

html body:has(.product-page-v7) {
  --product-blue: #4f82f6;
  --product-blue-deep: #1f4fd8;
  --product-hero-blue: #14243f;
  --product-hero-blue-2: #0b1830;
  --product-yellow: #ffc501;
  background: #fbfaf5 !important;
}

html body:has(.product-page-v7) .product-v7-source-bar {
  background: linear-gradient(90deg, #f7fbfcfa, #fffffff0) !important;
  border-radius: 999px !important;
  width: min(1140px, 100%) !important;
  margin-bottom: 30px !important;
  box-shadow: 0 20px 48px #03091638, inset 0 1px #fffffff2 !important;
}

html body:has(.product-page-v7) .product-v7-grid {
  gap: clamp(24px, 3.2vw, 48px) !important;
}

html body:has(.product-page-v7) .product-v7-gallery-stage {
  background: linear-gradient(135deg, #ffffffeb, #f6f8f9d1) !important;
  border-color: #08111f14 !important;
  border-radius: 24px !important;
  min-height: clamp(600px, 100vh - 300px, 740px) !important;
  box-shadow: 0 22px 58px #08111f1f, inset 0 1px #ffffffe0 !important;
}

html body:has(.product-page-v7) .product-v7-main-image {
  background: #f8f9f6 !important;
  border-color: #08111f0a !important;
  border-radius: 18px !important;
  min-height: clamp(560px, 100vh - 336px, 700px) !important;
}

html body:has(.product-page-v7) .product-v7-thumb-button {
  border-radius: 16px !important;
}

:is(html body:has(.product-page-v7) .product-v7-media-badge, html body:has(.product-page-v7) .product-v7-media-caption, html body:has(.product-page-v7) .product-v7-preview-button) {
  border-radius: 14px !important;
  box-shadow: 0 12px 26px #08111f14 !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  border-radius: 999px !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card {
  background: linear-gradient(#fffffff5, #f8faffe6) !important;
  border-color: #08111f14 !important;
  border-radius: 24px !important;
  top: 126px !important;
  box-shadow: 0 24px 64px #08111f26, inset 0 1px #ffffffe0 !important;
}

html body:has(.product-page-v7) .product-v7-title {
  color: #071226 !important;
  max-width: 11ch !important;
}

html body:has(.product-page-v7) .product-v7-price {
  color: #13233f !important;
}

:is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row, html body:has(.product-page-v7) .product-v7-disclaimer-block) {
  box-shadow: none !important;
  background: #ffffffb3 !important;
  border-radius: 16px !important;
}

html body:has(.product-page-v7) .product-v7-color-option {
  border-radius: 12px !important;
}

html body:has(.product-page-v7) .product-v7-size-option {
  border-radius: 12px !important;
}

html body:has(.product-page-v7) .product-v7-domestic-price input {
  border-radius: 12px !important;
}

html body:has(.product-page-v7) .product-v7-action-row {
  background: #ffffffb8 !important;
}

html body:has(.product-page-v7) .product-v7-details {
  margin-top: 34px !important;
}

:is(html body:has(.product-page-v7) .product-v7-detail-notes article, html body:has(.product-page-v7) .product-v7-guide-grid article, html body:has(.product-page-v7) .product-v7-qc-grid article) {
  border-radius: 18px !important;
  box-shadow: 0 16px 40px #08111f12 !important;
}

html body:has(.product-page-v7) .product-v7-detail-photo {
  border-radius: 20px !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-mobile-title {
    display: none !important;
  }

  :is(html body:has(.product-page-v7) .product-v7-gallery-stage, html body:has(.product-page-v7) .product-v7-purchase-card) {
    border-radius: 22px !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image {
    border-radius: 16px !important;
  }
}

html body:has(.product-page-v7) .product-v7-grid {
  grid-template-columns: minmax(620px, .98fr) minmax(470px, 560px) !important;
  align-items: start !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

html body:has(.product-page-v7) .product-v7-purchase-head {
  border: 0 !important;
  padding: 8px 0 22px !important;
}

html body:has(.product-page-v7) .product-v7-store-identity {
  gap: 12px !important;
}

html body:has(.product-page-v7) .product-v7-source-logo {
  border-radius: 12px !important;
  width: 42px !important;
  height: 42px !important;
}

:is(html body:has(.product-page-v7) .product-v7-save-seller, html body:has(.product-page-v7) .product-v7-enter-shop, html body:has(.product-page-v7) .product-v7-source-action) {
  box-shadow: none !important;
  border-radius: 14px !important;
}

html body:has(.product-page-v7) .product-v7-title-block {
  gap: 18px !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v7) .product-v7-title {
  letter-spacing: -.025em !important;
  text-wrap: balance !important;
  max-width: 12ch !important;
  font-size: clamp(54px, 4.9vw, 82px) !important;
  line-height: .94 !important;
}

html body:has(.product-page-v7) .product-v7-product-copy {
  color: #071226ad;
  max-width: 64ch;
  font-size: clamp(16px, 1vw, 18px);
  font-weight: 620;
  line-height: 1.58;
}

html body:has(.product-page-v7) .product-v7-price-row {
  margin-top: 2px !important;
}

html body:has(.product-page-v7) .product-v7-price {
  font-size: clamp(44px, 3.4vw, 62px) !important;
  line-height: 1 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body {
  gap: 20px !important;
  max-height: none !important;
  padding: 0 0 22px !important;
  display: grid !important;
  overflow: visible !important;
}

html body:has(.product-page-v7) .product-v7-panel-body > section {
  gap: 10px !important;
  display: grid !important;
}

html body:has(.product-page-v7) .product-v7-panel-body > section > div:first-child {
  margin: 0 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 {
  color: #071226 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 + span {
  color: #07122694 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body .text-prv-muted {
  color: #07122694 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v7) .product-v7-color-grid {
  scrollbar-width: none !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  max-width: 100% !important;
  padding-bottom: 4px !important;
  display: flex !important;
  overflow-x: auto !important;
}

html body:has(.product-page-v7) .product-v7-color-grid::-webkit-scrollbar {
  display: none !important;
}

html body:has(.product-page-v7) .product-v7-color-option {
  width: 62px !important;
  height: 62px !important;
  box-shadow: none !important;
  background: #ffffffbd !important;
  border-radius: 14px !important;
  flex: 0 0 62px !important;
}

html body:has(.product-page-v7) .product-v7-size-choice-grid {
  flex-wrap: wrap !important;
  gap: 12px !important;
  display: flex !important;
}

html body:has(.product-page-v7) .product-v7-size-option {
  background: #ffffffb8 !important;
  border-radius: 14px !important;
  min-width: 112px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
}

html body:has(.product-page-v7) .product-v7-service-line {
  color: #0712269e;
  flex-wrap: wrap;
  gap: 18px;
  padding: 2px 0 6px;
  font-size: 15px;
  font-weight: 760;
  display: flex;
}

html body:has(.product-page-v7) .product-v7-service-line span {
  padding-left: 16px;
  position: relative;
}

html body:has(.product-page-v7) .product-v7-service-line span:before {
  content: "";
  background: var(--product-blue);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: .64em;
  left: 0;
}

:is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row, html body:has(.product-page-v7) .product-v7-disclaimer-block) {
  background: none !important;
  border-width: 1px 0 0 !important;
  border-color: #07122614 !important;
  border-radius: 0 !important;
  padding: 18px 0 0 !important;
}

html body:has(.product-page-v7) .product-v7-action-row {
  z-index: auto !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border-top: 1px solid #07122614 !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  padding: 18px 0 0 !important;
  display: grid !important;
  position: static !important;
  bottom: auto !important;
}

html body:has(.product-page-v7) .product-v7-action-row .w-full {
  border-radius: 999px !important;
  min-height: 58px !important;
}

html body:has(.product-page-v7) .product-v7-buy-button {
  border-radius: 999px !important;
  min-height: 58px !important;
}

html body:has(.product-page-v7) .product-v7-details {
  width: min(1180px, 100%) !important;
  margin-top: clamp(54px, 7vw, 96px) !important;
  margin-left: 104px !important;
}

html body:has(.product-page-v7) .product-v7-details-tabs {
  box-shadow: none !important;
  border-radius: 999px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v7) .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v7) .product-v7-details {
    margin-left: 0 !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-title {
    font-size: clamp(38px, 11vw, 52px) !important;
  }

  html body:has(.product-page-v7) .product-v7-product-copy {
    font-size: 15px !important;
  }

  html body:has(.product-page-v7) .product-v7-color-option {
    flex-basis: 58px !important;
    width: 58px !important;
    height: 58px !important;
  }

  html body:has(.product-page-v7) .product-v7-action-row {
    grid-template-columns: 1fr !important;
  }
}

html body:has(.product-page-v7) .product-v7-grid {
  grid-template-columns: minmax(560px, .95fr) minmax(460px, .82fr) !important;
  align-items: start !important;
  gap: clamp(54px, 8vw, 156px) !important;
}

html body:has(.product-page-v7) .product-v7-gallery-stage {
  min-height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex-direction: column-reverse !important;
  gap: 22px !important;
  display: flex !important;
  overflow: visible !important;
}

html body:has(.product-page-v7) .product-v7-main-image {
  aspect-ratio: 1.08 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(#f6f7f4db, #e8edeab3), #edf1ef !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

html body:has(.product-page-v7) .product-v7-main-image img {
  filter: none !important;
  padding: clamp(42px, 5.8vw, 96px) !important;
}

html body:has(.product-page-v7) .product-v7-thumb-row {
  width: 100% !important;
  padding: 0 !important;
  display: block !important;
}

html body:has(.product-page-v7) .product-v7-thumb-rail {
  scrollbar-width: none !important;
  gap: 12px !important;
  padding: 0 !important;
  display: flex !important;
  overflow-x: auto !important;
}

:is(html body:has(.product-page-v7) .product-v7-media-badge, html body:has(.product-page-v7) .product-v7-media-caption) {
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
  backdrop-filter: blur(12px) saturate(110%) !important;
  background: #edf1efb8 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v7) .product-v7-media-caption {
  text-align: right;
  padding: 8px 10px !important;
  bottom: 16px !important;
  right: 16px !important;
}

html body:has(.product-page-v7) .product-v7-image-tools button {
  box-shadow: none !important;
  background: #edf1efb8 !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  box-shadow: none !important;
  background: #edf1efb8 !important;
  border: 0 !important;
  padding: 0 14px !important;
  bottom: 16px !important;
  left: 16px !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card {
  padding-top: 0 !important;
}

html body:has(.product-page-v7) .product-v7-title-block {
  gap: 18px !important;
}

html body:has(.product-page-v7) .product-v7-panel-body {
  gap: 18px !important;
}

:is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row, html body:has(.product-page-v7) .product-v7-disclaimer-block) {
  padding-top: 14px !important;
}

html body:has(.product-page-v7) .product-v7-details {
  width: min(1320px, 100%) !important;
  margin-left: 0 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v7) .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 42px !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image {
    aspect-ratio: 1 / 1.12 !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image img {
    padding: 28px !important;
  }

  html body:has(.product-page-v7) .product-v7-thumb-button {
    flex-basis: 82px !important;
    width: 82px !important;
    height: 82px !important;
  }
}

html body:has(.product-page-v7) .product-v7-grid {
  grid-template-columns: minmax(560px, .98fr) minmax(440px, .76fr) !important;
  gap: clamp(64px, 8vw, 150px) !important;
}

html body:has(.product-page-v7) .product-v7-gallery-stage {
  color: #f8fafc !important;
}

html body:has(.product-page-v7) .product-v7-main-image {
  aspect-ratio: 1.34 !important;
  background: linear-gradient(#eaebe7f5, #bcc1bee0), #d8dad7 !important;
}

html body:has(.product-page-v7) .product-v7-media-badge {
  color: #fff !important;
  -webkit-backdrop-filter: blur(10px) saturate(110%) !important;
  backdrop-filter: blur(10px) saturate(110%) !important;
  background: #06080c57 !important;
}

html body:has(.product-page-v7) .product-v7-media-caption {
  color: #fff !important;
  -webkit-backdrop-filter: blur(10px) saturate(110%) !important;
  backdrop-filter: blur(10px) saturate(110%) !important;
  background: #06080c57 !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  color: #fff !important;
  -webkit-backdrop-filter: blur(10px) saturate(110%) !important;
  backdrop-filter: blur(10px) saturate(110%) !important;
  background: #06080c57 !important;
}

html body:has(.product-page-v7) .product-v7-image-tools button {
  color: #fff !important;
  -webkit-backdrop-filter: blur(10px) saturate(110%) !important;
  backdrop-filter: blur(10px) saturate(110%) !important;
  background: #06080c57 !important;
}

html body:has(.product-page-v7) .product-v7-thumb-button {
  background: #ffffff0f !important;
  border-color: #ffffff2e !important;
  flex-basis: 112px !important;
  width: 112px !important;
  height: 86px !important;
}

html body:has(.product-page-v7) .product-v7-store-row {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-store-identity strong {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-title {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-price {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-product-copy {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 + span {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-panel-body .text-prv-muted {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-domestic-shipping span {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying span {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-quantity-control p {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-service-line {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-save-seller {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-enter-shop {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-source-action {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-size-option {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-domestic-price input {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-quantity-control > div {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying button {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #ffffff42 !important;
}

html body:has(.product-page-v7) .product-v7-source-action:hover {
  color: #fff !important;
  background: #5b9cff24 !important;
  border-color: #5b9cffb8 !important;
}

html body:has(.product-page-v7) .product-v7-size-option:hover {
  color: #fff !important;
  background: #5b9cff24 !important;
  border-color: #5b9cffb8 !important;
}

html body:has(.product-page-v7) .product-v7-size-option[data-active="true"] {
  color: #fff !important;
  background: #5b9cff24 !important;
  border-color: #5b9cffb8 !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying button:hover {
  color: #fff !important;
  background: #5b9cff24 !important;
  border-color: #5b9cffb8 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body > section {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-panel-body > section > div {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-color-grid {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-size-choice-grid {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-color-option[data-active="true"] {
  border-color: #5b9cffeb !important;
  box-shadow: inset 0 0 0 2px #5b9cff57 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-main-image {
    aspect-ratio: 1 / 1.05 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image img {
    object-fit: contain !important;
    object-position: center !important;
    padding: 54px 30px !important;
  }

  html body:has(.product-page-v7) .product-v7-thumb-button {
    flex-basis: 92px !important;
    width: 92px !important;
    height: 74px !important;
  }
}

html body:has(.product-page-v7) .product-page-v7 {
  background: radial-gradient(circle at 5% -4%, #5c80ba33, #0000 18rem), radial-gradient(circle at 88% 4%, #5c80ba38, #0000 24rem), linear-gradient(#172c4d 0%, #0f213e 44%, #0b1830 100%) !important;
  min-height: 100dvh !important;
}

html body:has(.product-page-v7) .product-v7-shell {
  width: min(100% - clamp(32px, 6vw, 120px), 1540px) !important;
}

html body:has(.product-page-v7) .product-v7-source-bar {
  background: linear-gradient(90deg, #f2f8f8fa, #fffffff5) !important;
  border: 0 !important;
  border-radius: 999px !important;
  width: min(1140px, 100%) !important;
  margin: 0 auto clamp(34px, 4.5vw, 62px) !important;
  box-shadow: 0 18px 42px #02081747, 0 0 0 10px #ffffff0a, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v7) .product-v7-source-input {
  color: #5b9cff !important;
}

html body:has(.product-page-v7) .product-v7-source-input input {
  color: #0f172ab8 !important;
}

html body:has(.product-page-v7) .product-v7-source-bar button {
  color: #fff !important;
  background: linear-gradient(135deg, #75a7ff 0%, #3d78ff 48%, #245ce7 100%) !important;
  box-shadow: 0 16px 38px #2563eb52, inset 0 1px #ffffff47 !important;
}

html body:has(.product-page-v7) .product-v7-buy-button {
  color: #fff !important;
  background: linear-gradient(135deg, #75a7ff 0%, #3d78ff 48%, #245ce7 100%) !important;
  box-shadow: 0 16px 38px #2563eb52, inset 0 1px #ffffff47 !important;
}

html body:has(.product-page-v7) .product-v7-grid {
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  background: radial-gradient(circle at 18% 4%, #ffffff1f, #0000 22rem), radial-gradient(circle at 82% 20%, #5b9cff1f, #0000 24rem), #fff1 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 42px !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .78fr) !important;
  align-items: start !important;
  gap: clamp(28px, 4vw, 70px) !important;
  padding: clamp(24px, 3.4vw, 54px) !important;
  display: grid !important;
  box-shadow: 0 34px 90px #02081747, inset 0 1px #ffffff14 !important;
}

:is(html body:has(.product-page-v7) .product-v7-gallery-stage, html body:has(.product-page-v7) .product-v7-purchase-card) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v7) .product-v7-gallery-stage {
  grid-template-rows: minmax(0, auto) auto !important;
  gap: 18px !important;
  display: grid !important;
  overflow: visible !important;
}

html body:has(.product-page-v7) .product-v7-main-image {
  aspect-ratio: 1.12 !important;
  background: radial-gradient(circle at 50% 40%, #fffffffa, #f2f6f8eb 58%, #e0e9eed1 100%) !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 30px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffffb8 !important;
}

html body:has(.product-page-v7) .product-v7-main-image:before {
  display: none !important;
}

html body:has(.product-page-v7) .product-v7-main-image img {
  filter: none !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: clamp(38px, 5.2vw, 82px) !important;
}

html body:has(.product-page-v7) .product-v7-media-badge {
  color: #172c4d !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  background: #ffffffc7 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 18px !important;
}

html body:has(.product-page-v7) .product-v7-media-caption {
  color: #172c4d !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  background: #ffffffc7 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 18px !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  color: #172c4d !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  background: #ffffffc7 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 18px !important;
}

html body:has(.product-page-v7) .product-v7-image-tools button {
  color: #172c4d !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  background: #ffffffc7 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 18px !important;
}

html body:has(.product-page-v7) .product-v7-media-badge {
  top: 18px !important;
  left: 18px !important;
}

html body:has(.product-page-v7) .product-v7-media-caption {
  bottom: 18px !important;
  right: 18px !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  border-radius: 999px !important;
  padding: 0 16px !important;
  bottom: 18px !important;
  left: 18px !important;
}

html body:has(.product-page-v7) .product-v7-thumb-rail {
  scrollbar-width: none !important;
  gap: 12px !important;
  display: flex !important;
  overflow-x: auto !important;
}

html body:has(.product-page-v7) .product-v7-thumb-rail::-webkit-scrollbar {
  display: none !important;
}

html body:has(.product-page-v7) .product-v7-thumb-button {
  width: 92px !important;
  height: 92px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 18px !important;
  flex: 0 0 92px !important;
}

html body:has(.product-page-v7) .product-v7-store-identity strong {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-title {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-price {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 {
  color: #fff !important;
}

html body:has(.product-page-v7) .product-v7-title {
  letter-spacing: -.025em !important;
  max-width: 11ch !important;
  font-size: clamp(52px, 5vw, 82px) !important;
  line-height: .94 !important;
}

html body:has(.product-page-v7) .product-v7-product-copy {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 + span {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-panel-body .text-prv-muted {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-domestic-shipping span {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying span {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-quantity-control p {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-service-line {
  color: #ffffffad !important;
}

html body:has(.product-page-v7) .product-v7-save-seller {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-enter-shop {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-source-action {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-size-option {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-domestic-price input {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-quantity-control > div {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying button {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff0f !important;
  border-color: #fff3 !important;
}

html body:has(.product-page-v7) .product-v7-color-grid {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-size-choice-grid {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-panel-body > section {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-panel-body > section > div {
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v7) .product-v7-color-option {
  width: 60px !important;
  height: 60px !important;
  box-shadow: none !important;
  background: #ffffffc7 !important;
  border: 1px solid #ffffff2e !important;
  border-radius: 16px !important;
  flex-basis: 60px !important;
}

:is(html body:has(.product-page-v7) .product-v7-color-option[data-active="true"], html body:has(.product-page-v7) .product-v7-size-option[data-active="true"]) {
  border-color: #5b9cff !important;
  box-shadow: 0 0 0 3px #5b9cff2e !important;
}

:is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row, html body:has(.product-page-v7) .product-v7-disclaimer-block, html body:has(.product-page-v7) .product-v7-action-row) {
  background: none !important;
  border-color: #ffffff21 !important;
}

html body:has(.product-page-v7) .product-v7-action-row .w-full {
  color: #14243f !important;
  box-shadow: none !important;
  background: #fffffff5 !important;
  border-color: #ffffff2e !important;
}

html body:has(.product-page-v7) .product-v7-details {
  color: #fff !important;
  margin-left: 0 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v7) .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v7) .product-v7-grid {
    border-radius: 30px !important;
    padding: 18px !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image {
    aspect-ratio: 1 / 1.1 !important;
    border-radius: 24px !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image img {
    padding: 38px 22px !important;
  }

  html body:has(.product-page-v7) .product-v7-title {
    font-size: clamp(38px, 12vw, 54px) !important;
  }
}

:is(html body:has(.product-page-v7) .product-v7-purchase-card, html body:has(.product-page-v7) .product-v7-purchase-head, html body:has(.product-page-v7) .product-v7-panel-body, html body:has(.product-page-v7) .product-v7-panel-body > *, html body:has(.product-page-v7) .product-v7-panel-body > * > *, html body:has(.product-page-v7) .product-v7-color-grid, html body:has(.product-page-v7) .product-v7-size-choice-grid) {
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-gallery-stage {
    flex-direction: column-reverse !important;
    gap: 16px !important;
    display: flex !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image {
    aspect-ratio: 1 / 1.08 !important;
    width: 100% !important;
    min-height: 440px !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image img {
    object-fit: contain !important;
    object-position: center !important;
    padding: 46px 24px !important;
  }

  html body:has(.product-page-v7) .product-v7-thumb-row {
    width: 100% !important;
  }

  html body:has(.product-page-v7) .product-v7-thumb-rail {
    gap: 10px !important;
    width: 100% !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  html body:has(.product-page-v7) .product-v7-thumb-button {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 78px !important;
  }

  html body:has(.product-page-v7) .product-v7-media-badge {
    max-width: 168px !important;
  }

  html body:has(.product-page-v7) .product-v7-image-tools {
    gap: 8px !important;
  }
}

html body:has(.product-page-v7) {
  background: #f5f7f5 !important;
}

html body:has(.product-page-v7) .product-page-v7 {
  background: radial-gradient(circle at 7% -8%, #5b9cff29, #0000 20rem), radial-gradient(circle at 86% 2%, #ffffff1f, #0000 24rem), linear-gradient(#162b4d 0, #10213d 270px, #eef2f0 271px, #f7f8f4 100%) !important;
}

html body:has(.product-page-v7) .product-v7-source-bar {
  box-shadow: 0 16px 36px #02081733, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v7) .product-v7-grid {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(400px, .78fr) !important;
  gap: clamp(42px, 6vw, 96px) !important;
  padding: clamp(20px, 2.4vw, 34px) 0 0 !important;
}

html body:has(.product-page-v7) .product-v7-main-image {
  aspect-ratio: 1.18 !important;
  box-shadow: none !important;
  background: linear-gradient(#f8faf9eb, #e8eeecc7), #eef2f0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v7) .product-v7-media-badge, html body:has(.product-page-v7) .product-v7-media-caption) {
  color: #14243f !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v7) .product-v7-media-badge {
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
}

html body:has(.product-page-v7) .product-v7-media-caption {
  padding: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

html body:has(.product-page-v7) .product-v7-image-tools {
  top: 0 !important;
  right: 0 !important;
}

html body:has(.product-page-v7) .product-v7-image-tools button {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffb3 !important;
  border: 1px solid #14243f14 !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffb3 !important;
  border: 1px solid #14243f14 !important;
}

html body:has(.product-page-v7) .product-v7-preview-button {
  bottom: 0 !important;
  left: 0 !important;
}

html body:has(.product-page-v7) .product-v7-thumb-button {
  background: #ffffff9e !important;
  border-color: #14243f14 !important;
  border-radius: 14px !important;
  flex-basis: 88px !important;
  width: 88px !important;
  height: 88px !important;
}

html body:has(.product-page-v7) .product-v7-thumb-button.active {
  border-color: #ffc501 !important;
  box-shadow: 0 0 0 3px #ffc50129 !important;
}

:is(html body:has(.product-page-v7) .product-v7-purchase-card, html body:has(.product-page-v7) .product-v7-purchase-head, html body:has(.product-page-v7) .product-v7-panel-body) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html body:has(.product-page-v7) .product-v7-store-identity strong {
  color: #0b1830 !important;
}

html body:has(.product-page-v7) .product-v7-title {
  color: #0b1830 !important;
}

html body:has(.product-page-v7) .product-v7-price {
  color: #0b1830 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 {
  color: #0b1830 !important;
}

html body:has(.product-page-v7) .product-v7-title {
  font-size: clamp(50px, 4.7vw, 76px) !important;
}

html body:has(.product-page-v7) .product-v7-product-copy {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body h3 + span {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-panel-body .text-prv-muted {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-domestic-shipping span {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying span {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-quantity-control p {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-service-line {
  color: #0b1830a3 !important;
}

html body:has(.product-page-v7) .product-v7-converted {
  color: #9f7900 !important;
}

html body:has(.product-page-v7) .product-v7-save-seller {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-enter-shop {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-source-action {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-size-option {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-domestic-price input {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-quantity-control > div {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-help-before-buying button {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-color-option {
  background: #ffffffad !important;
  border-color: #14243f14 !important;
}

:is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row, html body:has(.product-page-v7) .product-v7-disclaimer-block, html body:has(.product-page-v7) .product-v7-action-row) {
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-action-row .w-full {
  color: #14243f !important;
  background: #fff !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v7) .product-v7-details {
  color: #0b1830 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-page-v7 {
    background: radial-gradient(circle at 86% 0, #5b9cff29, #0000 16rem), linear-gradient(#162b4d 0, #10213d 360px, #eef2f0 361px, #f7f8f4 100%) !important;
  }

  html body:has(.product-page-v7) .product-v7-grid {
    background: none !important;
    border: 0 !important;
    flex-direction: column !important;
    padding: 0 !important;
    display: flex !important;
  }

  html body:has(.product-page-v7) .product-v7-gallery {
    order: 1 !important;
  }

  html body:has(.product-page-v7) .product-v7-purchase-card {
    order: 2 !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image {
    aspect-ratio: 1 / 1.06 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image img {
    padding: 48px 24px !important;
  }

  html body:has(.product-page-v7) .product-v7-title {
    font-size: clamp(40px, 12vw, 56px) !important;
  }

  html body:has(.product-page-v7) .product-v7-gallery-stage {
    width: 100% !important;
    overflow: hidden !important;
  }

  html body:has(.product-page-v7) .product-v7-media-badge {
    max-width: calc(100% - 116px) !important;
    top: 14px !important;
    left: 14px !important;
  }

  html body:has(.product-page-v7) .product-v7-image-tools {
    top: 14px !important;
    right: 14px !important;
  }

  html body:has(.product-page-v7) .product-v7-image-tools button {
    width: 48px !important;
    height: 48px !important;
  }
}

html body:has(.product-page-v7) .product-page-v7 {
  background: radial-gradient(circle at 12% -8%, #ffc50129, #0000 20rem), radial-gradient(circle at 84% 0, #ccf3e526, #0000 24rem), linear-gradient(#112945 0, #102640 238px, #eef3ef 239px, #f7f5ef 100%) !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v7) .product-v7-stage {
  padding-bottom: 96px !important;
}

html body:has(.product-page-v7) .product-v7-shell {
  width: min(100% - clamp(36px, 5vw, 88px), 1320px) !important;
  padding-top: 126px !important;
}

html body:has(.product-page-v7) .product-v7-source-bar {
  width: min(860px, 100%) !important;
  min-height: 58px !important;
  margin: 0 auto 42px !important;
  padding: 8px !important;
  box-shadow: 0 18px 38px #06142233, inset 0 1px #ffffffeb !important;
}

html body:has(.product-page-v7) .product-v7-source-input {
  gap: 14px !important;
  padding-left: 18px !important;
}

html body:has(.product-page-v7) .product-v7-source-bar button {
  min-width: 116px !important;
  min-height: 46px !important;
}

html body:has(.product-page-v7) .product-v7-grid {
  grid-template-columns: minmax(560px, 680px) minmax(380px, 440px) !important;
  justify-content: center !important;
  gap: clamp(44px, 5vw, 72px) !important;
  padding: 0 !important;
}

html body:has(.product-page-v7) .product-v7-gallery-stage {
  gap: 16px !important;
}

html body:has(.product-page-v7) .product-v7-main-image {
  aspect-ratio: auto !important;
  background: radial-gradient(circle at 50% 42%, #fffffffa, #f7f8f4f5 54%, #e8eeeceb 100%), #f7f5ef !important;
  border-radius: 28px !important;
  height: clamp(500px, 54vw, 610px) !important;
  min-height: 0 !important;
}

html body:has(.product-page-v7) .product-v7-main-image img {
  padding: clamp(46px, 5vw, 74px) !important;
}

html body:has(.product-page-v7) .product-v7-thumb-row {
  width: 100% !important;
}

html body:has(.product-page-v7) .product-v7-thumb-rail {
  gap: 10px !important;
}

html body:has(.product-page-v7) .product-v7-thumb-button {
  border-radius: 16px !important;
  flex: 0 0 78px !important;
  width: 78px !important;
  height: 78px !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card {
  -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
  background: radial-gradient(circle at 92% 0, #ffc5011f, #0000 12rem), #ffffffc7 !important;
  border: 1px solid #14243f14 !important;
  border-radius: 28px !important;
  max-height: none !important;
  position: sticky !important;
  top: 112px !important;
  overflow: visible !important;
  box-shadow: 0 24px 70px #1129451a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v7) .product-v7-purchase-head {
  border-bottom: 1px solid #14243f14 !important;
  padding: 22px 24px 18px !important;
}

html body:has(.product-page-v7) .product-v7-store-row {
  margin-bottom: 22px !important;
}

html body:has(.product-page-v7) .product-v7-title {
  max-width: 10.5ch !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  line-height: .96 !important;
}

html body:has(.product-page-v7) .product-v7-product-copy {
  max-width: 42ch !important;
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html body:has(.product-page-v7) .product-v7-price-row {
  justify-content: flex-start !important;
  margin-top: 20px !important;
}

html body:has(.product-page-v7) .product-v7-price {
  font-size: clamp(38px, 3.25vw, 52px) !important;
}

html body:has(.product-page-v7) .product-v7-title-actions {
  margin-top: 14px !important;
}

html body:has(.product-page-v7) .product-v7-panel-body {
  gap: 18px !important;
  padding: 18px 24px 20px !important;
}

html body:has(.product-page-v7) .product-v7-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  display: grid !important;
}

html body:has(.product-page-v7) .product-v7-color-option {
  aspect-ratio: 1 !important;
  border-radius: 14px !important;
  width: auto !important;
  height: auto !important;
}

html body:has(.product-page-v7) .product-v7-size-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body:has(.product-page-v7) .product-v7-size-option {
  white-space: normal !important;
  border-radius: 14px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  line-height: 1.15 !important;
}

html body:has(.product-page-v7) .product-v7-service-line {
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  font-size: 13px !important;
  display: flex !important;
}

:is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row, html body:has(.product-page-v7) .product-v7-disclaimer-block) {
  background: #ffffff8f !important;
  border-radius: 18px !important;
  padding: 14px !important;
}

html body:has(.product-page-v7) .product-v7-action-row {
  box-shadow: none !important;
  background: #ffffff6b !important;
  border-top: 1px solid #14243f14 !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  padding: 18px 24px 24px !important;
  position: static !important;
}

html body:has(.product-page-v7) .product-v7-action-row .w-full {
  border-radius: 999px !important;
  min-height: 54px !important;
}

html body:has(.product-page-v7) .product-v7-buy-button {
  border-radius: 999px !important;
  min-height: 54px !important;
}

html body:has(.product-page-v7) .product-v7-buy-button {
  background: linear-gradient(135deg, #0a8f68 0%, #075f45 100%) !important;
  box-shadow: 0 16px 34px #075f4538 !important;
}

html body:has(.product-page-v7) .product-v7-details {
  max-width: 1180px !important;
  margin: 58px auto 0 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v7) .product-v7-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 760px !important;
    margin: 0 auto !important;
  }

  html body:has(.product-page-v7) .product-v7-purchase-card {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-page-v7 {
    background: radial-gradient(circle at 84% 0, #ffc50124, #0000 15rem), linear-gradient(#112945 0, #102640 310px, #eef3ef 311px, #f7f5ef 100%) !important;
  }

  html body:has(.product-page-v7) .product-v7-shell {
    width: min(100% - 28px, 560px) !important;
    padding-top: 112px !important;
  }

  html body:has(.product-page-v7) .product-v7-source-bar {
    margin-bottom: 28px !important;
  }

  html body:has(.product-page-v7) .product-v7-source-platforms {
    display: none !important;
  }

  html body:has(.product-page-v7) .product-v7-main-image {
    aspect-ratio: 1 / 1.08 !important;
    border-radius: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 420px !important;
  }

  html body:has(.product-page-v7) .product-v7-thumb-button {
    flex-basis: 70px !important;
    width: 70px !important;
    height: 70px !important;
  }

  html body:has(.product-page-v7) .product-v7-purchase-card {
    border-radius: 24px !important;
  }

  html body:has(.product-page-v7) .product-v7-title {
    font-size: clamp(38px, 11vw, 50px) !important;
  }

  html body:has(.product-page-v7) .product-v7-action-row {
    grid-template-columns: 1fr !important;
  }

  :is(html body:has(.product-page-v7) .product-v7-domestic-shipping, html body:has(.product-page-v7) .product-v7-help-before-buying, html body:has(.product-page-v7) .product-v7-quantity-row) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

html body:has(.product-page-v7) .product-v7-stage {
  padding-top: 132px !important;
}

html body:has(.product-page-v7) .product-v7-shell {
  padding-top: 0 !important;
}

html body:has(.product-page-v7) .product-v7-source-bar {
  margin-bottom: 30px !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card {
  scrollbar-gutter: stable !important;
  max-height: min(680px, 100dvh - 224px) !important;
  overflow-y: auto !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card::-webkit-scrollbar {
  width: 6px !important;
}

html body:has(.product-page-v7) .product-v7-purchase-card::-webkit-scrollbar-thumb {
  background: #14243f29 !important;
  border-radius: 999px !important;
}

html body:has(.product-page-v7) .product-v7-action-row {
  z-index: 5 !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  background: #ffffffe6 !important;
  position: sticky !important;
  bottom: 0 !important;
  box-shadow: 0 -18px 34px #ffffffb8 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v7) .product-v7-purchase-card {
    max-height: none !important;
    overflow: visible !important;
  }

  html body:has(.product-page-v7) .product-v7-action-row {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v7) .product-v7-stage {
    padding-top: 112px !important;
  }
}

html body:has(.product-page-v9) {
  background: #f4f6f2 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 16% 10%, #ffc50121, #0000 22rem), radial-gradient(circle at 86% 4%, #ccf3e538, #0000 26rem), linear-gradient(#112945 0, #102640 240px, #eef3ef 241px, #f8f6ef 100%);
  min-height: 100dvh;
  padding-top: 118px;
}

html body:has(.product-page-v9) .product-v9-stage {
  padding: 0 0 92px;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  z-index: 2;
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  background-color: #fffffff0;
  background-image: none;
  border: 1px solid #ffffffc2;
  border-radius: 999px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  width: min(760px, 100%);
  min-height: 58px;
  margin: 0 auto 34px;
  padding: 7px;
  display: grid;
  position: relative;
  box-shadow: 0 20px 44px #06142238, inset 0 1px #ffffffeb;
}

html body:has(.product-page-v9) .product-v9-source-input {
  color: #4f83f1;
  align-items: center;
  gap: 13px;
  min-width: 0;
  padding-left: 18px;
  display: flex;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  color: #0f1712b8;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 850;
}

html body:has(.product-page-v9) .product-v9-source-platforms {
  opacity: .62;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff;
  background: linear-gradient(135deg, #6e9cff 0%, #3f73f6 54%, #2453d6 100%);
  border-radius: 999px;
  min-width: 112px;
  min-height: 44px;
  font-size: 13px;
  font-weight: 900;
  transition: transform .18s, box-shadow .18s;
  box-shadow: 0 14px 30px #2f6df33d, inset 0 1px #ffffff47;
}

html body:has(.product-page-v9) .product-v9-mobile-title {
  display: none;
}

html body:has(.product-page-v9) .product-v9-grid {
  z-index: 1;
  grid-template-columns: minmax(0, 1.28fr) minmax(380px, 430px);
  align-items: start;
  gap: clamp(28px, 4vw, 52px);
  display: grid;
  position: relative;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  min-width: 0;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  opacity: .76;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  border-radius: 18px;
  width: 86px;
  height: 86px;
  transition: transform .18s, border-color .18s, opacity .18s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 28px #0f17120f;
}

html body:has(.product-page-v9) .product-v9-thumb-button:hover {
  opacity: 1;
  transform: translateY(-1px);
}

html body:has(.product-page-v9) .product-v9-thumb-button.active {
  opacity: 1;
  border-color: #ffc501;
  box-shadow: 0 0 0 4px #ffc50133, 0 14px 30px #0f171214;
}

html body:has(.product-page-v9) .product-v9-thumb-nav {
  display: none;
}

html body:has(.product-page-v9) .product-v9-main-image {
  z-index: 1;
  isolation: isolate;
  background-color: #f8f6ef;
  background-image: radial-gradient(circle at 48% 42%, #fffffffa, #faf8f1f5 56%, #e5ece8e6 100%), linear-gradient(#ffffffeb, #eef3efe6);
  border: 1px solid #0f17120f;
  border-radius: 30px;
  height: clamp(560px, 56vw, 650px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #1129451a, inset 0 1px #ffffffe6;
}

html body:has(.product-page-v9) .product-v9-main-image img {
  z-index: 1;
  object-fit: contain !important;
  object-position: center !important;
  padding: clamp(48px, 5vw, 76px) !important;
}

html body:has(.product-page-v9) .product-v9-media-badge {
  color: #112945;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  background: #ffffffd1;
  border: 1px solid #0f171212;
  box-shadow: 0 12px 30px #11294514;
}

html body:has(.product-page-v9) .product-v9-media-caption {
  color: #112945;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  background: #ffffffd1;
  border: 1px solid #0f171212;
  box-shadow: 0 12px 30px #11294514;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  color: #112945;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  background: #ffffffd1;
  border: 1px solid #0f171212;
  box-shadow: 0 12px 30px #11294514;
}

html body:has(.product-page-v9) .product-v9-image-tools button {
  color: #112945;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  background: #ffffffd1;
  border: 1px solid #0f171212;
  box-shadow: 0 12px 30px #11294514;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-media-caption) {
  z-index: 3;
  border-radius: 16px;
  gap: 4px;
  padding: 10px 12px;
  display: grid;
  position: absolute;
}

html body:has(.product-page-v9) .product-v9-media-badge {
  top: 16px;
  left: 16px;
}

html body:has(.product-page-v9) .product-v9-media-caption {
  text-align: right;
  bottom: 16px;
  right: 16px;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge span, html body:has(.product-page-v9) .product-v9-media-caption span) {
  color: #4f83f1;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge strong, html body:has(.product-page-v9) .product-v9-media-caption strong) {
  color: #0f1712;
  font-size: 12px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-image-tools {
  z-index: 4;
  gap: 10px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  z-index: 4;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  z-index: 2;
  scrollbar-gutter: stable;
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  background-color: #ffffffeb;
  background-image: radial-gradient(circle at 98% 0, #ffc50121, #0000 13rem), linear-gradient(#fffffff5, #ffffffd6);
  border: 1px solid #0f171214;
  border-radius: 30px;
  max-height: min(650px, 100dvh - 212px);
  position: sticky;
  top: 104px;
  overflow-y: auto;
  box-shadow: 0 30px 90px #11294524, inset 0 1px #ffffffe6;
}

html body:has(.product-page-v9) .product-v9-purchase-card::-webkit-scrollbar {
  width: 6px;
}

html body:has(.product-page-v9) .product-v9-purchase-card::-webkit-scrollbar-thumb {
  background: #0f171229;
  border-radius: 999px;
}

:is(html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-store-identity, html body:has(.product-page-v9) .product-v9-title-actions, html body:has(.product-page-v9) .product-v9-price-row, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer-row) {
  align-items: center;
  display: flex;
}

html body:has(.product-page-v9) .product-v9-store-row {
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 24px;
}

html body:has(.product-page-v9) .product-v9-store-identity {
  gap: 12px;
}

html body:has(.product-page-v9) .product-v9-source-logo {
  background: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 12px 24px #ff670024;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  color: #112945;
  background: #ffffffc7;
  border: 1px solid #0f171214;
  box-shadow: inset 0 1px #ffffffd6;
}

:is(html body:has(.product-page-v9) .product-v9-save-seller, html body:has(.product-page-v9) .product-v9-source-action) {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  display: inline-flex;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #0b1830;
  letter-spacing: -.01em;
  text-wrap: balance;
  max-width: 10ch;
  margin: 0;
  font-size: clamp(42px, 3.8vw, 58px);
  font-weight: 900;
  line-height: .94;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #0f17129e;
  max-width: 42ch;
  margin: 16px 0 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

html body:has(.product-page-v9) .product-v9-price-row {
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  margin-top: 24px;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

html body:has(.product-page-v9) .product-v9-modify-action {
  gap: 8px;
  width: auto;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-panel-body h3 + span {
  color: #0f171294 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body .text-prv-muted {
  color: #0f171294 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #0f171294 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #0f171294 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control p {
  color: #0f171294 !important;
}

html body:has(.product-page-v9) .product-v9-color-grid {
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  aspect-ratio: 1;
  background: #fff;
  border: 1px solid #0f171214;
  border-radius: 15px;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  position: relative;
  overflow: hidden;
}

html body:has(.product-page-v9) .product-v9-color-option:hover {
  transform: translateY(-1px);
}

html body:has(.product-page-v9) .product-v9-color-option[data-active="true"] {
  border-color: #ffc501;
  box-shadow: 0 0 0 4px #ffc50133;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #0f1712ad;
  text-align: center;
  border-radius: 15px;
  justify-content: center;
  min-height: 48px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  transition: transform .18s, background .18s, border-color .18s;
}

html body:has(.product-page-v9) .product-v9-size-option[data-active="true"] {
  color: #075f45;
  background: #ccf3e5;
  border-color: #075f4542;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #075f45;
  background: #ccf3e594;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer-block) {
  background: #f7f5efb8;
  border: 1px solid #0f171214;
  border-radius: 18px;
  padding: 14px;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
  justify-content: space-between;
  gap: 14px;
  display: flex;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong) {
  color: #0f1712;
  font-size: 13px;
  font-weight: 900;
  display: block;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping span, html body:has(.product-page-v9) .product-v9-help-before-buying span) {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  display: block;
}

html body:has(.product-page-v9) .product-v9-domestic-price {
  flex: none;
  grid-template-columns: auto 56px;
  place-items: center end;
  gap: 5px 8px;
  display: grid;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  text-align: center;
  border-radius: 12px;
  outline: 0;
  width: 56px;
  height: 36px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #075f45;
  border-radius: 999px;
  flex: none;
  min-height: 38px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-quantity-control {
  justify-items: end;
  gap: 6px;
  display: grid;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row {
  justify-content: space-between;
  gap: 12px;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label {
  color: #0f1712b8;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #075f45;
  background: #ffffffb8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #0f1712a3;
  margin: 12px 0 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.55;
}

html body:has(.product-page-v9) .product-v9-action-row {
  z-index: 3;
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  background: #fffffff0;
  border-top: 1px solid #0f171214;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 18px 24px 24px;
  display: grid;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -16px 32px #ffffffb8;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full {
  border-radius: 999px;
  min-height: 54px;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  border-radius: 999px;
  min-height: 54px;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full {
  color: #112945 !important;
  box-shadow: none !important;
  background: #fff !important;
  border-color: #0f171214 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff;
  background: linear-gradient(135deg, #0a8f68 0%, #075f45 100%);
  justify-content: center;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 900;
  transition: transform .18s, box-shadow .18s;
  display: inline-flex;
  box-shadow: 0 16px 34px #075f4538;
}

html body:has(.product-page-v9) .product-v9-buy-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 40px #075f4547;
}

html body:has(.product-page-v9) .product-v9-details {
  background: #ffffffc7;
  border: 1px solid #0f171214;
  border-radius: 30px;
  max-width: 1120px;
  margin: 64px auto 0;
  padding: 22px;
  box-shadow: 0 24px 72px #11294514;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  background: #fff;
  border: 1px solid #0f171214;
  border-radius: 999px;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
  padding: 7px;
  display: flex;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  color: #0f17128f;
  border-radius: 999px;
  min-height: 44px;
  padding: 0 18px;
  font-size: clamp(14px, 1.5vw, 20px);
  font-weight: 900;
  transition: background .18s, color .18s;
}

html body:has(.product-page-v9) .product-v9-detail-stack {
  gap: 18px;
  display: grid;
}

html body:has(.product-page-v9) .product-v9-detail-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

:is(html body:has(.product-page-v9) .product-v9-detail-notes article, html body:has(.product-page-v9) .product-v9-guide-grid article) {
  background: #f7f5ef;
  border-radius: 20px;
  padding: 18px;
}

html body:has(.product-page-v9) .product-v9-detail-notes span {
  color: #075f45;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

:is(html body:has(.product-page-v9) .product-v9-detail-notes strong, html body:has(.product-page-v9) .product-v9-guide-grid strong) {
  color: #0f1712;
  margin-top: 8px;
  font-weight: 900;
  line-height: 1.2;
  display: block;
}

:is(html body:has(.product-page-v9) .product-v9-detail-notes p, html body:has(.product-page-v9) .product-v9-guide-grid p) {
  color: #0f17129e;
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  background: #f7f5ef;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
}

html body:has(.product-page-v9) .product-v9-detail-photo > div {
  aspect-ratio: 1.82;
  overflow: hidden;
  position: relative !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo .relative {
  aspect-ratio: 1.82;
  overflow: hidden;
  position: relative !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo img {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-guide-grid, html body:has(.product-page-v9) .product-v9-qc-grid) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html body:has(.product-page-v9) .product-v9-guide-grid article span {
  color: #fff;
  background: #075f45;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-weight: 900;
  display: inline-flex;
}

html body:has(.product-page-v9) .product-v9-dialog-backdrop {
  z-index: 90;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #07122085;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

html body:has(.product-page-v9) .product-v9-price-dialog {
  background: #fff;
  border-radius: 26px;
  width: min(100%, 520px);
  padding: 28px;
  position: relative;
  box-shadow: 0 30px 90px #07122047;
}

html body:has(.product-page-v9) .product-v9-dialog-close {
  background: #f7f5ef;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: inline-flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

html body:has(.product-page-v9) .product-v9-price-dialog h2 {
  color: #0f1712;
  margin: 0 0 18px;
  font-size: 28px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-price-input {
  background: #f7f5ef;
  border-radius: 16px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px;
  font-weight: 900;
  display: grid;
}

html body:has(.product-page-v9) .product-v9-price-input input {
  background: none;
  border: 0;
  outline: 0;
  font-size: 24px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-price-warning {
  color: #9f7900;
  font-weight: 900;
}

:is(html body:has(.product-page-v9) .product-v9-price-help, html body:has(.product-page-v9) .product-v9-dialog-label) {
  color: #0f17129e;
  font-weight: 700;
  line-height: 1.45;
}

html body:has(.product-page-v9) .product-v9-dialog-divider {
  background: #0f171214;
  height: 1px;
  margin: 18px 0;
}

html body:has(.product-page-v9) .product-v9-reason-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

:is(html body:has(.product-page-v9) .product-v9-reason-grid button, html body:has(.product-page-v9) .product-v9-dialog-actions button) {
  color: #0f1712;
  background: #f7f5ef;
  border-radius: 999px;
  min-height: 42px;
  padding: 0 14px;
  font-weight: 900;
}

html body:has(.product-page-v9) .product-v9-dialog-actions {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

html body:has(.product-page-v9) .product-v9-dialog-actions button:last-child {
  color: #fff;
  background: #075f45;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 108px;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: 760px;
    margin: 0 auto;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none;
    position: static;
    overflow: visible;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    position: static;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 86% 0, #ffc50121, #0000 16rem), linear-gradient(#112945 0, #102640 292px, #eef3ef 293px, #f8f6ef 100%);
    padding-top: 94px;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 560px);
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    border-radius: 26px;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 28px;
  }

  html body:has(.product-page-v9) .product-v9-source-input {
    min-height: 44px;
    padding: 0 14px;
  }

  html body:has(.product-page-v9) .product-v9-source-platforms {
    display: none;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    width: 100%;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    flex-direction: column-reverse;
    gap: 14px;
    display: flex;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    border-radius: 24px;
    width: 100%;
    height: auto;
    min-height: 430px;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 42px 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    scrollbar-width: none;
    gap: 10px;
    display: flex;
    overflow-x: auto;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail::-webkit-scrollbar {
    display: none;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
  }

  html body:has(.product-page-v9) .product-v9-media-caption {
    display: none;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(38px, 11vw, 52px);
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
    flex-direction: column;
    align-items: stretch;
  }

  html body:has(.product-page-v9) .product-v9-quantity-control {
    justify-items: start;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr;
  }

  :is(html body:has(.product-page-v9) .product-v9-detail-notes, html body:has(.product-page-v9) .product-v9-guide-grid, html body:has(.product-page-v9) .product-v9-qc-grid) {
    grid-template-columns: minmax(0, 1fr);
  }

  html body:has(.product-page-v9) .product-v9-details {
    border-radius: 24px;
    margin-top: 42px;
    padding: 14px;
  }

  html body:has(.product-page-v9) .product-v9-details-tabs {
    border-radius: 22px;
  }
}

html body:has(.product-page-v9) {
  background: #f5f6f2 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: #f5f6f2 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background-image: none !important;
  padding-top: 136px !important;
}

html body:has(.product-page-v9) .product-home-header {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: #f5f6f2fa !important;
  border-bottom: 1px solid #0f17121a !important;
  padding: 16px 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  max-width: 1360px !important;
  height: 70px !important;
  padding: 0 40px !important;
}

:is(html body:has(.product-page-v9) .product-home-header .brand-pill, html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .nav-pill, html body:has(.product-page-v9) .product-home-header .auth-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  color: #0f1712 !important;
  background: none !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #0f1712 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a {
  color: #0f1712 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill span {
  color: #0f1712 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill {
  background: none !important;
  width: min(640px, 48vw) !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill:before {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:before {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:before {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:after {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  color: #0f17129e !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #0f1712 !important;
  text-underline-offset: 8px !important;
  text-decoration: underline !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #0f1712 !important;
  text-underline-offset: 8px !important;
  text-decoration: underline !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  color: #0f1712 !important;
  background: none !important;
  border: 1px solid #0f171229 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  color: #0f1712 !important;
  background: none !important;
  border: 1px solid #0f171229 !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  color: #0f1712 !important;
  background: none !important;
  border: 1px solid #0f171229 !important;
}

html body:has(.product-page-v9) .product-home-header .menu-pill {
  color: #0f1712 !important;
  background: none !important;
  border: 1px solid #0f171229 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(760px, 100%) !important;
  min-height: 52px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #0f171229 !important;
  border-radius: 0 !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  min-width: 0 !important;
  min-height: 52px !important;
  padding-left: 18px !important;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  min-width: 124px !important;
  min-height: 52px !important;
  box-shadow: none !important;
  background: #0f1712 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(0, 58%) minmax(440px, 42%) !important;
  align-items: start !important;
  gap: clamp(44px, 4vw, 64px) !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 20px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button.active {
  border-color: #0f1712 !important;
  box-shadow: inset 0 0 0 1px #0f1712 !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge strong, html body:has(.product-page-v9) .product-v9-media-caption strong) {
  font-size: 14px !important;
}

html body:has(.product-page-v9) .product-v9-image-tools button {
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #0f171229 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #0f171229 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  padding: 0 18px !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex-direction: column !important;
  display: flex !important;
  position: sticky !important;
  top: 120px !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-purchase-head {
  border-bottom: 1px solid #0f171229 !important;
  order: 1 !important;
  padding: 0 0 28px !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  margin-bottom: 22px !important;
}

html body:has(.product-page-v9) .product-v9-source-logo {
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  font-size: 16px !important;
}

:is(html body:has(.product-page-v9) .product-v9-save-seller, html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-source-action) {
  min-height: 42px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #0f171229 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-modify-action) {
  padding: 0 16px !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #0f1712 !important;
  letter-spacing: 0 !important;
  max-width: none !important;
  font-size: clamp(48px, 4vw, 64px) !important;
  line-height: 1.02 !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #0f1712b3 !important;
  max-width: 50ch !important;
  margin-top: 18px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #0f1712 !important;
  font-size: clamp(52px, 4vw, 68px) !important;
  line-height: .95 !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  color: #0f1712ad !important;
  padding-bottom: 8px !important;
  font-size: 18px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border-top: 0 !important;
  border-bottom: 1px solid #0f171229 !important;
  order: 2 !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  padding: 24px 0 28px !important;
  display: grid !important;
  position: static !important;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full {
  min-height: 60px !important;
  box-shadow: none !important;
  border: 1px solid #0f1712 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  min-height: 60px !important;
  box-shadow: none !important;
  border: 1px solid #0f1712 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full {
  color: #0f1712 !important;
  background: #fff !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: #0f1712 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  border-bottom: 0 !important;
  order: 3 !important;
  gap: 26px !important;
  padding: 28px 0 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-panel-body h3 {
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body h3 + span {
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body .text-prv-muted {
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control p {
  font-size: 15px !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option[data-active="true"], html body:has(.product-page-v9) .product-v9-size-option[data-active="true"]) {
  color: #0f1712 !important;
  background: #fff !important;
  border-color: #0f1712 !important;
  box-shadow: inset 0 0 0 1px #0f1712 !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #0f1712 !important;
  min-height: 56px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #0f171229 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #0f1712b8 !important;
  background: none !important;
  border: 1px solid #0f171229 !important;
  border-radius: 0 !important;
  min-height: 34px !important;
  font-size: 15px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong) {
  font-size: 16px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-price input, html body:has(.product-page-v9) .product-v9-help-before-buying button, html body:has(.product-page-v9) .product-v9-quantity-control > div) {
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #0f17122e !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  color: #0f171294 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 54px !important;
  font-size: 20px !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"] {
  color: #0f1712 !important;
  background: none !important;
  border-bottom: 3px solid #0f1712 !important;
}

html body:has(.product-page-v9) .product-v9-detail-notes article {
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-guide-grid article {
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 0 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 820px !important;
    margin: 0 auto !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 104px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 32px, 560px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    grid-template-columns: minmax(0, 1fr) !important;
    margin-bottom: 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    width: 100% !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input input {
    width: 100% !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-platforms {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    flex-direction: column-reverse !important;
    gap: 16px !important;
    display: flex !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    height: auto !important;
    min-height: 440px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 36px 22px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 12px !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 78px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: 40px !important;
  }

  html body:has(.product-page-v9) .product-v9-price {
    font-size: 46px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  grid-template-columns: none !important;
  justify-content: space-between !important;
  gap: clamp(14px, 1.3vw, 22px) !important;
  width: min(100% - clamp(32px, 5vw, 96px), 1680px) !important;
  max-width: none !important;
  padding: 0 !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  flex: none !important;
  min-width: max-content !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker {
  z-index: 70 !important;
  flex: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  flex: none !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 168px !important;
  max-width: none !important;
  font-size: 14px !important;
  display: inline-flex !important;
  overflow: visible !important;
}

:is(html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg, html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span) {
  color: #0f1712 !important;
  opacity: 1 !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:after {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-currency {
  color: #0f17129e !important;
  border-left-color: #0f17122e !important;
  margin-left: 0 !important;
  padding-left: 10px !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill {
  flex: auto !important;
  justify-content: center !important;
  gap: clamp(18px, 2vw, 34px) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 680px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  white-space: nowrap !important;
  flex: none !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  flex: none !important;
  width: auto !important;
  min-width: 154px !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a {
  color: #0f1712 !important;
  opacity: 1 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill[data-active="0"] a:first-child {
  color: #0f1712 !important;
  opacity: 1 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill[data-active="1"] a:last-child {
  color: #0f1712 !important;
  opacity: 1 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:hover) a:first-child {
  color: #0f1712 !important;
  opacity: 1 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:last-child:hover) a:last-child {
  color: #0f1712 !important;
  opacity: 1 !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  flex: 0 0 48px !important;
  margin-left: 0 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  padding-top: 154px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(980px, 100%) !important;
  margin: 0 0 36px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(680px, 1fr) minmax(480px, 560px) !important;
  gap: clamp(64px, 5vw, 104px) !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 24px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  top: 132px !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #0f1712c7 !important;
  max-width: 58ch !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  gap: 30px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  gap: 16px !important;
}

@media (max-width: 1320px) {
  :is(html body:has(.product-page-v9) .product-home-header .nav-pill, html body:has(.product-page-v9) .product-home-header .auth-pill) {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .cart-pill {
    margin-left: auto !important;
  }

  html body:has(.product-page-v9) .product-home-header .menu-pill {
    display: inline-flex !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 920px !important;
    margin: 0 auto !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 112px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
  }

  html body:has(.product-page-v9) .product-home-header .brand-pill {
    height: 50px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 560px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    margin-bottom: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(440px, 112vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(36px, 11vw, 44px) !important;
  }
}

html body:has(.product-page-v9) {
  background: #f7f5ef !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: #f7f5ef !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  color: #f7f5ef !important;
  background: radial-gradient(circle at 72% 18%, #ffc50129, #0000 29%), radial-gradient(circle at 18% 72%, #4e94ff2e, #0000 34%), radial-gradient(circle at 86% 92%, #f7f5ef14, #0000 34%), linear-gradient(135deg, #14243f 0%, #1d3765 40%, #101f3c 74%, #08111f 100%) !important;
  padding-top: 156px !important;
  position: relative !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  isolation: isolate !important;
  background: #f7f5ef !important;
  min-height: 100vh !important;
  padding: 0 0 96px !important;
  position: relative !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-stage:before {
  content: "" !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 72% 18%, #ffc50129, #0000 29%), radial-gradient(circle at 18% 72%, #4e94ff2e, #0000 34%), radial-gradient(circle at 86% 92%, #f7f5ef14, #0000 34%), linear-gradient(135deg, #14243f 0%, #1d3765 40%, #101f3c 74%, #08111f 100%) !important;
  height: min(1180px, 100vh + 360px) !important;
  position: absolute !important;
  inset: 0 0 auto !important;
}

html body:has(.product-page-v9) .product-v9-stage:after {
  content: "" !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(#f7f5ef00, #f7f5ef 68%) !important;
  height: 260px !important;
  position: absolute !important;
  top: min(980px, 100vh + 150px) !important;
  left: 0 !important;
  right: 0 !important;
}

html body:has(.product-page-v9) .product-v9-shell {
  z-index: 1 !important;
  width: min(100% - clamp(40px, 5vw, 96px), 1360px) !important;
  margin: 0 auto !important;
  position: relative !important;
}

html body:has(.product-page-v9) .product-home-header {
  color: #ffffffeb !important;
  pointer-events: none !important;
  background: none !important;
  padding: 40px 57.6px 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  width: 100% !important;
  max-width: 1440px !important;
  height: 96px !important;
  min-height: 96px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur() saturate() !important;
  backdrop-filter: blur() saturate() !important;
  pointer-events: auto !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 999px !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 26px !important;
  margin: 0 auto !important;
  padding: 0 43.2px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-home-header.cd-header-scrolled .cd-nav {
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  background: #091427b3 !important;
  border-color: #ffffff1a !important;
  box-shadow: 0 18px 52px #0000002e, inset 0 1px #ffffff14 !important;
}

:is(html body:has(.product-page-v9) .product-home-header .brand-pill, html body:has(.product-page-v9) .product-home-header .locale-picker, html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .nav-pill, html body:has(.product-page-v9) .product-home-header .auth-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  color: #fff !important;
  min-width: max-content !important;
  height: 56px !important;
  box-shadow: none !important;
  letter-spacing: -.015em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: none !important;
  gap: 14px !important;
  margin-right: 28px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 820 !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-home-header .brand-logo-img {
  width: 44px !important;
  height: 44px !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill {
  width: auto !important;
  min-width: 0 !important;
  max-width: 630px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  flex: auto !important;
  justify-content: center !important;
  gap: clamp(20px, 2.3vw, 46px) !important;
  margin-left: 24px !important;
  padding: 0 !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill:before {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  color: #ffffff94 !important;
  white-space: nowrap !important;
  flex: none !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #fff !important;
  text-decoration: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="1"] a:nth-child(2) {
  color: #fff !important;
  text-decoration: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="2"] a:nth-child(3) {
  color: #fff !important;
  text-decoration: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="3"] a:nth-child(4) {
  color: #fff !important;
  text-decoration: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #fff !important;
  text-decoration: none !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

:is(html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  color: #ffffffe6 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  flex: none !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v9) .product-home-header .region-pill {
  gap: 8px !important;
  width: auto !important;
  min-width: 132px !important;
  height: 54px !important;
}

:is(html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg, html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span) {
  color: #ffffffe6 !important;
  opacity: 1 !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-currency {
  color: #ffffffbd !important;
  border-left-color: #ffffff29 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  background: #fffffff5 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 999px !important;
  flex: 0 0 252px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 252px !important;
  height: 64px !important;
  padding: 6px !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 16px 44px #0003, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:before {
  content: "" !important;
  z-index: 0 !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  border-radius: 999px !important;
  width: calc(50% - 3px) !important;
  height: calc(100% - 12px) !important;
  display: block !important;
  position: absolute !important;
  top: 6px !important;
  left: 50% !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a {
  z-index: 1 !important;
  color: #14243fb8 !important;
  font-size: 16px !important;
  font-weight: 820 !important;
  position: relative !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill[data-active="1"] a:last-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:last-child:hover) a:last-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:has(a:first-child:hover) a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  width: 54px !important;
  height: 54px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
  background: radial-gradient(circle at 17%, #0db37d14, #0000 28%), #fffffff5 !important;
  border: 1px solid #ffffff6b !important;
  border-radius: 9999px !important;
  grid-template-columns: minmax(0, 1fr) 194px !important;
  align-items: center !important;
  width: min(1060px, 100%) !important;
  min-height: 104px !important;
  margin: 0 auto 52px !important;
  padding: 13px !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: 0 34px 86px #00000052, 0 0 0 12px #ffffff09, inset 0 1px #fffffff0 !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  color: #082e266b !important;
  background: #efefefeb !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  min-height: 78px !important;
  padding: 0 24px 0 28px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-source-input svg {
  color: #2f6df3 !important;
  flex: none !important;
  width: 22px !important;
  height: 22px !important;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  color: #082e26a8 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  background: none !important;
  border: 0 !important;
  outline: none !important;
  width: 100% !important;
  min-width: 0 !important;
  font-size: clamp(18px, 1.08vw, 21px) !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v9) .product-v9-source-platforms {
  opacity: .56 !important;
  flex: none !important;
  align-items: center !important;
  gap: 12px !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 46%, #1d4ed8 100%) !important;
  border: 0 !important;
  border-radius: 9999px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;
  font-size: 17px !important;
  font-weight: 820 !important;
  line-height: 20px !important;
  transition: transform .18s, box-shadow .18s !important;
  display: inline-flex !important;
  box-shadow: 0 18px 42px #2563eb4a, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 58px #2563eb57, inset 0 1px #ffffff42 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  color: #f7f5efeb !important;
  grid-template-columns: minmax(0, .58fr) minmax(440px, .42fr) !important;
  align-items: start !important;
  gap: clamp(48px, 5vw, 76px) !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-gallery-stage) {
  min-width: 0 !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 24px !important;
  display: grid !important;
  position: relative !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage:before {
  content: "" !important;
  z-index: -1 !important;
  filter: blur(6px) !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 48% 42%, #f7f5ef29, #0000 42%), radial-gradient(circle at 58% 58%, #4e94ff1c, #0000 48%) !important;
  border-radius: 999px !important;
  position: absolute !important;
  inset: -4% -2% 4% 16% !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  align-self: stretch !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  opacity: .72 !important;
  background: linear-gradient(#ffffff1c, #ffffff09), #f7f5ef0e !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 28px !important;
  width: 104px !important;
  height: 104px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffff1f, 0 12px 34px #0000001f !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button:hover, html body:has(.product-page-v9) .product-v9-thumb-button.active) {
  opacity: 1 !important;
  background: radial-gradient(circle at 28% 16%, #fff3, #0000 40%), #f7f5ef1f !important;
  border-color: #ffffff94 !important;
  box-shadow: 0 0 0 5px #ffffff0b, 0 18px 42px #0000002e, inset 0 1px #ffffff2e !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  height: clamp(620px, 42vw, 720px) !important;
  min-height: 620px !important;
  box-shadow: none !important;
  background: radial-gradient(circle at 50% 45%, #fffffff0, #f7f5efb8 44%, #f7f5ef0f 70%, #0000 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-media-caption) {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-media-badge {
  color: #f7f5efd1 !important;
  top: 8px !important;
  left: 8px !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge span, html body:has(.product-page-v9) .product-v9-media-caption span) {
  color: #99c8ffdb !important;
  letter-spacing: .12em !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-media-badge strong {
  color: #fffffff0 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-media-caption {
  color: #f7f5efdb !important;
  bottom: 8px !important;
  right: 8px !important;
}

html body:has(.product-page-v9) .product-v9-media-caption strong {
  color: #ffffffe6 !important;
  font-size: 14px !important;
}

html body:has(.product-page-v9) .product-v9-image-tools {
  gap: 10px !important;
  top: 8px !important;
  right: 8px !important;
}

html body:has(.product-page-v9) .product-v9-image-tools button {
  color: #ffffffe6 !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  background: linear-gradient(#ffffff26, #ffffff0e), #0c193052 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px #ffffff1c, 0 16px 34px #00000024 !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  color: #ffffffe6 !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  background: linear-gradient(#ffffff26, #ffffff0e), #0c193052 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px #ffffff1c, 0 16px 34px #00000024 !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  min-height: 48px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  font-weight: 820 !important;
  bottom: 8px !important;
  left: 8px !important;
}

html body:has(.product-page-v9) .product-v9-preview-button svg {
  color: #99c8ff !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  color: #f7f5efeb !important;
  max-height: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex-direction: column !important;
  display: flex !important;
  position: sticky !important;
  top: 146px !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-purchase-head {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff21 !important;
  order: 1 !important;
  padding: 0 0 28px !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  color: #f7f5efe0 !important;
  margin-bottom: 24px !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 820 !important;
}

html body:has(.product-page-v9) .product-v9-source-logo {
  width: 44px !important;
  height: 44px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-save-seller, html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-source-action) {
  color: #ffffffe6 !important;
  background: linear-gradient(#ffffff21, #ffffff0b), #ffffff09 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  box-shadow: inset 0 1px #ffffff1a !important;
}

:is(html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-modify-action) {
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 820 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #fff !important;
  letter-spacing: -.035em !important;
  max-width: 10.8ch !important;
  font-size: clamp(52px, 4.4vw, 72px) !important;
  font-weight: 860 !important;
  line-height: .98 !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #ffffffad !important;
  max-width: 43ch !important;
  margin-top: 22px !important;
  font-size: 17px !important;
  font-weight: 560 !important;
  line-height: 1.58 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  align-items: flex-end !important;
  gap: 16px !important;
  margin-top: 34px !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #fff !important;
  letter-spacing: -.04em !important;
  font-size: clamp(58px, 4.4vw, 78px) !important;
  font-weight: 900 !important;
  line-height: .92 !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  color: #ffc501db !important;
  padding-bottom: 10px !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  gap: 12px !important;
  margin-top: 22px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff21 !important;
  order: 2 !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 14px !important;
  padding: 26px 0 30px !important;
  display: grid !important;
  position: static !important;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full {
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 66px !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  transition: transform .18s, box-shadow .18s, background .18s !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 66px !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  transition: transform .18s, box-shadow .18s, background .18s !important;
  display: inline-flex !important;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full {
  color: #14243f !important;
  background: linear-gradient(#fffffff5, #eff5f1e0), #fff !important;
  border: 1px solid #ffffff3d !important;
  box-shadow: 0 18px 46px #0000002e, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row .w-full:hover {
  transform: translateY(-2px) !important;
}

html body:has(.product-page-v9) .product-v9-buy-button:hover {
  transform: translateY(-2px) !important;
}

html body:has(.product-page-v9) .product-v9-buy-button:hover {
  box-shadow: 0 24px 58px #2563eb57, inset 0 1px #ffffff47 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  color: #f7f5efe0 !important;
  border: 0 !important;
  order: 3 !important;
  gap: 24px !important;
  padding: 28px 0 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-panel-body h3 {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body h3 + span {
  color: #ffffff8f !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body .text-prv-muted {
  color: #ffffff8f !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control p {
  color: #ffffff8f !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  background: linear-gradient(#ffffff1c, #ffffff09), #f7f5ef0f !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 24px !important;
  min-height: 106px !important;
  box-shadow: inset 0 1px #ffffff1a, 0 14px 34px #0000001c !important;
}

html body:has(.product-page-v9) .product-v9-color-option[data-active="true"] {
  background: radial-gradient(circle at 32% 16%, #ffffff38, #0000 42%), #ffffff1c !important;
  border-color: #ffffffa8 !important;
  box-shadow: 0 0 0 5px #ffffff0b, 0 18px 42px #00000029, inset 0 1px #ffffff2e !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #ffffffc7 !important;
  background: #ffffff0f !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-size: 15px !important;
  font-weight: 820 !important;
  box-shadow: inset 0 1px #ffffff14 !important;
}

html body:has(.product-page-v9) .product-v9-size-option[data-active="true"] {
  color: #fff !important;
  background: radial-gradient(circle at 28% 16%, #fff3, #0000 38%), linear-gradient(135deg, #6aa0ffeb, #2f6df3d1) !important;
  border-color: #ffffff75 !important;
  box-shadow: 0 18px 36px #2563eb33, inset 0 1px #ffffff2e !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #ffffffad !important;
  background: #ffffff0b !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  min-height: 34px !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer-block) {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #ffffff21 !important;
  border-radius: 0 !important;
  padding: 20px 0 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong) {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping span, html body:has(.product-page-v9) .product-v9-help-before-buying span) {
  color: #ffffff94 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price {
  color: #ffffffc7 !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-price input, html body:has(.product-page-v9) .product-v9-quantity-control > div) {
  color: #fff !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px #ffffff14 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #ffffffe6 !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 999px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 840 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  color: #fff !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control span {
  color: #fff !important;
  border-color: #ffffff1f !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control button {
  color: #ffffffd6 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label {
  color: #ffffffad !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row strong {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #ffffffc7 !important;
  border-radius: 999px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #ffffff9e !important;
}

@media (max-width: 1320px) {
  :is(html body:has(.product-page-v9) .product-home-header .nav-pill, html body:has(.product-page-v9) .product-home-header .auth-pill) {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .cart-pill {
    margin-left: auto !important;
  }

  html body:has(.product-page-v9) .product-home-header .menu-pill {
    display: inline-flex !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 900px !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 112px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage:before {
    height: 2240px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage:after {
    top: 2050px !important;
  }

  html body:has(.product-page-v9) .product-home-header {
    padding: 18px 0 0 !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    gap: 8px !important;
    width: min(100% - 36px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
  }

  html body:has(.product-page-v9) .product-home-header .brand-pill {
    background: #ffffff14 !important;
    border-radius: 22px !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
  }

  html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .locale-picker {
    display: none !important;
  }

  :is(html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 32px, 560px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    border-radius: 26px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    margin-bottom: 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input {
    border-radius: 26px 26px 0 0 !important;
    min-height: 72px !important;
    padding: 0 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input input {
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-platforms {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-radius: 0 0 26px 26px !important;
    min-height: 66px !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    flex-direction: column-reverse !important;
    gap: 18px !important;
    display: flex !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    height: auto !important;
    min-height: min(510px, 118vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 38px 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 12px !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    border-radius: 22px !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    height: 84px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    max-width: 11ch !important;
    font-size: clamp(40px, 12vw, 52px) !important;
  }

  html body:has(.product-page-v9) .product-v9-price {
    font-size: clamp(46px, 13vw, 58px) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    border-radius: 20px !important;
    min-height: 86px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

html body:has(.product-page-v9) {
  background: #f4f7f4 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: #f4f7f4 !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  background: none !important;
  min-height: auto !important;
  padding: 0 0 82px !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-stage:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-stage:after {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header {
  color: #12231d !important;
  background: none !important;
  padding: 26px clamp(28px, 4.2vw, 58px) 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  width: min(100%, 1380px) !important;
  max-width: 1380px !important;
  height: 70px !important;
  min-height: 70px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: clamp(16px, 2vw, 30px) !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header.cd-header-scrolled .cd-nav {
  background: #f4f7f4d1 !important;
  border: 0 !important;
  box-shadow: 0 18px 42px #17282314 !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="1"] a:nth-child(2) {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="2"] a:nth-child(3) {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="3"] a:nth-child(4) {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  color: #12231d85 !important;
  font-size: 15px !important;
}

:is(html body:has(.product-page-v9) .product-home-header .brand-pill, html body:has(.product-page-v9) .product-home-header .nav-pill) {
  box-shadow: none !important;
  background: none !important;
}

:is(html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  color: #12231dc7 !important;
  background: #ffffffa8 !important;
  border: 1px solid #12231d14 !important;
  box-shadow: 0 14px 34px #17282314 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg {
  color: #12231dc7 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span {
  color: #12231dc7 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-currency {
  color: #12231dc7 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  background: #ffffffe6 !important;
  border: 1px solid #12231d14 !important;
  flex-basis: 220px !important;
  width: 220px !important;
  height: 58px !important;
  padding: 5px !important;
  box-shadow: 0 18px 44px #1728231f !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill:before {
  background: radial-gradient(circle at 28% 16%, #ffffff52, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  height: calc(100% - 10px) !important;
  top: 5px !important;
  box-shadow: 0 16px 36px #2563eb3d !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill a {
  color: #12231d9e !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  background: #ffffffdb !important;
  border: 1px solid #12231d14 !important;
  border-radius: 999px !important;
  grid-template-columns: minmax(0, 1fr) 146px !important;
  width: min(850px, 100%) !important;
  min-height: 64px !important;
  margin: 0 auto 48px !important;
  padding: 7px !important;
  box-shadow: 0 24px 58px #17282324 !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  background: #f4f7f4c7 !important;
  min-height: 50px !important;
  padding: 0 18px 0 20px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  background: radial-gradient(circle at 26% 12%, #ffffff4d, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  min-height: 50px !important;
  font-size: 15px !important;
  box-shadow: 0 16px 34px #2563eb3d !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  color: #12231d !important;
  grid-template-columns: minmax(0, .58fr) minmax(410px, .42fr) !important;
  gap: clamp(44px, 5vw, 74px) !important;
  max-width: 1380px !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: 94px minmax(0, 1fr) !important;
  gap: 22px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  background: #ffffffb3 !important;
  border: 1px solid #12231d1a !important;
  border-radius: 12px !important;
  width: 94px !important;
  height: 94px !important;
  box-shadow: 0 14px 34px #17282314 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button.is-active {
  border-color: #2f6df39e !important;
  box-shadow: inset 0 0 0 1px #2f6df33d !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery-topline, html body:has(.product-page-v9) .product-v9-gallery-actions, html body:has(.product-page-v9) .product-v9-gallery-footer, html body:has(.product-page-v9) .product-v9-shop-row, html body:has(.product-page-v9) .product-v9-shop-main, html body:has(.product-page-v9) .product-v9-shop-name) {
  color: #12231d !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery-action, html body:has(.product-page-v9) .product-v9-preview-button, html body:has(.product-page-v9) .product-v9-shop-button, html body:has(.product-page-v9) .product-v9-favorite-button) {
  color: #12231d !important;
  background: #ffffffd1 !important;
  border: 1px solid #12231d14 !important;
  box-shadow: 0 12px 26px #17282317 !important;
}

html body:has(.product-page-v9) .product-v9-info {
  color: #12231d !important;
  max-height: calc(100vh - 134px) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 2px 8px 28px 0 !important;
  position: sticky !important;
  top: 112px !important;
  overflow: auto !important;
}

html body:has(.product-page-v9) .product-v9-shop-row {
  border-bottom: 1px solid #12231d1a !important;
  margin-bottom: 30px !important;
  padding-bottom: 22px !important;
}

html body:has(.product-page-v9) .product-v9-description {
  color: #12231d9e !important;
  max-width: 46ch !important;
  margin: 0 0 34px !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  color: #0d1a16 !important;
  margin: 0 0 22px !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #0d1a16 !important;
  font-size: clamp(48px, 4.6vw, 68px) !important;
  font-weight: 870 !important;
}

html body:has(.product-page-v9) .product-v9-usd-price {
  color: #95690ceb !important;
  font-size: 17px !important;
}

:is(html body:has(.product-page-v9) .product-v9-purchase-panel, html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section, html body:has(.product-page-v9) .product-v9-disclaimer) {
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-action-row, html body:has(.product-page-v9) .product-v9-disclaimer) {
  border-top: 1px solid #12231d1a !important;
}

:is(html body:has(.product-page-v9) .product-v9-section-title, html body:has(.product-page-v9) .product-v9-option-label, html body:has(.product-page-v9) .product-v9-service-title, html body:has(.product-page-v9) .product-v9-quantity-label) {
  color: #12231d !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  background: #fff9 !important;
  border: 1px solid #12231d1a !important;
  border-radius: 12px !important;
  min-height: 76px !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option.is-active, html body:has(.product-page-v9) .product-v9-size-option.is-active, html body:has(.product-page-v9) .product-v9-option-chip.is-active) {
  color: #12231d !important;
  background: #2f6df31a !important;
  border-color: #2f6df39e !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip, html body:has(.product-page-v9) .product-v9-quantity-stepper) {
  color: #12231d !important;
  background: #ffffff94 !important;
  border: 1px solid #12231d1a !important;
  border-radius: 999px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.12fr) !important;
  gap: 14px !important;
  margin: 30px 0 22px !important;
  padding-top: 24px !important;
}

:is(html body:has(.product-page-v9) .product-v9-add-button, html body:has(.product-page-v9) .product-v9-buy-button) {
  white-space: nowrap !important;
  border-radius: 999px !important;
  min-height: 62px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-add-button {
  color: #12231d !important;
  background: #ffffffc7 !important;
  border: 1px solid #12231d1f !important;
  box-shadow: 0 18px 38px #17282314 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: radial-gradient(circle at 23% 13%, #ffffff47, #0000 34%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  border: 0 !important;
  box-shadow: 0 24px 56px #2563eb47 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-info {
    max-height: none !important;
    padding-right: 0 !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 100px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1380px) !important;
  }

  html body:has(.product-page-v9) .product-home-header {
    padding: 18px 14px 0 !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    height: 60px !important;
    min-height: 60px !important;
  }

  html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .nav-pill {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .auth-pill {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-home-header .locale-picker {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    border-radius: 22px !important;
    grid-template-columns: 1fr !important;
    margin-bottom: 32px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input {
    border-radius: 17px !important;
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-radius: 17px !important;
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-platforms {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    margin-top: 7px !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    flex-direction: column-reverse !important;
    display: flex !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    border-radius: 14px !important;
    height: auto !important;
    min-height: min(500px, 112vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 38px 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 10px !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 78px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    max-width: 11ch !important;
    font-size: clamp(42px, 12vw, 54px) !important;
  }

  html body:has(.product-page-v9) .product-v9-description {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-price {
    font-size: clamp(46px, 13vw, 58px) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

:is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-purchase-head, html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-store-identity, html body:has(.product-page-v9) .product-v9-store-actions, html body:has(.product-page-v9) .product-v9-title-block, html body:has(.product-page-v9) .product-v9-title-actions) {
  color: #12231d !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-store-identity strong, html body:has(.product-page-v9) .product-v9-media-badge strong, html body:has(.product-page-v9) .product-v9-media-caption strong) {
  color: #12231d !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #12231d9e !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

:is(html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-source-action, html body:has(.product-page-v9) .product-v9-modify-action) {
  color: #12231d !important;
  background: #ffffffb8 !important;
  border: 1px solid #12231d14 !important;
  box-shadow: 0 12px 26px #17282314 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: calc(100vh - 134px) !important;
  padding: 0 8px 28px 0 !important;
  position: sticky !important;
  top: 112px !important;
  overflow: auto !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none !important;
    padding-right: 0 !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(980px, 100%) !important;
  min-height: 58px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
  backdrop-filter: blur(10px) saturate(1.02) !important;
  background: #ffffff57 !important;
  border: 1px solid #12231d24 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(0, 1fr) 156px !important;
  margin: 0 auto 54px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  background: none !important;
  border-radius: 0 !important;
  min-height: 58px !important;
  padding: 0 20px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-input svg {
  margin-left: 18px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  min-height: 58px !important;
  box-shadow: none !important;
  background: #235eee !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button:hover {
  box-shadow: none !important;
  background: #1748c9 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(0, .57fr) minmax(440px, .43fr) !important;
  gap: clamp(54px, 5.4vw, 86px) !important;
  max-width: 1400px !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 28px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  width: 82px !important;
  height: 96px !important;
  box-shadow: none !important;
  opacity: .58 !important;
  background: #ffffff61 !important;
  border: 0 !important;
  border-bottom: 2px solid #12231d24 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button.is-active, html body:has(.product-page-v9) .product-v9-thumb-button.active, html body:has(.product-page-v9) .product-v9-thumb-button:hover) {
  box-shadow: none !important;
  opacity: 1 !important;
  background: #ffffffb8 !important;
  border-color: #235eee !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  height: min(68vh, 700px) !important;
  min-height: 640px !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, #12231d0f 1px, #0000 1px) 0 0 / 88px 88px, linear-gradient(#12231d0d 1px, #0000 1px) 0 0 / 88px 88px, linear-gradient(#ffffff80, #edf2ee94) !important;
  border: 1px solid #12231d24 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery-action, html body:has(.product-page-v9) .product-v9-preview-button) {
  box-shadow: none !important;
  background: #ffffffa3 !important;
  border: 1px solid #12231d2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: calc(100vh - 124px) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 30px !important;
  top: 108px !important;
}

:is(html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-source-action, html body:has(.product-page-v9) .product-v9-modify-action) {
  color: #12231d !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #12231d29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #0c1713 !important;
  max-width: 10.5ch !important;
  font-size: clamp(54px, 5.05vw, 76px) !important;
  font-weight: 850 !important;
  line-height: .93 !important;
}

:is(html body:has(.product-page-v9) .product-v9-product-copy, html body:has(.product-page-v9) .product-v9-description) {
  color: #12231dad !important;
  max-width: 44ch !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #0c1713 !important;
  font-size: clamp(50px, 4.6vw, 68px) !important;
}

html body:has(.product-page-v9) .product-v9-usd-price {
  color: #805806e6 !important;
}

:is(html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section) {
  box-shadow: none !important;
  background: none !important;
  border-top: 1px solid #12231d24 !important;
  border-radius: 0 !important;
  padding: 26px 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option.is-active, html body:has(.product-page-v9) .product-v9-color-option[data-active="true"]) {
  background: #ffffff9e !important;
  border-color: #235eee !important;
  box-shadow: inset 0 -3px #235eee !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip, html body:has(.product-page-v9) .product-v9-quantity-stepper) {
  min-height: 46px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #12231d24 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-action-row, html body:has(.product-page-v9) .product-v9-disclaimer) {
  box-shadow: none !important;
  background: none !important;
  border-top: 1px solid #12231d24 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  border: 1px solid #12231d29 !important;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
  gap: 0 !important;
  margin-top: 30px !important;
  padding: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-add-button, html body:has(.product-page-v9) .product-v9-buy-button) {
  min-height: 66px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
}

html body:has(.product-page-v9) .product-v9-add-button {
  color: #12231d !important;
  background: #ffffff57 !important;
  border: 0 !important;
  border-right: 1px solid #12231d29 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-buy-button:hover, html body:has(.product-page-v9) .product-v9-add-button:hover) {
  box-shadow: none !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-buy-button:hover {
  background: #1748c9 !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a, html body:has(.product-page-v9) .product-v9-action-row > button) {
  height: 66px !important;
  min-height: 66px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a:first-child, html body:has(.product-page-v9) .product-v9-action-row > button:first-child) {
  color: #12231d !important;
  background: #ffffff47 !important;
  border: 0 !important;
  border-right: 1px solid #12231d29 !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a:last-child, html body:has(.product-page-v9) .product-v9-action-row > button:last-child) {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-gallery-actions button {
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-main-image button[class*="rounded-full"] {
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-quantity-stepper button {
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-gallery-actions button {
  color: #12231d !important;
  background: #ffffff7a !important;
  border: 1px solid #12231d29 !important;
}

html body:has(.product-page-v9) .product-v9-main-image button[class*="rounded-full"] {
  color: #12231d !important;
  background: #ffffff7a !important;
  border: 1px solid #12231d29 !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  color: #12231d !important;
  background: #ffffff7a !important;
  border: 1px solid #12231d29 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #12231d !important;
  background: none !important;
  border: 1px solid #12231d29 !important;
  min-height: 48px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1400px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    border: 1px solid #12231d24 !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input {
    border-radius: 0 !important;
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-radius: 0 !important;
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    margin-top: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    flex-direction: column-reverse !important;
    gap: 14px !important;
    display: flex !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(500px, 112vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 82px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(42px, 11.5vw, 54px) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  html body:has(.product-page-v9) .product-v9-add-button {
    border-bottom: 1px solid #12231d29 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
    border-bottom: 1px solid #12231d29 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
    border-bottom: 1px solid #12231d29 !important;
    border-right: 0 !important;
  }
}

html body .product-page-v9 .product-v9-action-row > a.button, html body .product-page-v9 .product-v9-action-row > button.button, html body .product-page-v9 .product-v9-action-row > a[class*="rounded-"], html body .product-page-v9 .product-v9-action-row > button[class*="rounded-"] {
  height: 66px !important;
  min-height: 66px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body .product-page-v9 .product-v9-action-row > a.button:first-child, html body .product-page-v9 .product-v9-action-row > button.button:first-child {
  color: #12231d !important;
  background: #ffffff47 !important;
  border: 0 !important;
  border-right: 1px solid #12231d29 !important;
}

html body .product-page-v9 .product-v9-action-row > a.button:last-child, html body .product-page-v9 .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

html body:has(.product-page-v9) {
  color: #101c18 !important;
  background: #f6f8f6 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  color: #101c18 !important;
  background: #f6f8f6 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: linear-gradient(#f3f7f4 0%, #fff 34%, #f7f8f6 100%) !important;
  padding-top: 116px !important;
  overflow-x: hidden !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  background: none !important;
  padding: 0 0 72px !important;
}

html body:has(.product-page-v9) .product-v9-stage:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-stage:after {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-shell {
  width: min(100% - 56px, 1320px) !important;
  margin: 0 auto !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(900px, 100%) !important;
  min-height: 56px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(0, 1fr) 140px !important;
  margin: 0 auto 42px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 54px !important;
  padding: 0 16px !important;
}

html body:has(.product-page-v9) .product-v9-source-input svg {
  color: #235eee !important;
  margin-left: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-platforms {
  opacity: .34 !important;
}

html body:has(.product-page-v9) .product-v9-source-platforms img {
  width: 28px !important;
  height: 28px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  min-height: 56px !important;
  box-shadow: none !important;
  background: #235eee !important;
  border: 0 !important;
  border-left: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  color: #101c18 !important;
  border-top: 1px solid #101c181f !important;
  grid-template-columns: minmax(0, .56fr) minmax(420px, .44fr) !important;
  align-items: start !important;
  gap: 56px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-top: 28px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 22px !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-thumb-rail {
  gap: 10px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  width: 76px !important;
  height: 86px !important;
  box-shadow: none !important;
  opacity: .68 !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button.is-active, html body:has(.product-page-v9) .product-v9-thumb-button.active, html body:has(.product-page-v9) .product-v9-thumb-button:hover) {
  opacity: 1 !important;
  background: #fff !important;
  border-color: #235eee !important;
  box-shadow: inset 0 -3px #235eee !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button img {
  padding: 7px !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  height: auto !important;
  min-height: 610px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image img {
  object-fit: contain !important;
  filter: none !important;
  width: 100% !important;
  height: 100% !important;
  padding: clamp(46px, 6vw, 78px) !important;
}

html body:has(.product-page-v9) .product-v9-gallery-actions button {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-main-image button {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-modify-action {
  color: #101c18 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #ffffffdb !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  transform: none !important;
}

:is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-purchase-head, html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-store-identity, html body:has(.product-page-v9) .product-v9-store-actions, html body:has(.product-page-v9) .product-v9-title-block, html body:has(.product-page-v9) .product-v9-title-actions) {
  color: #101c18 !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  border: 0 !important;
  max-height: calc(100vh - 124px) !important;
  padding: 0 0 26px !important;
  position: sticky !important;
  top: 108px !important;
  overflow: auto !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  border-bottom: 1px solid #101c181f !important;
  margin-bottom: 28px !important;
  padding: 0 0 18px !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #101c18 !important;
  letter-spacing: 0 !important;
  max-width: 13ch !important;
  margin: 0 0 16px !important;
  font-size: clamp(42px, 4.1vw, 58px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

:is(html body:has(.product-page-v9) .product-v9-product-copy, html body:has(.product-page-v9) .product-v9-description) {
  color: #101c18a8 !important;
  max-width: 52ch !important;
  margin: 0 0 22px !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1.58 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  align-items: baseline !important;
  gap: 13px !important;
  margin: 0 0 18px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #101c18 !important;
  font-size: clamp(38px, 3.6vw, 52px) !important;
  font-weight: 860 !important;
  line-height: 1 !important;
}

html body:has(.product-page-v9) .product-v9-usd-price {
  color: #9a7100 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  gap: 10px !important;
  margin: 0 0 24px !important;
  display: flex !important;
}

:is(html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer) {
  box-shadow: none !important;
  background: none !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  padding: 18px 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-section-title, html body:has(.product-page-v9) .product-v9-option-label, html body:has(.product-page-v9) .product-v9-service-title, html body:has(.product-page-v9) .product-v9-quantity-label) {
  color: #101c18 !important;
  font-size: 15px !important;
  font-weight: 820 !important;
}

:is(html body:has(.product-page-v9) .product-v9-section-meta, html body:has(.product-page-v9) .product-v9-service-copy, html body:has(.product-page-v9) .product-v9-disclaimer, html body:has(.product-page-v9) .product-v9-stock-note) {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-color-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 12px !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option.is-active, html body:has(.product-page-v9) .product-v9-color-option[data-active="true"]) {
  border-color: #235eee !important;
  box-shadow: inset 0 -3px #235eee !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #101c18 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  color: #101c18 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-stepper {
  color: #101c18 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #101c18 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 62px !important;
  min-height: 62px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 62px !important;
  min-height: 62px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 62px !important;
  min-height: 62px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 62px !important;
  min-height: 62px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  height: 62px !important;
  min-height: 62px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: #235eee !important;
  border: 0 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 38px !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1320px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    grid-template-columns: 1fr !important;
    margin-bottom: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input {
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-platforms {
    display: none !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-top: 1px solid #101c1824 !important;
    border-left: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    flex-direction: column-reverse !important;
    gap: 12px !important;
    display: flex !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(470px, 110vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 36px 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 8px !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex: 0 0 74px !important;
    width: 74px !important;
    height: 78px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(36px, 10vw, 46px) !important;
  }

  html body:has(.product-page-v9) .product-v9-price {
    font-size: clamp(36px, 10vw, 46px) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  display: block !important;
}

:is(html body:has(.product-page-v9) .product-v9-purchase-head, html body:has(.product-page-v9) .product-v9-panel-body, html body:has(.product-page-v9) .product-v9-action-row) {
  order: initial !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 92px !important;
  display: flex !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-thumb-rail {
  gap: 10px !important;
  width: 100% !important;
  display: flex !important;
  overflow-x: auto !important;
}

html body:has(.product-page-v9) .product-v9-title {
  max-width: 18ch !important;
  font-size: clamp(30px, 2.6vw, 38px) !important;
  line-height: 1.08 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(30px, 8.5vw, 38px) !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 82px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 74px !important;
    width: 74px !important;
    height: 74px !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body :not(svg):not(path) {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-variant-section {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-variant-section :not(svg):not(path) {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-service-line :not(svg):not(path) {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-section-meta {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-option-helper {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-stock-note {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  min-height: 64px !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(430px, 108vw) !important;
  }
}

html body:has(.product-page-v9) {
  background: #081426 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: #081426 !important;
}

html body:has(.product-page-v9) .product-v9-stage:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-stage:after {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage:before {
  content: none !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header {
  color: #fff !important;
  background: none !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="1"] a:nth-child(2) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="2"] a:nth-child(3) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="3"] a:nth-child(4) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg {
  color: #ffffffdb !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span {
  color: #ffffffdb !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-currency {
  color: #ffffffdb !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  background: #fffffff5 !important;
  border-color: #ffffff2e !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  min-height: 72px !important;
  padding: 0 22px !important;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  color: #0f1d18ad !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  background: #2f6df3 !important;
  border-left: 1px solid #0f1d1814 !important;
  min-height: 72px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  color: #fff !important;
  border-top: 0 !important;
  grid-template-columns: minmax(0, .56fr) minmax(420px, .44fr) !important;
  gap: clamp(48px, 5vw, 68px) !important;
  max-width: 1320px !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  color: #fff !important;
  flex-direction: column-reverse !important;
  gap: 12px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-main-image img {
  filter: none !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button, html body:has(.product-page-v9) .product-v9-color-option) {
  box-shadow: none !important;
  background: #fffffff0 !important;
  border-color: #ffffff24 !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-media-caption) {
  color: #ffffffc2 !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge strong, html body:has(.product-page-v9) .product-v9-media-caption strong) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  background: #ffffffd1 !important;
  border-color: #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  background: #ffffffd1 !important;
  border-color: #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-gallery-actions button {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image button {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-modify-action {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff2e !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-purchase-head, html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-store-identity, html body:has(.product-page-v9) .product-v9-store-actions, html body:has(.product-page-v9) .product-v9-title-block, html body:has(.product-page-v9) .product-v9-title-actions, html body:has(.product-page-v9) .product-v9-panel-body) {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
}

:is(html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer-block, html body:has(.product-page-v9) .product-v9-disclaimer) {
  background: none !important;
  border-color: #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-section-title {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-option-label {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-service-title {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-quantity-label {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-panel-body :not(svg):not(path) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-description {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-section-meta {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-option-helper {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-stock-note {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #ffffff9e !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-stepper {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  color: #fff !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  background: none !important;
  border-color: #ffffff29 !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #fff !important;
  background: #ffffff1a !important;
  border-color: #ffffff29 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #fff !important;
  background: #ffffff1a !important;
  border-color: #ffffff29 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #fff !important;
  background: #ffffff1a !important;
  border-color: #ffffff29 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #fff !important;
  background: #ffffff1a !important;
  border-color: #ffffff29 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: #2f6df3 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1320px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-source-input {
    min-height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    min-height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-top: 1px solid #0f1d1814 !important;
    border-left: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(430px, 108vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(31px, 8.8vw, 40px) !important;
  }
}

html body:has(.product-page-v9) {
  background: #f6f8f6 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: #f6f8f6 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  color: #101c18 !important;
  background: radial-gradient(circle at 8% -12%, #ffffff14, #0000 21%), radial-gradient(circle at 84% 0, #5f8dff29, #0000 28%), linear-gradient(#17355f 0, #102544 220px, #f6f8f6 221px 100%) !important;
  padding-top: 124px !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  background: none !important;
  padding-bottom: 76px !important;
}

html body:has(.product-page-v9) .product-home-header {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  color: #fff !important;
  box-shadow: none !important;
  background: none !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="0"] a:first-child {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="1"] a:nth-child(2) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="2"] a:nth-child(3) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="3"] a:nth-child(4) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill[data-active="4"] a:nth-child(5) {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a:hover {
  color: #fff !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  color: #ffffff94 !important;
}

:is(html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  color: #ffffffe6 !important;
  box-shadow: none !important;
  background: #ffffff14 !important;
  border-color: #ffffff1f !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  min-height: 64px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  min-height: 64px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  color: #101c18 !important;
  border-top: 0 !important;
  grid-template-columns: minmax(0, .56fr) minmax(420px, .44fr) !important;
  gap: clamp(44px, 5vw, 68px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-top: 32px !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  min-height: 560px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181a !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button, html body:has(.product-page-v9) .product-v9-color-option) {
  background: #fff !important;
  border-color: #101c181a !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button.active, html body:has(.product-page-v9) .product-v9-thumb-button.is-active, html body:has(.product-page-v9) .product-v9-color-option.is-active, html body:has(.product-page-v9) .product-v9-color-option[data-active="true"]) {
  border-color: #2f6df3 !important;
  box-shadow: inset 0 -3px #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  color: #101c18 !important;
  background: #ffffffdb !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  color: #101c18 !important;
  background: #ffffffdb !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-gallery-actions button {
  color: #101c18 !important;
  background: #ffffffdb !important;
  border-color: #101c181f !important;
}

:is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-purchase-head, html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-store-identity, html body:has(.product-page-v9) .product-v9-store-actions, html body:has(.product-page-v9) .product-v9-title-block, html body:has(.product-page-v9) .product-v9-title-actions, html body:has(.product-page-v9) .product-v9-panel-body) {
  color: #101c18 !important;
}

:is(html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer-block, html body:has(.product-page-v9) .product-v9-disclaimer) {
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-section-title {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-option-label {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-service-title {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-label {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body :not(svg):not(path) {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-description {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-section-meta {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-option-helper {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-stock-note {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #101c1894 !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #101c1894 !important;
}

:is(html body:has(.product-page-v9) .product-v9-converted, html body:has(.product-page-v9) .product-v9-usd-price) {
  color: #a67800 !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-quantity-stepper {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c181f !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option.is-active, html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-option-chip.is-active) {
  background: #2f6df314 !important;
  border-color: #2f6df3 !important;
  box-shadow: inset 0 -3px #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border-color: #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: #2f6df3 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    background: linear-gradient(#17355f 0, #102544 190px, #f6f8f6 191px 100%) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    grid-template-columns: 1fr !important;
    margin-bottom: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(410px, 106vw) !important;
  }
}

html body:has(.product-page-v9) {
  background: #f7f8f4 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: #f7f8f4 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  color: #101c18 !important;
  background: radial-gradient(circle at 10% -18%, #ffffff1a, #0000 24%), radial-gradient(circle at 84% -6%, #5f8dff29, #0000 30%), linear-gradient(#17355f 0, #102544 204px, #f7f8f4 205px 100%) !important;
  padding-top: 116px !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  padding-bottom: 64px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  background: #fffffff7 !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(0, 1fr) 156px !important;
  width: min(1120px, 100%) !important;
  min-height: 62px !important;
  margin: 0 auto 28px !important;
  box-shadow: 0 18px 36px #030c1c33 !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  min-height: 62px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  min-height: 62px !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  padding: 0 22px !important;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  color: #101c18b8 !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #fff !important;
  background: #2f6df3 !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  color: #101c18 !important;
  grid-template-columns: minmax(0, .58fr) minmax(430px, .42fr) !important;
  align-items: start !important;
  gap: clamp(42px, 4.6vw, 64px) !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding-top: 24px !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  box-shadow: none !important;
  color: #101c18 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex-direction: column-reverse !important;
  gap: 14px !important;
  padding: 0 !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  min-height: 600px !important;
  box-shadow: none !important;
  background: linear-gradient(#fffffffa, #fafbf7fa) !important;
  border: 1px solid #101c181a !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image img {
  filter: none !important;
  padding: clamp(44px, 5vw, 72px) !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  height: 88px !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-thumb-rail {
  gap: 10px !important;
  display: flex !important;
  overflow-x: auto !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  width: 82px !important;
  height: 82px !important;
  box-shadow: none !important;
  opacity: .82 !important;
  background: #fff !important;
  border: 1px solid #101c181a !important;
  border-radius: 0 !important;
  flex: 0 0 82px !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button.active, html body:has(.product-page-v9) .product-v9-thumb-button.is-active, html body:has(.product-page-v9) .product-v9-thumb-button:hover) {
  opacity: 1 !important;
  border-color: #2f6df3 !important;
  box-shadow: inset 0 -3px #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  color: #101c18 !important;
}

:is(html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge span, html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption span, html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button svg) {
  color: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  color: #101c18 !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  color: #101c18 !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #101c18 !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-modify-action {
  color: #101c18 !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  color: #101c18 !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #101c18 !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: none !important;
  box-shadow: none !important;
  color: #101c18 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 8px !important;
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
}

:is(html body:has(.product-page-v9) .product-v9-purchase-head, html body:has(.product-page-v9) .product-v9-store-row, html body:has(.product-page-v9) .product-v9-store-identity, html body:has(.product-page-v9) .product-v9-store-actions, html body:has(.product-page-v9) .product-v9-title-block, html body:has(.product-page-v9) .product-v9-title-actions, html body:has(.product-page-v9) .product-v9-panel-body) {
  box-shadow: none !important;
  color: #101c18 !important;
  background: none !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  border-bottom: 1px solid #101c1821 !important;
  margin-bottom: 24px !important;
  padding-bottom: 18px !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-price {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-section-title {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-option-label {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-service-title {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-label {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body :not(svg):not(path) {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  letter-spacing: 0 !important;
  max-width: 14ch !important;
  margin-bottom: 16px !important;
  font-size: clamp(48px, 3.55vw, 56px) !important;
  font-weight: 870 !important;
  line-height: .96 !important;
}

:is(html body:has(.product-page-v9) .product-v9-product-copy, html body:has(.product-page-v9) .product-v9-description) {
  color: #101c189e !important;
  max-width: 48ch !important;
  margin-bottom: 24px !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1.58 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  gap: 12px !important;
  margin-bottom: 18px !important;
}

html body:has(.product-page-v9) .product-v9-price {
  font-size: clamp(40px, 3.1vw, 48px) !important;
  font-weight: 880 !important;
  line-height: 1 !important;
}

:is(html body:has(.product-page-v9) .product-v9-converted, html body:has(.product-page-v9) .product-v9-usd-price) {
  color: #a67800 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

:is(html body:has(.product-page-v9) .product-v9-variant-section, html body:has(.product-page-v9) .product-v9-service-section, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-disclaimer-block, html body:has(.product-page-v9) .product-v9-disclaimer) {
  box-shadow: none !important;
  background: none !important;
  border-top: 1px solid #101c1821 !important;
  border-radius: 0 !important;
  padding: 16px 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-section-title, html body:has(.product-page-v9) .product-v9-option-label, html body:has(.product-page-v9) .product-v9-service-title, html body:has(.product-page-v9) .product-v9-quantity-label) {
  font-size: 15px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-section-meta {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-option-helper {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-stock-note {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #101c1894 !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  min-height: 66px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181a !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #101c18 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  color: #101c18 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-stepper {
  color: #101c18 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  color: #101c18 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #101c18 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  color: #101c18 !important;
  min-height: 42px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #101c181f !important;
  border-radius: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option.is-active, html body:has(.product-page-v9) .product-v9-color-option[data-active="true"], html body:has(.product-page-v9) .product-v9-size-option.is-active, html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-option-chip.is-active) {
  background: #fff !important;
  border-color: #2f6df3 !important;
  box-shadow: inset 0 -3px #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: 0 !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 60px !important;
  min-height: 60px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 860 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 60px !important;
  min-height: 60px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 860 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 60px !important;
  min-height: 60px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 860 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 60px !important;
  min-height: 60px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 860 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  height: 60px !important;
  min-height: 60px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 860 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #101c18 !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #101c1824 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: #2f6df3 !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: #2f6df3 !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-details {
  color: #101c18 !important;
  background: #f7f8f4 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    background: linear-gradient(#17355f 0, #102544 188px, #f7f8f4 189px 100%) !important;
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1360px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    grid-template-columns: 1fr !important;
    margin-bottom: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-top: 1px solid #0f1d1814 !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(420px, 106vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 32px 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(34px, 9vw, 42px) !important;
    line-height: 1.02 !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
    border-bottom: 1px solid #101c1824 !important;
    border-right: 0 !important;
  }
}

html body:has(.product-page-v9) .product-v9-purchase-head {
  border-bottom: 0 !important;
  padding: 0 0 18px !important;
}

html body:has(.product-page-v9) .product-v9-source-logo {
  width: 44px !important;
  height: 44px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  gap: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c181f !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  aspect-ratio: auto !important;
  height: 54px !important;
  min-height: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #101c18ad !important;
  background: #fff !important;
  border: 1px solid #101c181a !important;
  border-radius: 0 !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
  align-items: center !important;
  gap: 16px !important;
  min-height: 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong, html body:has(.product-page-v9) .product-v9-quantity-row h3) {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  width: 54px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  white-space: nowrap !important;
  height: 38px !important;
  min-height: 38px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  border-radius: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control span {
  height: 36px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-bottom: 10px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label {
  font-size: 13px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  z-index: 5 !important;
  background: #f7f8f4 !important;
  margin-top: 10px !important;
  position: sticky !important;
  bottom: 0 !important;
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    position: relative !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body .text-prv-muted {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-size-option[data-active="true"] {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  color: #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-option-chip.is-active {
  color: #101c18 !important;
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-gallery {
    align-self: start !important;
    position: sticky !important;
    top: 118px !important;
  }

  html body:has(.product-page-v9) .product-v9-details {
    margin-top: 42px !important;
  }
}

html body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 12% -12%, #ffffff1a, #0000 24%), radial-gradient(circle at 86% -8%, #5f8dff24, #0000 30%), linear-gradient(#17355f 0, #102544 214px, #f7f8f4 215px 100%) !important;
  padding-top: 122px !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-home-header {
  position: absolute !important;
  top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  margin-bottom: 34px !important;
}

html body:has(.product-page-v9) .product-v9-gallery {
  min-width: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  background: radial-gradient(circle at 50% 42%, #fffffffa, #fafbf7fa 58%, #eff2ecf5 100%) !important;
  border-color: #101c181a !important;
  min-height: clamp(640px, 62vw, 760px) !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: none !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-purchase-head {
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  text-wrap: balance !important;
  max-width: 15ch !important;
  margin-bottom: 14px !important;
  font-size: clamp(46px, 3.35vw, 58px) !important;
  line-height: .98 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  margin-bottom: 16px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  z-index: auto !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border: 1px solid #101c1824 !important;
  margin: 0 0 26px !important;
  position: static !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 64px !important;
  min-height: 64px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 64px !important;
  min-height: 64px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 64px !important;
  min-height: 64px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 64px !important;
  min-height: 64px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  height: 64px !important;
  min-height: 64px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding: 18px 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  align-items: center !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong, html body:has(.product-page-v9) .product-v9-quantity-row h3) {
  font-size: 16px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping span, html body:has(.product-page-v9) .product-v9-help-before-buying span, html body:has(.product-page-v9) .product-v9-quantity-control p, html body:has(.product-page-v9) .product-v9-quantity-row p) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

html body:has(.product-page-v9) .product-v9-details {
  max-width: 1440px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #101c1824 !important;
  border-radius: 0 !important;
  margin: 92px auto 0 !important;
  padding: 42px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #101c181f !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: clamp(18px, 3.2vw, 48px) !important;
  margin-bottom: 44px !important;
  padding: 0 0 18px !important;
  display: flex !important;
  overflow-x: auto !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  color: #101c188a !important;
  white-space: nowrap !important;
  background: none !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  font-size: clamp(18px, 1.55vw, 26px) !important;
  font-weight: 860 !important;
  line-height: 1.1 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"] {
  color: #101c18 !important;
  box-shadow: inset 0 -3px #101c18 !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro {
  grid-template-columns: minmax(220px, .34fr) minmax(0, .66fr) !important;
  align-items: start !important;
  gap: clamp(28px, 5vw, 72px) !important;
  margin-bottom: 42px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro p {
  color: #2f6df3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside span {
  color: #2f6df3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body:has(.product-page-v9) .product-v9-source-notes article span {
  color: #2f6df3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body:has(.product-page-v9) .product-v9-flow-grid article span {
  color: #2f6df3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body:has(.product-page-v9) .product-v9-process-grid article span {
  color: #2f6df3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro h2 {
  color: #101c18 !important;
  letter-spacing: 0 !important;
  max-width: 820px !important;
  font-size: clamp(34px, 4vw, 64px) !important;
  font-weight: 870 !important;
  line-height: .98 !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro span {
  color: #101c189e !important;
  grid-column: 2 !important;
  max-width: 65ch !important;
  font-size: 17px !important;
  font-weight: 620 !important;
  line-height: 1.7 !important;
}

:is(html body:has(.product-page-v9) .product-v9-detail-stack, html body:has(.product-page-v9) .product-v9-qc-grid, html body:has(.product-page-v9) .product-v9-guide-grid, html body:has(.product-page-v9) .product-v9-source-notes) {
  gap: 28px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  border-top: 1px solid #101c181a !important;
  grid-template-columns: minmax(0, .62fr) minmax(260px, .38fr) !important;
  align-items: center !important;
  gap: clamp(24px, 4vw, 64px) !important;
  padding-top: 32px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo > div {
  background: #fff !important;
  border: 1px solid #101c1814 !important;
  border-radius: 0 !important;
  min-height: 420px !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside {
  gap: 10px !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-detail-photo aside strong, html body:has(.product-page-v9) .product-v9-source-notes article strong, html body:has(.product-page-v9) .product-v9-flow-grid article strong, html body:has(.product-page-v9) .product-v9-process-grid article strong) {
  color: #101c18 !important;
  font-size: clamp(22px, 2vw, 34px) !important;
  font-weight: 860 !important;
  line-height: 1.08 !important;
}

:is(html body:has(.product-page-v9) .product-v9-detail-photo aside p, html body:has(.product-page-v9) .product-v9-source-notes article p, html body:has(.product-page-v9) .product-v9-flow-grid article p, html body:has(.product-page-v9) .product-v9-process-grid article p) {
  color: #101c189e !important;
  font-size: 16px !important;
  font-weight: 580 !important;
  line-height: 1.65 !important;
}

:is(html body:has(.product-page-v9) .product-v9-process-grid, html body:has(.product-page-v9) .product-v9-flow-grid, html body:has(.product-page-v9) .product-v9-source-notes) {
  border-top: 1px solid #101c181a !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body:has(.product-page-v9) .product-v9-process-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

:is(html body:has(.product-page-v9) .product-v9-process-grid article, html body:has(.product-page-v9) .product-v9-flow-grid article, html body:has(.product-page-v9) .product-v9-source-notes article) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 12px !important;
  padding-top: 28px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-qc-grid {
  grid-template-columns: 1fr !important;
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-gallery {
    top: 116px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 38px !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    position: static !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-width: 760px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-process-grid, html body:has(.product-page-v9) .product-v9-flow-grid, html body:has(.product-page-v9) .product-v9-source-notes) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1440px) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(440px, 108vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(34px, 10vw, 44px) !important;
  }

  html body:has(.product-page-v9) .product-v9-product-copy {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: 1fr !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-editorial-intro, html body:has(.product-page-v9) .product-v9-detail-photo, html body:has(.product-page-v9) .product-v9-process-grid, html body:has(.product-page-v9) .product-v9-flow-grid, html body:has(.product-page-v9) .product-v9-source-notes) {
    grid-template-columns: 1fr !important;
  }

  html body:has(.product-page-v9) .product-v9-editorial-intro span {
    grid-column: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-detail-photo > div {
    min-height: 300px !important;
  }
}

html body:has(.product-page-v9) .product-v9-shell {
  width: min(100% - clamp(48px, 5vw, 96px), 1380px) !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  background: #fffffff5 !important;
  border: 1px solid #fff3 !important;
  width: min(100%, 1120px) !important;
  height: 60px !important;
  margin: 4px auto 34px !important;
  box-shadow: 0 18px 44px #08142d2e !important;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  letter-spacing: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  min-width: 154px !important;
  box-shadow: none !important;
  background: linear-gradient(135deg, #6f8cff 0%, #356df3 100%) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  background: radial-gradient(circle at 50% 36%, #fffffffa, #fafaf6fa 58%, #eff2ecfa 100%) !important;
  border: 1px solid #101c1817 !important;
  min-height: clamp(620px, 53vw, 700px) !important;
}

:is(html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  box-shadow: none !important;
  background: #ffffffbd !important;
  border: 1px solid #101c181a !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  box-shadow: none !important;
  background: #ffffffbd !important;
  border: 1px solid #101c181a !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  background: #ffffffad !important;
  border-color: #101c1817 !important;
  flex-basis: 80px !important;
  width: 80px !important;
  height: 80px !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  border-bottom: 1px solid #101c181f !important;
  margin-bottom: 24px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  max-width: 13ch !important;
  margin-bottom: 16px !important;
  font-size: clamp(48px, 3.8vw, 62px) !important;
  line-height: .96 !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #101c18ad !important;
  max-width: 47ch !important;
  margin-bottom: 24px !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  color: #8a6710 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  gap: 10px !important;
  margin-bottom: 20px !important;
}

:is(html body:has(.product-page-v9) .product-v9-source-action, html body:has(.product-page-v9) .product-v9-enter-shop, html body:has(.product-page-v9) .product-v9-save-seller) {
  box-shadow: none !important;
  background: #ffffff94 !important;
  border: 1px solid #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  border-color: #101c1821 !important;
  margin-bottom: 30px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  letter-spacing: 0 !important;
  height: 68px !important;
  min-height: 68px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  letter-spacing: 0 !important;
  height: 68px !important;
  min-height: 68px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  letter-spacing: 0 !important;
  height: 68px !important;
  min-height: 68px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  letter-spacing: 0 !important;
  height: 68px !important;
  min-height: 68px !important;
  font-size: 17px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  background: #fffc !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  background: #fffc !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  background: #fffc !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  background: #fffc !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  background: linear-gradient(135deg, #6f8cff 0%, #356df3 100%) !important;
  box-shadow: 0 18px 38px #356df338 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  background: linear-gradient(135deg, #6f8cff 0%, #356df3 100%) !important;
  box-shadow: 0 18px 38px #356df338 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  background: linear-gradient(135deg, #6f8cff 0%, #356df3 100%) !important;
  box-shadow: 0 18px 38px #356df338 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  background: linear-gradient(135deg, #6f8cff 0%, #356df3 100%) !important;
  box-shadow: 0 18px 38px #356df338 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  border-top: 1px solid #101c181a !important;
  padding: 20px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  border-top: 1px solid #101c181a !important;
  padding: 20px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  border-top: 1px solid #101c181a !important;
  padding: 20px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  border-top: 1px solid #101c181a !important;
  padding: 20px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  border-top: 1px solid #101c181a !important;
  padding: 20px 0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-panel-body h3, html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong, html body:has(.product-page-v9) .product-v9-quantity-row h3) {
  color: #101c18 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #101c181f !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #101c181f !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 44px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-purchase-card) {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 18% 0, #ffffff1f, #0000 30%), linear-gradient(#203767 0, #122744 190px, #f7f8f4 191px 100%) !important;
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1380px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    height: auto !important;
    min-height: 56px !important;
    margin-bottom: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    min-width: 116px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  html body:has(.product-page-v9) .product-v9-store-row {
    gap: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-enter-shop {
    min-width: 112px !important;
    padding-inline: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    width: 100% !important;
    min-height: min(420px, 108vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    max-width: 14ch !important;
    font-size: clamp(36px, 10vw, 46px) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 58px !important;
    min-height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 58px !important;
    min-height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 58px !important;
    min-height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 58px !important;
    min-height: 58px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    width: 100% !important;
  }
}

html body:has(.product-page-v9) .product-page-v9 {
  background: linear-gradient(#203767f5 0, #122744fa 168px, #f4f6f1 169px 100%) !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  background: none !important;
  padding-top: 118px !important;
}

html body:has(.product-page-v9) .product-home-header {
  padding-top: 22px !important;
  position: absolute !important;
  top: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  max-width: 1660px !important;
  height: 66px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 18px !important;
}

html body:has(.product-page-v9) .product-home-header.cd-header-scrolled .cd-nav {
  -webkit-backdrop-filter: blur(20px) !important;
  background: #0c1b349e !important;
  border: 1px solid #ffffff1a !important;
}

:is(html body:has(.product-page-v9) .product-home-header .brand-pill, html body:has(.product-page-v9) .product-home-header .nav-pill, html body:has(.product-page-v9) .product-home-header .auth-pill, html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  box-shadow: none !important;
}

:is(html body:has(.product-page-v9) .product-home-header .auth-pill, html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  background: #ffffff17 !important;
  border: 1px solid #ffffff1f !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(100%, 1060px) !important;
  height: 54px !important;
  box-shadow: none !important;
  background: #ffffffe6 !important;
  border: 1px solid #ffffff1a !important;
  margin: 0 auto 30px !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  padding-left: 24px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  min-width: 132px !important;
  box-shadow: none !important;
  background: linear-gradient(135deg, #6f8cff 0%, #356df3 100%) !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  gap: 14px !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  background: radial-gradient(circle at 50% 42%, #fffffff5, #f9f9f5fa 56%, #f4f6f1fa 100%) !important;
  border: 0 !important;
  min-height: clamp(660px, 44vw, 760px) !important;
  box-shadow: inset 0 0 0 1px #101c180b !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools {
  top: 18px !important;
  right: 18px !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge {
  box-shadow: none !important;
  background: #f4f6f180 !important;
  border-color: #101c1814 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption {
  box-shadow: none !important;
  background: #f4f6f180 !important;
  border-color: #101c1814 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  box-shadow: none !important;
  background: #f4f6f180 !important;
  border-color: #101c1814 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  box-shadow: none !important;
  background: #f4f6f180 !important;
  border-color: #101c1814 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  background: #ffffff61 !important;
  flex-basis: 72px !important;
  width: 72px !important;
  height: 72px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  font-size: clamp(50px, 3.4vw, 66px) !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  color: #101c18a3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  border-color: #101c181a !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  background: #ffffff7a !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  background: #ffffff7a !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  background: #ffffff7a !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  background: #ffffff7a !important;
}

html body:has(.product-page-v9) .product-v9-details {
  max-width: 1660px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(640px, 90vw) !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-page-v9 {
    background: linear-gradient(#203767f5 0, #122744fa 190px, #f4f6f1 191px 100%) !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 100px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1660px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    height: auto !important;
    min-height: 56px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(420px, 108vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 28px !important;
  }
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  color: #ffffffd1 !important;
  max-width: 1480px !important;
  height: 58px !important;
}

:is(html body:has(.product-page-v9) .product-home-header .auth-pill, html body:has(.product-page-v9) .product-home-header .region-pill, html body:has(.product-page-v9) .product-home-header .cart-pill, html body:has(.product-page-v9) .product-home-header .menu-pill) {
  background: #ffffff14 !important;
  border-color: #ffffff1a !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  background: #ffffffeb !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  background: linear-gradient(#ffffffe6, #f8faffd6) !important;
  border: 1px solid #ffffff2e !important;
  width: min(100%, 950px) !important;
  height: 50px !important;
  margin-bottom: 34px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  min-width: 122px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(0, .58fr) minmax(420px, .42fr) !important;
  align-items: start !important;
  gap: clamp(44px, 4.6vw, 72px) !important;
  max-width: 1420px !important;
  padding-top: 20px !important;
}

html body:has(.product-page-v9) .product-v9-left-column {
  min-width: 0 !important;
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    position: sticky !important;
    top: 104px !important;
  }
}

html body:has(.product-page-v9) .product-v9-details {
  border-top: 1px solid #101c181f !important;
  width: 100% !important;
  max-width: none !important;
  margin: 54px 0 0 !important;
  padding: 28px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  gap: clamp(18px, 2.2vw, 34px) !important;
  margin-bottom: 28px !important;
  padding-bottom: 12px !important;
  overflow-x: auto !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  font-size: clamp(17px, 1.35vw, 22px) !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro {
  margin-bottom: 28px !important;
  display: block !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro p {
  margin-bottom: 14px !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro h2 {
  max-width: 760px !important;
  font-size: clamp(26px, 2.3vw, 42px) !important;
  line-height: 1.05 !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro span {
  grid-column: auto !important;
  max-width: 64ch !important;
  margin-top: 16px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  display: block !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  padding-top: 24px !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo > div {
  min-height: clamp(360px, 38vw, 560px) !important;
}

:is(html body:has(.product-page-v9) .product-v9-detail-photo aside strong, html body:has(.product-page-v9) .product-v9-process-grid article strong) {
  font-size: clamp(18px, 1.5vw, 24px) !important;
}

html body:has(.product-page-v9) .product-v9-process-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-left-column {
    display: contents !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    order: 1 !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-details {
    order: 3 !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 100px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1420px) !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar {
    height: auto !important;
    min-height: 56px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(420px, 108vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-process-grid {
    grid-template-columns: 1fr !important;
  }
}

html body:has(.product-page-v9) .product-v9-source-bar {
  background: radial-gradient(circle at 8% 18%, #fffffffa, #0000 30%), linear-gradient(135deg, #fffffff0, #f1f7ffd6) !important;
  border-color: #ffffff47 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 44px #08142d24, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  background: radial-gradient(circle at 28% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  border-radius: 999px !important;
  min-height: calc(100% - 10px) !important;
  margin: 5px !important;
  transition: transform .18s, box-shadow .18s, filter .18s !important;
  box-shadow: 0 16px 36px #2563eb40, inset 0 1px #ffffff3d !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button:hover {
  filter: saturate(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 22px 48px #2563eb57, inset 0 1px #ffffff47 !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  background: linear-gradient(135deg, #ffffffc7, #f6f9ff8f) !important;
  border: 1px solid #ffffffa8 !important;
  border-radius: 999px !important;
  transition: transform .18s, border-color .18s, background .18s, box-shadow .18s !important;
  box-shadow: 0 12px 28px #08142d0f, inset 0 1px #ffffffc7 !important;
}

html body:has(.product-page-v9) .product-v9-source-action:hover {
  background: linear-gradient(135deg, #ffffffeb, #edf4ffb8) !important;
  border-color: #6f8cff75 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px #2563eb1a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop:hover {
  background: linear-gradient(135deg, #ffffffeb, #edf4ffb8) !important;
  border-color: #6f8cff75 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px #2563eb1a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-save-seller:hover {
  background: linear-gradient(135deg, #ffffffeb, #edf4ffb8) !important;
  border-color: #6f8cff75 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px #2563eb1a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button:hover {
  background: linear-gradient(135deg, #ffffffeb, #edf4ffb8) !important;
  border-color: #6f8cff75 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px #2563eb1a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-image-tools button:hover {
  background: linear-gradient(135deg, #ffffffeb, #edf4ffb8) !important;
  border-color: #6f8cff75 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px #2563eb1a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button:hover {
  background: linear-gradient(135deg, #ffffffeb, #edf4ffb8) !important;
  border-color: #6f8cff75 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px #2563eb1a, inset 0 1px #ffffffd1 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  background: linear-gradient(135deg, #ffffffb8, #f2f7ff7a) !important;
  border: 1px solid #ffffffb8 !important;
  border-radius: 999px !important;
  gap: 8px !important;
  padding: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 54px #08142d1a, inset 0 1px #fffc !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 56px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 56px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 56px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 56px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  height: 56px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #101c18 !important;
  background: #ffffff6b !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #101c18 !important;
  background: #ffffff6b !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #101c18 !important;
  background: #ffffff6b !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #101c18 !important;
  background: #ffffff6b !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 28% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  box-shadow: 0 16px 36px #2563eb40, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 28% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  box-shadow: 0 16px 36px #2563eb40, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 28% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  box-shadow: 0 16px 36px #2563eb40, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 28% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  box-shadow: 0 16px 36px #2563eb40, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #fff !important;
  background: radial-gradient(circle at 28% 18%, #ffffff47, #0000 38%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 48%, #1d4ed8 100%) !important;
  box-shadow: 0 16px 36px #2563eb40, inset 0 1px #ffffff38 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:hover {
  transform: translateY(-1px) !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:hover {
  transform: translateY(-1px) !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:hover {
  transform: translateY(-1px) !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:hover {
  transform: translateY(-1px) !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option, html body:has(.product-page-v9) .product-v9-thumb-button) {
  background: linear-gradient(135deg, #ffffffad, #f5f8ff70) !important;
  border: 1px solid #ffffff9e !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffffa8, 0 10px 24px #08142d0a !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option[data-active="true"], html body:has(.product-page-v9) .product-v9-color-option:hover, html body:has(.product-page-v9) .product-v9-thumb-button.active, html body:has(.product-page-v9) .product-v9-thumb-button:hover) {
  border-color: #2f6df39e !important;
  box-shadow: 0 0 0 4px #2f6df31a, 0 18px 36px #2563eb1f, inset 0 1px #ffffffc7 !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  background: linear-gradient(135deg, #ffffffb3, #f6f9ff7a) !important;
  border: 1px solid #ffffffa3 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px #ffffffb3, 0 10px 24px #08142d0a !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-size-option.is-active, html body:has(.product-page-v9) .product-v9-option-chip.is-active) {
  background: radial-gradient(circle at 28% 18%, #ffffff3d, #0000 40%), linear-gradient(135deg, #ecf3fffa, #ffffffbd) !important;
  border-color: #2f6df3ad !important;
  box-shadow: 0 0 0 4px #2f6df31a, inset 0 -3px #2f6df3e6, inset 0 1px #fffc !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"] {
  box-shadow: inset 0 -3px #2f6df3 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-source-bar {
    border-radius: 26px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-radius: 22px !important;
    margin: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    border-radius: 26px !important;
  }
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  max-width: 1360px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(100%, 900px) !important;
  height: 52px !important;
  margin-bottom: 30px !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  min-height: clamp(600px, 41vw, 690px) !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  height: 70px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  flex-basis: 66px !important;
  width: 66px !important;
  height: 66px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  max-width: 12.5ch !important;
  margin-bottom: 14px !important;
  font-size: clamp(46px, 3.25vw, 58px) !important;
}

html body:has(.product-page-v9) .product-v9-price {
  font-size: clamp(38px, 2.7vw, 44px) !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  margin-bottom: 24px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding: 17px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding: 17px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding: 17px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding: 17px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding: 17px 0 !important;
}

html body:has(.product-page-v9) .product-v9-details {
  margin-top: 46px !important;
  padding-top: 24px !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  gap: clamp(16px, 2vw, 30px) !important;
  margin-bottom: 24px !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  font-size: clamp(16px, 1.15vw, 20px) !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro h2 {
  max-width: 680px !important;
  font-size: clamp(24px, 2vw, 36px) !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro span {
  max-width: 58ch !important;
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    top: 112px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 36px, 1360px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

:is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-action-row) {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: none !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-block: 10px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 440px !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 12px 0 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  border-radius: 8px !important;
}

:is(html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge {
  top: 22px !important;
  left: 24px !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption {
  bottom: 22px !important;
  right: 24px !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  bottom: 22px !important;
  left: 24px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  margin-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  border-radius: 6px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  min-height: 30px !important;
  padding-bottom: 10px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  font-size: clamp(24px, 1.45vw, 30px) !important;
  line-height: 1.12 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  gap: 8px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 14px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  min-height: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  max-width: 520px !important;
  margin-top: 14px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-details {
    margin-top: 32px !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    padding: 18px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 104px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 36px, 720px) !important;
    max-width: 720px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-left-column {
    display: contents !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    order: 1 !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    order: 2 !important;
  }

  html body:has(.product-page-v9) .product-v9-details {
    order: 3 !important;
    margin-top: 12px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    gap: 24px !important;
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 66px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 10px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 62px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 12px !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 62px !important;
  }
}

html body:has(.product-page-v9) .product-v9-store-row a {
  height: 24px !important;
  min-height: 24px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  min-height: 34px !important;
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

@media (max-width: 1540px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: calc(100vw - 80px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) minmax(520px, .944fr) !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-left-column, html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-details, html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image, html body:has(.product-page-v9) .product-v9-purchase-card) {
    width: 100% !important;
    max-width: none !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image) {
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 36px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    padding-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-left-column {
    display: contents !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-action-row) {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 92px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 66px !important;
    margin-top: 12px !important;
    padding-inline: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    width: auto !important;
    height: 62px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html body:has(.product-page-v9) .product-v9-purchase-head {
  gap: 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-row strong {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-store-row a {
  align-items: center !important;
  height: 24px !important;
  min-height: 24px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  order: 4 !important;
  align-items: center !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 12px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-price-row strong {
  font-size: 32px !important;
  font-weight: 760 !important;
  line-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  font-size: 24px !important;
  font-weight: 720 !important;
  line-height: 32px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-option-label {
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 24px !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  height: 44px !important;
  min-height: 44px !important;
  font-size: 14px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control > div, html body:has(.product-page-v9) .product-v9-quantity-control button, html body:has(.product-page-v9) .product-v9-quantity-control span), :is(html body:has(.product-page-v9) .product-v9-domestic-price input, html body:has(.product-page-v9) .product-v9-help-before-buying button) {
  height: 40px !important;
  min-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  gap: 8px !important;
  min-height: 34px !important;
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

@media (max-width: 1540px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: calc(100vw - 80px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) minmax(520px, .944fr) !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-left-column, html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-details, html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image) {
    width: 100% !important;
    max-width: none !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image) {
    aspect-ratio: 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 36px, 720px) !important;
    max-width: 720px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    padding-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-left-column {
    display: contents !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-action-row) {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 92px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 66px !important;
    margin-top: 12px !important;
    padding-inline: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    width: auto !important;
    height: 62px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 10px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 104px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 24px !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 62px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 1360px) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(420px, 108vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row p {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control p {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child strong {
  color: #081c17 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
  color: #081c17 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  color: #081c17 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping strong {
  color: #081c17 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying strong {
  color: #081c17 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  height: 54px !important;
  min-height: 54px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  min-height: 36px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  min-height: 48px !important;
  padding-inline: 24px !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control span {
  min-width: 54px !important;
  height: 46px !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control button {
  width: 48px !important;
  height: 46px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control svg {
  width: 22px !important;
  height: 22px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span {
  font-size: 17px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  min-width: 70px !important;
  height: 48px !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row > div > p {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > p {
  color: #091c17c7 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside span {
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
  font-size: clamp(24px, 1.9vw, 34px) !important;
  line-height: 1.08 !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row p {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-control p {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-domestic-shipping span {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-help-before-buying span {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child strong {
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row h3 {
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-domestic-shipping strong {
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-help-before-buying strong {
    font-size: 18px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row > div > p {
    font-size: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-control > p {
    font-size: 16px !important;
  }
}

html body:has(.product-page-v9) .product-v9-shell {
  width: min(100% - clamp(32px, 4vw, 64px), 1440px) !important;
  max-width: 1440px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(620px, .515fr) minmax(560px, .485fr) !important;
  align-items: start !important;
  gap: clamp(32px, 2.6vw, 44px) !important;
  max-width: 1440px !important;
}

html body:has(.product-page-v9) .product-v9-gallery {
  width: 100% !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  height: clamp(620px, 50vw, 720px) !important;
  min-height: clamp(620px, 50vw, 720px) !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  border-radius: 12px !important;
  flex-basis: 82px !important;
  width: 82px !important;
  height: 82px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  width: 100% !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  font-size: 16px !important;
  font-weight: 800 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  font-size: 16px !important;
  font-weight: 800 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  max-width: 24ch !important;
  margin-bottom: 10px !important;
  font-size: clamp(30px, 2.25vw, 38px) !important;
  font-weight: 880 !important;
  line-height: .98 !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  max-width: 56ch !important;
  margin-bottom: 18px !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

html body:has(.product-page-v9) .product-v9-price {
  font-size: clamp(34px, 2.2vw, 38px) !important;
  line-height: 1 !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  margin-bottom: 14px !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  height: 38px !important;
  min-height: 38px !important;
  padding-inline: 15px !important;
  font-size: 14px !important;
  font-weight: 820 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  max-width: 440px !important;
  height: 54px !important;
  min-height: 54px !important;
  margin-bottom: 22px !important;
  padding: 5px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 44px !important;
  min-height: 44px !important;
  padding-inline: 24px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 44px !important;
  min-height: 44px !important;
  padding-inline: 24px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 44px !important;
  min-height: 44px !important;
  padding-inline: 24px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 44px !important;
  min-height: 44px !important;
  padding-inline: 24px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding: 15px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding: 15px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding: 15px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding: 15px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding: 15px 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child strong {
  font-size: 18px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
  font-size: 18px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  font-size: 18px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping strong {
  font-size: 18px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying strong {
  font-size: 18px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row > div > p {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > p {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  border-radius: 12px !important;
  height: 62px !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  border-radius: 999px !important;
  height: 46px !important;
  min-height: 46px !important;
  font-size: 16px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control span, html body:has(.product-page-v9) .product-v9-quantity-control button) {
  height: 42px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  min-height: 44px !important;
  font-size: 16px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  gap: 8px !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  border-radius: 8px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
  font-size: 15px !important;
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    top: 108px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    height: auto !important;
    min-height: min(620px, 106vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-title {
    font-size: clamp(34px, 10vw, 42px) !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(430px, 106vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 66px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    height: auto !important;
    min-height: 0 !important;
  }
}

html body:has(.product-page-v9) {
  color: #f6f2e8 !important;
  background: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  color: #f6f2e8 !important;
  background: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-home-header {
  min-height: 56px !important;
  box-shadow: none !important;
  background: #ffc800 !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  color: #0b0b0b !important;
  max-width: 1440px !important;
  height: 56px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-brand {
  color: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-home-header .cd-links a {
  color: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-home-header .cd-auth-shell a {
  color: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-home-header .locale-trigger {
  color: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  color: #0b0b0b !important;
}

:is(html body:has(.product-page-v9) .product-home-header .cd-auth-shell, html body:has(.product-page-v9) .product-home-header .locale-shell, html body:has(.product-page-v9) .product-home-header .cart-pill) {
  box-shadow: none !important;
  background: #0b0b0b14 !important;
  border-color: #0b0b0b29 !important;
}

html body:has(.product-page-v9) .product-home-header .signup-link {
  color: #ffc800 !important;
  box-shadow: none !important;
  background: #0b0b0b !important;
}

html body:has(.product-page-v9) .product-v9-shell {
  color: #f6f2e8 !important;
  width: min(100% - clamp(32px, 5vw, 72px), 1440px) !important;
  max-width: 1440px !important;
  padding-top: 40px !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  width: min(100%, 980px) !important;
  height: 56px !important;
  box-shadow: none !important;
  background: #151512 !important;
  border: 1px solid #ffc80038 !important;
  border-radius: 10px !important;
  margin: 0 auto 40px !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-source-input {
  color: #f6f2e8b8 !important;
}

html body:has(.product-page-v9) .product-v9-source-input input {
  color: #f6f2e8 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  color: #0b0b0b !important;
  min-width: 148px !important;
  box-shadow: none !important;
  background: #ffc800 !important;
  border: 0 !important;
  border-radius: 0 !important;
  align-self: stretch !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(620px, 720px) minmax(560px, 680px) !important;
  gap: 40px !important;
  max-width: 1440px !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-left-column {
  gap: 0 !important;
}

html body:has(.product-page-v9) .product-v9-gallery {
  background: none !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  height: min(720px, 50vw) !important;
  min-height: min(720px, 50vw) !important;
  box-shadow: none !important;
  background: #f5f1e8 !important;
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-main-image img {
  padding: clamp(24px, 3vw, 44px) !important;
}

html body:has(.product-page-v9) .product-v9-media-badge {
  color: #f6f2e8 !important;
  box-shadow: none !important;
  background: #0b0b0bd6 !important;
  border-color: #ffc80038 !important;
  border-radius: 8px !important;
}

html body:has(.product-page-v9) .product-v9-media-caption {
  color: #f6f2e8 !important;
  box-shadow: none !important;
  background: #0b0b0bd6 !important;
  border-color: #ffc80038 !important;
  border-radius: 8px !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  color: #f6f2e8 !important;
  box-shadow: none !important;
  background: #0b0b0bd6 !important;
  border-color: #ffc80038 !important;
  border-radius: 8px !important;
}

html body:has(.product-page-v9) .product-v9-image-tools button {
  color: #f6f2e8 !important;
  box-shadow: none !important;
  background: #0b0b0bd6 !important;
  border-color: #ffc80038 !important;
  border-radius: 8px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  height: 82px !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  width: 82px !important;
  height: 82px !important;
  box-shadow: none !important;
  background: #1a1a17 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 4px !important;
  flex-basis: 82px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  scrollbar-width: thin !important;
  color: #f6f2e8 !important;
  max-height: calc(100dvh - 92px) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  position: sticky !important;
  top: 82px !important;
  overflow: auto !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  border-bottom: 1px solid #ffffff1f !important;
  min-height: 30px !important;
  margin-bottom: 14px !important;
  padding: 0 0 12px !important;
}

html body:has(.product-page-v9) .product-v9-source-logo {
  border-radius: 6px !important;
  width: 32px !important;
  height: 32px !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #f6f2e8 !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #f6f2e8 !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

:is(html body:has(.product-page-v9) .product-v9-save-seller, html body:has(.product-page-v9) .product-v9-enter-shop) {
  min-height: 32px !important;
  box-shadow: none !important;
  background: #191916 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 6px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #f6f2e8 !important;
  max-width: none !important;
  margin-bottom: 10px !important;
  font-size: 20px !important;
  font-weight: 720 !important;
  line-height: 1.22 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  order: 2 !important;
  gap: 10px !important;
  margin: 10px 0 18px !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #f6f2e8db !important;
  height: 30px !important;
  min-height: 30px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

:is(html body:has(.product-page-v9) .product-v9-price, html body:has(.product-page-v9) .product-v9-converted) {
  color: #ffc800 !important;
  font-size: 32px !important;
  font-weight: 820 !important;
  line-height: 1.08 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  display: block !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child strong {
  color: #f6f2e8 !important;
  font-size: 16px !important;
  font-weight: 720 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  color: #f6f2e8 !important;
  font-size: 16px !important;
  font-weight: 720 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping strong {
  color: #f6f2e8 !important;
  font-size: 16px !important;
  font-weight: 720 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying strong {
  color: #f6f2e8 !important;
  font-size: 16px !important;
  font-weight: 720 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row > div > p {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > p {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  height: 55px !important;
  box-shadow: none !important;
  background: #191916 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 4px !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option[data-active="true"], html body:has(.product-page-v9) .product-v9-color-option:hover) {
  border-color: #ffc800 !important;
  box-shadow: 0 0 0 2px #ffc8002e !important;
}

html body:has(.product-page-v9) .product-v9-size-choice-grid {
  flex-wrap: wrap !important;
  gap: 10px !important;
  display: flex !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  color: #f6f2e8 !important;
  width: auto !important;
  min-width: 74px !important;
  height: 44px !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #191916 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 6px !important;
  padding: 0 22px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-size-option.is-active) {
  box-shadow: none !important;
  color: #ffc800 !important;
  background: #ffc8001f !important;
  border-color: #ffc800 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  align-items: flex-start !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  background: #191916 !important;
  border-color: #ffffff1f !important;
  border-radius: 6px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control button, html body:has(.product-page-v9) .product-v9-quantity-control span) {
  color: #f6f2e8 !important;
  background: #191916 !important;
  border-color: #ffffff1f !important;
  height: 40px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  grid-template-columns: 1fr auto !important;
  gap: 20px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-price input, html body:has(.product-page-v9) .product-v9-help-before-buying button) {
  color: #f6f2e8 !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  background: #191916 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span {
  color: #f6f2e8bd !important;
  font-size: 14px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  background: #ffc80014 !important;
  border: 1px solid #ffc8001f !important;
  border-radius: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 14px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #f6f2e8d1 !important;
  text-align: center !important;
  background: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row {
  align-items: flex-start !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #f6f2e8 !important;
  background: #191916 !important;
  border: 1px solid #ffffff1f !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  color: #f6f2e8 !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffc80052 !important;
  border-radius: 31px !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  color: #f6f2e8 !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffc80052 !important;
  border-radius: 31px !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  color: #f6f2e8 !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffc80052 !important;
  border-radius: 31px !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  color: #f6f2e8 !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #ffc80052 !important;
  border-radius: 31px !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #0b0b0b !important;
  background: #ffc800 !important;
  border-color: #ffc800 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #0b0b0b !important;
  background: #ffc800 !important;
  border-color: #ffc800 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #0b0b0b !important;
  background: #ffc800 !important;
  border-color: #ffc800 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #0b0b0b !important;
  background: #ffc800 !important;
  border-color: #ffc800 !important;
}

html body:has(.product-page-v9) .product-v9-details {
  color: #f6f2e8 !important;
  border-top: 0 !important;
  margin-top: 32px !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  background: #141414 !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 12px !important;
  gap: 0 !important;
  min-height: 48px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  color: #f6f2e8ad !important;
  min-height: 48px !important;
  box-shadow: none !important;
  flex: 1 1 0 !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"] {
  color: #ffc800 !important;
  box-shadow: none !important;
  background: #ffc80024 !important;
}

html body:has(.product-page-v9) .product-v9-editorial-intro {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  background: #141414 !important;
  border-radius: 12px !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
  color: #f6f2e8 !important;
  font-size: 24px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-home-header {
    background: #ffc800 !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 32px, 720px) !important;
    padding-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    display: grid !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    height: auto !important;
    min-height: min(720px, 100vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-source-bar {
    border-radius: 10px !important;
    height: auto !important;
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-bar button {
    border-radius: 0 !important;
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    border-radius: 10px !important;
    min-height: min(430px, 100vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-price, html body:has(.product-page-v9) .product-v9-converted) {
    font-size: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-service-line {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
  }
}

html body:has(.product-page-v9) .product-home-header {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-shell {
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-bar {
  height: 0 !important;
  margin: 0 !important;
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-source-bar button {
  min-width: 132px !important;
  font-size: 14px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  gap: 40px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: calc(100dvh - 82px) !important;
  top: 72px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-head {
  margin-bottom: 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  margin: 8px 0 12px !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  margin: 12px 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 16px !important;
  margin-bottom: 8px !important;
  display: flex !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  align-items: center !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  min-height: 0 !important;
  padding: 6px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  height: 44px !important;
  min-height: 44px !important;
  margin-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 40px !important;
  min-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 40px !important;
  min-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 40px !important;
  min-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 40px !important;
  min-height: 40px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none !important;
  }
}

html body:has(.product-page-v9) {
  color: #0b1715 !important;
  background: #f3f6f2 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  color: #0b1715 !important;
  background: #f3f6f2 !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 18% 0, #5881ff2e, #0000 28%), linear-gradient(#14243f 0 96px, #eef3ef 96px, #f7f8f4 100%) !important;
}

html body:has(.product-page-v9) .product-home-header {
  background: radial-gradient(circle at 18% 0, #5881ff38, #0000 34%), linear-gradient(#14243f 0%, #13233d 100%) !important;
  border: 0 !important;
  height: 88px !important;
  min-height: 88px !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  color: #fffffff0 !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  background: #ffffff0d !important;
  border: 1px solid #ffffff17 !important;
  height: 72px !important;
  box-shadow: inset 0 1px #ffffff1a, 0 18px 40px #040b1833 !important;
}

html body:has(.product-page-v9) .product-home-header .cd-brand {
  color: #ffffffeb !important;
}

html body:has(.product-page-v9) .product-home-header .cd-links a {
  color: #ffffffeb !important;
}

html body:has(.product-page-v9) .product-home-header .cd-auth-shell a {
  color: #ffffffeb !important;
}

html body:has(.product-page-v9) .product-home-header .locale-trigger {
  color: #ffffffeb !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  color: #ffffffeb !important;
}

:is(html body:has(.product-page-v9) .product-home-header .cd-links a.active, html body:has(.product-page-v9) .product-home-header .cd-links a:hover) {
  color: #fff !important;
}

:is(html body:has(.product-page-v9) .product-home-header .cd-auth-shell, html body:has(.product-page-v9) .product-home-header .locale-shell, html body:has(.product-page-v9) .product-home-header .cart-pill) {
  background: #ffffff14 !important;
  border-color: #ffffff1f !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 28px #00000029 !important;
}

html body:has(.product-page-v9) .product-home-header .signup-link {
  color: #fff !important;
  background: radial-gradient(circle at 24% 18%, #ffffff42, #0000 36%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 52%, #1d4ed8 100%) !important;
  box-shadow: 0 14px 32px #2f6df347 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(620px, 720px) minmax(560px, 680px) !important;
  align-items: start !important;
  gap: 40px !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  background: #fbfaf6 !important;
  border: 1px solid #14243f1a !important;
  border-radius: 12px !important;
  height: min(720px, 50vw) !important;
  min-height: min(720px, 50vw) !important;
  box-shadow: inset 0 1px #ffffffe6, 0 28px 70px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-media-badge {
  color: #14243f !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  background: #ffffffe6 !important;
  border-color: #14243f1a !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-media-caption {
  color: #14243f !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  background: #ffffffe6 !important;
  border-color: #14243f1a !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-preview-button {
  color: #14243f !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  background: #ffffffe6 !important;
  border-color: #14243f1a !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-image-tools button {
  color: #14243f !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  background: #ffffffe6 !important;
  border-color: #14243f1a !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px #14243f14 !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge span, html body:has(.product-page-v9) .product-v9-media-caption span) {
  color: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  box-shadow: none !important;
  background: #ffffffb8 !important;
  border: 1px solid #14243f1a !important;
  border-radius: 8px !important;
}

:is(html body:has(.product-page-v9) .product-v9-thumb-button.active, html body:has(.product-page-v9) .product-v9-thumb-button:hover) {
  border-color: #2f6df3b8 !important;
  box-shadow: 0 0 0 3px #2f6df321 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  color: #0b1715 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  border-bottom: 1px solid #14243f1f !important;
}

html body:has(.product-page-v9) .product-v9-store-identity strong {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child strong {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping strong {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying strong {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-title {
  font-size: 22px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
}

html body:has(.product-page-v9) .product-v9-save-seller {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #14243f !important;
  box-shadow: none !important;
  background: #ffffffc2 !important;
  border: 1px solid #14243f1a !important;
}

:is(html body:has(.product-page-v9) .product-v9-price, html body:has(.product-page-v9) .product-v9-converted) {
  color: #14243f !important;
  font-size: 32px !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  color: #9a6a00 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row > div > p {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > p {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span {
  color: #0b1715ad !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  color: #14243f !important;
  background: #ffffffb8 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-size-option {
  color: #14243f !important;
  background: #ffffffb8 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-option-chip {
  color: #14243f !important;
  background: #ffffffb8 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  color: #14243f !important;
  background: #ffffffb8 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control button {
  color: #14243f !important;
  background: #ffffffb8 !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control span {
  color: #14243f !important;
  background: #ffffffb8 !important;
  border-color: #14243f1a !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option[data-active="true"], html body:has(.product-page-v9) .product-v9-color-option:hover, html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-size-option.is-active) {
  color: #1d4ed8 !important;
  background: #ecf3fff5 !important;
  border-color: #2f6df3b8 !important;
  box-shadow: 0 0 0 3px #2f6df31f !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  background: #ffffff75 !important;
  border: 1px solid #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  color: #14243fb8 !important;
}

html body:has(.product-page-v9) .product-v9-service-line span:first-child {
  color: #1d4ed8 !important;
  background: #ecf3fff5 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row input {
  accent-color: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  color: #14243f !important;
  background: #ffffffd1 !important;
  border: 1px solid #14243f1f !important;
  box-shadow: inset 0 1px #ffffffc7, 0 12px 30px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  color: #14243f !important;
  background: #ffffffd1 !important;
  border: 1px solid #14243f1f !important;
  box-shadow: inset 0 1px #ffffffc7, 0 12px 30px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  color: #14243f !important;
  background: #ffffffd1 !important;
  border: 1px solid #14243f1f !important;
  box-shadow: inset 0 1px #ffffffc7, 0 12px 30px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  color: #14243f !important;
  background: #ffffffd1 !important;
  border: 1px solid #14243f1f !important;
  box-shadow: inset 0 1px #ffffffc7, 0 12px 30px #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 24% 18%, #ffffff47, #0000 40%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 52%, #1d4ed8 100%) !important;
  border-color: #2f6df37a !important;
  box-shadow: 0 16px 36px #2f6df33d !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 24% 18%, #ffffff47, #0000 40%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 52%, #1d4ed8 100%) !important;
  border-color: #2f6df37a !important;
  box-shadow: 0 16px 36px #2f6df33d !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 24% 18%, #ffffff47, #0000 40%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 52%, #1d4ed8 100%) !important;
  border-color: #2f6df37a !important;
  box-shadow: 0 16px 36px #2f6df33d !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #fff !important;
  background: radial-gradient(circle at 24% 18%, #ffffff47, #0000 40%), linear-gradient(135deg, #6aa0ff 0%, #2f6df3 52%, #1d4ed8 100%) !important;
  border-color: #2f6df37a !important;
  box-shadow: 0 16px 36px #2f6df33d !important;
}

html body:has(.product-page-v9) .product-v9-details {
  color: #0b1715 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  background: #ffffff8f !important;
  border-color: #14243f1a !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  color: #14243f99 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"] {
  color: #1d4ed8 !important;
  background: #ecf3fff0 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  background: #ffffff94 !important;
  border: 1px solid #14243f14 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside {
  color: #0b1715 !important;
  background: #ffffffb8 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside span {
  color: #2f6df3 !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
  color: #0b1715 !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-page-v9 {
    background: linear-gradient(#14243f 0 88px, #eef3ef 88px, #f7f8f4 100%) !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 32px, 720px) !important;
    max-width: 720px !important;
    padding-top: 12px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-details) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    max-height: none !important;
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    width: 100% !important;
    height: auto !important;
    min-height: min(620px, 100vw) !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 32px, 720px) !important;
    padding-top: 12px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    min-height: min(430px, 100vw) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
  }
}

html body:has(.product-page-v9) .product-v9-shell {
  width: min(100% - clamp(32px, 4vw, 64px), 1440px) !important;
  max-width: 1440px !important;
  padding-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(0, 720px) minmax(0, 680px) !important;
  align-items: start !important;
  gap: 40px !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding-top: 40px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-left-column {
  min-width: 0 !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-purchase-card) {
  width: 100% !important;
  min-width: 0 !important;
}

html body:has(.product-page-v9) .product-v9-gallery {
  position: static !important;
  top: auto !important;
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  flex-direction: column-reverse !important;
  gap: 18px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  aspect-ratio: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  height: 82px !important;
  margin-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  max-height: none !important;
  position: static !important;
  top: auto !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-title-block {
  gap: 14px !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-title, html body:has(.product-page-v9) .product-v9-product-copy, html body:has(.product-page-v9) .product-v9-title-actions, html body:has(.product-page-v9) .product-v9-price-row) {
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  order: 3 !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  order: 4 !important;
  margin-top: 6px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  gap: 0 !important;
  margin-top: 20px !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  margin: 0 !important;
  padding-block: 20px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  margin: 0 !important;
  padding-block: 20px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  margin: 0 !important;
  padding-block: 20px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  margin: 0 !important;
  padding-block: 20px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  margin: 0 !important;
  padding-block: 20px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  margin: 0 !important;
  padding-block: 20px !important;
}

html body:has(.product-page-v9) .product-v9-size-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  height: 40px !important;
  min-height: 40px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control button, html body:has(.product-page-v9) .product-v9-quantity-control span) {
  height: 40px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-price input, html body:has(.product-page-v9) .product-v9-help-before-buying button) {
  height: 40px !important;
  min-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  flex-wrap: wrap !important;
  gap: 8px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 440px !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 20px 0 0 !important;
  display: grid !important;
  position: static !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 44px !important;
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 44px !important;
  min-height: 44px !important;
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 112px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 36px, 720px) !important;
    max-width: 720px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    padding-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-left-column {
    display: contents !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    order: 1 !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    order: 2 !important;
  }

  html body:has(.product-page-v9) .product-v9-details {
    order: 3 !important;
    margin-top: 12px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    aspect-ratio: 1 !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 100px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    gap: 24px !important;
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 66px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 10px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 64px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 12px !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 62px !important;
  }
}

html body:has(.product-page-v9) .product-v9-service-line {
  box-shadow: none !important;
  background: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 8px 0 !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  min-height: 30px !important;
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  margin-top: 2px !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  margin-top: 4px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  height: 52px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  gap: 18px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control > div, html body:has(.product-page-v9) .product-v9-quantity-control button, html body:has(.product-page-v9) .product-v9-quantity-control span, html body:has(.product-page-v9) .product-v9-domestic-price input, html body:has(.product-page-v9) .product-v9-help-before-buying button) {
  height: 38px !important;
  min-height: 38px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  gap: 8px !important;
  padding-block: 8px !important;
}

html body:has(.product-page-v9) .product-v9-service-line span {
  min-height: 28px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  margin-top: 8px !important;
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    height: 62px !important;
  }
}

html body:has(.product-page-v9) .product-v9-source-bar {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-shell {
  width: min(1440px, 100vw - 120px) !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  grid-template-columns: minmax(0, 720px) minmax(0, 680px) !important;
  align-items: start !important;
  gap: 40px !important;
  padding-top: 40px !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-left-column, html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-details) {
  width: 720px !important;
  max-width: 720px !important;
}

html body:has(.product-page-v9) .product-v9-gallery {
  height: 826px !important;
  min-height: 826px !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image) {
  aspect-ratio: 1 !important;
  width: 720px !important;
  max-width: 720px !important;
  height: 720px !important;
  min-height: 720px !important;
}

html body:has(.product-page-v9) .product-v9-main-image img {
  object-fit: contain !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  height: 82px !important;
  margin-top: 18px !important;
  padding-inline: 31px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-rail {
  gap: 14px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-button {
  flex: 0 0 82px !important;
  width: 82px !important;
  height: 82px !important;
}

html body:has(.product-page-v9) .product-v9-purchase-card {
  width: 680px !important;
  max-width: 680px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-store-row {
  align-items: center !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-logo {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
}

html body:has(.product-page-v9) .product-v9-store-row strong {
  font-size: 16px !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-title-block {
  gap: 8px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 650 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-product-copy {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  order: 3 !important;
  gap: 12px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  height: 24px !important;
  min-height: 24px !important;
  padding-block: 0 !important;
  font-size: 14px !important;
}

html body:has(.product-page-v9) .product-v9-price-row {
  order: 4 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 12px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-price-row strong {
  font-size: 32px !important;
  line-height: 40px !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  font-size: 24px !important;
  line-height: 32px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  gap: 0 !important;
  margin-top: 20px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  margin: 0 !important;
  padding-block: 12px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child {
  margin-bottom: 10px !important;
}

html body:has(.product-page-v9) .product-v9-color-grid {
  grid-template-columns: repeat(8, 55px) !important;
  gap: 10px !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  width: 55px !important;
  height: 55px !important;
}

html body:has(.product-page-v9) .product-v9-size-choice-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  height: 44px !important;
  min-height: 44px !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-row, html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 452px !important;
  max-width: 452px !important;
  height: 45px !important;
  min-height: 45px !important;
  margin: 8px 0 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 45px !important;
  min-height: 45px !important;
  padding-block: 0 !important;
}

html body:has(.product-page-v9) .product-v9-details {
  margin-top: 18px !important;
}

@media (max-width: 1540px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: calc(100vw - 80px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) minmax(520px, .944fr) !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-left-column, html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-details, html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image, html body:has(.product-page-v9) .product-v9-purchase-card) {
    width: 100% !important;
    max-width: none !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image) {
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 36px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    padding-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-left-column {
    display: contents !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-action-row) {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 92px !important;
  }

  html body:has(.product-page-v9) .product-v9-shell {
    width: min(100% - 28px, 720px) !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    height: 66px !important;
    margin-top: 12px !important;
    padding-inline: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    width: auto !important;
    height: 62px !important;
  }
}

html body:has(.product-page-v9) .product-v9-gallery-stage {
  flex-direction: column !important;
  gap: 18px !important;
  width: 720px !important;
  max-width: 720px !important;
  height: 820px !important;
  min-height: 820px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  flex: 0 0 720px !important;
  order: 1 !important;
  width: 720px !important;
  max-width: 720px !important;
  height: 720px !important;
  min-height: 720px !important;
}

html body:has(.product-page-v9) .product-v9-thumb-row {
  flex: 0 0 82px !important;
  order: 2 !important;
  width: 720px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding-inline: 31px !important;
}

@media (max-width: 1540px) {
  :is(html body:has(.product-page-v9) .product-v9-gallery-stage, html body:has(.product-page-v9) .product-v9-main-image, html body:has(.product-page-v9) .product-v9-thumb-row) {
    width: 100% !important;
    max-width: none !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    aspect-ratio: 1 !important;
    flex-basis: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 760px) {
  html body:has(.product-page-v9) .product-v9-gallery-stage {
    gap: 12px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    flex-basis: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    padding-inline: 0 !important;
  }
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding-block: 6px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  padding-block: 6px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  padding-block: 6px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  padding-block: 6px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  padding-block: 6px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 6px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child {
  align-items: center !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 0 6px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

html body:has(.product-page-v9) .product-v9-color-grid {
  margin-top: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  min-height: 78px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row > div:first-child p {
  margin-top: 4px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control {
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  flex: none !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control p {
  white-space: nowrap !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
  min-height: 76px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong) {
  font-size: 16px !important;
  line-height: 22px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping span, html body:has(.product-page-v9) .product-v9-help-before-buying span) {
  font-size: 14px !important;
  line-height: 20px !important;
}

html body:has(.product-page-v9) .product-v9-service-line {
  min-height: 36px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  min-height: 44px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row {
  min-height: 32px !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-v9-shell {
    width: min(1940px, 100vw - 160px) !important;
    max-width: 1940px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    grid-template-columns: minmax(0, 970px) minmax(0, 916px) !important;
    gap: 54px !important;
    width: 1940px !important;
    max-width: 1940px !important;
    padding-top: 40px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-left-column, html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-details) {
    width: 970px !important;
    max-width: 970px !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery {
    height: 1112px !important;
    min-height: 1112px !important;
  }

  html body:has(.product-page-v9) .product-v9-gallery-stage {
    gap: 24px !important;
    width: 970px !important;
    max-width: 970px !important;
    height: 1104px !important;
    min-height: 1104px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image {
    flex: 0 0 970px !important;
    width: 970px !important;
    max-width: 970px !important;
    height: 970px !important;
    min-height: 970px !important;
  }

  html body:has(.product-page-v9) .product-v9-main-image img {
    transform: scale(1.08) !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-row {
    flex: 0 0 110px !important;
    width: 970px !important;
    height: 110px !important;
    min-height: 110px !important;
    padding-inline: 42px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-rail {
    gap: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-thumb-button {
    flex: 0 0 110px !important;
    width: 110px !important;
    height: 110px !important;
  }

  html body:has(.product-page-v9) .product-v9-purchase-card {
    width: 916px !important;
    max-width: 916px !important;
  }

  html body:has(.product-page-v9) .product-v9-store-row {
    height: 40px !important;
    min-height: 40px !important;
    margin-bottom: 10px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-logo {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  html body:has(.product-page-v9) .product-v9-store-row strong {
    font-size: 21px !important;
    line-height: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: 27px !important;
    line-height: 32px !important;
  }

  html body:has(.product-page-v9) .product-v9-title-actions {
    gap: 16px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  html body:has(.product-page-v9) .product-v9-source-action {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-price-row {
    height: 54px !important;
    min-height: 54px !important;
    margin-top: 16px !important;
  }

  html body:has(.product-page-v9) .product-v9-price-row strong {
    font-size: 43px !important;
    line-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-price-row span {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body {
    margin-top: 26px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section {
    padding-block: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row {
    padding-block: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-domestic-shipping {
    padding-block: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-help-before-buying {
    padding-block: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-service-line {
    padding-block: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-block {
    padding-block: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child {
    height: 32px !important;
    min-height: 32px !important;
    margin-bottom: 8px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row h3 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-control p {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-grid {
    grid-template-columns: repeat(8, 74px) !important;
    gap: 14px !important;
  }

  html body:has(.product-page-v9) .product-v9-color-option {
    width: 74px !important;
    height: 74px !important;
  }

  html body:has(.product-page-v9) .product-v9-size-option {
    height: 60px !important;
    min-height: 60px !important;
    font-size: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row {
    min-height: 104px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row > div:first-child p {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying) {
    min-height: 102px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping strong, html body:has(.product-page-v9) .product-v9-help-before-buying strong) {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping span, html body:has(.product-page-v9) .product-v9-help-before-buying span) {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  html body:has(.product-page-v9) .product-v9-service-line {
    min-height: 54px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-block {
    min-height: 60px !important;
  }

  html body:has(.product-page-v9) .product-v9-disclaimer-row {
    min-height: 44px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    gap: 16px !important;
    width: 610px !important;
    max-width: 610px !important;
    height: 61px !important;
    min-height: 61px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 61px !important;
    min-height: 61px !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 61px !important;
    min-height: 61px !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 61px !important;
    min-height: 61px !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 61px !important;
    min-height: 61px !important;
    font-size: 20px !important;
  }

  html body:has(.product-page-v9) .product-v9-details {
    margin-top: 34px !important;
  }
}

html body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 0, #3f6cb938, #0000 22rem), linear-gradient(#10294e 0 132px, #dce6f3 208px, #f5f8f6 420px, #f7faf7 100%) !important;
}

html body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 0, #3f6cb938, #0000 22rem), linear-gradient(#10294e 0 132px, #dce6f3 208px, #f5f8f6 420px, #f7faf7 100%) !important;
}

html body:has(.product-page-v9) .product-home-header {
  pointer-events: none !important;
  background: none !important;
  padding: 24px 0 0 !important;
  position: absolute !important;
  inset: 0 0 auto !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
  pointer-events: auto !important;
  background: radial-gradient(circle at 8% 0, #ffffff14, #0000 34%), linear-gradient(90deg, #11141bf5, #141820eb 52%, #12161df5) !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 999px !important;
  width: min(1364px, 100vw - 96px) !important;
  max-width: 1364px !important;
  min-height: 70px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-shadow: 0 28px 70px #040a185c, inset 0 1px #ffffff1f !important;
}

html body:has(.product-page-v9) .product-home-header.cd-header-scrolled {
  background: none !important;
}

html body:has(.product-page-v9) .product-home-header.cd-header-scrolled .cd-nav {
  transform: none !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  height: 50px !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  font-size: 22px !important;
  font-weight: 820 !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill {
  gap: clamp(28px, 3vw, 64px) !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  color: #fff9 !important;
  height: 42px !important;
  font-size: 15px !important;
  font-weight: 680 !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  width: 218px !important;
  min-width: 218px !important;
  height: 54px !important;
  padding: 5px !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
}

html body:has(.product-page-v9) .product-home-header .bag-pill {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-main-image, html body:has(.product-page-v9) .product-v9-thumb-button, html body:has(.product-page-v9) .product-v9-purchase-card, html body:has(.product-page-v9) .product-v9-details, html body:has(.product-page-v9) .product-v9-details-tabs) {
  border-color: #0000 !important;
}

:is(html body:has(.product-page-v9) .product-v9-gallery, html body:has(.product-page-v9) .product-v9-main-image) {
  box-shadow: none !important;
}

html body:has(.product-page-v9) .product-v9-main-image {
  background: #ffffffbd !important;
}

:is(html body:has(.product-page-v9) .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-media-caption) {
  box-shadow: none !important;
  background: #ffffff94 !important;
  border-color: #0c1a2b0f !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  background: #ffffffa3 !important;
  border-color: #0000 !important;
  box-shadow: 0 10px 28px #0f233c0f !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  background: #ffffffa3 !important;
  border-color: #0000 !important;
  box-shadow: 0 10px 28px #0f233c0f !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  background: #ffffffa3 !important;
  border-color: #0000 !important;
  box-shadow: 0 10px 28px #0f233c0f !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-arrow {
  background: #ffffffa3 !important;
  border-color: #0000 !important;
  box-shadow: 0 10px 28px #0f233c0f !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  border-radius: 999px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding-inline: 13px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v9) .product-v9-title-actions {
  gap: 10px !important;
  height: 32px !important;
  min-height: 32px !important;
}

html body:has(.product-page-v9) .product-v9-title {
  letter-spacing: -.02em !important;
  font-size: 22px !important;
  font-weight: 760 !important;
  line-height: 28px !important;
}

html body:has(.product-page-v9) .product-v9-price-row strong {
  letter-spacing: -.035em !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  margin-top: 18px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  border-color: #10203014 !important;
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  border-color: #10203014 !important;
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  border-color: #10203014 !important;
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  border-color: #10203014 !important;
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  border-color: #10203014 !important;
  padding-block: 14px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
  letter-spacing: -.012em !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  letter-spacing: -.012em !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  font-size: 15px !important;
  line-height: 22px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row p {
  font-size: 15px !important;
  line-height: 22px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  font-size: 15px !important;
  line-height: 22px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  font-size: 15px !important;
  line-height: 22px !important;
}

html body:has(.product-page-v9) .product-v9-color-option {
  box-shadow: none !important;
  background: #ffffff8f !important;
  border-color: #0000 !important;
}

:is(html body:has(.product-page-v9) .product-v9-color-option[data-active="true"], html body:has(.product-page-v9) .product-v9-thumb-button.active) {
  border-color: #3a6df6b3 !important;
  box-shadow: 0 0 0 3px #3a6df61f, 0 12px 24px #2563eb1a !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  height: 46px !important;
  min-height: 46px !important;
  box-shadow: none !important;
  background: #ffffffad !important;
  border-color: #0000 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-option-chip[data-active="true"]) {
  background: radial-gradient(circle at 20% 15%, #ffffffc2, #0000 42%), linear-gradient(135deg, #eff5fffa, #d5e4ffdb) !important;
  border-color: #3a6df670 !important;
  box-shadow: inset 0 0 0 1px #3a6df642, 0 10px 22px #3a6df61a !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control > div, html body:has(.product-page-v9) .product-v9-domestic-price input) {
  background: #ffffffb3 !important;
  border-color: #0000 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px #1020300a !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control button {
  background: none !important;
  border-color: #0000 !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  gap: 14px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin-top: 14px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  letter-spacing: -.01em !important;
  border: 0 !important;
  border-radius: 999px !important;
  height: 56px !important;
  min-height: 56px !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  letter-spacing: -.01em !important;
  border: 0 !important;
  border-radius: 999px !important;
  height: 56px !important;
  min-height: 56px !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  letter-spacing: -.01em !important;
  border: 0 !important;
  border-radius: 999px !important;
  height: 56px !important;
  min-height: 56px !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  letter-spacing: -.01em !important;
  border: 0 !important;
  border-radius: 999px !important;
  height: 56px !important;
  min-height: 56px !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a:first-child, html body:has(.product-page-v9) .product-v9-action-row > button:first-child) {
  color: #101827 !important;
  background: #ffffffb8 !important;
  box-shadow: inset 0 0 0 1px #1020300d, 0 14px 32px #0f233c0f !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 116px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-title {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row h3 {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
    font-size: 19px !important;
    line-height: 27px !important;
  }

  html body:has(.product-page-v9) .product-v9-quantity-row p {
    font-size: 19px !important;
    line-height: 27px !important;
  }

  html body:has(.product-page-v9) .product-v9-domestic-shipping span {
    font-size: 19px !important;
    line-height: 27px !important;
  }

  html body:has(.product-page-v9) .product-v9-help-before-buying span {
    font-size: 19px !important;
    line-height: 27px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a {
    height: 64px !important;
    min-height: 64px !important;
    font-size: 21px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button {
    height: 64px !important;
    min-height: 64px !important;
    font-size: 21px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > a.button {
    height: 64px !important;
    min-height: 64px !important;
    font-size: 21px !important;
  }

  html body:has(.product-page-v9) .product-v9-action-row > button.button {
    height: 64px !important;
    min-height: 64px !important;
    font-size: 21px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-home-header {
    padding-top: 18px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 58px !important;
    padding-inline: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 92px !important;
  }
}

@media (min-width: 1181px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    align-self: start !important;
    position: sticky !important;
    top: 24px !important;
  }
}

html body:has(.product-page-v9) .product-v9-details {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  margin-top: 34px !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs {
  min-height: 44px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #1020301a !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button {
  color: #10203075 !important;
  height: 44px !important;
  box-shadow: none !important;
  letter-spacing: -.02em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex: none !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  position: relative !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button:after {
  content: "" !important;
  opacity: 0 !important;
  background: #101827 !important;
  border-radius: 999px !important;
  height: 2px !important;
  transition: opacity .18s, transform .18s !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  right: 0 !important;
  transform: scaleX(.7) !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"] {
  color: #101827 !important;
}

html body:has(.product-page-v9) .product-v9-details-tabs button[aria-selected="true"]:after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

:is(html body:has(.product-page-v9) .product-v9-detail-stack, html body:has(.product-page-v9) .product-v9-editorial-stack) {
  gap: 26px !important;
  display: grid !important;
}

:is(html body:has(.product-page-v9) .product-v9-editorial-intro, html body:has(.product-page-v9) .product-v9-guide-grid, html body:has(.product-page-v9) .product-v9-process-grid, html body:has(.product-page-v9) .product-v9-qc-grid, html body:has(.product-page-v9) .product-v9-editorial-grid) {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo > div {
  aspect-ratio: 4 / 5 !important;
  width: 100% !important;
  min-height: 760px !important;
  box-shadow: none !important;
  background: #ffffff80 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside {
  color: #101827 !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  padding: 0 0 10px !important;
  display: block !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside span {
  color: #2f6df3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  display: block !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
  color: #101827 !important;
  letter-spacing: -.025em !important;
  font-size: 24px !important;
  font-weight: 780 !important;
  line-height: 30px !important;
  display: block !important;
}

html body:has(.product-page-v9) .product-v9-detail-photo aside p {
  display: none !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-v9-details {
    margin-top: 40px !important;
  }

  html body:has(.product-page-v9) .product-v9-details-tabs {
    gap: 38px !important;
    min-height: 58px !important;
    margin-bottom: 32px !important;
  }

  html body:has(.product-page-v9) .product-v9-details-tabs button {
    height: 58px !important;
    font-size: 22px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-detail-stack, html body:has(.product-page-v9) .product-v9-editorial-stack) {
    gap: 34px !important;
  }

  html body:has(.product-page-v9) .product-v9-detail-photo > div {
    min-height: 1020px !important;
  }

  html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
    font-size: 31px !important;
    line-height: 38px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-v9-purchase-card {
    position: static !important;
    top: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-details {
    margin-top: 28px !important;
  }

  html body:has(.product-page-v9) .product-v9-details-tabs {
    gap: 18px !important;
    overflow-x: auto !important;
  }

  html body:has(.product-page-v9) .product-v9-details-tabs button {
    white-space: nowrap !important;
    font-size: 15px !important;
  }

  html body:has(.product-page-v9) .product-v9-detail-photo > div {
    aspect-ratio: 1 / 1.08 !important;
    min-height: 0 !important;
  }

  html body:has(.product-page-v9) .product-v9-detail-photo aside strong {
    font-size: 20px !important;
    line-height: 26px !important;
  }
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  letter-spacing: -.014em !important;
  border-radius: 999px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 18px !important;
  font-weight: 790 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:first-child {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 16px 34px #0d1f3714, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button:last-child {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-buy-button {
  color: #f6f8fcfa !important;
  -webkit-backdrop-filter: blur(16px) saturate(116%) !important;
  backdrop-filter: blur(16px) saturate(116%) !important;
  background: linear-gradient(#223046eb, #121e30db) !important;
  border: 1px solid #ffffff29 !important;
  box-shadow: 0 16px 34px #040c1a2e, inset 0 1px #ffffff21 !important;
}

html body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px #0d1f3712, inset 0 1px #ffffffe6 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  min-width: 138px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding-inline: 22px !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option, html body:has(.product-page-v9) .product-v9-option-chip) {
  color: #102033 !important;
  background: linear-gradient(#fffc, #f6f9fca3) !important;
  border: 1px solid #0d1f370f !important;
  border-radius: 999px !important;
  height: 54px !important;
  min-height: 54px !important;
  font-size: 16px !important;
  font-weight: 780 !important;
  box-shadow: 0 12px 26px #0d1f370b, inset 0 1px #ffffffd6 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control > div {
  background: linear-gradient(#ffffffdb, #f6f9fca8) !important;
  border: 1px solid #0d1f3714 !important;
  border-radius: 999px !important;
  height: 44px !important;
  min-height: 44px !important;
  box-shadow: 0 12px 28px #0d1f370f, inset 0 1px #ffffffe0 !important;
}

:is(html body:has(.product-page-v9) .product-v9-quantity-control button, html body:has(.product-page-v9) .product-v9-quantity-control span) {
  color: #102033 !important;
  height: 42px !important;
  min-height: 42px !important;
  font-size: 20px !important;
  font-weight: 720 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control span {
  width: 52px !important;
  font-size: 19px !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding-block: 18px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label {
  align-items: center !important;
  gap: 14px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row input {
  accent-color: #2f6df3 !important;
  border-radius: 5px !important;
  width: 20px !important;
  height: 20px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row label span {
  color: #526070 !important;
  letter-spacing: -.01em !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row strong {
  color: #102033 !important;
  font-weight: 780 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-copy {
  color: #6a7890 !important;
  max-width: 620px !important;
  margin-top: 16px !important;
  font-size: 16px !important;
  font-weight: 540 !important;
  line-height: 1.62 !important;
}

html body:has(.product-page-v9) .product-home-header {
  padding-top: 44px !important;
}

html body:has(.product-page-v9) .product-home-header .cd-nav {
  gap: 28px !important;
  width: min(1480px, 100vw - 112px) !important;
  max-width: 1480px !important;
  min-height: 78px !important;
  padding: 0 38px !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill {
  gap: 14px !important;
  height: 56px !important;
}

html body:has(.product-page-v9) .product-home-header .brand-logo-frame {
  width: 42px !important;
  height: 42px !important;
}

html body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  font-size: 24px !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill {
  justify-content: center !important;
  gap: clamp(38px, 3.4vw, 78px) !important;
}

html body:has(.product-page-v9) .product-home-header .nav-pill a {
  height: 46px !important;
  font-size: 15px !important;
}

html body:has(.product-page-v9) .product-home-header .auth-pill {
  width: 214px !important;
  min-width: 214px !important;
  height: 56px !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .region-pill {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .cart-pill {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .menu-pill {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > svg {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill > span {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .region-currency {
  display: none !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:before {
  content: "A" !important;
  color: #ecf3ffeb !important;
  font-size: 21px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  display: block !important;
  position: absolute !important;
  top: 10px !important;
  left: 13px !important;
}

html body:has(.product-page-v9) .product-home-header .locale-picker .region-pill:after {
  content: "$" !important;
  color: #8fb2ff !important;
  font-size: 18px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  display: block !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 12px !important;
}

html body:has(.product-page-v9) .product-v9-stage {
  padding-top: 150px !important;
}

html body:has(.product-page-v9) .product-v9-grid {
  padding-top: 30px !important;
}

:is(html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-badge, html body:has(.product-page-v9) .product-v9-main-image .product-v9-media-caption) {
  display: none !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button {
  color: #2f6df3 !important;
  background: #ffffffa3 !important;
  border: 0 !important;
  border-radius: 999px !important;
  gap: 0 !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  font-size: 0 !important;
  box-shadow: 0 10px 24px #1020300f !important;
}

html body:has(.product-page-v9) .product-v9-main-image .product-v9-preview-button svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

@media (min-width: 2200px) {
  html body:has(.product-page-v9) .product-home-header {
    padding-top: 44px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(1480px, 100vw - 112px) !important;
    max-width: 1480px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 150px !important;
  }

  html body:has(.product-page-v9) .product-v9-grid {
    padding-top: 30px !important;
  }
}

@media (max-width: 1180px) {
  html body:has(.product-page-v9) .product-home-header {
    padding-top: 18px !important;
  }

  html body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 58px !important;
    padding-inline: 18px !important;
  }

  html body:has(.product-page-v9) .product-v9-stage {
    padding-top: 96px !important;
  }
}

html body:has(.product-page-v9) .product-v9-price-row {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  transform: translateY(-2px) !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  transform: translateY(-2px) !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price {
  justify-content: flex-end !important;
  justify-self: end !important;
  align-items: center !important;
  gap: 8px !important;
  display: flex !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span {
  white-space: nowrap !important;
  grid-column: auto !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price span:last-child {
  white-space: nowrap !important;
  grid-column: auto !important;
}

:is(html body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html body:has(.product-page-v9) .product-v9-size-option.is-active, html body:has(.product-page-v9) .product-v9-option-chip[data-active="true"], html body:has(.product-page-v9) .product-v9-option-chip.is-active) {
  color: #fff !important;
  background: radial-gradient(circle at 22% 18%, #ffffff2e, #0000 44%), linear-gradient(#303d50fa, #192230fc) !important;
  border-color: #10203038 !important;
  box-shadow: 0 12px 30px #080e181f, inset 0 1px #ffffff24 !important;
}

:is(html body:has(.product-page-v9) .product-v9-action-row > a:last-child, html body:has(.product-page-v9) .product-v9-action-row > button:last-child) {
  color: #fff !important;
  background: radial-gradient(circle at 22% 16%, #ffffff2e, #0000 44%), linear-gradient(#303d50fa, #192230fc) !important;
  box-shadow: 0 18px 38px #080e182e, inset 0 1px #ffffff24 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #fff !important;
  background: radial-gradient(circle at 22% 16%, #ffffff1f, #0000 44%), linear-gradient(#303d50f5, #192230fa) !important;
  border-color: #0000 !important;
  box-shadow: 0 14px 30px #080e1824, inset 0 1px #ffffff1f !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
  background: radial-gradient(circle at 50% 4%, #6689c147, #0000 34%), radial-gradient(circle at 8% 0, #204a8457, #0000 28%), linear-gradient(#102c54 0 156px, #eef4f6 306px, #f6faf7 100%) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
  background: linear-gradient(90deg, #101218e6, #1c1e24d1 48%, #12181dd6) !important;
  border-color: #ffffff21 !important;
  gap: clamp(16px, 1.8vw, 34px) !important;
  width: min(1880px, 100vw - 128px) !important;
  max-width: 1880px !important;
  min-height: 96px !important;
  padding: 0 clamp(26px, 3vw, 62px) !important;
  box-shadow: 0 34px 92px #03091661, inset 0 1px #ffffff1a, inset 0 -1px #ffffff0a !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-price-row {
  align-items: center !important;
  gap: 12px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  position: relative !important;
  top: 4px !important;
  transform: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  position: relative !important;
  top: 4px !important;
  transform: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-source-action {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-enter-shop {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-disclaimer-row button {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3714 !important;
  box-shadow: 0 10px 24px #0d1f370e, inset 0 1px #ffffffeb !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-help-before-buying button {
  color: #122033 !important;
  min-width: 132px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding-inline: 20px !important;
  font-size: 14px !important;
  font-weight: 780 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-size-option[data-active="true"], html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-size-option.is-active, html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-option-chip[data-active="true"], html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-option-chip.is-active) {
  color: #fffffff5 !important;
  background: linear-gradient(#2c3b52e6, #1a273ddb) !important;
  border-color: #2a40602e !important;
  box-shadow: 0 10px 24px #080e181c, inset 0 1px #ffffff1f !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 56px !important;
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a:first-child, html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button:first-child) {
  color: #122033 !important;
  background: linear-gradient(#ffffffeb, #f7fafdc7) !important;
  border: 1px solid #0d1f3713 !important;
  box-shadow: 0 10px 24px #0d1f370f, inset 0 1px #ffffffe6 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > a:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-action-row > button:last-child {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-buy-button {
  color: #fffffffa !important;
  background: linear-gradient(#314058e6, #1b273bdb) !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 12px 28px #040c1a24, inset 0 1px #ffffff21 !important;
}

@media (max-width: 1180px) {
  html:has(.product-page-v9) body:has(.product-page-v9) {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-page-v9 {
    background: radial-gradient(circle at 50% 0, #6689c142, #0000 34%), linear-gradient(#102c54 0 112px, #eef4f6 232px, #f6faf7 100%) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 720px) !important;
    min-height: 68px !important;
    padding-inline: 16px !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
  overflow: visible !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in:before {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-avatar-button {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  color: #dbe4f2eb !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  place-items: center !important;
  padding: 0 !important;
  display: grid !important;
  position: absolute !important;
  inset: 0 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-avatar-button:hover, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-avatar-button[aria-expanded="true"]) {
  background: #8fb2ff1a !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-avatar-button .user-avatar {
  color: #dbe4f2eb !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  font-size: 25px !important;
  font-weight: 830 !important;
  line-height: 1 !important;
  display: grid !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-dropdown {
  z-index: 120 !important;
  color: #e5edf9e0 !important;
  background: #111b2c !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 28px !important;
  width: min(420px, 100vw - 32px) !important;
  max-height: calc(100vh - 148px) !important;
  padding: 22px !important;
  position: absolute !important;
  top: calc(100% + 16px) !important;
  left: 50% !important;
  right: auto !important;
  overflow: auto !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 28px 80px #030a1857, inset 0 1px #ffffff1a !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-dropdown:after {
  content: "" !important;
  background: #111b2c !important;
  border-top: 1px solid #ffffff1c !important;
  border-left: 1px solid #ffffff1c !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: -11px !important;
  left: 50% !important;
  transform: translateX(-50%)rotate(45deg) !important;
}

html body:has(.product-page-v9) .product-v9-panel-body {
  gap: 0 !important;
  margin-top: 22px !important;
  display: grid !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  border-top: 1px solid #12203324 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  border-top: 1px solid #12203324 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  border-top: 1px solid #12203324 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  border-top: 1px solid #12203324 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  border-top: 1px solid #12203324 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  background: #ffffff57 !important;
  border-top: 0 !important;
  border-radius: 14px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 22px !important;
  min-height: 58px !important;
  padding: 12px 16px !important;
  box-shadow: inset 0 0 0 1px #12203309 !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying {
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 24px !important;
  min-height: 84px !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section {
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 22px !important;
  min-height: 84px !important;
  padding: 18px 0 !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-block {
  padding: 15px 0 !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child {
  align-items: baseline !important;
  min-height: 28px !important;
  margin-bottom: 10px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child h3 {
  color: #0f1c2d !important;
  letter-spacing: -.018em !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row h3 {
  color: #0f1c2d !important;
  letter-spacing: -.018em !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping strong {
  color: #0f1c2d !important;
  letter-spacing: -.018em !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying strong {
  color: #0f1c2d !important;
  letter-spacing: -.018em !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
}

html body:has(.product-page-v9) .product-v9-panel-body > section > div:first-child span {
  color: #0f1c2db3 !important;
  letter-spacing: -.01em !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  line-height: 23px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-row p {
  color: #0f1c2db3 !important;
  letter-spacing: -.01em !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  line-height: 23px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping span {
  color: #0f1c2db3 !important;
  letter-spacing: -.01em !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  line-height: 23px !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying span {
  color: #0f1c2db3 !important;
  letter-spacing: -.01em !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  line-height: 23px !important;
}

:is(html body:has(.product-page-v9) .product-v9-domestic-shipping > div:first-child, html body:has(.product-page-v9) .product-v9-help-before-buying > div:first-child) {
  gap: 2px !important;
  display: grid !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price {
  white-space: nowrap !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 9px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price input {
  color: #0f1c2d !important;
  background: #ffffffb8 !important;
  border: 1px solid #12203314 !important;
  border-radius: 12px !important;
  width: 70px !important;
  height: 38px !important;
  min-height: 38px !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  box-shadow: inset 0 1px #ffffffbd !important;
}

html body:has(.product-page-v9) .product-v9-help-before-buying button {
  align-self: center !important;
  width: auto !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding-inline: 22px !important;
}

html body:has(.product-page-v9) .product-v9-color-grid {
  gap: 12px !important;
}

html body:has(.product-page-v9) .product-v9-size-choice-grid {
  gap: 16px !important;
}

html body:has(.product-page-v9) .product-v9-quantity-control {
  align-items: center !important;
  gap: 14px !important;
}

html body:has(.product-page-v9) .product-v9-disclaimer-row {
  align-items: center !important;
  min-height: 48px !important;
}

html body:has(.product-page-v9) .product-v9-action-row {
  border-top: 1px solid #12203324 !important;
  height: auto !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding-top: 16px !important;
  overflow: visible !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a {
  height: 54px !important;
  min-height: 54px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button {
  height: 54px !important;
  min-height: 54px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > a.button {
  height: 54px !important;
  min-height: 54px !important;
}

html body:has(.product-page-v9) .product-v9-action-row > button.button {
  height: 54px !important;
  min-height: 54px !important;
}

@media (max-width: 1180px) {
  :is(html body:has(.product-page-v9) .product-v9-domestic-shipping, html body:has(.product-page-v9) .product-v9-help-before-buying, html body:has(.product-page-v9) .product-v9-quantity-row) {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  :is(html body:has(.product-page-v9) .product-v9-domestic-price, html body:has(.product-page-v9) .product-v9-quantity-control) {
    justify-self: start !important;
  }
}

html body:has(.product-page-v9) .product-v9-price-row {
  align-items: baseline !important;
}

html body:has(.product-page-v9) .product-v9-price-row span {
  line-height: 1 !important;
  top: 0 !important;
  transform: translateY(1px) !important;
}

html body:has(.product-page-v9) .product-v9-converted {
  line-height: 1 !important;
  top: 0 !important;
  transform: translateY(1px) !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping {
  box-sizing: border-box !important;
  align-items: center !important;
  column-gap: 28px !important;
  min-height: 72px !important;
  padding: 16px 24px !important;
}

html body:has(.product-page-v9) .product-v9-domestic-shipping > div:first-child {
  min-width: 0 !important;
  padding: 0 !important;
}

html body:has(.product-page-v9) .product-v9-domestic-price {
  align-self: center !important;
  min-width: max-content !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price-row {
  align-items: baseline !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price-row .product-v9-converted {
  align-self: baseline !important;
  padding: 0 !important;
  line-height: 1 !important;
  top: 0 !important;
  transform: translateY(6px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  box-sizing: border-box !important;
  align-items: center !important;
  column-gap: 28px !important;
  min-height: 72px !important;
  padding: 16px 24px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping > div:first-child {
  min-width: 0 !important;
  padding: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price {
  align-self: center !important;
  min-width: max-content !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price-row {
  align-items: baseline !important;
  gap: 12px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price-row .product-v9-converted {
  letter-spacing: -.035em !important;
  align-self: baseline !important;
  padding: 0 !important;
  font-size: 26px !important;
  line-height: 32px !important;
  top: 0 !important;
  transform: translateY(4px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  background: #ffffff47 !important;
  border-radius: 14px !important;
  min-height: 72px !important;
  padding: 12px 22px !important;
  box-shadow: inset 0 0 0 1px #1220330b !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping strong, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying strong) {
  font-size: 17px !important;
  line-height: 22px !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping span, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying span) {
  font-size: 16px !important;
  line-height: 22px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  border-radius: 12px !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  column-gap: 22px !important;
  min-height: 64px !important;
  padding: 10px 18px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping > div:first-child {
  align-self: center !important;
  gap: 1px !important;
  display: grid !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping strong {
  letter-spacing: -.012em !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping span {
  font-size: 15px !important;
  line-height: 20px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price {
  justify-content: flex-end !important;
  align-self: center !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 220px !important;
  display: flex !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price span {
  white-space: nowrap !important;
  line-height: 20px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying {
  padding: 18px 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 {
  --product-rail-divider: #12203324;
  --product-rail-section-y: 18px;
  --product-rail-inner-gap: 12px;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  margin: 0 0 14px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying {
  border-top: 1px solid var(--product-rail-divider) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body > section {
  border-top: 1px solid var(--product-rail-divider) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-row {
  border-top: 1px solid var(--product-rail-divider) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-disclaimer-block {
  border-top: 1px solid var(--product-rail-divider) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row {
  border-top: 1px solid var(--product-rail-divider) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying {
  min-height: unset !important;
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body > section {
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-row {
  min-height: unset !important;
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-disclaimer-block {
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row {
  min-height: unset !important;
  padding: var(--product-rail-section-y) 0 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-color-grid {
  gap: 10px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-size-choice-grid {
  gap: 14px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-shell {
  width: min(100% - clamp(36px, 5vw, 88px), 1440px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-stage {
  padding-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-source-bar {
  width: min(860px, 100%) !important;
  min-height: 48px !important;
  margin-bottom: 26px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
  grid-template-columns: minmax(0, 700px) minmax(0, 700px) !important;
  align-items: start !important;
  gap: 40px !important;
  width: 1440px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage {
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 16px !important;
  overflow: hidden !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
  width: 100% !important;
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  overflow: hidden !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image-hitbox {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image img {
  object-fit: contain !important;
  object-position: center !important;
  padding: clamp(34px, 3.2vw, 56px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
  width: 100% !important;
  max-width: 700px !important;
  top: 112px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body {
  gap: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
  width: min(1414px, 100% - 96px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 40px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .nav-pill {
  gap: clamp(20px, 2vw, 40px) !important;
  max-width: 680px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .nav-pill a {
  white-space: nowrap !important;
  flex: none !important;
  font-size: 14px !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-pill, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .region-pill, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .nav-pill, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill, html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cart-pill) {
  min-height: 44px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-pill img {
  width: 34px !important;
  height: 34px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .brand-pill > span:not(.brand-logo-frame) {
  font-size: 20px !important;
}

@media (max-width: 1420px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) minmax(440px, .86fr) !important;
    gap: 44px !important;
    width: 100% !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
    height: min(700px, 48vw) !important;
    min-height: 520px !important;
  }
}

@media (max-width: 1180px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 820px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
    height: auto !important;
    min-height: min(430px, 112vw) !important;
    max-height: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .cd-nav {
    width: min(100% - 28px, 560px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-button {
    flex-basis: 78px !important;
    width: 78px !important;
    height: 78px !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 {
  padding-top: 120px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
  grid-template-columns: minmax(0, 700px) minmax(0, 700px) !important;
  gap: 40px !important;
  width: 1440px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage {
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-button {
  flex: 0 0 88px !important;
  width: 88px !important;
  height: 88px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
  max-width: 700px !important;
  top: 112px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title {
  font-size: clamp(32px, 2.35vw, 42px) !important;
  line-height: 1.08 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price {
  font-size: clamp(38px, 2.9vw, 52px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-converted {
  padding-bottom: 6px !important;
  font-size: 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body {
  --product-rail-section-y: 18px;
  --product-rail-inner-gap: 12px;
}

@media (max-width: 1420px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) minmax(400px, .86fr) !important;
    gap: 34px !important;
    width: 100% !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
    height: min(620px, 46vw) !important;
    min-height: 460px !important;
  }
}

@media (max-width: 1180px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 760px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
    max-width: none !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column {
  z-index: 1 !important;
  position: relative !important;
  overflow: hidden !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-details, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-details-tabs, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-detail-stack, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-editorial-stack, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-detail-photo) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-detail-photo {
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-detail-photo > .relative {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-detail-photo img {
  object-fit: cover !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
  z-index: 8 !important;
  -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
  background: linear-gradient(#f0f8fdfa, #eef7fdf0) !important;
}

@media (max-width: 760px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-shell {
    width: min(100% - 28px, 560px) !important;
    max-width: min(100% - 28px, 560px) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
    position: relative !important;
    top: auto !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
    height: clamp(360px, 108vw, 440px) !important;
    min-height: clamp(360px, 108vw, 440px) !important;
    max-height: 440px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image img {
    padding: 28px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title {
    font-size: clamp(30px, 9.2vw, 38px) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price-row {
    flex-wrap: wrap !important;
    align-items: baseline !important;
    row-gap: 4px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price {
    font-size: clamp(40px, 11vw, 48px) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-converted {
    padding-bottom: 4px !important;
    font-size: 18px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 {
  background: linear-gradient(#1d4674d1 0, #e1edf7c7 174px, #fafcfdfa 360px), #f8fbfc !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-stage {
  min-height: auto !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-shell {
  width: min(1440px, 100vw - 120px) !important;
  max-width: 1440px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
  grid-template-columns: minmax(0, 700px) minmax(0, 700px) !important;
  align-items: start !important;
  gap: 40px !important;
  width: 1440px !important;
  max-width: 100% !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image) {
  width: 700px !important;
  max-width: 700px !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-button) {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage {
  box-shadow: none !important;
  background: #f2f7fbd6 !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  box-shadow: none !important;
  background: #faf8f2 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image img {
  padding: clamp(34px, 3.2vw, 56px) !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-rail {
  gap: 10px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-button {
  width: 88px !important;
  height: 88px !important;
  box-shadow: none !important;
  background: #ffffffbd !important;
  flex: 0 0 88px !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-button[data-active="true"], html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-button.is-active) {
  background: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px #162a441f !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
  max-width: 700px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
  backdrop-filter: blur(16px) saturate(112%) !important;
  background: #f6fbfeb8 !important;
  border: 0 !important;
  top: 112px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-head {
  padding-bottom: 14px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-product-copy {
  display: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title {
  letter-spacing: -.02em !important;
  font-size: clamp(31px, 2.25vw, 40px) !important;
  line-height: 1.07 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price {
  font-size: clamp(38px, 2.8vw, 50px) !important;
  line-height: 1.02 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-converted {
  color: #9a6c00 !important;
  font-size: 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-source-action {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-enter-shop {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-save-seller {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying button {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row > a {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row > button {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row > a.button {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row > button.button {
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body {
  --product-rail-section-y: 18px;
  --product-rail-inner-gap: 12px;
  gap: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  border-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying {
  border-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body > section {
  border-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-row {
  border-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-disclaimer-block {
  border-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row {
  border-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  box-shadow: none !important;
  background: #ffffff85 !important;
  border: 0 !important;
  margin: 0 0 10px !important;
  padding: 15px 18px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying {
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body > section {
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-row {
  padding: var(--product-rail-section-y) 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-disclaimer-block {
  padding: var(--product-rail-section-y) 0 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-row) {
  min-height: unset !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body > section > div:first-child {
  margin-bottom: var(--product-rail-inner-gap) !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price input, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-control > div, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-control span) {
  border: 0 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price input, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-control > div) {
  box-shadow: none !important;
  background: #ffffffd1 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-color-option, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-size-option) {
  box-shadow: none !important;
  border: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-color-option {
  background: #ffffffd1 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-color-option[data-active="true"] {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 20px #142a461f !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-size-option {
  background: #ffffffa3 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-size-option[data-active="true"], html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-size-option.is-active) {
  background: linear-gradient(#40516a 0%, #2f4159 100%) !important;
  box-shadow: 0 14px 28px #1c304a33 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row {
  padding-top: 16px !important;
}

@media (max-width: 1420px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) minmax(400px, .86fr) !important;
    gap: 34px !important;
    width: 100% !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image {
    height: min(620px, 46vw) !important;
    min-height: 460px !important;
  }
}

@media (max-width: 760px) {
  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 {
    background: linear-gradient(#1c416be6 0, #e5eff7e0 132px, #fafcfd 300px) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-shell {
    width: min(100% - 28px, 560px) !important;
    max-width: min(100% - 28px, 560px) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-left-column, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-gallery-stage, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-thumb-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-main-image, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

html body .home-shared-header .cd-nav, html body .product-home-header .cd-nav {
  transition: border-color .26s, background .26s, box-shadow .26s, -webkit-backdrop-filter .26s, backdrop-filter .26s !important;
}

html body .home-shared-header:not(.cd-header-scrolled) .cd-nav, html body .product-home-header:not(.cd-header-scrolled) .cd-nav {
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(6px) saturate(104%) !important;
  backdrop-filter: blur(6px) saturate(104%) !important;
  background: linear-gradient(#10192857, #0b132038) !important;
  border-color: #0000 !important;
}

html body .home-shared-header.cd-header-scrolled .cd-nav, html body .product-home-header.cd-header-scrolled .cd-nav {
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
  backdrop-filter: blur(22px) saturate(120%) !important;
  background: radial-gradient(circle at 8% 0, #ffffff14, #0000 34%), linear-gradient(90deg, #11141bf5, #141820eb 52%, #12161df5) !important;
  border-color: #ffffff1c !important;
  box-shadow: 0 28px 70px #040a1857, inset 0 1px #ffffff1f !important;
}

html body .home-shared-header .account-dropdown, html body .product-home-header .account-dropdown {
  border-radius: 36px !important;
  width: min(640px, 100vw - 32px) !important;
  max-height: min(860px, 100vh - 148px) !important;
  padding: 34px !important;
}

html body:has(.hero-section) .account-dropdown {
  border-radius: 36px !important;
  width: min(640px, 100vw - 32px) !important;
  max-height: min(860px, 100vh - 148px) !important;
  padding: 34px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-dropdown {
  border-radius: 36px !important;
  width: min(640px, 100vw - 32px) !important;
  max-height: min(860px, 100vh - 148px) !important;
  padding: 34px !important;
}

html body .home-shared-header .account-affiliate-card, html body .product-home-header .account-affiliate-card {
  gap: 18px !important;
  min-height: 72px !important;
  font-size: 22px !important;
}

html body:has(.hero-section) .account-affiliate-card {
  gap: 18px !important;
  min-height: 72px !important;
  font-size: 22px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-affiliate-card {
  gap: 18px !important;
  min-height: 72px !important;
  font-size: 22px !important;
}

html body .home-shared-header .account-affiliate-card span, html body .product-home-header .account-affiliate-card span {
  border-radius: 18px !important;
  width: 56px !important;
  height: 56px !important;
  font-size: 17px !important;
}

html body:has(.hero-section) .account-affiliate-card span {
  border-radius: 18px !important;
  width: 56px !important;
  height: 56px !important;
  font-size: 17px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-affiliate-card span {
  border-radius: 18px !important;
  width: 56px !important;
  height: 56px !important;
  font-size: 17px !important;
}

html body .home-shared-header .account-menu-identity, html body .product-home-header .account-menu-identity {
  margin-top: 24px !important;
  padding: 22px 2px !important;
}

html body:has(.hero-section) .account-menu-identity {
  margin-top: 24px !important;
  padding: 22px 2px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-menu-identity {
  margin-top: 24px !important;
  padding: 22px 2px !important;
}

html body .home-shared-header .account-menu-identity strong, html body .product-home-header .account-menu-identity strong {
  font-size: 26px !important;
}

html body:has(.hero-section) .account-menu-identity strong {
  font-size: 26px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-menu-identity strong {
  font-size: 26px !important;
}

html body .home-shared-header .account-menu-identity span, html body .product-home-header .account-menu-identity span {
  font-size: 20px !important;
}

html body:has(.hero-section) .account-menu-identity span {
  font-size: 20px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-menu-identity span {
  font-size: 20px !important;
}

html body .home-shared-header .account-menu-links, html body .product-home-header .account-menu-links {
  padding: 18px 0 4px !important;
}

html body:has(.hero-section) .account-menu-links {
  padding: 18px 0 4px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-menu-links {
  padding: 18px 0 4px !important;
}

html body .home-shared-header .account-menu-links a, html body .home-shared-header .account-menu-signout, html body .product-home-header .account-menu-links a, html body .product-home-header .account-menu-signout {
  border-radius: 16px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  font-size: 20px !important;
  font-weight: 780 !important;
}

html body:has(.hero-section) .account-menu-links a {
  border-radius: 16px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  font-size: 20px !important;
  font-weight: 780 !important;
}

html body:has(.hero-section) .account-menu-signout {
  border-radius: 16px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  font-size: 20px !important;
  font-weight: 780 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-menu-links a {
  border-radius: 16px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  font-size: 20px !important;
  font-weight: 780 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .account-menu-signout {
  border-radius: 16px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  font-size: 20px !important;
  font-weight: 780 !important;
}

@media (min-width: 1200px) {
  body:has(.product-page-v9) > .home-shared-header {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.product-page-v9) > main.product-page-v9 {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.product-page-v9) > .footer-section {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.diy-order-page) > .home-shared-header {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.diy-order-page) > main.diy-order-page {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.diy-order-page) > .footer-section {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.shipping-estimate-page) > .home-shared-header {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.shipping-estimate-page) > main.shipping-estimate-page {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  body:has(.shipping-estimate-page) > .footer-section {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    transform: none !important;
  }

  :is(body:has(.product-page-v9) > main.product-page-v9, body:has(.diy-order-page) > main.diy-order-page, body:has(.shipping-estimate-page) > main.shipping-estimate-page) {
    min-height: auto !important;
  }

  html body:has(.diy-order-page) > header.cd-header.home-shared-header {
    zoom: 1 !important;
    width: 100vw !important;
  }
}

html body .cd-header.home-shared-header .account-dropdown .account-menu-links > a, html body .cd-header.home-shared-header .account-dropdown .account-menu-signout, html body .cd-header.product-home-header .account-dropdown .account-menu-links > a, html body .cd-header.product-home-header .account-dropdown .account-menu-signout {
  font-size: 20px !important;
  line-height: 1.1 !important;
}

@media (min-width: 1200px) {
  body:has(.hero-section) .cd-page {
    margin-bottom: calc(var(--home-scale-gap, 0px) * -1) !important;
  }

  body:has(.hero-section) .hero-section {
    height: 125vh !important;
    min-height: 125vh !important;
  }
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-dropdown, html body .cd-header.product-home-header .auth-pill-signed-in .account-dropdown {
  border-radius: 28px !important;
  width: min(390px, 100vw - 32px) !important;
  height: auto !important;
  max-height: none !important;
  padding: 20px !important;
  overflow: visible !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-dropdown {
  border-radius: 28px !important;
  width: min(390px, 100vw - 32px) !important;
  height: auto !important;
  max-height: none !important;
  padding: 20px !important;
  overflow: visible !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-dropdown {
  border-radius: 28px !important;
  width: min(390px, 100vw - 32px) !important;
  height: auto !important;
  max-height: none !important;
  padding: 20px !important;
  overflow: visible !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-affiliate-card, html body .cd-header.product-home-header .auth-pill-signed-in .account-affiliate-card {
  color: #e5ecf8e0 !important;
  min-height: 54px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 14px !important;
  padding: 0 2px !important;
  font-size: 16.5px !important;
  font-weight: 820 !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-affiliate-card {
  color: #e5ecf8e0 !important;
  min-height: 54px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 14px !important;
  padding: 0 2px !important;
  font-size: 16.5px !important;
  font-weight: 820 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-affiliate-card {
  color: #e5ecf8e0 !important;
  min-height: 54px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 14px !important;
  padding: 0 2px !important;
  font-size: 16.5px !important;
  font-weight: 820 !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-affiliate-card span, html body .cd-header.product-home-header .auth-pill-signed-in .account-affiliate-card span {
  color: #f4f8fff0 !important;
  background: #ffffff14 !important;
  border-radius: 14px !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 13px !important;
  font-weight: 920 !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-affiliate-card span {
  color: #f4f8fff0 !important;
  background: #ffffff14 !important;
  border-radius: 14px !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 13px !important;
  font-weight: 920 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-affiliate-card span {
  color: #f4f8fff0 !important;
  background: #ffffff14 !important;
  border-radius: 14px !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 13px !important;
  font-weight: 920 !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-identity, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-identity {
  margin-top: 10px !important;
  padding: 12px 2px 14px !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-identity {
  margin-top: 10px !important;
  padding: 12px 2px 14px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-identity {
  margin-top: 10px !important;
  padding: 12px 2px 14px !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-identity strong, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-identity strong {
  font-size: 20px !important;
  line-height: 1.08 !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-identity strong {
  font-size: 20px !important;
  line-height: 1.08 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-identity strong {
  font-size: 20px !important;
  line-height: 1.08 !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-identity span, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-identity span {
  font-size: 15.5px !important;
  line-height: 1.18 !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-identity span {
  font-size: 15.5px !important;
  line-height: 1.18 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-identity span {
  font-size: 15.5px !important;
  line-height: 1.18 !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-links, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-links {
  padding: 6px 0 2px !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-links {
  padding: 6px 0 2px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-links {
  padding: 6px 0 2px !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-links > a, html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-signout, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-links > a, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-signout {
  color: #dce5f4c2 !important;
  border-radius: 12px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-links > a {
  color: #dce5f4c2 !important;
  border-radius: 12px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-signout {
  color: #dce5f4c2 !important;
  border-radius: 12px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-links > a {
  color: #dce5f4c2 !important;
  border-radius: 12px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-signout {
  color: #dce5f4c2 !important;
  border-radius: 12px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-links > a:hover, html body .cd-header.home-shared-header .auth-pill-signed-in .account-menu-signout:hover, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-links > a:hover, html body .cd-header.product-home-header .auth-pill-signed-in .account-menu-signout:hover {
  color: #fffffff5 !important;
  background: #8fb2ff1a !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-links > a:hover {
  color: #fffffff5 !important;
  background: #8fb2ff1a !important;
}

html body:has(.hero-section) .auth-pill-signed-in .account-menu-signout:hover {
  color: #fffffff5 !important;
  background: #8fb2ff1a !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-links > a:hover {
  color: #fffffff5 !important;
  background: #8fb2ff1a !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) .product-home-header .auth-pill-signed-in .account-menu-signout:hover {
  color: #fffffff5 !important;
  background: #8fb2ff1a !important;
}

@media (min-width: 900px) {
  html body .home-shared-header, html body .product-home-header {
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
    padding: 32px 0 0 !important;
    transition: padding .5s cubic-bezier(.4, 0, .2, 1), opacity .5s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.4, 0, .2, 1), filter .5s cubic-bezier(.4, 0, .2, 1) !important;
    transform: none !important;
  }

  :is(html body:has(.hero-section) .home-shared-header, html body:has(.product-page-v9) .home-shared-header, html body:has(.diy-order-page) .home-shared-header, html body:has(.shipping-estimate-page) .home-shared-header, html body:has(.product-page-v9) .product-home-header) {
    padding: 32px 0 0 !important;
  }

  html body .home-shared-header.cd-header-scrolled, html body .product-home-header.cd-header-scrolled {
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
    padding-top: 16px !important;
    transform: none !important;
  }

  :is(html body:has(.hero-section) .home-shared-header.cd-header-scrolled, html body:has(.product-page-v9) .home-shared-header.cd-header-scrolled, html body:has(.diy-order-page) .home-shared-header.cd-header-scrolled, html body:has(.shipping-estimate-page) .home-shared-header.cd-header-scrolled, html body:has(.product-page-v9) .product-home-header.cd-header-scrolled) {
    padding-top: 16px !important;
  }

  :is(html body .home-shared-header .cd-nav, html body .product-home-header .cd-nav, html body:has(.hero-section) .home-shared-header .cd-nav, html body:has(.product-page-v9) .home-shared-header .cd-nav, html body:has(.diy-order-page) .home-shared-header .cd-nav, html body:has(.shipping-estimate-page) .home-shared-header .cd-nav) {
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: opacity .5s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.4, 0, .2, 1), border-color .5s cubic-bezier(.4, 0, .2, 1), background-color .5s cubic-bezier(.4, 0, .2, 1), background .5s cubic-bezier(.4, 0, .2, 1), box-shadow .5s cubic-bezier(.4, 0, .2, 1), -webkit-backdrop-filter .5s cubic-bezier(.4, 0, .2, 1), backdrop-filter .5s cubic-bezier(.4, 0, .2, 1) !important;
    transform: none !important;
  }

  :is(html body .home-shared-header:not(.cd-header-scrolled) .cd-nav, html body .product-home-header:not(.cd-header-scrolled) .cd-nav, html body:has(.hero-section) .home-shared-header:not(.cd-header-scrolled) .cd-nav, html body:has(.product-page-v9) .home-shared-header:not(.cd-header-scrolled) .cd-nav, html body:has(.diy-order-page) .home-shared-header:not(.cd-header-scrolled) .cd-nav, html body:has(.shipping-estimate-page) .home-shared-header:not(.cd-header-scrolled) .cd-nav) {
    opacity: 1 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur() saturate() !important;
    backdrop-filter: blur() saturate() !important;
    background: none !important;
    border-color: #0000 !important;
    transform: none !important;
  }

  :is(html body .home-shared-header.cd-header-scrolled .cd-nav, html body .product-home-header.cd-header-scrolled .cd-nav, html body:has(.hero-section) .home-shared-header.cd-header-scrolled .cd-nav, html body:has(.product-page-v9) .home-shared-header.cd-header-scrolled .cd-nav, html body:has(.diy-order-page) .home-shared-header.cd-header-scrolled .cd-nav, html body:has(.shipping-estimate-page) .home-shared-header.cd-header-scrolled .cd-nav) {
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
    backdrop-filter: blur(12px) saturate(110%) !important;
    background: #12141cb3 !important;
    border-color: #ffffff1a !important;
    transform: none !important;
    box-shadow: 0 8px 30px #0000000a !important;
  }
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 {
  --product-top-divider: #12203326;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-head {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding-bottom: 18px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-row {
  border: 0 !important;
  border-bottom: 1px solid var(--product-top-divider) !important;
  box-shadow: none !important;
  background: none !important;
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title-block {
  border-bottom: 1px solid var(--product-top-divider) !important;
  padding-bottom: 18px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body {
  margin-top: 0 !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-identity, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-actions, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title-actions) {
  box-shadow: none !important;
  background: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 {
  --product-rail-divider: #12203329;
  --product-rail-section-space: 22px;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-head, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title-block) {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-row {
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title-block {
  padding: 18px 0 var(--product-rail-section-space) !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  border-radius: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body {
  gap: 0 !important;
  margin-top: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  padding: var(--product-rail-section-space) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying {
  padding: var(--product-rail-section-space) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-panel-body > section {
  padding: var(--product-rail-section-space) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-quantity-row {
  padding: var(--product-rail-section-space) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-disclaimer-block {
  padding: var(--product-rail-section-space) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row {
  padding: var(--product-rail-section-space) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--product-rail-divider) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-action-row {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 28px !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping > div:first-child, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-help-before-buying > div:first-child) {
  margin: 0 !important;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-price {
  grid-template-columns: auto 68px auto !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 10px !important;
  display: grid !important;
}

:is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-identity, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-actions, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title-actions) {
  border: 0 !important;
  border-radius: 0 !important;
}

@media (min-width: 900px) {
  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header {
    z-index: 90 !important;
    opacity: 1 !important;
    filter: none !important;
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    pointer-events: none !important;
    background: none !important;
    width: 100% !important;
    height: 72px !important;
    padding: 0 !important;
    position: fixed !important;
    inset: 0 0 auto !important;
    transform: none !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .current-morphic-nav-blur {
    opacity: 1 !important;
    width: 100% !important;
    height: 84px !important;
    display: block !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
    backdrop-filter: blur(18px) saturate(118%) !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background: radial-gradient(circle at 58% 0, #ffc21a29, #0000 34%), linear-gradient(#0a0c0bb8 0%, #0a0c0b80 52%, #0a0c0b33 82%, #0a0c0b0f 100%) !important;
    border: 1px solid #f7f7f224 !important;
    border-radius: 0 !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 32px !important;
    transform: none !important;
    box-shadow: 0 18px 54px #00000038, inset 0 1px #f7f7f21c, inset 0 -1px #f7f7f20b !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > a.brand-pill.brand-pill {
    color: #f7f7f2 !important;
    flex: 0 0 240px !important;
    width: 240px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .header-link-entry {
    flex: 0 230px !important;
    width: 190px !important;
    height: 36px !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    flex: auto !important;
    align-items: center !important;
    gap: clamp(20px, 2vw, 40px) !important;
    width: 560px !important;
    max-width: 560px !important;
    height: 72px !important;
    margin: 0 0 0 12px !important;
    display: flex !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    color: #f7f7f2a3 !important;
    width: auto !important;
    height: 72px !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

  :is(html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker, html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger, html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .cart-pill.cart-pill) {
    width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker {
    flex: 0 0 48px !important;
    margin: 0 18px 0 0 !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex: 0 0 48px !important;
    margin: 0 42px 0 0 !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill {
    width: 142px !important;
    min-width: 142px !important;
    height: 72px !important;
    min-height: 72px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill a {
    color: #f7f7f2 !important;
    height: 72px !important;
    font-size: 14px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header {
    z-index: 90 !important;
    opacity: 1 !important;
    filter: none !important;
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    pointer-events: none !important;
    background: none !important;
    width: 100% !important;
    height: 72px !important;
    padding: 0 !important;
    position: fixed !important;
    inset: 0 0 auto !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background: linear-gradient(#0000006b 0%, #00000029 42%, #0000000a 70%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: space-between !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 32px !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > a.brand-pill.brand-pill {
    color: #f7f7f2 !important;
    flex: 0 0 240px !important;
    width: 240px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .header-link-entry {
    flex: 0 230px !important;
    width: 190px !important;
    height: 36px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    flex: auto !important;
    align-items: center !important;
    gap: clamp(20px, 2vw, 40px) !important;
    width: 560px !important;
    max-width: 560px !important;
    height: 72px !important;
    margin: 0 0 0 12px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    color: #f7f7f2a3 !important;
    width: auto !important;
    height: 72px !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker, html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .auth-pill-signed-in.auth-pill-signed-in, html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger, html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .account-avatar-button.account-avatar-button, html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .cart-pill.cart-pill) {
    width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker {
    flex: 0 0 48px !important;
    margin: 0 18px 0 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .auth-pill-signed-in.auth-pill-signed-in {
    flex: 0 0 48px !important;
    margin: 0 24px 0 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex: 0 0 48px !important;
    margin: 0 42px 0 0 !important;
  }
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) {
  background: #050607 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) > main.portal-blue-shell {
  --color-prv-accent: #ffc21a;
  --color-prv-yellow: #ffc21a;
  --color-prv-ink: #f7f3e8;
  --color-prv-muted: #f7f3e894;
  --color-prv-line: #ffffff24;
  --color-prv-mint: #ffc21a21;
  --color-prv-sky: #ffc21a29;
  color: #f7f3e8 !important;
  background: radial-gradient(circle at 78% 4%, #ffc21a21, #0000 24rem), radial-gradient(circle at 18% -10%, #ffffff14, #0000 20rem), linear-gradient(#050607f5 0%, #050607fa 420px, #050607 100%) !important;
  padding-top: 112px !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) > main.portal-blue-shell > div {
  max-width: 1760px !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside {
  background: #0c0d0ee6 !important;
  border-color: #ffffff24 !important;
  height: calc(100vh - 8rem) !important;
  top: 112px !important;
  box-shadow: 0 24px 70px #00000061, inset 0 1px #ffffff14 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside > div:first-child {
  color: #f7f3e8 !important;
  background: linear-gradient(#0e0f10fa, #08090afa) !important;
  border: 1px solid #ffc21a2e !important;
  box-shadow: 0 20px 50px #00000052, inset 0 1px #ffffff14 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a {
  color: #f7f3e8b3 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a[class*="bg-"] {
  color: #ffc21a !important;
  background: #ffc21a29 !important;
  box-shadow: inset 3px 0 #ffc21a, 0 10px 24px #0000002e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card {
  color: #f7f3e8 !important;
  background: #0c0d0ee6 !important;
  border-color: #ffffff24 !important;
  box-shadow: 0 24px 70px #0000005c, inset 0 1px #ffffff14 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card [class*="bg-white"] {
  background: #ffffff12 !important;
  border-color: #ffffff1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell [class*="bg-[#f"] {
  background: #ffffff12 !important;
  border-color: #ffffff1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell [class*="bg-blue-"] {
  background: #ffffff12 !important;
  border-color: #ffffff1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell h1 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell h2 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell h3 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell strong {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .text-prv-ink {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell p {
  color: #f7f3e899 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell span {
  color: #f7f3e899 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell small {
  color: #f7f3e899 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell em {
  color: #f7f3e899 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .text-prv-muted {
  color: #f7f3e899 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell input, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell select, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell textarea) {
  color: #fffaf0 !important;
  background: #ffffff12 !important;
  border-color: #ffffff1a !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell input:focus, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell select:focus, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell textarea:focus) {
  border-color: #ffc21ac2 !important;
  box-shadow: 0 0 0 3px #ffc21a2e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .button {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21ac7 !important;
  box-shadow: 0 16px 34px #ffc21a2e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell a.button {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21ac7 !important;
  box-shadow: 0 16px 34px #ffc21a2e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell button[class*="bg-[linear-gradient"] {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21ac7 !important;
  box-shadow: 0 16px 34px #ffc21a2e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell a[class*="bg-[linear-gradient"] {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21ac7 !important;
  box-shadow: 0 16px 34px #ffc21a2e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 42px #ffc21a42 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell a.button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 42px #ffc21a42 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .button[class*="bg-white"] {
  color: #f7f3e8 !important;
  box-shadow: none !important;
  background: #ffffff12 !important;
  border-color: #ffffff29 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell a.button[class*="bg-white"] {
  color: #f7f3e8 !important;
  box-shadow: none !important;
  background: #ffffff12 !important;
  border-color: #ffffff29 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .status-badge, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell [class*="text-[#2f6df3]"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell [class*="text-[#1d4ed8]"]) {
  color: #ffc21a !important;
}

@media (max-width: 899px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > main.portal-blue-shell {
    padding-top: 104px !important;
  }
}

@media (min-width: 900px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    color: #f7f8f4 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav:before {
    content: "" !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 9% 12%, #ffffff29, #0000 18%), radial-gradient(circle at 49% 0, #ffffff13, #0000 26%), linear-gradient(90deg, #ffffff0b, #ffffff03 45%, #ffffff08) !important;
    position: absolute !important;
    inset: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .header-link-entry {
    flex: 0 0 208px !important;
    width: 208px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 618px !important;
    max-width: 618px !important;
    margin-left: 12px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    color: #f7f7f2c7 !important;
    flex: 0 0 109px !important;
    justify-content: center !important;
    width: 109px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header :is(.region-pill, .account-avatar-button, .cart-pill) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .region-pill :is(svg, span), html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .account-avatar-button :is(svg, span), html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .cart-pill :is(svg, span)) {
    color: #f7f8f4d1 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .account-avatar-button:before {
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .account-avatar-button:after {
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker {
    flex-basis: 36px !important;
    width: 36px !important;
    margin-right: 24px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .auth-pill-signed-in.auth-pill-signed-in {
    flex-basis: 36px !important;
    width: 36px !important;
    margin-right: 30px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill-signed-in {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill-signed-in:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill-signed-in:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex-basis: 36px !important;
    width: 36px !important;
    margin-right: 48px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .region-pill.region-pill {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .account-avatar-button.account-avatar-button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .account-avatar-button.account-avatar-button .user-avatar {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .cart-pill.cart-pill {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a {
  color: #f7f3e8a8 !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a:hover {
  color: #f7f3e8 !important;
  background: #ffffff0e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a[class*="hover:bg-blue"] {
  color: #f7f3e8a8 !important;
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a[class*="text-[#0f2f68]"] {
  color: #ffc21a !important;
  background: #ffc21a18 !important;
  border-color: #ffc21a70 !important;
  box-shadow: inset 2px 0 #ffc21ad1 !important;
}

:root {
  --prv-mobile-header-height: 60px;
  --prv-mobile-bottom-nav-height: 68px;
  --prv-mobile-action-height: 68px;
  --prv-mobile-edge: 14px;
  --prv-mobile-surface: #0b0d10;
  --prv-mobile-surface-raised: #11141a;
  --prv-mobile-line: #ffffff1c;
  --prv-mobile-accent: #ffc21a;
  --prv-mobile-overlay: #010307bd;
  --prv-mobile-layer-header: 80;
  --prv-mobile-layer-action: 82;
  --prv-mobile-layer-drawer: 100;
  --prv-mobile-layer-modal: 110;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-mobile-header {
    z-index: var(--prv-mobile-layer-header);
    height: calc(var(--prv-mobile-header-height) + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) var(--prv-mobile-edge) 0;
    border-bottom-color: var(--prv-mobile-line);
    -webkit-backdrop-filter: blur(18px) saturate(118%);
    backdrop-filter: blur(18px) saturate(118%);
    background: #05070af0;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 8px;
    box-shadow: 0 10px 28px #0000003d;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-menu-trigger:active, html:has(.portal-blue-shell) body .portal-mobile-support:active) {
    color: var(--prv-mobile-accent);
    background: #ffc21a1a;
    transform: scale(.96);
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-menu-trigger:focus-visible, html:has(.portal-blue-shell) body .portal-mobile-support:focus-visible, html:has(.portal-blue-shell) body .portal-mobile-tab:focus-visible) {
    outline: 2px solid var(--prv-mobile-accent);
    outline-offset: -2px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-support svg {
    width: 21px;
    height: 21px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title span {
    color: #fffaf06b;
    font-size: 9px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title strong {
    color: #fffaf0;
    letter-spacing: -.015em;
    margin-top: 4px;
    font-size: 15px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab {
    background: none;
    border: 0;
    gap: 4px;
    min-height: 58px;
    font-family: inherit;
    font-size: 10px;
    color: #fffaf07a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab-button {
    cursor: pointer;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab.is-active {
    color: var(--prv-mobile-accent) !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-menu-backdrop {
    z-index: var(--prv-mobile-layer-drawer);
    background: var(--prv-mobile-overlay);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu {
    background: radial-gradient(circle at 20% 0%, #ffc21a1a, transparent 16rem),
      var(--prv-mobile-surface);
    overscroll-behavior: contain;
    border: 0;
    border-right: 1px solid #ffc21a2e;
    border-radius: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(88vw, 348px);
    max-width: calc(100vw - 44px);
    height: 100dvh;
    max-height: none;
    animation: .24s cubic-bezier(.22, 1, .36, 1) prv-mobile-drawer-in;
    display: grid;
    overflow: hidden;
    box-shadow: 24px 0 64px #00000080;
  }

  @keyframes prv-mobile-drawer-in {
    from {
      transform: translateX(-100%);
    }

    to {
      transform: translateX(0);
    }
  }

  html:has(.portal-blue-shell) body .portal-mobile-drawer-identity {
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-drawer-identity img {
    object-fit: contain;
    width: 36px;
    height: 36px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-drawer-identity small {
    color: #fffaf073;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
    margin-top: 4px;
    font-size: 10px;
    display: block;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    padding: 6px 10px 12px;
    display: block;
    overflow-y: auto;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a {
    border: 0;
    border-bottom: 1px solid #fff1;
    grid-template-columns: 22px minmax(0, 1fr) 16px;
    gap: 11px;
    min-height: 50px;
    padding: 0 10px;
    font-size: 13px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a:nth-child(odd) {
    border: 0;
    border-bottom: 1px solid #fff1;
    grid-template-columns: 22px minmax(0, 1fr) 16px;
    gap: 11px;
    min-height: 50px;
    padding: 0 10px;
    font-size: 13px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a svg {
    width: 19px;
    height: 19px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a .portal-mobile-drawer-chevron {
    color: #fffaf047;
    width: 15px;
    height: 15px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-drawer-utilities {
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--prv-mobile-line);
    background: #05070ae6;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-drawer-utilities a {
    border: 1px solid var(--prv-mobile-line);
    color: #fffaf0;
    text-align: center;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    font-size: 11px;
    font-weight: 850;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-mobile-drawer-utilities a:first-child {
    border-color: var(--prv-mobile-accent);
    background: var(--prv-mobile-accent);
    color: #070908;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-sticky-action, html body .prv-mobile-sticky-action) {
    z-index: var(--prv-mobile-layer-action);
    bottom: calc(var(--prv-mobile-bottom-nav-height) + env(safe-area-inset-bottom));
    min-height: var(--prv-mobile-action-height);
    padding: 10px var(--prv-mobile-edge);
    border-top: 1px solid var(--prv-mobile-line);
    -webkit-backdrop-filter: blur(18px) saturate(118%);
    backdrop-filter: blur(18px) saturate(118%);
    background: #080a0df5;
    box-shadow: 0 -12px 32px #00000057;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-sticky-action :is(button, a), html body .prv-mobile-sticky-action :is(button, a)) {
    min-height: 44px;
  }

  html body :is(.checkout-address-drawer, .checkout-country-modal, .checkout-policy-modal, .portal-qc-request-sheet, .portal-settings-address-editor, .portal-after-sales-request-modal, .shopping-bag-drawer, .prv-mobile-sheet, .prv-mobile-drawer, .prv-mobile-modal) {
    border-color: var(--prv-mobile-line) !important;
    background: var(--prv-mobile-surface) !important;
    color: #fffaf0 !important;
    box-shadow: 0 24px 72px #0000007a !important;
  }

  html body :is(.checkout-address-drawer, .checkout-country-modal, .checkout-policy-modal, .portal-qc-request-sheet, .portal-settings-address-editor, .portal-after-sales-request-modal, .shopping-bag-drawer, .prv-mobile-sheet, .prv-mobile-drawer, .prv-mobile-modal) :is(button, a, input, select, textarea) {
    min-height: 44px;
  }

  html body :is(.checkout-address-backdrop, .checkout-policy-modal-overlay, .portal-qc-request-backdrop, .portal-after-sales-request-overlay, .shopping-bag-backdrop, .prv-mobile-overlay) {
    background: var(--prv-mobile-overlay) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
  }
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > .flex:first-child h2 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > .flex:first-child h3 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > div:first-child > h2 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > div:first-child > h3 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > h2 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > h3 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell p[class*="text-[24px]"][class*="font-black"][class*="text-prv-ink"] {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card h3:not(.card > h3) {
  color: #fffaf0 !important;
  text-shadow: none !important;
}

html body .footer-section {
  color: #fff !important;
  background: radial-gradient(circle at 18% 8%, #ffc50114, #0000 28%), radial-gradient(circle at 82% 22%, #529aff1a, #0000 30%), #050b15 linear-gradient(#07111f 0%, #050b15 48%, #040912 100%) !important;
}

@media (min-width: 1200px) {
  html, body {
    overflow-x: hidden !important;
  }

  body > .footer-section {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    min-height: 1200px !important;
    padding: 120px 100px 50px !important;
    transform: none !important;
  }

  body > .footer-section .footer-top, body > .footer-section .footer-grid, body > .footer-section .footer-card-row, body > .footer-section .legal {
    max-width: 1280px !important;
  }
}

@media (min-width: 900px) {
  :is(html body:has(.track-page) > header.cd-header.home-shared-header, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header) {
    z-index: 2400 !important;
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    pointer-events: none !important;
    background: none !important;
    width: 100% !important;
    height: 72px !important;
    padding: 0 !important;
    position: fixed !important;
    inset: 0 0 auto !important;
    transform: none !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header .cd-nav, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .cd-nav) {
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: auto !important;
    background: linear-gradient(#0000006b 0%, #00000029 42%, #0000000a 70%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 32px !important;
  }

  html body:has(.track-page) > header.cd-header.home-shared-header .cd-nav:before {
    content: "" !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 9% 12%, #ffffff29, #0000 18%), radial-gradient(circle at 49% 0, #ffffff13, #0000 26%), linear-gradient(90deg, #ffffff0b, #ffffff03 45%, #ffffff08) !important;
    position: absolute !important;
    inset: 0 !important;
  }

  html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .cd-nav:before {
    content: "" !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 9% 12%, #ffffff29, #0000 18%), radial-gradient(circle at 49% 0, #ffffff13, #0000 26%), linear-gradient(90deg, #ffffff0b, #ffffff03 45%, #ffffff08) !important;
    position: absolute !important;
    inset: 0 !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header .brand-pill, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .brand-pill) {
    color: #f7f7f2 !important;
    flex: 0 0 240px !important;
    width: 240px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header .header-link-entry, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .header-link-entry) {
    flex: 0 260px !important;
    width: clamp(190px, 18vw, 260px) !important;
    height: 36px !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header .nav-pill, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .nav-pill) {
    background: none !important;
    flex: auto !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: clamp(12px, 1.15vw, 22px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
  }

  html body:has(.track-page) > header.cd-header.home-shared-header .nav-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:has(.track-page) > header.cd-header.home-shared-header .nav-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .nav-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .nav-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header .nav-pill a, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .nav-pill a) {
    color: #f7f7f2c7 !important;
    white-space: nowrap !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 72px !important;
    padding: 0 2px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header .locale-picker, html body:has(.track-page) > header.cd-header.home-shared-header .shopping-bag-trigger, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .locale-picker, html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .shopping-bag-trigger) {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
  }

  :is(html body:has(.track-page) > header.cd-header.home-shared-header :is(.region-pill, .account-avatar-button, .cart-pill), html body:has(.portal-blue-shell) > header.cd-header.home-shared-header :is(.region-pill, .account-avatar-button, .cart-pill)) {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body:has(.track-page) > header.cd-header.home-shared-header .auth-pill:not(.auth-pill-signed-in) {
    width: 142px !important;
    min-width: 142px !important;
    height: 72px !important;
    min-height: 72px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    flex: 0 0 142px !important;
    padding: 0 !important;
  }

  html body:has(.track-page) > header.cd-header.home-shared-header .auth-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:has(.track-page) > header.cd-header.home-shared-header .auth-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .auth-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:has(.portal-blue-shell) > header.cd-header.home-shared-header .auth-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header .header-link-entry {
    flex: 0 0 230px !important;
    width: 230px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    flex: auto !important;
    gap: clamp(12px, 1.15vw, 22px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0 0 12px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    flex: 1 1 0 !important;
    width: auto !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header {
    z-index: 2400 !important;
    opacity: 1 !important;
    filter: none !important;
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    pointer-events: none !important;
    background: none !important;
    width: 100% !important;
    height: 72px !important;
    padding: 0 !important;
    position: fixed !important;
    inset: 0 0 auto !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .current-morphic-nav-blur.current-morphic-nav-blur {
    width: 100% !important;
    height: 84px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
    backdrop-filter: blur(12px) saturate(110%) !important;
    opacity: 1 !important;
    background: linear-gradient(#0000006b 0%, #00000029 42%, #0000000a 70%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    -webkit-mask-image: linear-gradient(#000 0% 54%, #000000bd 78%, #0000 100%) !important;
    mask-image: linear-gradient(#000 0% 54%, #000000bd 78%, #0000 100%) !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 32px !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav:before {
    content: "" !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 9% 12%, #ffffff29, #0000 18%), radial-gradient(circle at 49% 0, #ffffff13, #0000 26%), linear-gradient(90deg, #ffffff0b, #ffffff03 45%, #ffffff08) !important;
    position: absolute !important;
    inset: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > a.brand-pill.brand-pill {
    color: #f7f7f2 !important;
    flex: 0 0 240px !important;
    width: 240px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .header-link-entry {
    flex: 0 0 230px !important;
    width: 230px !important;
    height: 36px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    background: none !important;
    flex: auto !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: clamp(12px, 1.15vw, 22px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    color: #f7f7f2c7 !important;
    white-space: nowrap !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 72px !important;
    padding: 0 2px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger) {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header :is(.region-pill, .account-avatar-button, .cart-pill) {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill-signed-in {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    flex: 0 0 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .auth-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .auth-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .account-avatar-button:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .account-avatar-button:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body > header.cd-header.home-shared-header.home-shared-header .current-morphic-nav-blur.current-morphic-nav-blur, html body > header.cd-header.product-home-header.product-home-header .current-morphic-nav-blur.current-morphic-nav-blur {
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    background: radial-gradient(circle at 14% 0, #ffc21a14, #0000 30%), radial-gradient(circle at 63% 0, #ffc21a0d, #0000 32%) !important;
    height: 120px !important;
    -webkit-mask-image: linear-gradient(#000 40%, #0000 100%) !important;
    mask-image: linear-gradient(#000 40%, #0000 100%) !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header .current-morphic-nav-blur.current-morphic-nav-blur {
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    background: radial-gradient(circle at 14% 0, #ffc21a14, #0000 30%), radial-gradient(circle at 63% 0, #ffc21a0d, #0000 32%) !important;
    height: 120px !important;
    -webkit-mask-image: linear-gradient(#000 40%, #0000 100%) !important;
    mask-image: linear-gradient(#000 40%, #0000 100%) !important;
  }

  html body > header.cd-header.home-shared-header.home-shared-header, html body > header.cd-header.product-home-header.product-home-header, html body > header.cd-header.home-shared-header.home-shared-header.cd-header-scrolled, html body > header.cd-header.product-home-header.product-home-header.cd-header-scrolled {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header.cd-header-scrolled {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
  }

  html body > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav, html body > header.cd-header.product-home-header.product-home-header nav.cd-nav.cd-nav {
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: linear-gradient(#0006 0%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: linear-gradient(#0006 0%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav:before {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) main.portal-blue-shell.portal-blue-shell {
    padding-top: 190px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-desktop-sidebar {
    top: 190px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-picker.locale-picker {
    flex: 0 0 48px !important;
    place-items: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .auth-pill.auth-pill-signed-in {
    flex: 0 0 48px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex: 0 0 48px !important;
    place-items: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 42px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill) {
    color: #f7f8f4d1 !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 36px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill > * {
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill:before {
    content: "A$" !important;
    width: auto !important;
    height: auto !important;
    color: inherit !important;
    letter-spacing: -.01em !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline !important;
    position: static !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button:before {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill:before {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button .user-avatar.user-avatar {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    color: inherit !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill svg {
    color: #f7f7f2eb !important;
    stroke-width: 1.7px !important;
    filter: none !important;
    width: 22px !important;
    height: 22px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-dropdown.account-dropdown {
    z-index: 240 !important;
    color: #f7f7f2 !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.16) !important;
    backdrop-filter: blur(28px) saturate(1.16) !important;
    background: radial-gradient(circle at 28% 36%, #ffffff1f, #0000 28%), #161817f0 linear-gradient(#232625f0, #0d0f0eeb) !important;
    border: 1px solid #f7f7f22e !important;
    border-radius: 24px !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: none !important;
    padding: 20px !important;
    position: fixed !important;
    top: 66px !important;
    left: auto !important;
    right: 17px !important;
    overflow: visible !important;
    transform: none !important;
    box-shadow: 0 26px 72px #00000085, inset 0 1px #ffffff21 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-dropdown.account-dropdown:before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    box-shadow: none !important;
    background: #232625f5 !important;
    border: 0 !important;
    border-top: 1px solid #f7f7f22e !important;
    border-left: 1px solid #f7f7f22e !important;
    display: block !important;
    position: absolute !important;
    top: -9px !important;
    left: 50% !important;
    transform: translateX(-50%)rotate(45deg) !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-affiliate-card.account-affiliate-card {
    height: auto !important;
    min-height: 54px !important;
    box-shadow: none !important;
    color: #e5ecf8e0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    gap: 14px !important;
    padding: 0 2px !important;
    font-size: 16.5px !important;
    font-weight: 820 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-affiliate-card.account-affiliate-card span {
    color: #f4f8fff0 !important;
    background: #ffffff14 !important;
    border: 0 !important;
    border-radius: 14px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    font-size: 13px !important;
    font-weight: 920 !important;
    line-height: 1 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-affiliate-card.account-affiliate-card strong {
    color: #e5ecf8e0 !important;
    font-size: 16.5px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-identity.account-menu-identity {
    border-bottom: 1px solid #f7f7f21f !important;
    margin-top: 10px !important;
    padding: 12px 2px 14px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-identity.account-menu-identity strong {
    color: #f7f7f2 !important;
    font-size: 20px !important;
    font-weight: 820 !important;
    line-height: 1.08 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-identity.account-menu-identity span {
    color: #dce5f49e !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-links.account-menu-links {
    padding: 6px 0 2px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-links.account-menu-links > a {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #dce5f4c2 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-signout.account-menu-signout {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #dce5f4c2 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-links.account-menu-links > a:hover {
    color: #fff !important;
    background: #ffffff14 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-signout.account-menu-signout:hover {
    color: #fff !important;
    background: #ffffff14 !important;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header {
    z-index: 2400 !important;
    opacity: 1 !important;
    filter: none !important;
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    pointer-events: none !important;
    background: none !important;
    width: 100% !important;
    height: 72px !important;
    padding: 0 !important;
    position: fixed !important;
    inset: 0 0 auto !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .current-morphic-nav-blur.current-morphic-nav-blur {
    width: 100% !important;
    height: 120px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    background: radial-gradient(circle at 14% 0, #ffc21a14, #0000 30%), radial-gradient(circle at 63% 0, #ffc21a0d, #0000 32%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    -webkit-mask-image: linear-gradient(#000 40%, #0000 100%) !important;
    mask-image: linear-gradient(#000 40%, #0000 100%) !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header nav.cd-nav.cd-nav {
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: auto !important;
    background: linear-gradient(#0006 0%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 32px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header nav.cd-nav.cd-nav:before {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header nav.cd-nav.cd-nav:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-picker.locale-picker {
    flex: 0 0 48px !important;
    place-items: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .auth-pill.auth-pill-signed-in {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    flex: 0 0 48px !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex: 0 0 48px !important;
    place-items: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 42px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill) {
    color: #f7f8f4d1 !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 36px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill > * {
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill:before {
    content: "A$" !important;
    width: auto !important;
    height: auto !important;
    color: inherit !important;
    letter-spacing: -.01em !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline !important;
    position: static !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .region-pill.region-pill:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button:before {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill:before {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill:after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-avatar-button.account-avatar-button .user-avatar.user-avatar {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    color: inherit !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .cart-pill.cart-pill svg {
    color: #f7f7f2eb !important;
    stroke-width: 1.7px !important;
    filter: none !important;
    width: 22px !important;
    height: 22px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-dropdown.account-dropdown {
    z-index: 240 !important;
    color: #f7f7f2 !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.16) !important;
    backdrop-filter: blur(28px) saturate(1.16) !important;
    background: radial-gradient(circle at 28% 36%, #ffffff1f, #0000 28%), #161817f0 linear-gradient(#232625f0, #0d0f0eeb) !important;
    border: 1px solid #f7f7f22e !important;
    border-radius: 24px !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: none !important;
    padding: 20px !important;
    position: fixed !important;
    top: 66px !important;
    left: auto !important;
    right: 17px !important;
    overflow: visible !important;
    transform: none !important;
    box-shadow: 0 26px 72px #00000085, inset 0 1px #ffffff21 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-affiliate-card.account-affiliate-card {
    height: auto !important;
    min-height: 54px !important;
    box-shadow: none !important;
    color: #e5ecf8e0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    gap: 14px !important;
    padding: 0 2px !important;
    font-size: 16.5px !important;
    font-weight: 820 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-affiliate-card.account-affiliate-card span {
    color: #f4f8fff0 !important;
    background: #ffffff14 !important;
    border: 0 !important;
    border-radius: 14px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    font-size: 13px !important;
    font-weight: 920 !important;
    line-height: 1 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-affiliate-card.account-affiliate-card strong {
    color: #e5ecf8e0 !important;
    font-size: 16.5px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-identity.account-menu-identity {
    border-bottom: 1px solid #f7f7f21f !important;
    margin-top: 10px !important;
    padding: 12px 2px 14px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-identity.account-menu-identity strong {
    color: #f7f7f2 !important;
    font-size: 20px !important;
    font-weight: 820 !important;
    line-height: 1.08 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-identity.account-menu-identity span {
    color: #dce5f49e !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-links.account-menu-links {
    padding: 6px 0 2px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-links.account-menu-links > a {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #dce5f4c2 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-signout.account-menu-signout {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #dce5f4c2 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-links.account-menu-links > a:hover {
    color: #fff !important;
    background: #ffffff14 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .account-menu-signout.account-menu-signout:hover {
    color: #fff !important;
    background: #ffffff14 !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-popover.locale-popover {
    z-index: 240 !important;
    color: #f7f7f2 !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.16) !important;
    backdrop-filter: blur(28px) saturate(1.16) !important;
    background: radial-gradient(circle at 28% 36%, #ffffff1f, #0000 28%), #161817f0 linear-gradient(#232625f0, #0d0f0eeb) !important;
    border: 1px solid #f7f7f22e !important;
    border-radius: 24px !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: min(380px, 100vw - 24px) !important;
    max-height: none !important;
    padding: 18px !important;
    position: fixed !important;
    top: 48px !important;
    left: auto !important;
    right: 0 !important;
    overflow: visible !important;
    transform: none !important;
    box-shadow: 0 26px 72px #00000085, inset 0 1px #ffffff21 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-popover.locale-popover:before {
    content: "" !important;
    width: 382px !important;
    max-width: calc(100vw - 24px) !important;
    height: 36px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    display: block !important;
    position: absolute !important;
    top: -32px !important;
    left: auto !important;
    right: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-popover-arrow.locale-popover-arrow {
    width: 24px !important;
    height: 24px !important;
    box-shadow: none !important;
    background: #232625f5 !important;
    border: 0 !important;
    border-top: 1px solid #f7f7f22e !important;
    border-left: 1px solid #f7f7f22e !important;
    top: -11px !important;
    left: auto !important;
    right: 77px !important;
    transform: rotate(45deg) !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-section + .locale-section {
    margin-top: 16px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-heading.locale-heading {
    color: #dce5f49e !important;
    letter-spacing: .16em !important;
    margin-bottom: 10px !important;
    font-size: 10px !important;
    font-weight: 860 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-grid.locale-grid {
    gap: 8px 10px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .country-grid.country-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-option.locale-option {
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #dce5f4c2 !important;
    background: none !important;
    border: 1px solid #f7f7f21f !important;
    border-radius: 15px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-option.locale-option:hover, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-option.locale-option.active) {
    color: #fff !important;
    background: #ffffff14 !important;
    border-color: #f7f7f238 !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-desktop-header > #prvbuy-global-header.cd-header.home-shared-header .locale-confirm.locale-confirm {
    color: #10110d !important;
    background: #ffc21a !important;
    border: 1px solid #ffc21a !important;
    border-radius: 14px !important;
    height: 40px !important;
    margin-top: 14px !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    box-shadow: 0 12px 26px #ffc21a24 !important;
  }
}

@media (min-width: 1200px) {
  body > main:not(.cd-page):not(.product-page-v9):not(.shipping-estimate-page):not(.diy-order-page):not(.public-content-page):not(.help-center):not(.affiliate-center-page):not(.admin-console-page) {
    transform-origin: 0 0 !important;
    zoom: .8 !important;
    width: 125vw !important;
    max-width: none !important;
    min-height: auto !important;
    transform: none !important;
  }

  body:has(.admin-console-page) {
    background: #050d0b !important;
  }

  body > main.admin-console-page, body > main.admin-console-page > .admin-console-grid {
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    width: 100vw !important;
    max-width: none !important;
    min-height: 100vh !important;
    transform: none !important;
  }
}

@media (min-width: 1024px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside {
    scrollbar-width: none !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside::-webkit-scrollbar {
    display: none !important;
  }
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell {
  --portal-title: #ffc21a;
  --portal-text: #fffaf0;
  --portal-muted: #f7f3e894;
  --portal-panel: #101112f0;
  --portal-panel-soft: #ffffff13;
  --portal-line: #ffffff24;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(h1, h2, h3) {
  color: var(--portal-title) !important;
  text-shadow: 0 0 22px #ffc21a21 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(.portal-order-table-head span, .portal-order-metric p, .portal-order-followup > p:first-child, p[class*="uppercase"][class*="font-black"], span[class*="uppercase"][class*="font-black"]) {
  color: var(--portal-title) !important;
  text-shadow: 0 0 18px #ffc21a1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-list {
  background: #08090ab8 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-tabs {
  gap: 0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-tab {
  min-width: 92px !important;
  height: 33px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-tab.bg-prv-yellow, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-tab[class*="bg-prv-yellow"]) {
  color: #121315 !important;
  background: #ffc21a !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-tab:not([class*="bg-prv-yellow"]) {
  color: #fffaf094 !important;
  background: #ffffff18 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-search input {
  color: #fffaf0db !important;
  background: #ffffff1b !important;
  border-radius: 8px !important;
  height: 39px !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-search input::placeholder {
  color: #fffaf07a !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-table-head {
  border-color: var(--portal-line) !important;
  background: #ffc21a0e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card {
  background: linear-gradient(#ffffff0c, #ffffff07), #0f1012e6 !important;
  border-color: #ffffff1a !important;
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-meta {
  color: var(--portal-text) !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-meta span {
  color: var(--portal-text) !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-meta span[class*="text-prv-muted"] {
  color: var(--portal-muted) !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-metric {
  background: #ffffff13 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 14px !important;
  min-height: 66px !important;
  padding: 12px 14px !important;
  box-shadow: inset 0 1px #ffffff0f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-metric strong {
  color: var(--portal-text) !important;
  text-shadow: none !important;
  margin-top: 9px !important;
  font-size: 17px !important;
  line-height: 1.05 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-status-hint {
  max-width: 150px !important;
  color: var(--portal-muted) !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-followup {
  background: #fff1 !important;
  border: 1px solid #ffc21a14 !important;
  box-shadow: inset 0 1px #ffffff0a !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-followup p:not(:first-child) {
  color: var(--portal-muted) !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-platform-badge {
  background: none !important;
  border: 0 !important;
  border-radius: 9px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 22px #ff5a1f33 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-platform-badge img, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell img[src*="platform-"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell img[src*="agent-"]) {
  object-fit: cover !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-platform-badge > span {
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  overflow: hidden !important;
}

@media (min-width: 900px) {
  html body #prvbuy-global-header.cd-header.home-shared-header.home-shared-header, html body #prvbuy-global-header.cd-header.product-home-header.product-home-header, html body #prvbuy-global-header.cd-header.home-shared-header.home-shared-header.cd-header-scrolled, html body #prvbuy-global-header.cd-header.product-home-header.product-home-header.cd-header-scrolled {
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body #prvbuy-global-header.cd-header.home-shared-header.home-shared-header .current-morphic-nav-blur.current-morphic-nav-blur, html body #prvbuy-global-header.cd-header.product-home-header.product-home-header .current-morphic-nav-blur.current-morphic-nav-blur {
    z-index: 0 !important;
    pointer-events: none !important;
    width: 100vw !important;
    max-width: none !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    background: radial-gradient(circle at 14% 0, #ffc21a14, #0000 30%), radial-gradient(circle at 63% 0, #ffc21a0d, #0000 32%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(#000 40%, #0000 100%) !important;
    mask-image: linear-gradient(#000 40%, #0000 100%) !important;
  }

  html body #prvbuy-global-header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav, html body #prvbuy-global-header.cd-header.product-home-header.product-home-header nav.cd-nav.cd-nav {
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: linear-gradient(#0006 0%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body #prvbuy-global-header.cd-header.home-shared-header.home-shared-header :is(.locale-picker, .auth-pill-signed-in, .shopping-bag-trigger), html body #prvbuy-global-header.cd-header.home-shared-header.home-shared-header :is(.region-pill, .account-avatar-button, .cart-pill) {
    box-shadow: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header {
    z-index: 2400 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform-origin: 0 0 !important;
    zoom: 1 !important;
    pointer-events: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    inset: 0 0 auto !important;
    transform: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .current-morphic-nav-blur {
    z-index: 0 !important;
    pointer-events: none !important;
    width: 100vw !important;
    max-width: none !important;
    height: 84px !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
    background: radial-gradient(circle at 14% 0, #ffc21a1c, #0000 28%), radial-gradient(circle at 63% 0, #ffc21a12, #0000 30%), linear-gradient(#0000002e 0%, #00000017 44%, #00000008 72%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(#000 0% 38%, #0000007a 68%, #0000 100%) !important;
    mask-image: linear-gradient(#000 0% 38%, #0000007a 68%, #0000 100%) !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav {
    width: 100vw !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    zoom: 1 !important;
    pointer-events: auto !important;
    background: linear-gradient(#0000006b 0%, #00000029 42%, #0000000a 70%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 32px !important;
    display: flex !important;
    position: relative !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav > a.brand-pill.brand-pill {
    width: 240px !important;
    height: 72px !important;
    min-height: 72px !important;
    box-shadow: none !important;
    color: #f7f7f2 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex: 0 0 240px !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 780 !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .header-link-entry.header-link-entry {
    flex: 0 230px !important;
    gap: 8px !important;
    width: clamp(190px, 18vw, 230px) !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 5px 0 12px !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex: auto !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .auth-pill.auth-pill:before {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .auth-pill.auth-pill:after {
    content: none !important;
    background: none !important;
    display: none !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    color: #f7f7f2c7 !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    height: 72px !important;
    padding: 0 2px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .locale-picker.locale-picker {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .auth-pill.auth-pill:not(.auth-pill-signed-in) {
    width: 142px !important;
    min-width: 142px !important;
    height: 72px !important;
    min-height: 72px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex: none !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 42px 0 0 !important;
    padding: 0 !important;
  }

  html body:not(:has(main.cd-page)) > header.cd-header.home-shared-header :is(.region-pill, .account-avatar-button, .cart-pill) {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    color: #f7f8f4d1 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 6px !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav {
    width: 100vw !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: linear-gradient(#0000006b 0%, #00000029 42%, #0000000a 70%, #0000 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 32px !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .header-link-entry.header-link-entry {
    flex: 0 230px !important;
    width: clamp(190px, 18vw, 230px) !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill {
    flex: auto !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0 0 12px !important;
    display: grid !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav > .nav-pill.nav-pill a {
    color: #f7f7f2c7 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 72px !important;
    padding: 0 2px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .locale-picker.locale-picker {
    flex: 0 0 48px !important;
    width: 48px !important;
    margin: 0 18px 0 0 !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .auth-pill.auth-pill:not(.auth-pill-signed-in) {
    flex: none !important;
    width: 142px !important;
    min-width: 142px !important;
  }

  html:has(.shipping-estimate-page) body:has(.shipping-estimate-page) > header.cd-header.home-shared-header.home-shared-header .shopping-bag-trigger.shopping-bag-trigger {
    flex: 0 0 48px !important;
    width: 48px !important;
    margin: 0 42px 0 0 !important;
  }
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(h1, h2, h3, .card h1, .card h2, .card h3, article h1, article h2, article h3) {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a21 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-platform-badge {
  border-radius: 10px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card h3 {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a21 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card h3:not(.card > h3) {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a21 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell article h3.text-prv-ink {
  color: #ffc21a !important;
  text-shadow: 0 0 22px #ffc21a21 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card {
  background: linear-gradient(#ffffff0a, #ffffff05), #0e0f10f0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-number {
  color: #ffc21a !important;
  text-shadow: 0 0 18px #ffc21a1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card h3 {
  color: #fffaf0 !important;
  text-shadow: none !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-meta .portal-order-number {
  color: #ffc21a !important;
  text-shadow: 0 0 18px #ffc21a1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card.portal-order-card h3.text-prv-ink {
  color: #fffaf0 !important;
  text-shadow: none !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card .portal-order-card h3:not(.card > h3) {
  color: #fffaf0 !important;
  text-shadow: none !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-metric {
  min-width: max-content !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-metric strong {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  display: block !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is(h1, h2), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer h2) {
  color: #ffc21a !important;
  text-shadow: none !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page .text-prv-ink, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer .text-prv-ink) {
  color: #172033 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page input {
  color: #172033 !important;
  background: #f6f7fa !important;
  border-color: #1720331f !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page span[class*="bg-[#101418]"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer span[class*="bg-[#101418]"]) {
  color: #fffaf0 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page span[class*="bg-blue-50"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer span[class*="bg-blue-50"]) {
  color: #1d4ed8 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page button[class*="bg-blue-50"] :is(span, svg) {
  color: #1d4ed8 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page button[class*="bg-blue-50"] {
  color: #1d4ed8 !important;
}

html:has(.checkout-page) body {
  background: #050d0b !important;
}

html body .checkout-page nav > div > div {
  color: #fffaf08a !important;
  background: #ffffff0e !important;
  border: 1px solid #ffffff14 !important;
}

html body .checkout-page nav > div > div:nth-child(2) {
  color: #07100c !important;
  background: linear-gradient(135deg, #ffc21a, #f0ad00) !important;
  border-color: #ffc21a6b !important;
  box-shadow: 0 14px 34px #ffc21a2e !important;
}

html body .checkout-page nav > div > div:first-child {
  color: #fffaf0 !important;
  background: #ffc21a1f !important;
  border-color: #ffc21a3d !important;
}

html body .checkout-page :is(h1, h2, h3, strong, .text-prv-ink) {
  color: #fffaf0 !important;
}

html body .checkout-page :is(p, span, label, a, button, input, .text-prv-muted) {
  text-shadow: none !important;
}

html body .checkout-page :is(.text-prv-muted, p, label) {
  color: #fffaf09e !important;
}

html body .checkout-page :is([class*="bg-white"], [class*="bg-prv-soft"], [class*="bg-blue-50"], [class*="bg-[#f4f6fb]"]) {
  background: #ffffff0e !important;
  border-color: #ffffff14 !important;
}

html body .checkout-page [class*="bg-[linear-gradient"] {
  background: linear-gradient(#ffc21a1f, #ffffff0b) !important;
  border-color: #ffc21a24 !important;
}

html body .checkout-page [class*="border-prv-line"], html body .checkout-page [class*="border-white"] {
  border-color: #ffc21a24 !important;
}

html body .checkout-page [class*="text-[#1d4ed8]"], html body .checkout-page [class*="text-[#2f6df3]"], html body .checkout-page .text-prv-yellow {
  color: #ffc21a !important;
}

html body .checkout-page [class*="bg-blue-50"] {
  color: #ffc21a !important;
  background: #ffc21a1f !important;
}

html body .checkout-page input {
  accent-color: #ffc21a !important;
}

html body .checkout-page .button {
  color: #07100c !important;
  background: linear-gradient(135deg, #ffc21a, #f0ad00) !important;
  border-color: #ffc21ab8 !important;
  box-shadow: 0 18px 42px #ffc21a38 !important;
}

html body .checkout-page .button svg {
  color: #07100c !important;
}

html body .checkout-page a:hover, html body .checkout-page button:hover {
  border-color: #ffc21a70 !important;
}

html body .checkout-page img {
  filter: saturate(.95) contrast(1.02);
}

html:has(.portal-blue-shell .parcel-checkout-page) body {
  background: #050d0b !important;
}

html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell {
  color: #fffaf0 !important;
  background: radial-gradient(circle at 76% 4%, #ffc21a29, #0000 28rem), radial-gradient(circle at 18% 22%, #1936276b, #0000 32rem), linear-gradient(#050d0b 0 42%, #030706 100%) !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer) {
  color: #fffaf0 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page > section > section, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page aside > section) {
  background: linear-gradient(#121916f0, #080d0bf0) !important;
  border-color: #ffc21a24 !important;
  box-shadow: 0 24px 70px #00000052, inset 0 1px #ffffff0e !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is(p, span, label, strong, a, button, input), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer :is(p, span, label, strong, a, button)) {
  color: #fffaf0ad !important;
  text-shadow: none !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is(h1, h2) {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer h2 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page .text-prv-ink {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer .text-prv-ink {
  color: #fffaf0 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page h1, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page h2) {
  color: #ffc21a !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page .text-prv-muted, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer .text-prv-muted) {
  color: #fffaf099 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is([class*="bg-white"], [class*="bg-prv-soft"], [class*="bg-blue-50"], [class*="bg-[#f4f6fb]"]), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer :is([class*="bg-white"], [class*="bg-prv-soft"], [class*="bg-blue-50"])) {
  background: #ffffff0e !important;
  border-color: #ffffff14 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page [class*="bg-[linear-gradient"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer [class*="bg-[linear-gradient"]) {
  background: linear-gradient(#ffc21a1f, #ffffff0b) !important;
  border-color: #ffc21a24 !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page [class*="border-prv-line"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page [class*="border-white"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer [class*="border-prv-line"]) {
  border-color: #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page input {
  color: #fffaf0 !important;
  accent-color: #ffc21a !important;
  background: #ffffff12 !important;
  border-color: #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page input::placeholder {
  color: #fffaf06b !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is([class*="text-[#1d4ed8]"], [class*="text-[#2f6df3]"], [class*="text-blue"], [class*="bg-blue-50"]), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer :is([class*="text-[#1d4ed8]"], [class*="text-[#2f6df3]"], [class*="text-blue"], [class*="bg-blue-50"])) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page button[class*="bg-blue-50"] {
  color: #ffc21a !important;
  background: #ffc21a1f !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page button[class*="bg-blue-50"] :is(span, svg) {
  color: #ffc21a !important;
  background: #ffc21a1f !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page span[class*="bg-blue-50"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer span[class*="bg-blue-50"]) {
  color: #ffc21a !important;
  background: #ffc21a24 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page .button {
  color: #07100c !important;
  background: linear-gradient(135deg, #ffc21a, #f0ad00) !important;
  border-color: #ffc21ab8 !important;
  box-shadow: 0 18px 42px #ffc21a38 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page .button svg {
  color: #07100c !important;
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page span[class*="bg-[#101418]"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-coupon-drawer span[class*="bg-[#101418]"]) {
  color: #ffc21a !important;
  background: #ffc21a29 !important;
}

@media (max-width: 640px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page > * {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is(section, aside) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

:is(html:has(.portal-blue-shell) body:has(.portal-blue-shell), html:has(.checkout-page) body) {
  background: #020303 !important;
}

html body .checkout-page {
  color: #fffaf0 !important;
  background: radial-gradient(circle at 72% 0, #ffc21a1c, #0000 27rem), radial-gradient(circle at 18% 18%, #ffc21a0e, #0000 25rem), linear-gradient(#020303 0%, #040504 42%, #020303 100%) !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) > main.portal-blue-shell {
  color: #fffaf0 !important;
  background: radial-gradient(circle at 72% 0, #ffc21a1c, #0000 27rem), radial-gradient(circle at 18% 18%, #ffc21a0e, #0000 25rem), linear-gradient(#020303 0%, #040504 42%, #020303 100%) !important;
}

html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell {
  color: #fffaf0 !important;
  background: radial-gradient(circle at 72% 0, #ffc21a1c, #0000 27rem), radial-gradient(circle at 18% 18%, #ffc21a0e, #0000 25rem), linear-gradient(#020303 0%, #040504 42%, #020303 100%) !important;
}

html body .checkout-page :is(nav, section), html body .checkout-page aside > section {
  background: linear-gradient(#0f100ff5, #060706f5) !important;
  border-color: #ffffff1b !important;
  box-shadow: 0 22px 64px #00000057, inset 0 1px #ffffff0e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card {
  background: linear-gradient(#0f100ff5, #060706f5) !important;
  border-color: #ffffff1b !important;
  box-shadow: 0 22px 64px #00000057, inset 0 1px #ffffff0e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-list {
  background: linear-gradient(#0f100ff5, #060706f5) !important;
  border-color: #ffffff1b !important;
  box-shadow: 0 22px 64px #00000057, inset 0 1px #ffffff0e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page > section > section {
  background: linear-gradient(#0f100ff5, #060706f5) !important;
  border-color: #ffffff1b !important;
  box-shadow: 0 22px 64px #00000057, inset 0 1px #ffffff0e !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page aside > section {
  background: linear-gradient(#0f100ff5, #060706f5) !important;
  border-color: #ffffff1b !important;
  box-shadow: 0 22px 64px #00000057, inset 0 1px #ffffff0e !important;
}

html body .checkout-page section > :is(h1, h2), html body .checkout-page section > div:first-child :is(h1, h2), html body .checkout-page aside section > div:first-child h2 {
  color: #ffc21a !important;
  text-shadow: 0 10px 28px #ffc21a14 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(h1, h2) {
  color: #ffc21a !important;
  text-shadow: 0 10px 28px #ffc21a14 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > :is(h3) {
  color: #ffc21a !important;
  text-shadow: 0 10px 28px #ffc21a14 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card > div:first-child :is(h3) {
  color: #ffc21a !important;
  text-shadow: 0 10px 28px #ffc21a14 !important;
}

:is(html body .checkout-page :is(h3, strong, .text-prv-ink), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(h3, strong, .text-prv-ink)) {
  color: #fffaf0 !important;
  text-shadow: none !important;
}

html body .checkout-page h3[class*="line-clamp"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell h3[class*="line-clamp"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card h3 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell article h3.text-prv-ink {
  color: #fffaf0 !important;
}

html body .checkout-page :is(p, label, small, em, .text-prv-muted) {
  color: #fffaf09e !important;
  text-shadow: none !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(p, label, small, em, .text-prv-muted) {
  color: #fffaf09e !important;
  text-shadow: none !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell aside a:not([aria-current="page"]) {
  color: #fffaf09e !important;
  text-shadow: none !important;
}

:is(html body .checkout-page :is(span, a, button):not(.status-badge):not([class*="text-prv-yellow"]):not([class*="text-[#1d4ed8]"]):not([class*="text-[#2f6df3]"]), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(span, a, button):not(.status-badge):not([class*="text-prv-yellow"]):not([class*="text-[#1d4ed8]"]):not([class*="text-[#2f6df3]"])) {
  text-shadow: none !important;
}

:is(html body .checkout-page :is([class*="bg-white"], [class*="bg-prv-soft"], [class*="bg-blue-50"], [class*="bg-[#f4f6fb]"]), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is([class*="bg-white"], [class*="bg-prv-soft"], [class*="bg-blue-50"], [class*="bg-[#f4f6fb]"])) {
  background: #ffffff0f !important;
  border-color: #ffffff17 !important;
}

:is(html body .checkout-page .status-badge, html body .checkout-page :is([class*="text-prv-yellow"], [class*="text-[#1d4ed8]"], [class*="text-[#2f6df3]"]), html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .status-badge, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is([class*="text-prv-yellow"], [class*="text-[#1d4ed8]"], [class*="text-[#2f6df3]"])) {
  color: #ffc21a !important;
}

:is(html body .checkout-page span[class*="bg-blue-50"], html body .checkout-page span[class*="bg-[#101418]"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell span[class*="bg-blue-50"], html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell span[class*="bg-[#101418]"]) {
  color: #fffaf0b8 !important;
  background: #ffffff12 !important;
  border-color: #ffffff18 !important;
}

html body .checkout-page nav > div > div:nth-child(2), html body .checkout-page .button {
  color: #070806 !important;
  background: linear-gradient(135deg, #ffc21a, #f0ad00) !important;
  border-color: #ffc21abd !important;
  box-shadow: 0 18px 42px #ffc21a33 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .button {
  color: #070806 !important;
  background: linear-gradient(135deg, #ffc21a, #f0ad00) !important;
  border-color: #ffc21abd !important;
  box-shadow: 0 18px 42px #ffc21a33 !important;
}

html body .checkout-page nav > div > div:nth-child(2) *, html body .checkout-page .button * {
  color: #070806 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .button * {
  color: #070806 !important;
}

html body .checkout-page section > :is(h1, h2), html body .checkout-page section > div:first-child > :is(h1, h2), html body .checkout-page aside section > div:first-child :is(h1, h2) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell :is(h1, h2) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page :is(h1, h2) {
  color: #ffc21a !important;
}

html body .checkout-page h3[class*="line-clamp"], html body .checkout-page article h3[class*="text-prv-ink"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card h3[class*="line-clamp"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .card h3[class*="text-prv-ink"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card h3[class*="text-prv-ink"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell article h3[class*="text-prv-ink"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .parcel-checkout-page h3[class*="line-clamp"] {
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-page article h3.text-prv-ink.text-prv-ink[class*="line-clamp"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .card.card h3.text-prv-ink.text-prv-ink[class*="line-clamp"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .card.card h3.text-prv-ink.text-prv-ink[class*="font-black"] {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell article.portal-order-card.portal-order-card h3.text-prv-ink.text-prv-ink {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-order-list.portal-order-list h3.text-prv-ink.text-prv-ink {
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-page .text-prv-muted.text-prv-muted {
  color: #fffaf09e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .text-prv-muted.text-prv-muted {
  color: #fffaf09e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-order-table-head.portal-order-table-head {
  color: #fffaf09e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-order-table-head.portal-order-table-head span {
  color: #fffaf09e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell p.text-prv-muted.text-prv-muted {
  color: #fffaf09e !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .parcel-checkout-page.parcel-checkout-page h1.text-prv-ink.text-prv-ink, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .parcel-checkout-page.parcel-checkout-page h2.text-prv-ink.text-prv-ink) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-order-meta.portal-order-meta span {
  color: #fffaf0c7 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-order-number.portal-order-number {
  color: #fffaf0c7 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-order-metric.portal-order-metric strong {
  color: #fffaf0c7 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .parcel-checkout-page.parcel-checkout-page span[class*="text-prv-yellow"] {
  color: #fffaf0c7 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .parcel-checkout-page.parcel-checkout-page strong[class*="text-prv-yellow"] {
  color: #fffaf0c7 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .parcel-checkout-page.parcel-checkout-page p[class*="text-prv-yellow"] {
  color: #fffaf0c7 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard {
  color: #fffaf0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard :is(a, button) {
  text-decoration: none;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border-color: #ffffff1c !important;
  border-radius: 0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside > div:first-child {
  box-shadow: none !important;
  background: linear-gradient(#141515d6, #090a09db) !important;
  border: 1px solid #ffc21a24 !important;
  border-radius: 16px !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside > div:first-child > div {
  background: #ffffff0e !important;
  border-color: #ffffff1a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside > div:nth-child(2) {
  border-top: 1px solid #ffffff1a;
  gap: 0 !important;
  margin-top: 18px !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a {
  border-bottom: 1px solid #ffffff13;
  height: 50px !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a[aria-current="page"], html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a[href="/user-center"]) {
  border-left: 2px solid #ffc21a;
  color: #ffc21a !important;
  background: #ffc21a0b !important;
  padding-left: 14px !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro {
  border-bottom: 1px solid #ffffff21;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  padding: 8px 0 30px;
  display: flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-kicker {
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  color: #ffc21a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro h2 {
  letter-spacing: -.045em;
  text-wrap: balance;
  margin: 14px 0 12px;
  font-size: clamp(38px, 4.4vw, 62px);
  font-weight: 850;
  line-height: .98;
  color: #ffc21a !important;
  text-shadow: 0 0 24px #ffc21a1f !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro p:last-child {
  max-width: 650px;
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.65;
  color: #fffaf0ad !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-primary-action {
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 850;
  transition: border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head > a {
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 850;
  transition: border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item > a {
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 850;
  transition: border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-pay-action {
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 850;
  transition: border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-primary-action, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-pay-action) {
  background: #ffc21a;
  border: 0;
  box-shadow: 0 12px 32px #ffc21a24;
  color: #090a08 !important;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-primary-action:hover, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-pay-action:hover) {
  background: #ffd24a;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search {
  grid-template-columns: minmax(260px, .95fr) minmax(260px, 1fr) 112px;
  align-items: center;
  gap: 12px;
  width: min(760px, 100%);
  margin-left: auto;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search input {
  border-radius: 14px;
  height: 48px;
  font-size: 13px;
  font-weight: 750;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range {
  border-radius: 14px;
  height: 48px;
  font-size: 13px;
  font-weight: 750;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search button {
  border-radius: 14px;
  height: 48px;
  font-size: 13px;
  font-weight: 750;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search input {
  color: #fffaf0eb;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a;
  border: 1px solid #fffaf029;
  box-shadow: inset 0 1px #ffffff0f;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range {
  color: #fffaf0eb;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a;
  border: 1px solid #fffaf029;
  box-shadow: inset 0 1px #ffffff0f;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search input {
  outline: 0;
  width: 100%;
  min-width: 0;
  padding: 0 18px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search input::placeholder {
  color: #fffaf085;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search input:focus {
  border-color: #ffc21a94;
  box-shadow: 0 0 0 3px #ffc21a1f, inset 0 1px #ffffff14;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range:focus-within {
  border-color: #ffc21a94;
  box-shadow: 0 0 0 3px #ffc21a1f, inset 0 1px #ffffff14;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 15px 0 18px;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range input {
  height: auto;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range span, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range svg) {
  color: #fffaf094;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search button {
  color: #090a08;
  background: #ffc21a;
  border: 0;
  font-weight: 900;
  transition: background .2s, transform .2s;
  box-shadow: 0 14px 34px #ffc21a29;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search button:hover {
  background: #ffd24a;
  transform: translateY(-1px);
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger {
  border-bottom: 1px solid #ffffff21;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 0;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item {
  border-right: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  min-height: 158px;
  padding: 26px 24px 30px;
  display: flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item:last-child {
  border-right: 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item p {
  letter-spacing: -.035em;
  margin: 0;
  font-size: 22px;
  font-weight: 850;
  color: #ffc21a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item div div {
  align-items: flex-end;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item strong {
  letter-spacing: -.055em;
  font-size: clamp(36px, 3.2vw, 50px);
  font-weight: 850;
  line-height: .92;
  color: #fffaf0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item span {
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 850;
  color: #fffaf09e !important;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item > a, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head > a) {
  background: #ffffff0b;
  border: 1px solid #ffffff21;
  color: #f6f1e7 !important;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item > a:hover, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head > a:hover) {
  background: #ffc21a1a;
  border-color: #ffc21a52;
  color: #ffc21a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 52px;
  margin-top: 42px;
  display: grid;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head {
  border-bottom: 1px solid #ffffff21;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding-bottom: 18px;
  display: flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head h2 {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 28px;
  font-weight: 850;
  line-height: 1;
  color: #ffc21a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel > div:last-child {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel article {
  border-right: 1px solid #ffffff1a;
  min-height: 118px;
  padding: 24px 22px 20px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel article:last-child {
  border-right: 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel strong {
  letter-spacing: -.04em;
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  display: block;
  color: #fffaf0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel span {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 800;
  display: block;
  color: #fffaf09e !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ops-grid {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 52px;
  margin-top: 56px;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row {
  border-bottom: 1px solid #ffffff17;
  padding: 24px 0 18px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row {
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  display: flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row > div:last-child {
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  display: flex;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row p {
  margin: 0;
  font-size: 14px;
  font-weight: 850;
  color: #fffaf0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row span {
  font-size: 12px;
  font-weight: 760;
  color: #fffaf094 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:first-child span {
  font-size: 12px;
  font-weight: 760;
  color: #fffaf094 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-note {
  font-size: 12px;
  font-weight: 760;
  color: #fffaf094 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row > div:first-child > span {
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 6px;
  display: block;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row > div:last-child span {
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
  display: block;
  color: #ffc21a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row > div:last-child strong {
  letter-spacing: -.04em;
  white-space: nowrap;
  font-size: 28px;
  font-weight: 850;
  display: block;
  color: #fffaf0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-note {
  margin: 14px 0 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-list {
  gap: 0;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item {
  border-bottom: 1px solid #ffffff17;
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
  gap: 24px;
  padding: 24px 0;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:first-child p {
  margin: 0;
  font-size: 13px;
  font-weight: 850;
  color: #fffaf0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:first-child span {
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 6px;
  display: block;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:last-child {
  gap: 10px;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:last-child > div {
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 11px;
  display: grid;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:last-child > div > span {
  background: #fffaf02e;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  margin-top: 5px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:last-child > div > span.is-current {
  background: #ffc21a;
  box-shadow: 0 0 0 4px #ffc21a1a;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item p {
  margin: 0;
  font-size: 13px;
  font-weight: 830;
  color: #fffaf0 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item time {
  color: #fffaf080;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 650;
  display: block;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard {
  --portal-dashboard-major-line: #ffc21a52;
  --portal-dashboard-line: #fffaf033;
  --portal-dashboard-soft-line: #fffaf021;
  --portal-dashboard-copy: #fffaf0d1;
  --portal-dashboard-muted: #fffaf0ad;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro {
  border-bottom: 2px solid var(--portal-dashboard-line);
  padding-bottom: 34px;
  position: relative;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro:after {
  content: "";
  background: #ffc21a;
  width: 88px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head:after {
  content: "";
  background: #ffc21a;
  width: 88px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro p:last-child {
  font-size: 16px;
  color: var(--portal-dashboard-copy) !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger {
  border-bottom: 2px solid var(--portal-dashboard-line);
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item {
  border-right-color: var(--portal-dashboard-line);
  min-height: 168px;
  padding-top: 30px;
  padding-bottom: 34px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item p {
  text-shadow: 0 0 20px #ffc21a21;
  font-size: 24px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item span {
  font-size: 14px;
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item strong {
  text-shadow: 0 10px 28px #fffaf014;
  color: #fffdf7 !important;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section) {
  position: relative;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head {
  border-bottom: 2px solid var(--portal-dashboard-line);
  padding-bottom: 20px;
  position: relative;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-section-head h2 {
  font-size: 32px;
  text-shadow: 0 0 22px #ffc21a29 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel > div:last-child {
  border-bottom: 1px solid var(--portal-dashboard-soft-line);
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel article {
  border-right-color: var(--portal-dashboard-line);
  min-height: 136px;
  padding-top: 28px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel strong {
  text-shadow: 0 10px 28px #fffaf014;
  font-size: 44px;
  color: #fffdf7 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel span {
  font-size: 14px;
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row {
  border-bottom-color: var(--portal-dashboard-soft-line);
  padding-top: 30px;
  padding-bottom: 24px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row p {
  font-size: 14px;
  font-weight: 900;
  color: #fffdf7 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:first-child p {
  font-size: 14px;
  font-weight: 900;
  color: #fffdf7 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item p {
  font-size: 14px;
  font-weight: 900;
  color: #fffdf7 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row span {
  font-size: 12px;
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:first-child span {
  font-size: 12px;
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-note {
  font-size: 12px;
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row > div:last-child strong {
  font-size: 32px;
  color: #fffdf7 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item {
  border-bottom-color: var(--portal-dashboard-soft-line);
  padding: 28px 0;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item time {
  color: #fffaf09e;
  font-size: 12px;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item > div:last-child > div > span {
  background: #fffaf047;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a {
  color: #fffaf0c2 !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a:hover {
  color: #fffaf0 !important;
  background: #ffffff0a !important;
}

html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a svg {
  color: #fffaf0b8 !important;
}

:is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a[aria-current="page"] svg, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell > div > aside a[href="/user-center"] svg) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell > div > aside a:not([href="/user-center"]) {
  color: #fffaf0c2 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell > div > aside a:not([href="/user-center"]) svg {
  color: #fffaf0b8 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard {
  --portal-dashboard-line: #fffaf057;
  --portal-dashboard-soft-line: #fffaf038;
  --portal-dashboard-muted: #fffaf0bd;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro {
  border-bottom-width: 3px !important;
  border-bottom-color: var(--portal-dashboard-line) !important;
  padding-bottom: 46px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro:after {
  width: 124px !important;
  height: 3px !important;
  bottom: -3px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head:after {
  width: 124px !important;
  height: 3px !important;
  bottom: -3px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger {
  border-top: 0 !important;
  border-bottom: 0 !important;
  margin-bottom: 64px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item {
  border-right: 2px solid var(--portal-dashboard-line) !important;
  min-height: 192px !important;
  padding-top: 40px !important;
  padding-bottom: 44px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item:last-child {
  border-right: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger > * {
  min-height: 100%;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger > * .portal-dashboard-ledger-item {
  border-right: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item {
  position: relative;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item:first-child:before {
  content: "";
  background: #ffc21ab3;
  width: 82px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 24px;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger {
  border: 2px solid var(--portal-dashboard-line) !important;
  background: #ffffff03 !important;
  border-radius: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 70px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item {
  min-height: 178px !important;
  padding-top: 34px !important;
  padding-bottom: 38px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item:before {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article:before {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel > div:last-child {
  border: 2px solid var(--portal-dashboard-line) !important;
  background: #ffffff03 !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head {
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head:after {
  height: 2px !important;
  bottom: -2px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro {
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
  padding-bottom: 34px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro:after {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head:after {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 72px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item:before {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article:before {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head {
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
  padding-bottom: 24px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel > div:last-child {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article {
  border-right: 1px solid var(--portal-dashboard-line) !important;
  min-height: 132px !important;
  padding: 30px 26px 26px !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-payment-row, html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-track-item) {
  border-bottom: 1px solid var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article {
  position: relative;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-grid {
  gap: 76px !important;
  margin-top: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head {
  border-bottom-width: 3px !important;
  border-bottom-color: var(--portal-dashboard-line) !important;
  padding-bottom: 28px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel > div:last-child {
  border-bottom: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article {
  border-right: 2px solid var(--portal-dashboard-line) !important;
  min-height: 158px !important;
  padding-top: 38px !important;
  padding-bottom: 34px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ops-grid {
  gap: 76px !important;
  margin-top: 84px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-payment-row {
  border-bottom: 2px solid var(--portal-dashboard-soft-line) !important;
  padding-top: 42px !important;
  padding-bottom: 36px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-note {
  margin-top: 24px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-track-item {
  border-bottom: 2px solid var(--portal-dashboard-soft-line) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro p:last-child {
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel span {
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-note {
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-track-item time {
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard {
  --portal-dashboard-line: #fffaf047;
  --portal-dashboard-soft-line: #fffaf033;
}

:is(html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro, html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head) {
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
  background: none !important;
  border-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 72px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger > :not(:last-child) {
  border-right: 1px solid var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel > div:last-child {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
  background: none !important;
  border-left: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article {
  border-right: 1px solid var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article:last-child {
  border-right: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard {
  --portal-dashboard-line: #fffaf04d;
  --portal-dashboard-soft-line: #fffaf038;
  --portal-dashboard-copy: #fffaf0db;
  --portal-dashboard-muted: #fffaf0b3;
  width: min(1700px, 100%) !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell > div {
  max-width: 2060px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro {
  grid-template-columns: minmax(520px, 1fr) minmax(760px, 920px) !important;
  align-items: end !important;
  gap: 56px !important;
  min-height: 176px !important;
  padding-top: 10px !important;
  padding-bottom: 40px !important;
  display: grid !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro h2 {
  letter-spacing: -.035em !important;
  max-width: 620px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  font-size: 50px !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro p:last-child {
  max-width: 540px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-order-search {
  grid-template-columns: minmax(310px, .9fr) minmax(380px, 1fr) 124px !important;
  align-self: end !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 920px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-order-search input {
  border-radius: 12px !important;
  height: 54px !important;
  font-size: 14px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-date-range {
  border-radius: 12px !important;
  height: 54px !important;
  font-size: 14px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-order-search button {
  border-radius: 12px !important;
  height: 54px !important;
  font-size: 14px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-date-range input {
  height: auto !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger {
  border-top: 2px solid var(--portal-dashboard-line) !important;
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
  min-height: 212px !important;
  margin-bottom: 88px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item {
  min-height: 208px !important;
  padding: 42px 34px 40px !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item p, html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head h2) {
  text-shadow: 0 0 18px #ffc21a1a !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-grid {
  gap: 88px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head {
  min-height: 68px !important;
  padding-bottom: 26px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-section-head h2 {
  letter-spacing: -.035em !important;
  font-size: 30px !important;
  font-weight: 800 !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel > div:last-child {
  border-top: 0 !important;
  border-bottom: 2px solid var(--portal-dashboard-line) !important;
  min-height: 188px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article {
  min-height: 188px !important;
  padding: 48px 32px 40px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel strong {
  font-size: 46px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel span {
  color: var(--portal-dashboard-muted) !important;
  margin-top: 16px !important;
  font-size: 14px !important;
}

html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ops-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 88px !important;
  margin-top: 92px !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-payment-row, html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-track-item) {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell > .portal-shell-layout {
  max-width: 1474px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content {
  --portal-dashboard-line: #fffaf04d;
  --portal-dashboard-soft-line: #fffaf038;
  --portal-dashboard-copy: #fffaf0db;
  --portal-dashboard-muted: #fffaf0b3;
  color: #fffaf0 !important;
  width: min(1700px, 100%) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content > :not(.portal-dashboard) {
  width: 100% !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content > :not(.portal-dashboard) > .card {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content > :not(.portal-dashboard) > div > .card {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content > :not(.portal-dashboard) > .grid > .card {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-data-panel {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-account-intro {
  border: 0 !important;
  border-bottom: 3px solid var(--portal-dashboard-line) !important;
  min-height: 176px !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  align-items: flex-end !important;
  padding: 10px 0 40px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-account-intro > div > span:first-child {
  display: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-account-intro h2 {
  color: #ffc21a !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 0 24px #ffc21a21 !important;
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 50px !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-account-intro p {
  max-width: 680px !important;
  color: var(--portal-dashboard-copy) !important;
  margin-top: 16px !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-account-intro > a, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header > button, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header > a) {
  color: #fffaf0 !important;
  min-height: 54px !important;
  box-shadow: none !important;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header {
  border-bottom: 3px solid var(--portal-dashboard-line) !important;
  background: none !important;
  min-height: 96px !important;
  padding: 0 0 28px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header > div > span:first-child {
  display: none !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header h2, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .card h2, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .card h3) {
  color: #ffc21a !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header h2 {
  font-size: 32px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-section-header p {
  color: var(--portal-dashboard-muted) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar {
  border-bottom: 3px solid var(--portal-dashboard-line) !important;
  background: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-table-head {
  border-bottom: 3px solid var(--portal-dashboard-line) !important;
  background: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-responsive-table thead tr {
  border-bottom: 3px solid var(--portal-dashboard-line) !important;
  background: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar {
  padding: 0 0 28px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar > div:first-child {
  gap: 10px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-tabs {
  gap: 10px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar button {
  min-width: 104px !important;
  height: 44px !important;
  color: var(--portal-dashboard-muted) !important;
  box-shadow: none !important;
  background: #fffaf012 !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-tab {
  min-width: 104px !important;
  height: 44px !important;
  color: var(--portal-dashboard-muted) !important;
  box-shadow: none !important;
  background: #fffaf012 !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar button:first-child {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-tab.bg-prv-yellow {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-tab[class*="bg-prv-yellow"] {
  color: #050607 !important;
  background: #ffc21a !important;
  border-color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar input {
  color: #fffaf0 !important;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-search input {
  color: #fffaf0 !important;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content input {
  color: #fffaf0 !important;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content textarea {
  color: #fffaf0 !important;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content select {
  color: #fffaf0 !important;
  background: linear-gradient(#ffffff13, #ffffff09), #fffaf00a !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content input::placeholder {
  color: #fffaf094 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content textarea::placeholder {
  color: #fffaf094 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-list-toolbar .button {
  color: #050607 !important;
  background: #ffc21a !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  box-shadow: 0 14px 34px #ffc21a29 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-search .button {
  color: #050607 !important;
  background: #ffc21a !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  box-shadow: 0 14px 34px #ffc21a29 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .button:not([class*="bg-white"]) {
  color: #050607 !important;
  background: #ffc21a !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  box-shadow: 0 14px 34px #ffc21a29 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content a.button:not([class*="bg-white"]) {
  color: #050607 !important;
  background: #ffc21a !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  box-shadow: 0 14px 34px #ffc21a29 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-responsive-table table {
  background: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content table {
  background: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-responsive-table tr {
  border-color: var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content tbody tr {
  border-color: var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content [class*="divide-y"] > * {
  border-color: var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content th {
  color: #ffc21a !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content td, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content p, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content span, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content small, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content em) {
  color: var(--portal-dashboard-muted) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content strong {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .text-prv-ink {
  color: #fffaf0 !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content [class*="bg-white"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content [class*="bg-[#f"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content [class*="bg-blue-"]) {
  background: none !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-info-block, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-mini-product-row) {
  border-color: var(--portal-dashboard-soft-line) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-account-intro.portal-account-intro {
  border: 0 !important;
  border-bottom: 3px solid var(--portal-dashboard-line) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro):not(.portal-data-panel) {
  border: 2px solid var(--portal-panel-line) !important;
  background: linear-gradient(180deg, #ffffff09, #ffffff03),
    var(--portal-panel-fill) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px #ffffff09, 0 18px 40px #0000002e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel {
  border: 2px solid var(--portal-panel-line) !important;
  background: linear-gradient(180deg, #ffffff09, #ffffff03),
    var(--portal-panel-fill) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px #ffffff09, 0 18px 40px #0000002e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-account-intro.portal-account-intro {
  border-bottom-color: var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-section-header {
  border-bottom-color: var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-list-toolbar {
  border-bottom-color: var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-table-head {
  border-bottom-color: var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-responsive-table thead tr {
  border-bottom-color: var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-responsive-table tbody tr {
  border-color: var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) tbody tr {
  border-color: var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) [class*="divide-y"] > * {
  border-color: var(--portal-dashboard-soft-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) article {
  border-color: var(--portal-dashboard-soft-line) !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro) > div[class*="border-b"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro) > div[class*="border-t"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro) section[class*="border-b"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro) section[class*="border-t"]) {
  border-color: var(--portal-dashboard-line) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-info-block {
  border-color: var(--portal-panel-line-strong) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row {
  border-color: var(--portal-panel-line-strong) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) label[class*="border"] {
  border-color: var(--portal-panel-line-strong) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) div[class*="border"]:not(.card):not(.portal-account-intro) {
  border-color: var(--portal-panel-line-strong) !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-info-block, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row) {
  background: var(--portal-panel-fill-strong) !important;
  border-radius: 14px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro) + .card:not(.portal-account-intro) {
  margin-top: 26px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) section + section {
  margin-top: 26px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge {
  min-width: max-content !important;
  height: 34px !important;
  color: var(--status-fg, #f7f3e8) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--status-bg, #ffffff14) 90%, white 10%), var(--status-bg, #ffffff14)) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: var(--status-border, #ffffff2e) !important;
  box-shadow: inset 0 1px 0 #ffffff17,
    0 10px 22px var(--status-glow, #00000029) !important;
  text-shadow: none !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="payment"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="warn"]) {
  --status-fg: #ffd874;
  --status-bg: #ffc21a2e;
  --status-border: #ffc21a7a;
  --status-glow: #ffc21a1f;
  color: #ffd874 !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="paid"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="blue"]) {
  --status-fg: #8ec5ff;
  --status-bg: #2f6df32e;
  --status-border: #639dff6b;
  --status-glow: #2f6df31f;
  color: #8ec5ff !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="purchase"] {
  --status-fg: #d6bcff;
  --status-bg: #8b5cf62e;
  --status-border: #a78bfa6b;
  --status-glow: #8b5cf61f;
  color: #d6bcff !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="transit"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="parcel"]) {
  --status-fg: #9be7ff;
  --status-bg: #06b6d426;
  --status-border: #67e8f95c;
  --status-glow: #06b6d41a;
  color: #9be7ff !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="warehouse"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="ready"]) {
  --status-fg: #86efac;
  --status-bg: #10b98126;
  --status-border: #6ee7b761;
  --status-glow: #10b9811a;
  color: #86efac !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="qc"] {
  --status-fg: #f9b66f;
  --status-bg: #f9731629;
  --status-border: #fb923c6b;
  --status-glow: #f973161a;
  color: #f9b66f !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="shipped"] {
  --status-fg: #93c5fd;
  --status-bg: #2563eb29;
  --status-border: #60a5fa6b;
  --status-glow: #2563eb1c;
  color: #93c5fd !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="complete"] {
  --status-fg: #bef264;
  --status-bg: #84cc1629;
  --status-border: #bef2646b;
  --status-glow: #84cc161a;
  color: #bef264 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="issue"] {
  --status-fg: #fca5a5;
  --status-bg: #ef444426;
  --status-border: #f871716b;
  --status-glow: #ef44441a;
  color: #fca5a5 !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="neutral"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .status-badge[data-tone="cancelled"]) {
  --status-fg: #fffaf0b8;
  --status-bg: #fff1;
  --status-border: #ffffff2e;
  --status-glow: #00000024;
  color: #fffaf0b8 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-pay-now-button {
  color: #060704 !important;
  background: linear-gradient(135deg, #ffc21a, #f0ad00) !important;
  border: 1px solid #ffd658d1 !important;
  box-shadow: 0 18px 36px #ffc21a38 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-pay-now-button:hover {
  background: linear-gradient(135deg, #ffd65a, #ffc21a) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 1180px) {
  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search {
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
    width: 100%;
    margin-left: 0;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search button {
    grid-column: 1 / -1;
  }

  :is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-grid, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ops-grid) {
    grid-template-columns: 1fr;
    gap: 42px;
  }
}

@media (max-width: 760px) {
  :is(html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-intro, html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-payment-row) {
    flex-direction: column;
    align-items: flex-start;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-order-search {
    grid-template-columns: 1fr;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-date-range {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger {
    grid-template-columns: 1fr;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel > div:last-child {
    grid-template-columns: 1fr;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item {
    border-bottom: 1px solid #ffffff1a;
    border-right: 0;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel article {
    border-bottom: 1px solid #ffffff1a;
    border-right: 0;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-ledger-item:last-child {
    border-bottom: 0;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-status-panel article:last-child {
    border-bottom: 0;
  }

  html:has(.portal-dashboard) body:has(.portal-dashboard) .portal-blue-shell .portal-dashboard-track-item {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell {
  background: radial-gradient(circle at 82% 8%, #ffc21a1a, #0000 24rem), linear-gradient(#060807 0, #070908 54%, #050607 100%) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell aside {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: #fffaf009 !important;
  border-color: #fffaf029 !important;
  border-radius: 10px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell aside > div:first-child {
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #fffaf024 !important;
  border-radius: 8px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell aside a {
  box-shadow: none !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell aside a[aria-current="page"] {
  color: #ffc21a !important;
  background: #ffc21a24 !important;
  box-shadow: inset 2px 0 #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) {
  --portal-dashboard-line: #fffaf061;
  --portal-dashboard-soft-line: #fffaf02e;
  --portal-panel-line: #fffaf042;
  --portal-panel-line-strong: #fffaf033;
  --portal-panel-fill: transparent;
  --portal-panel-fill-strong: transparent;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro):not(.portal-data-panel) {
  border: 1px solid var(--portal-panel-line) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 8px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel {
  border: 1px solid var(--portal-panel-line) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 8px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .card:not(.portal-account-intro) > div:first-child[class*="border-b"] {
  background: none !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-list-toolbar {
  background: none !important;
  border-radius: 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) article {
  background: none !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) article[class*="bg-"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) article[class*="bg-blue"]) {
  background: none !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row {
  background: none !important;
  border-width: 0 !important;
  border-radius: 0 !important;
  padding: 12px 0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row + .portal-mini-product-row {
  border-top: 1px solid var(--portal-dashboard-soft-line) !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row > div:first-child, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) div[class*="h-[76px]"][class*="border"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) div[class*="h-[86px]"][class*="border"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) div[class*="h-[92px]"][class*="border"]) {
  background: #fffaf009 !important;
  border-color: #fffaf02e !important;
  border-radius: 4px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) article div[class*="rounded"][class*="border"]:not(:has(img)):not(.portal-mini-product-row) {
  box-shadow: none !important;
  background: none !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) aside div[class*="rounded"][class*="border"]:not(:has(img)) {
  box-shadow: none !important;
  background: none !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) input:not([type="checkbox"]):not([type="radio"]) {
  box-shadow: none !important;
  background: #fffaf00b !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) textarea {
  box-shadow: none !important;
  background: #fffaf00b !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) select {
  box-shadow: none !important;
  background: #fffaf00b !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) button {
  box-shadow: none !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) a.button {
  box-shadow: none !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-list-toolbar button {
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-card {
  padding-block: 30px !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-detail-head) {
  font-variant-numeric: tabular-nums;
  color: #fffaf0d1 !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta-label, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta-value), :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta.portal-order-meta .portal-order-meta-label, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta.portal-order-meta .portal-order-meta-value, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-detail-head.portal-order-detail-head .portal-order-meta-label, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-detail-head.portal-order-detail-head .portal-order-meta-value) {
  color: #ffc21a !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-id, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-time) {
  white-space: nowrap;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-money-label {
  color: #fffaf094 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-money-value {
  font-variant-numeric: tabular-nums;
  font-weight: 900;
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-money-total {
  color: #ffc21a !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta.portal-order-meta .portal-order-money-value, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-detail-head.portal-order-detail-head .portal-order-money-value), :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-meta.portal-order-meta .portal-order-money-total, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-detail-head.portal-order-detail-head .portal-order-money-total) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-product-no {
  color: #ffc21aad !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-product-title {
  letter-spacing: -.01em;
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-product-sku {
  color: #ffc21ad1 !important;
  font-weight: 800 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content p.portal-order-product-sku.portal-order-product-sku.text-prv-muted {
  color: #ffc21ad1 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric {
  font-variant-numeric: tabular-nums;
  background: #fffaf006 !important;
  border: 1px solid #fffaf029 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric-total {
  background: #ffc21a0e !important;
  border-color: #ffc21a5c !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric-label {
  color: #fffaf08c !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric-value {
  line-height: 1.1;
  color: #ffc21a !important;
  font-size: 18px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric.portal-order-metric strong.portal-order-metric-value.portal-order-metric-value {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric-total .portal-order-metric-value {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-actions {
  min-width: 132px;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-status-cell {
  min-width: 180px;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-status-cell .status-badge {
  white-space: nowrap;
  max-width: 100%;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action {
  text-align: right;
  white-space: nowrap;
  line-height: 1.2;
  transition: color .18s, background-color .18s, border-color .18s, transform .18s;
  border-radius: 4px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action:hover {
  transform: translateY(-1px);
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action-primary {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action-primary:hover {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action-return {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action-help {
  color: #fffaf070 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action-help:hover {
  color: #fffaf0b8 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-followup {
  background: #ffc21a06 !important;
  border: 1px solid #ffc21a24 !important;
  border-radius: 6px !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-followup-label {
  color: #ffc21a !important;
}

@media (max-width: 1280px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-metric {
    max-width: 240px;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-action {
    text-align: left;
  }
}

html body .checkout-page.checkout-page .checkout-total-amount.checkout-total-amount, html body .checkout-page.checkout-page strong.checkout-total-amount.checkout-total-amount, html body .checkout-page.checkout-page .checkout-order-cell-total.checkout-order-cell-total .checkout-order-cell-value.checkout-order-cell-value {
  color: #ffc21a !important;
}

html body .checkout-page.checkout-page .checkout-platform-mark.checkout-platform-mark span, html body .checkout-page.checkout-page .checkout-product-seller.checkout-product-seller {
  color: #ffc21ab8 !important;
}

:is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row p[class*="line-clamp"][class*="text-prv-muted"], html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row p.text-prv-muted:first-child) {
  color: #ffc21ac7 !important;
  font-weight: 800 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row h3 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-mini-product-row > div:last-child p:last-child {
  font-variant-numeric: tabular-nums;
  color: #ffc21a !important;
  font-weight: 900 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-info-block p:last-of-type {
  color: #ffc21a !important;
  font-weight: 900 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-responsive-table tbody td:not(:has(.status-badge)) {
  color: #ffc21ad6 !important;
  font-weight: 800 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-responsive-table tbody td:first-child:not(:has(.status-badge)) {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel article span:not(.status-badge):not([class*="text-prv-muted"]) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel article strong:not(.status-badge) {
  color: #ffc21a !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel article h3 {
  color: #fffaf0 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel article p[class*="text-prv-muted"] + p:not(.portal-order-status-hint) {
  color: #ffc21a !important;
  font-weight: 900 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel article p[class*="text-[#1d4ed8]"] {
  color: #ffc21a !important;
  font-weight: 900 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-data-panel article p[class*="text-prv-muted"] {
  color: #fffaf09e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-status-hint {
  color: #fffaf09e !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) p.portal-order-product-sku.portal-order-product-sku.text-prv-muted {
  color: #ffc21ad1 !important;
  font-weight: 800 !important;
}

html body .checkout-page.checkout-page .checkout-product-head.checkout-product-head span, html body .checkout-page.checkout-page .checkout-panel-kicker.checkout-panel-kicker, html body .checkout-page.checkout-page .checkout-address-add.checkout-address-add, html body .checkout-page.checkout-page .checkout-address-toggle.checkout-address-toggle:hover, html body .checkout-page.checkout-page .checkout-address-option.is-selected strong {
  color: #ffc21a !important;
}

html body .checkout-page.checkout-page .checkout-address-save.checkout-address-save {
  color: #070908 !important;
  background: #ffc21a !important;
}

.portal-packing-sheet-trigger, .portal-task-sheet-overlay {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-warehouse-product-type:before {
    content: "Product Type";
    color: #ffffff7a;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-sticky-action button:disabled {
    cursor: not-allowed;
    opacity: .42;
  }

  html:has(.portal-blue-shell) body .portal-packing-service-desktop {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-sheet-trigger {
    color: #f7f9fc;
    text-align: left;
    background: #ffffff09;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 10px 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-packing-sheet-trigger + .portal-packing-sheet-trigger {
    margin-top: 8px;
  }

  html:has(.portal-blue-shell) body .portal-packing-sheet-trigger span {
    gap: 3px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-packing-sheet-trigger small {
    color: #ffffff85;
    font-size: 11px;
    line-height: 1.35;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet-overlay {
    z-index: calc(var(--prv-mobile-layer-drawer) + 10);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #000000ad;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet {
    color: #f7f9fc;
    background: #0b111b;
    border: 1px solid #ffc21a2e;
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(100%, 520px);
    max-height: min(78dvh, 720px);
    display: grid;
    overflow: hidden;
    box-shadow: 0 -24px 64px #00000085;
  }

  :is(html:has(.portal-blue-shell) body .portal-task-sheet > header, html:has(.portal-blue-shell) body .portal-task-sheet > footer) {
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet > header {
    border-bottom: 1px solid #ffffff14;
    justify-content: space-between;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet > header button {
    color: #fff;
    background: #ffffff12;
    border: 0;
    border-radius: 8px;
    width: 44px;
    min-width: 44px;
    height: 44px;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet-body {
    overscroll-behavior: contain;
    min-height: 0;
    padding: 10px 16px 18px;
    overflow-y: auto;
  }

  html:has(.portal-blue-shell) body .portal-packing-service-row {
    color: #f7f9fc;
    border-bottom: 1px solid #ffffff12;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-packing-service-row small {
    color: #ffffff85;
    margin-top: 3px;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-remark-chips {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-remark-chips button {
    color: #ffc21a;
    background: #ffc21a12;
    border: 1px solid #ffc21a47;
    border-radius: 999px;
    min-height: 44px;
    padding: 8px 12px;
  }

  html:has(.portal-blue-shell) body .portal-remark-sheet textarea {
    resize: vertical;
    color: #fff;
    width: 100%;
    min-height: 132px;
    font: inherit;
    background: #070b11;
    border: 1px solid #ffffff1f;
    border-radius: 8px;
    padding: 12px;
    line-height: 1.5;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet > footer {
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
    border-top: 1px solid #ffffff14;
  }

  html:has(.portal-blue-shell) body .portal-task-sheet > footer button {
    color: #07090c;
    background: #ffc21a;
    border: 0;
    border-radius: 7px;
    width: 100%;
    min-height: 48px;
    font-weight: 900;
  }
}

html body .parcel-service-group-toggle {
  text-align: left;
  pointer-events: none;
  background: none;
  border: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  display: flex;
  color: #ffffff94 !important;
}

html body .parcel-service-group-toggle > span {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
  color: #ffffff94 !important;
}

html body .parcel-service-group-toggle > em, html body .parcel-service-group-toggle > svg, html body .parcel-mobile-payment-bar {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined {
    gap: 16px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined > section {
    gap: 16px !important;
  }

  :is(html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined .parcel-checkout-panel, html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined .parcel-payment-panel) {
    border-radius: 7px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined .parcel-checkout-panel {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined :is(.parcel-checkout-panel-head, .parcel-payment-head) {
    gap: 12px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined :is(h1, h2) {
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-checkout-page.parcel-checkout-refined :is(.parcel-checkout-outline-button, .parcel-checkout-link) {
    min-height: 44px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-blocks {
    gap: 8px !important;
    margin-top: 18px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group {
    background: #ffffff06;
    border: 1px solid #ffffff1f;
    border-radius: 6px;
    overflow: hidden;
    display: block !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group-toggle {
    pointer-events: auto;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    gap: 8px;
    width: 100%;
    min-height: 50px;
    padding: 10px 12px;
    display: grid;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group-toggle > span {
    letter-spacing: 0;
    text-transform: none;
    font-size: 13px;
    color: #fff !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group-toggle > em {
    white-space: nowrap;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    display: block;
    color: #ffffff85 !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group-toggle > svg {
    color: #ffc21a;
    transition: transform .16s;
    display: block;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group.is-open .parcel-service-group-toggle > svg {
    transform: rotate(90deg);
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group.is-collapsed > div {
    display: none !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group > div {
    border-top: 1px solid #ffffff1a;
    gap: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group label {
    border-bottom: 1px solid #ffffff13;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    padding: 8px 12px;
    gap: 10px !important;
    min-height: 48px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group label:last-child {
    border-bottom: 0;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-service-group input {
    width: 20px !important;
    height: 20px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-suggestion-row button {
    min-height: 44px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-payment-head {
    padding: 18px 16px 14px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-payment-head p {
    max-width: none;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell :is(.parcel-summary-list, .parcel-payment-methods) {
    padding-inline: 16px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-terms-row {
    align-items: center;
    min-height: 52px;
    margin-inline: 16px !important;
    padding: 10px 12px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-terms-row input {
    flex: 0 0 22px;
    width: 22px !important;
    height: 22px !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-payment-primary {
    display: none !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-mobile-payment-bar {
    grid-template-columns: minmax(0, 1fr) minmax(152px, 44%);
    display: grid !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-mobile-payment-summary {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-mobile-payment-summary span {
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 850;
    overflow: hidden;
    color: #ffffff94 !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-mobile-payment-summary strong {
    letter-spacing: -.03em;
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell .parcel-checkout-page) body .portal-blue-shell .parcel-mobile-payment-bar > button {
    width: 100%;
    min-height: 48px;
    padding-inline: 12px;
    font-size: 13px;
  }

  html:has(.parcel-checkout-page) body .parcel-modal-overlay {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #000000c7;
    align-items: flex-end;
    display: flex;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer {
    background: #080909;
    border: 1px solid #ffffff24;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    width: 100%;
    height: calc(100dvh - 12px);
    max-height: calc(100dvh - 12px);
    padding: 14px 16px 0;
    display: grid;
    position: relative;
    inset: auto;
    overflow: hidden;
    box-shadow: 0 -24px 70px #00000094;
    color: #fff !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-drawer-head {
    align-items: center;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-drawer-head h2 {
    font-size: 22px;
    color: #ffc21a !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-drawer-head button {
    color: #fff;
    background: #ffffff0b;
    border: 1px solid #ffffff21;
    border-radius: 6px;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-shipping-search {
    color: #ffffff8c;
    background: #ffffff0d;
    border-color: #ffffff24;
    border-radius: 6px;
    min-height: 48px;
    margin-top: 12px;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-shipping-search:focus-within {
    border-color: #ffc21ab8;
    box-shadow: 0 0 0 2px #ffc21a1f;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-shipping-search input {
    min-height: 46px;
    color: #fff !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-tabs {
    background: #ffffff0e;
    border-radius: 6px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
    margin-top: 10px;
    padding: 3px;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-tabs button {
    border-radius: 4px;
    min-height: 44px;
    font-size: 10px;
    line-height: 1.2;
    color: #ffffff94 !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-tabs button.is-active {
    box-shadow: none;
    background: #ffc21a;
    color: #080909 !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-tip {
    background: #ffc21a14;
    border-color: #ffc21a38;
    border-radius: 6px;
    margin-top: 10px;
    padding: 9px 11px;
    font-size: 11px;
    color: #ffffff9e !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-list {
    overscroll-behavior: contain;
    gap: 10px;
    min-height: 0;
    margin: 10px -4px 0;
    padding: 0 4px 12px;
    overflow-y: auto;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-card {
    background: #ffffff09;
    border-color: #ffffff21;
    border-radius: 6px;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-card.is-selected {
    background: #ffc21a0e;
    border-color: #ffc21ac2;
    box-shadow: 0 0 0 1px #ffc21a2e;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-card .parcel-line-logo {
    display: none;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-checkbox {
    border-color: #ffffff3d;
    color: #080909 !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-copy {
    grid-column: 2;
    gap: 8px;
    color: #fff !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-copy strong {
    font-size: 14px;
    line-height: 1.35;
    color: #fff !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-copy em {
    background: #ffc21a1a;
    color: #ffc21a !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-copy > span:not(.parcel-line-price):not(:has(em)) {
    color: #ffffff94 !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-copy small {
    color: #ffffff94 !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-meta {
    color: #ffffff94 !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-price {
    background: #ffc21a13;
    border-color: #ffc21a3d;
    border-radius: 5px;
    padding: 9px 10px;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-price b {
    font-size: 16px;
    color: #ffc21a !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-line-meta b {
    color: #fff !important;
  }

  html:has(.parcel-checkout-page) body .parcel-shipping-drawer .parcel-confirm-line {
    width: calc(100% + 32px);
    min-height: 56px;
    padding-bottom: env(safe-area-inset-bottom);
    background: #ffc21a;
    border-top: 1px solid #ffc21a38;
    border-radius: 0;
    margin: 0 -16px;
    position: relative;
    bottom: auto;
    color: #080909 !important;
  }
}

.portal-qc-mobile-viewer, .portal-qc-mobile-actions, .portal-qc-mobile-header {
  display: none;
}

.portal-qc-viewer-entry {
  color: #1d4ed8;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.portal-qc-viewer-entry svg {
  width: 15px;
}

html:has(.portal-blue-shell) body .portal-warehouse-qc .portal-qc-viewer-entry {
  color: #ffc21a !important;
  white-space: nowrap !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #ffc21a14 !important;
  border: 1px solid #ffc21a57 !important;
  border-radius: 8px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html:has(.portal-blue-shell) body .portal-qc-viewer-entry {
  color: #ffc21a !important;
  white-space: nowrap !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #ffc21a14 !important;
  border: 1px solid #ffc21a57 !important;
  border-radius: 8px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html:has(.portal-blue-shell) body .portal-warehouse-qc .portal-qc-viewer-entry:hover {
  transform: translateY(-1px);
  background: #ffc21a21 !important;
  border-color: #ffc21a9e !important;
}

html:has(.portal-blue-shell) body .portal-qc-viewer-entry:hover {
  transform: translateY(-1px);
  background: #ffc21a21 !important;
  border-color: #ffc21a9e !important;
}

html:has(.portal-blue-shell) body .portal-warehouse-qc .portal-qc-viewer-entry svg {
  color: currentColor !important;
  stroke-width: 2.4px !important;
  width: 14px !important;
  height: 14px !important;
}

html:has(.portal-blue-shell) body .portal-qc-viewer-entry svg {
  color: currentColor !important;
  stroke-width: 2.4px !important;
  width: 14px !important;
  height: 14px !important;
}

.portal-qc-mobile-state {
  border: 1px solid var(--prv-line);
  text-align: center;
  background: #fff;
  border-radius: 20px;
  align-content: center;
  place-items: center;
  gap: 10px;
  min-height: 360px;
  padding: 24px;
  display: grid;
}

.portal-qc-mobile-state > svg {
  color: #ffc21a;
}

.portal-qc-mobile-state > strong {
  color: var(--prv-ink);
  font-size: 20px;
}

.portal-qc-mobile-state > span {
  color: var(--prv-muted);
  font-size: 13px;
}

.portal-qc-mobile-state > :is(button, a) {
  border: 1px solid var(--prv-line);
  min-height: 44px;
  color: var(--prv-ink);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 900;
  display: inline-flex;
}

.portal-qc-skeleton {
  aspect-ratio: 4 / 3;
  background: linear-gradient(90deg, #e9edf2 25%, #f7f9fb 45%, #e9edf2 65%) 0 0 / 220% 100%;
  border-radius: 10px;
  width: min(100%, 420px);
  animation: 1.25s linear infinite portal-qc-loading;
}

@keyframes portal-qc-loading {
  to {
    background-position: -220% 0;
  }
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-qc-review {
    padding-bottom: 78px;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-header {
    border-bottom: 1px solid #ffffff24;
    grid-column: 1 / -1;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 0 2px 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-header > a {
    color: #fff;
    border: 1px solid #ffffff26;
    border-radius: 7px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-header > span {
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-header strong {
    color: #fff;
    font-size: 16px;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-header small {
    color: #ffffff85;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-header em {
    color: #ffc21a;
    font-variant-numeric: tabular-nums;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-qc-review {
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-photo-card {
    padding: 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-photo-card > div:first-child {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start !important;
    gap: 10px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-photo-card > div:first-child h1 {
    margin-top: 6px !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-photo-card > div:first-child p:last-child {
    margin-top: 9px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-photo-card > div:first-child > .status-badge {
    height: 30px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-photo-grid {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer {
    gap: 12px;
    margin-top: 16px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figure {
    margin: 0;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figure > div {
    aspect-ratio: 4 / 3;
    background: #0a0b0b;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figure > div {
    cursor: zoom-in;
  }

  html:has(.portal-blue-shell) body :is(.portal-qc-prev, .portal-qc-next) {
    z-index: 2;
    color: #fff;
    background: #050607b8;
    border: 1px solid #fff3;
    border-radius: 50%;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  html:has(.portal-blue-shell) body .portal-qc-prev {
    left: 8px;
  }

  html:has(.portal-blue-shell) body .portal-qc-next {
    right: 8px;
  }

  :is(html:has(.portal-blue-shell) body .portal-qc-empty-photos, html:has(.portal-blue-shell) body .portal-qc-image-error) {
    color: #ffffff94;
    text-align: center;
    background: #0a0b0b;
    border: 1px dashed #ffc21a47;
    align-content: center;
    place-items: center;
    gap: 8px;
    min-height: 230px;
    padding: 18px;
    display: grid;
  }

  html:has(.portal-blue-shell) body :is(.portal-qc-empty-photos, .portal-qc-image-error) strong {
    color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-qc-image-error button {
    color: #fff;
    border: 1px solid #fff3;
    min-height: 44px;
    padding: 0 16px;
  }

  html:has(.portal-blue-shell) body .portal-qc-product-summary {
    grid-template-columns: 1fr !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen {
    z-index: 92;
    padding: env(safe-area-inset-top) 6px env(safe-area-inset-bottom);
    background: #030506;
    grid-template-rows: 64px minmax(0, 1fr) 52px;
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    align-items: center;
    display: grid;
    position: fixed;
    inset: 0;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen img {
    object-fit: contain;
    grid-area: 2 / 1 / auto / -1;
    width: 100%;
    max-height: 100%;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen > button {
    z-index: 2;
    color: #fff;
    background: #10141ae0;
    border: 1px solid #ffffff2e;
    border-radius: 50%;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen-close {
    grid-area: 1 / 3;
    justify-self: end;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen-prev {
    grid-area: 2 / 1;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen-next {
    grid-area: 2 / 3;
    justify-self: end;
  }

  html:has(.portal-blue-shell) body .portal-qc-fullscreen > span {
    color: #ffc21a;
    text-align: center;
    grid-area: 3 / 1 / auto / -1;
    font-size: 12px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figcaption {
    background: linear-gradient(#0000, #050607f0);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figcaption span {
    font-variant-numeric: tabular-nums;
    letter-spacing: .08em;
    font-size: 10px;
    font-weight: 850;
    color: #ffffff9e !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-viewer figcaption strong {
    font-size: 13px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-thumbnail-rail {
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 3px;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-qc-thumbnail-rail button {
    color: #ffffff8a;
    scroll-snap-align: start;
    background: #0d0e0f;
    border: 1px solid #ffffff1f;
    flex: 0 0 70px;
    grid-template-rows: 58px auto;
    gap: 5px;
    width: 70px;
    min-width: 70px;
    min-height: 86px;
    padding: 5px;
    display: grid;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-thumbnail-rail button[aria-pressed="true"] {
    color: #ffc21a;
    background: #ffc21a14;
    border-color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-qc-thumbnail-rail img {
    object-fit: cover;
    border-radius: 3px;
    width: 100%;
    height: 58px;
  }

  html:has(.portal-blue-shell) body .portal-qc-thumbnail-rail span {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.15;
    overflow: hidden;
    color: inherit !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-result-card {
    margin-top: 12px !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-result-card h2 {
    font-size: 19px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-result-card > div {
    gap: 0 !important;
    margin-top: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-result-card .portal-info-block {
    background: none !important;
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-result-card .portal-info-block:last-child {
    border-bottom: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-decision-card {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-decision-rail {
    margin-top: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-risk-card {
    margin: 0 !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-risk-card h2 {
    color: #ffc21a !important;
    font-size: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-risk-card p {
    margin-top: 7px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-actions > :is(button, a) {
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-width: 0;
    min-height: 48px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 900;
    display: inline-flex;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-actions > button {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff2e;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-actions > a {
    background: #ffc21a;
    border: 1px solid #ffc21a;
    color: #050607 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-actions svg {
    width: 17px;
    height: 17px;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-backdrop {
    z-index: 84;
    padding: 12px 12px
      calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom) + 10px);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #000000b8;
    align-items: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-sheet {
    background: #0a0b0b;
    border: 1px solid #ffc21a3d;
    border-radius: 8px;
    width: 100%;
    max-height: min(68dvh, 560px);
    padding: 14px;
    overflow-y: auto;
    box-shadow: 0 28px 80px #000000b3;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    display: flex;
  }

  :is(html:has(.portal-blue-shell) body .portal-qc-request-head span, html:has(.portal-blue-shell) body .portal-qc-request-head strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-head span {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 800;
    color: #ffffff75 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-head strong {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-head > button {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    flex: 0 0 44px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: inline-grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-head svg {
    width: 20px;
    height: 20px;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-sheet > p {
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #ffffff94 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-options {
    gap: 8px;
    margin-top: 14px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-options > :is(button, a) {
    text-align: left;
    background: #111214;
    border: 1px solid #ffffff1f;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 10px 12px;
    display: grid;
    color: #fff !important;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-options svg {
    color: #ffc21a;
    width: 20px;
    height: 20px;
  }

  :is(html:has(.portal-blue-shell) body .portal-qc-request-options span, html:has(.portal-blue-shell) body .portal-qc-request-options strong, html:has(.portal-blue-shell) body .portal-qc-request-options small) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-options strong {
    font-size: 13px;
    font-weight: 900;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-request-options small {
    margin-top: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    color: #ffffff7a !important;
  }
}

.portal-order-mobile-status, .portal-orders-mobile-filter-trigger, .portal-orders-mobile-filter-head, .portal-orders-mobile-filter-tabs, .portal-wallet-mobile-ledger, .portal-wallet-mobile-app, .portal-settings-mobile-tabs, .portal-settings-address-editor-head > button, .portal-mobile-account-hub, .portal-settings-security, .portal-settings-preferences {
  display: none;
}

.portal-settings-select-field {
  color: var(--prv-ink);
  gap: .45rem;
  font-size: .82rem;
  font-weight: 800;
  display: grid;
}

.portal-settings-select-field select {
  border: 1px solid var(--prv-line);
  width: 100%;
  min-height: 44px;
  color: var(--prv-ink);
  background: #fff;
  border-radius: 12px;
  padding: 0 .8rem;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-dashboard > :not(.portal-mobile-account-hub) {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub {
    gap: 14px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > header {
    color: #fff;
    background: linear-gradient(145deg, #071324, #102846);
    border-radius: 18px;
    padding: 18px;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-account-hub > header > p, html:has(.portal-blue-shell) body .portal-mobile-account-hub > header > span) {
    color: #9fb1c9;
    font-size: 12px;
    font-weight: 750;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > header h1 {
    letter-spacing: -.03em;
    margin-top: 4px;
    font-size: 25px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > header > a {
    color: #fff;
    border-top: 1px solid #ffffff1f;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: 56px;
    margin-top: 16px;
    padding-top: 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > header > a small {
    color: #9fb1c9;
    grid-column: 1;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > header > a strong {
    color: #ffc21a;
    grid-column: 1;
    font-size: 18px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > header > a svg {
    grid-area: 1 / 2 / 3;
    width: 18px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-task-summary {
    background: #fff;
    border: 1px solid #dce4ee;
    border-radius: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-mobile-task-summary a {
    text-align: center;
    place-content: center;
    min-width: 0;
    min-height: 74px;
    padding: 8px 4px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-task-summary a + a {
    border-left: 1px solid #e5eaf0;
  }

  html:has(.portal-blue-shell) body .portal-mobile-task-summary strong {
    color: #d99a00;
    font-size: 20px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-task-summary span {
    color: #526176;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav {
    background: #fff;
    border: 1px solid #dce4ee;
    border-radius: 16px;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav > a {
    grid-template-columns: 40px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 11px;
    min-height: 66px;
    padding: 10px 14px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav > a + a {
    border-top: 1px solid #edf0f4;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav > a > span:first-child {
    color: #102846;
    background: #f0f4f9;
    border-radius: 12px;
    place-items: center;
    width: 40px;
    height: 40px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav svg {
    width: 18px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav > a > span:nth-child(2) {
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav strong {
    color: #0b1729;
    font-size: 14px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav small {
    color: #68778a;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub nav em {
    color: #091424;
    text-align: center;
    background: #ffc21a;
    border-radius: 999px;
    min-width: 22px;
    padding: 2px 6px;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs button {
    min-width: 0;
    padding-inline: 4px;
    font-size: 11px;
  }

  :is(html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="profile"] :is(.portal-settings-address-layout, .portal-settings-security, .portal-settings-preferences), html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="addresses"] :is(.portal-settings-profile, .portal-settings-account-extras, .portal-settings-security, .portal-settings-preferences), html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="security"] > :not(.portal-settings-mobile-tabs, .portal-settings-security, .portal-settings-status, .portal-account-intro), html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="preferences"] > :not(.portal-settings-mobile-tabs, .portal-settings-preferences, .portal-settings-status, .portal-account-intro)) {
    display: none;
  }

  :is(html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="security"] .portal-settings-security, html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="preferences"] .portal-settings-preferences) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor:before {
    content: "Please confirm every delivery field carefully to avoid failed delivery.";
    color: #5c4500;
    background: #fff8d9;
    border: 1px solid #ffc21a59;
    border-radius: 12px;
    margin: 74px 16px -64px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 800;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor .card {
    padding-top: 76px;
  }
}

.portal-order-more > summary {
  display: none;
}

.portal-order-more > div {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  display: flex !important;
}

.portal-settings-address-editor-head > div > span {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-orders-panel > div:first-child {
    background: #0a0b0b !important;
    padding: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-panel {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-trigger {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-trigger > span {
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-trigger svg {
    color: #ffc21a;
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-trigger strong {
    flex: none;
    font-size: 12px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-panel > div:first-child > .portal-order-tabs {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-search {
    z-index: 86;
    right: 12px;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom) + 10px);
    background: #0a0b0b;
    border: 1px solid #ffc21a47;
    border-radius: 8px;
    max-height: min(70dvh, 610px);
    padding: 16px;
    position: fixed;
    left: 12px;
    overflow-y: auto;
    box-shadow: 0 28px 80px #000000b8;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin: 0 !important;
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-search.is-mobile-open {
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    display: flex;
  }

  :is(html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head span, html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head span {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    color: #ffffff7a !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head strong {
    margin-top: 4px;
    font-size: 17px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head button {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    flex: 0 0 44px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: inline-grid;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-head svg {
    width: 20px;
    height: 20px;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-tabs {
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-tabs button {
    color: #ffffffa3;
    background: #111214;
    border: 1px solid #ffffff21;
    flex: none;
    min-height: 42px;
    padding: 0 13px;
    font-size: 12px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-tabs button[aria-pressed="true"] {
    color: #ffc21a;
    background: #ffc21a1a;
    border-color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-order-search > label {
    gap: 7px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-search > label > span {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    color: #ffffff85 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-search :is(input, .button) {
    width: 100%;
    min-height: 46px;
  }

  html:has(.portal-blue-shell) body .portal-order-card {
    padding: 18px 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-meta {
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-order-meta > div:first-child {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-meta > div:first-child > :first-child {
    grid-column: 1;
  }

  html:has(.portal-blue-shell) body .portal-order-id {
    text-overflow: ellipsis;
    grid-column: 1;
    font-size: 12px;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-order-time {
    grid-column: 1 / -1;
    font-size: 11px;
    color: #ffffff7a !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-order-time .portal-order-meta-label, html:has(.portal-blue-shell) body .portal-order-time .portal-order-meta-value) {
    color: inherit !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-status {
    grid-area: 1 / 2 / span 2;
    align-self: start;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-status .status-badge {
    white-space: nowrap;
  }

  html:has(.portal-blue-shell) body .portal-order-money-strip {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card > div:nth-child(2) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 8px !important;
    margin-top: 16px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card > div:nth-child(2) > div:first-child {
    grid-column: 1 / -1;
    gap: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card > div:nth-child(2) > div:first-child > div:first-child {
    border-radius: 6px !important;
    width: 74px !important;
    height: 74px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-product-no {
    font-size: 9px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-product-title {
    margin-top: 5px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-product-sku {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-metric {
    min-width: 0 !important;
    max-width: none !important;
    padding: 9px 8px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-metric-label {
    font-size: 9px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-metric-value {
    overflow-wrap: anywhere;
    margin-top: 5px !important;
    font-size: 13px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-status-cell {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-actions {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) 92px;
    align-items: stretch;
    gap: 8px !important;
    min-width: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-actions > :first-child {
    text-align: center;
    background: #ffc21a;
    border: 1px solid #ffc21a;
    justify-content: center;
    align-items: center;
    min-width: 0;
    max-width: none;
    min-height: 44px;
    padding: 0 12px;
    text-decoration: none;
    display: inline-flex;
    color: #050607 !important;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-actions > div:first-child {
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-actions > div:first-child > button {
    width: 100%;
    min-height: 44px;
    box-shadow: none !important;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-more {
    min-width: 0;
    display: block;
    position: relative;
  }

  html:has(.portal-blue-shell) body .portal-order-more > summary {
    color: #fff;
    cursor: pointer;
    background: #111214;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    font-size: 13px;
    font-weight: 850;
    list-style: none;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-order-more > summary::-webkit-details-marker {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-order-more > div {
    z-index: 4;
    background: #0a0b0b;
    border: 1px solid #ffc21a38;
    border-radius: 6px;
    align-items: stretch;
    gap: 0;
    min-width: 184px;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    overflow: hidden;
    box-shadow: 0 20px 54px #0000008f;
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-more[open] > div {
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-more > div > :is(a, button, div) {
    border-bottom: 1px solid #ffffff17;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    min-height: 44px;
    padding: 0 13px;
    text-decoration: none;
    text-align: left !important;
  }

  html:has(.portal-blue-shell) body .portal-order-followup {
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 10px 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-followup-label {
    min-width: 52px !important;
    font-size: 11px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-followup p:not(:first-child) {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-balance {
    padding: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-balance > p {
    margin-top: 24px !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-balance > div:first-of-type {
    font-size: clamp(34px, 11vw, 46px) !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-balance > div:last-of-type {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    margin-top: 18px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-activity .portal-section-header {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-activity .portal-section-header > div > span {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-activity .portal-section-header > button {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-activity .portal-section-header h2 {
    color: #ffc21a !important;
    font-size: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-activity .portal-section-header p {
    margin-top: 5px !important;
    line-height: 1.45 !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-activity .portal-responsive-table {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article {
    border-top: 1px solid #ffffff1a;
    gap: 10px;
    padding: 15px 16px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div:first-child > div {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div:first-child strong {
    font-size: 14px;
    font-weight: 900;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div:first-child > strong {
    font-variant-numeric: tabular-nums;
    flex: none;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div:first-child > strong[data-direction="debit"] {
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div:last-child {
    color: #ffffff7a;
    align-items: flex-start;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.4;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger article > div:last-child span {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  html:has(.portal-blue-shell) body .portal-wallet-mobile-ledger time {
    text-align: right;
    flex: none;
    color: #ffffff7a !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs {
    border-bottom: 1px solid #ffffff24;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-settings-view .portal-account-intro > a {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs button {
    color: #ffffff8a;
    background: none;
    border: 0;
    min-height: 50px;
    font-size: 13px;
    font-weight: 850;
    position: relative;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs button:after {
    content: "";
    background: none;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 20px;
    right: 20px;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs button[aria-selected="true"] {
    color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs button[aria-selected="true"]:after {
    background: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-settings-mobile-tabs button span {
    font-variant-numeric: tabular-nums;
    margin-left: 4px;
    font-size: 10px;
    color: inherit !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="profile"] .portal-settings-address-layout, html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="addresses"] .portal-settings-profile, html:has(.portal-blue-shell) body .portal-settings-view[data-mobile-section="addresses"] .portal-settings-account-extras) {
    display: none !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-settings-profile > div:first-child, html:has(.portal-blue-shell) body .portal-settings-address-list > div:first-child) {
    gap: 14px !important;
    padding: 16px !important;
    display: grid !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-settings-profile > div:first-child > div, html:has(.portal-blue-shell) body .portal-settings-address-list > div:first-child > div) {
    gap: 10px !important;
  }

  html:has(.portal-blue-shell) body :is(.portal-settings-profile, .portal-settings-address-list, .portal-settings-account-extras) [class*="h-12"][class*="w-12"] {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-view h2 {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-settings-profile > div:first-child > button, html:has(.portal-blue-shell) body .portal-settings-address-list > div:first-child > button) {
    width: 100%;
    min-height: 46px;
  }

  html:has(.portal-blue-shell) body .portal-settings-profile > div:last-child {
    gap: 13px !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-view label {
    gap: 7px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-view label > input:not([type="checkbox"]) {
    min-height: 46px;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-list article {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-list article > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-list article > div:last-child button {
    min-height: 44px;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor {
    z-index: 74;
    top: calc(var(--portal-mobile-header-height) + env(safe-area-inset-top));
    right: 0;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom));
    background: #050607;
    display: none;
    position: fixed;
    left: 0;
    overflow-y: auto;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor.is-open {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor > .card {
    min-height: 100%;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #050607 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 16px 16px 84px !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor-head {
    z-index: 2;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #050607f7;
    border-bottom: 1px solid #ffc21a2e;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    margin: -16px -16px 0;
    padding: 10px 16px;
    display: flex;
    position: sticky;
    top: -16px;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor-head > div > span {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 800;
    display: block;
    color: #ffffff7a !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor-head h2 {
    margin-top: 3px;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor-head > button {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    flex: 0 0 44px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: inline-grid;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor-head svg {
    width: 20px;
    height: 20px;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor label:has(input[type="checkbox"]) {
    min-height: 50px;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-editor input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-save {
    z-index: 3;
    right: 0;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #080909f7;
    border-top: 1px solid #ffc21a33;
    padding: 10px 16px;
    position: fixed;
    left: 0;
    box-shadow: 0 -14px 36px #0006;
  }

  html:has(.portal-blue-shell) body .portal-settings-address-save button {
    width: 100%;
    min-height: 48px;
  }

  html:has(.portal-blue-shell) body .portal-settings-account-extras {
    gap: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-account-extras > .card {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-settings-status {
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
}

.portal-mobile-sticky-action, .portal-warehouse-mobile-toolbar, .portal-warehouse-mobile-filter-panel, .portal-parcels-mobile-tabs, .portal-parcels-mobile-filter, .portal-packing-mobile-summary, .portal-mobile-header, .portal-mobile-bottom-nav, .portal-mobile-menu-backdrop {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) {
    --portal-mobile-header-height: 64px;
    --portal-mobile-nav-height: 72px;
    background: #050607;
  }

  html:has(.portal-blue-shell) {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    background: #050607 !important;
  }

  html:has(.portal-blue-shell) body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    background: #050607 !important;
  }

  html:has(.portal-blue-shell) body {
    padding: 0 !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-desktop-header, html:has(.portal-blue-shell) body .portal-desktop-footer, html:has(.portal-blue-shell) body .portal-desktop-sidebar) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-header {
    z-index: 80;
    height: calc(var(--portal-mobile-header-height) + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 16px 0;
    color: #fff;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #050607f5;
    border-bottom: 1px solid #ffc21a2e;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 10px;
    display: grid;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 12px 34px #00000052;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-brand, html:has(.portal-blue-shell) body .portal-mobile-menu-trigger) {
    background: none;
    border: 0;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-mobile-brand img {
    object-fit: contain;
    width: 30px;
    height: 30px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title {
    min-width: 0;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-title span, html:has(.portal-blue-shell) body .portal-mobile-title strong) {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title span {
    color: #ffffff7a;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title strong {
    color: #ffc21a;
    letter-spacing: -.02em;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
  }

  html:has(.portal-blue-shell) body .portal-mobile-menu-trigger {
    color: #fff;
    cursor: pointer;
  }

  html:has(.portal-blue-shell) body .portal-mobile-menu-trigger svg {
    width: 22px;
    height: 22px;
  }

  html:has(.portal-blue-shell) body main.portal-blue-shell.portal-blue-shell {
    min-height: 100dvh;
    overflow: clip;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: calc(var(--portal-mobile-header-height) + env(safe-area-inset-top) + 20px)
      16px
      calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom) + 28px) !important;
    background: radial-gradient(circle at 82% 2%, #ffc21a17, #0000 18rem), #050607 !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-shell-layout, html:has(.portal-blue-shell) body .portal-content) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-content > * {
    min-width: 0;
    max-width: 100%;
  }

  html:has(.portal-blue-shell) body .portal-content :is(section, article, aside, form, fieldset) {
    min-width: 0;
    max-width: 100%;
  }

  html:has(.portal-blue-shell) body .portal-dashboard-desktop-content {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-content .card {
    border-radius: 8px !important;
  }

  html:has(.portal-blue-shell) body .portal-content article {
    border-radius: 8px !important;
  }

  html:has(.portal-blue-shell) body .portal-content section {
    border-radius: 8px !important;
  }

  html:has(.portal-blue-shell) body .portal-content :is(input, select, textarea, button, a) {
    max-width: 100%;
  }

  html:has(.portal-blue-shell) body .portal-responsive-table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-responsive-table table {
    table-layout: fixed;
    width: 100% !important;
    min-width: 100% !important;
  }

  html:has(.portal-blue-shell) body .portal-responsive-table :is(th, td) {
    overflow-wrap: anywhere;
  }

  html:has(.portal-blue-shell) body .portal-mobile-bottom-nav {
    z-index: 75;
    min-height: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom));
    padding: 7px 6px env(safe-area-inset-bottom);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #050607f7;
    border-top: 1px solid #ffc21a33;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -16px 38px #00000061;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab {
    text-align: center;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    min-width: 0;
    min-height: 58px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    position: relative;
    color: #ffffff80 !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab:before {
    content: "";
    background: none;
    width: 24px;
    height: 2px;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab svg {
    stroke-width: 1.8px;
    width: 20px;
    height: 20px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab.is-active {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab.is-active:before {
    background: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-mobile-menu-backdrop {
    z-index: 90;
    padding: 16px 12px
      calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom) + 10px);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #000000b8;
    align-items: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu {
    background: #0a0b0b;
    border: 1px solid #ffc21a3d;
    border-radius: 8px;
    width: 100%;
    max-height: min(72dvh, 660px);
    overflow-y: auto;
    box-shadow: 0 28px 80px #000000ad;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-head {
    z-index: 1;
    background: #0a0b0b;
    border-bottom: 1px solid #ffffff1c;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 76px;
    padding: 14px 16px;
    display: flex;
    position: sticky;
    top: 0;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-more-head span, html:has(.portal-blue-shell) body .portal-mobile-more-head strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-head span {
    color: #ffffff7a;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-head strong {
    color: #ffc21a;
    margin-top: 5px;
    font-size: 17px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-head button {
    color: #fff;
    background: #ffffff0a;
    border: 1px solid #ffffff21;
    border-radius: 6px;
    flex: 0 0 44px;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-head button svg {
    width: 20px;
    height: 20px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a {
    border-bottom: 1px solid #ffffff13;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 54px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    color: #ffffffbd !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a:nth-child(odd) {
    border-right: 1px solid #ffffff13;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a[aria-current="page"] {
    background: #ffc21a0f;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a svg {
    color: #ffc21a;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-sticky-action {
    z-index: 70;
    right: 0;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #080909f7;
    border-top: 1px solid #ffc21a38;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 10px 16px;
    display: flex;
    position: fixed;
    left: 0;
    box-shadow: 0 -14px 36px #0006;
  }

  html:has(.portal-blue-shell) body .portal-content:has(.portal-mobile-sticky-action) {
    padding-bottom: 80px;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-view .portal-account-intro > a {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-filters {
    position: relative;
    background: #0a0b0b !important;
    padding: 12px !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-warehouse-filter-desktop, html:has(.portal-blue-shell) body .portal-parcels-desktop-toolbar) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  :is(html:has(.portal-blue-shell) body .portal-warehouse-mobile-toolbar > button, html:has(.portal-blue-shell) body .portal-parcels-mobile-filter > button) {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 46px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
  }

  :is(html:has(.portal-blue-shell) body .portal-warehouse-mobile-toolbar > button[aria-expanded="true"], html:has(.portal-blue-shell) body .portal-parcels-mobile-filter > button[aria-expanded="true"]) {
    color: #ffc21a;
    border-color: #ffc21a94;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-toolbar svg {
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-filter > button svg {
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-filter-panel {
    z-index: 86;
    right: 12px;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom) + 10px);
    background: #0a0b0b;
    border: 1px solid #ffc21a47;
    border-radius: 8px;
    gap: 12px;
    max-height: min(62dvh, 520px);
    padding: 16px;
    display: grid;
    position: fixed;
    left: 12px;
    overflow-y: auto;
    box-shadow: 0 28px 80px #000000b8;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-filter-panel > div:first-child {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-filter-panel > div:first-child strong {
    font-size: 17px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-filter-panel > div:first-child button {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    flex: 0 0 44px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: inline-grid;
  }

  :is(html:has(.portal-blue-shell) body .portal-warehouse-mobile-filter-panel label, html:has(.portal-blue-shell) body .portal-parcels-mobile-filter-panel label) {
    gap: 7px;
    display: grid;
  }

  :is(html:has(.portal-blue-shell) body .portal-warehouse-mobile-filter-panel label > span, html:has(.portal-blue-shell) body .portal-parcels-mobile-filter-panel label > span) {
    color: #ffffff8f;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body :is(.portal-warehouse-mobile-filter-panel, .portal-parcels-mobile-filter-panel) input {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    color: #fff !important;
    background: #111214 !important;
    border: 1px solid #ffffff24 !important;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-filter-chips {
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-mobile-filter-chips button {
    color: #ffffffad;
    background: #111214;
    border: 1px solid #ffffff21;
    border-radius: 6px;
    flex: none;
    min-height: 44px;
    padding: 0 13px;
    font-size: 12px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-mobile-filter-chips button[aria-pressed="true"] {
    color: #ffc21a;
    background: #ffc21a1a;
    border-color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-inline-actions {
    min-height: 62px;
    background: #0a0b0b !important;
    padding: 9px 12px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-inline-actions label {
    min-height: 44px;
  }

  :is(html:has(.portal-blue-shell) body .portal-warehouse-inline-actions > div span, html:has(.portal-blue-shell) body .portal-warehouse-inline-actions > div a) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-inline-actions > div button {
    min-height: 44px;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y > article {
    padding: 18px 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y > article > div:first-child {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y > article > div:nth-child(2) {
    gap: 16px !important;
    margin-top: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y > article > div:nth-child(2) > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y > article > div:nth-child(2) > div:last-child :is(a, button) {
    background: #111214;
    border: 1px solid #ffffff1f;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 0 10px;
    text-decoration: none;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y > article > div:last-child {
    border-radius: 6px !important;
    margin-top: 16px !important;
    padding: 12px !important;
  }

  html:has(.portal-blue-shell) body :is(.portal-warehouse-sticky-action, .portal-parcels-sticky-action, .portal-packing-sticky-action) > div {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body :is(.portal-warehouse-sticky-action, .portal-parcels-sticky-action, .portal-packing-sticky-action) > div span {
    color: #ffffff94;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body :is(.portal-warehouse-sticky-action, .portal-parcels-sticky-action, .portal-packing-sticky-action) > div strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 900;
    overflow: hidden;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body :is(.portal-warehouse-sticky-action, .portal-parcels-sticky-action, .portal-packing-sticky-action) > :is(a, button) {
    text-align: center;
    background: #ffc21a;
    border: 1px solid #ffc21a;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    min-width: 142px;
    min-height: 48px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 900;
    display: inline-flex;
    color: #050607 !important;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-tabs {
    border-bottom: 1px solid #ffffff24;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-tabs button {
    color: #ffffff8f;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-width: 0;
    min-height: 50px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
    position: relative;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-tabs button:after {
    content: "";
    background: none;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 18px;
    right: 18px;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-tabs button[aria-selected="true"] {
    color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-tabs button[aria-selected="true"]:after {
    background: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-tabs button span {
    color: inherit;
    font-variant-numeric: tabular-nums;
    font-size: 10px;
  }

  html:has(.portal-blue-shell) body .portal-parcels-view :is(.portal-parcels-warehouse-panel, .portal-parcels-list-panel)[data-mobile-active="false"] {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-parcels-inline-actions {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-parcels-warehouse-panel article > div:last-child :is(a, button) {
    background: #111214;
    border: 1px solid #ffffff1f;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 0 10px;
    text-decoration: none;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-filter {
    background: #0a0b0b;
    border-bottom: 1px solid #ffffff1c;
    gap: 10px;
    padding: 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-filter-panel {
    gap: 12px;
    padding-top: 2px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-parcels-mobile-date-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  :is(html:has(.portal-blue-shell) body .portal-submit-packing[data-state="empty"] .portal-packing-intro, html:has(.portal-blue-shell) body .portal-submit-packing[data-state="empty"] .portal-packing-services, html:has(.portal-blue-shell) body .portal-submit-packing[data-state="empty"] .portal-packing-summary, html:has(.portal-blue-shell) body .portal-submit-packing[data-state="loading"] .portal-packing-services, html:has(.portal-blue-shell) body .portal-submit-packing[data-state="loading"] .portal-packing-summary) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-mobile-summary {
    background: #0a0b0b;
    border: 1px solid #ffffff1f;
    border-radius: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-packing-mobile-summary > div {
    border-bottom: 1px solid #ffffff1a;
    border-right: 1px solid #ffffff1a;
    min-width: 0;
    min-height: 76px;
    padding: 13px 14px;
  }

  html:has(.portal-blue-shell) body .portal-packing-mobile-summary > div:nth-child(2n) {
    border-right: 0;
  }

  html:has(.portal-blue-shell) body .portal-packing-mobile-summary > div:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  :is(html:has(.portal-blue-shell) body .portal-packing-mobile-summary span, html:has(.portal-blue-shell) body .portal-packing-mobile-summary strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-packing-mobile-summary span {
    color: #ffffff7a;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-packing-mobile-summary strong {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-items {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-items article {
    grid-template-columns: 28px 72px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-items article > input {
    width: 22px !important;
    height: 22px !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-items article > div:nth-child(2) {
    border-radius: 6px !important;
    width: 72px !important;
    height: 72px !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-items article > strong {
    grid-column: 2 / -1;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-services {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-services a {
    align-items: center;
    min-height: 44px;
  }

  html:has(.portal-blue-shell) body .portal-packing-service-option {
    border-bottom: 1px solid #ffffff17;
    min-height: 46px;
    padding: 7px 0;
    gap: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-service-option:last-child {
    border-bottom: 0;
  }

  html:has(.portal-blue-shell) body .portal-packing-service-option input {
    flex: 0 0 22px;
    width: 22px !important;
    height: 22px !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-summary {
    position: static !important;
  }

  html:has(.portal-blue-shell) body .portal-packing-summary button {
    display: none !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-intro {
    padding: 4px 0 22px !important;
    display: block !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-intro h2 {
    margin: 10px 0 9px !important;
    font-size: clamp(32px, 10vw, 42px) !important;
    line-height: .98 !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-intro p:last-child {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-order-search {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    display: grid !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-date-range {
    border-radius: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-order-search input {
    border-radius: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-order-search button {
    border-radius: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger {
    grid-template-columns: 1fr !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger-item {
    border-bottom: 1px solid var(--portal-dashboard-soft-line);
    border-right: 0 !important;
    align-items: center !important;
    min-height: 92px !important;
    padding: 18px 0 !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger-item:last-child {
    border-bottom: 0;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger-item p {
    font-size: 16px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger-item div div {
    margin-top: 10px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger-item strong {
    font-size: 30px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ledger-item > a {
    min-width: 44px;
    min-height: 44px;
    border-radius: 6px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-section-head > a {
    min-width: 44px;
    min-height: 44px;
    border-radius: 6px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-pay-action {
    min-width: 44px;
    min-height: 44px;
    border-radius: 6px !important;
  }

  :is(html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-status-grid, html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-ops-grid) {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    margin-top: 30px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-section-head {
    padding-bottom: 14px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-section-head h2 {
    font-size: 24px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-status-panel article {
    min-height: 90px !important;
    padding: 20px 12px 16px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-status-panel strong {
    font-size: 30px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-status-panel span {
    line-height: 1.3;
    margin-top: 8px !important;
    font-size: 11px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-payment-row {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 20px 0 16px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-payment-row > div:last-child {
    width: 100%;
    align-items: center !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-payment-row > div:last-child strong {
    font-size: 24px !important;
  }

  html:has(.portal-dashboard) body .portal-blue-shell .portal-dashboard-track-item {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 4px 0 22px !important;
    display: block !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-intro > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-order-search {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-order-search button {
    grid-column: auto !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger {
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 0 30px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger > :not(:last-child) {
    border-right: 0 !important;
    border-bottom: 1px solid var(--portal-dashboard-soft-line) !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ledger-item {
    border-right: 0 !important;
    min-height: 92px !important;
    padding: 18px 0 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-grid, html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-ops-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    margin-top: 30px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel > div:last-child {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article {
    border-right: 1px solid var(--portal-dashboard-soft-line) !important;
    border-bottom: 0 !important;
    min-height: 90px !important;
    padding: 20px 12px 16px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-status-panel article:last-child {
    border-right: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-payment-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) body:has(main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard) main.portal-blue-shell.portal-blue-shell .portal-dashboard.portal-dashboard .portal-dashboard-track-item {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 20px 0 !important;
  }

  html:has(main.portal-blue-shell .parcel-checkout-page) body:has(main.portal-blue-shell .parcel-checkout-page) main.portal-blue-shell.portal-blue-shell .parcel-modal-overlay aside.parcel-shipping-drawer {
    color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #080909 !important;
    border: 1px solid #ffffff24 !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100dvh - 12px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 12px) !important;
    padding: 14px 16px 0 !important;
    display: grid !important;
    position: relative !important;
    inset: auto !important;
    overflow: hidden !important;
    box-shadow: 0 -24px 70px #00000094 !important;
  }

  html:has(main.portal-blue-shell .parcel-checkout-page) body:has(main.portal-blue-shell .parcel-checkout-page) main.portal-blue-shell.portal-blue-shell .parcel-shipping-drawer > .parcel-drawer-head {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-qc-mobile-actions.portal-mobile-sticky-action {
    display: grid !important;
  }
}

.portal-support-mobile-tabs, .portal-support-mobile-back, .portal-support-ticket-status-tabs, .portal-support-context, .portal-support-quick-topics, .portal-support-chat-empty {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] {
    min-height: calc(100dvh - var(--portal-mobile-header-height));
  }

  :is(html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] > .portal-account-intro, html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] > .portal-support-mobile-tabs, html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-ticket-list) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] > div:last-child {
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-desk {
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-desk {
    min-height: calc(100dvh - var(--portal-mobile-header-height));
    background: #080909 !important;
    border: 0 !important;
    padding: 18px 16px 112px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-desk > div:nth-child(2) {
    border-bottom: 1px solid #ffffff1a;
    min-height: 56px;
    padding-bottom: 14px;
    align-items: flex-start !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-desk > div:nth-child(2) h2 {
    color: #fffaf0 !important;
    font-size: 19px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form {
    display: block;
    margin-top: 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-context {
    background: #111214;
    border-color: #ffc21a29;
    margin-bottom: 16px;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-quick-topics {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > input {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > select {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > textarea {
    z-index: 70;
    right: 76px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    width: auto;
    height: 48px;
    position: fixed;
    left: 16px;
    color: #fffaf0 !important;
    background: #15171a !important;
    border-color: #ffffff24 !important;
    border-radius: 8px !important;
    min-height: 48px !important;
    padding: 13px 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > button {
    z-index: 71;
    right: 16px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    width: 52px;
    min-width: 52px;
    height: 48px;
    min-height: 48px;
    font-size: 0;
    position: fixed;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > button svg {
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form:after {
    z-index: 69;
    height: calc(68px + env(safe-area-inset-bottom));
    content: "";
    background: #080909f7;
    border-top: 1px solid #ffc21a2e;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -12px 32px #00000057;
  }

  html:has(.support-workspace) body .portal-mobile-support {
    visibility: hidden;
  }

  html:has(:is(.checkout-page, .parcel-checkout-page, .order-pay-page, .portal-after-sales-detail, .portal-qc-review)) body :is(.prvbuy-floating-tools, .prvbuy-guide-launcher) {
    display: none !important;
  }

  :is(html:has(.support-workspace) body .prvbuy-floating-tools, html:has(.support-workspace) body .prvbuy-guide-launcher) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view .portal-account-intro > a {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-tabs {
    border-bottom: 1px solid #ffffff24;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-tabs button {
    color: #ffffff8a;
    background: none;
    border: 0;
    min-height: 50px;
    font-size: 13px;
    font-weight: 850;
    position: relative;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-tabs button:after {
    content: "";
    background: none;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 20px;
    right: 20px;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-tabs button[aria-selected="true"] {
    color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-tabs button[aria-selected="true"]:after {
    background: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-tabs button span {
    font-variant-numeric: tabular-nums;
    margin-left: 4px;
    font-size: 10px;
    color: inherit !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view > div:last-child {
    display: block !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-support-view[data-mobile-panel="new"] .portal-support-ticket-list, html:has(.portal-blue-shell) body .portal-support-view[data-mobile-panel="history"] .portal-support-desk, html:has(.portal-blue-shell) body .portal-support-view[data-mobile-panel="conversation"] .portal-support-ticket-list) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list .portal-section-header {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-status-tabs {
    scrollbar-width: none;
    border-bottom: 1px solid #ffffff1f;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-status-tabs button {
    color: #ffffff80;
    background: none;
    border: 0;
    border-right: 1px solid #ffffff14;
    min-width: max-content;
    min-height: 46px;
    padding: 0 15px;
    font-size: 11px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-status-tabs button[aria-selected="true"] {
    color: #ffc21a;
    box-shadow: inset 0 -2px #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list > div:last-child {
    border-top: 1px solid #ffffff1f;
    background: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list > div:last-child > button {
    border-bottom: 1px solid #ffffff1a;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    min-height: 94px;
    display: grid;
    background: none !important;
    gap: 8px 12px !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list > div:last-child > button > span:first-child {
    min-width: 0;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list .portal-support-ticket-no {
    letter-spacing: .06em;
    margin-bottom: 4px;
    font-weight: 900;
    display: block;
    color: #ffc21a !important;
    font-size: 9px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list > div:last-child > button > span:first-child > span:nth-child(2) {
    line-height: 1.35;
    color: #fff !important;
    font-size: 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list > div:last-child > button > span:first-child > span:nth-child(3) {
    color: #ffffff75 !important;
    font-size: 9px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-preview {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 7px;
    line-height: 1.45;
    display: -webkit-box;
    overflow: hidden;
    color: #ffffff9e !important;
    font-size: 11px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-list > div:last-child > button > span:last-child {
    font-variant-numeric: tabular-nums;
    grid-column: 1 / -1;
    color: #ffffff75 !important;
    font-size: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-desk {
    margin-top: 0 !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-desk > svg {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-desk > div:nth-child(2) {
    margin-top: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-desk > div:nth-child(2) h2 {
    color: #ffc21a !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-ticket-summary {
    color: #ffffff7a;
    overflow-wrap: anywhere;
    margin-top: 7px;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.45;
  }

  html:has(.portal-blue-shell) body .portal-support-new-ticket-link {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-back {
    align-items: center;
    gap: 6px;
    min-height: 44px;
    margin: -8px 0 5px;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    color: #ffffff94 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-mobile-back svg {
    width: 17px;
    height: 17px;
    transform: rotate(180deg);
  }

  html:has(.portal-blue-shell) body .portal-support-new-ticket-form {
    display: grid;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-context {
    background: #ffc21a0e;
    border: 1px solid #ffc21a38;
    border-radius: 6px;
    gap: 4px;
    padding: 11px 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-support-context span {
    color: #ffffff75;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-support-context strong {
    color: #ffc21a;
    overflow-wrap: anywhere;
    font-size: 12px;
  }

  html:has(.portal-blue-shell) body .portal-support-quick-topics {
    gap: 7px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-support-quick-topics button {
    color: #ffffffb8;
    background: #111214;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    min-width: max-content;
    min-height: 44px;
    padding: 0 12px;
    font-size: 10px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-support-new-ticket-form :is(input, select) {
    min-height: 48px;
  }

  html:has(.portal-blue-shell) body .portal-support-new-ticket-form textarea {
    min-height: 150px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-new-ticket-form button {
    min-height: 50px;
  }

  html:has(.portal-blue-shell) body .portal-support-desk.is-conversation {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding-bottom: 112px !important;
    transform: none !important;
  }

  html:has(.portal-blue-shell) body .portal-support-conversation {
    margin-top: 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-message-list {
    max-height: none !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  html:has(.portal-blue-shell) body .portal-support-message {
    background: #111214 !important;
    border-color: #ffffff24 !important;
    border-radius: 6px !important;
    padding: 13px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-message[data-sender="staff"] {
    background: #ffc21a0e !important;
    border-color: #ffc21a42 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-message p:first-child {
    color: #ffc21a !important;
    font-size: 9px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-message p:last-child {
    overflow-wrap: anywhere;
    color: #fff !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-message time {
    color: #ffffff61;
    text-align: right;
    margin-top: 8px;
    font-size: 9px;
    font-weight: 700;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-support-reply-composer {
    z-index: 70;
    right: 0;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #080909f7;
    border-top: 1px solid #ffc21a33;
    grid-template-columns: minmax(0, 1fr) 52px;
    align-items: center;
    gap: 8px;
    min-height: 70px;
    padding: 10px 16px;
    display: grid;
    position: fixed;
    left: 0;
    box-shadow: 0 -14px 36px #0006;
  }

  html:has(.portal-blue-shell) body .portal-support-reply-composer textarea {
    border-radius: 6px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 13px !important;
  }

  html:has(.portal-blue-shell) body .portal-support-reply-composer button {
    width: 52px;
    min-width: 52px;
    height: 48px;
    min-height: 48px;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-reply-composer button span {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-support-reply-composer button svg {
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-support-empty {
    color: #ffffff8c;
    text-align: center;
    align-content: center;
    place-items: center;
    gap: 9px;
    min-height: 240px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-support-empty > svg {
    color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-support-empty strong {
    color: #fff;
    font-size: 18px;
  }

  html:has(.portal-blue-shell) body .portal-support-empty span {
    max-width: 280px;
    font-size: 11px;
    line-height: 1.5;
  }

  html:has(.portal-blue-shell) body .portal-support-empty button {
    color: #070908;
    background: #ffc21a;
    border: 1px solid #ffc21a;
    border-radius: 6px;
    min-height: 44px;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-support-list-skeleton {
    gap: 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-support-list-skeleton span {
    background: linear-gradient(90deg, #111214 25%, #1b1d20 45%, #111214 65%) 0 0 / 220% 100%;
    border-radius: 6px;
    height: 82px;
    animation: 1.25s linear infinite portal-qc-loading;
    display: block;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body main.portal-blue-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-support-view[data-contextual-chat="true"]) .portal-blue-shell.portal-blue-shell .portal-support-view[data-contextual-chat="true"] {
    min-height: calc(100dvh - var(--portal-mobile-header-height));
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-support-view[data-contextual-chat="true"]) .portal-blue-shell.portal-blue-shell .portal-support-view[data-contextual-chat="true"] .portal-support-desk.portal-support-desk {
    min-height: calc(100dvh - var(--portal-mobile-header-height));
    box-shadow: none !important;
    background: #080909 !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-support-view[data-contextual-chat="true"]) .portal-blue-shell.portal-blue-shell .portal-support-view[data-contextual-chat="true"] .portal-support-desk > div:nth-child(2) h2 {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-chat-empty {
    color: #fffaf07a;
    text-align: center;
    align-content: center;
    place-items: center;
    gap: 8px;
    min-height: 220px;
    padding: 24px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-chat-empty svg {
    color: #ffc21a;
    width: 26px;
    height: 26px;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-chat-empty strong {
    color: #fffaf0;
    font-size: 15px;
  }

  html:has(.portal-blue-shell) body .portal-support-view[data-contextual-chat="true"] .portal-support-chat-empty span {
    max-width: 270px;
    font-size: 11px;
    line-height: 1.55;
  }
}

.portal-after-sales-mobile-workspace, .portal-after-sales-mobile-label, .portal-after-sales-mobile-filter, .portal-after-sales-mobile-tabs, .portal-after-sales-mobile-evidence-gallery {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-after-sales-mobile-tabs {
    scrollbar-width: none;
    background: #0a0b0b;
    border-bottom: 1px solid #ffffff1f;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-tabs::-webkit-scrollbar {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-tabs button {
    color: #ffffff80;
    background: none;
    border: 0;
    border-right: 1px solid #ffffff14;
    min-width: max-content;
    min-height: 48px;
    padding: 0 15px;
    font-size: 11px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-tabs button[aria-selected="true"] {
    color: #ffc21a;
    box-shadow: inset 0 -2px #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-type {
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-evidence-gallery {
    gap: 8px;
    padding-bottom: 3px;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-evidence-gallery > a {
    background: #111214;
    border: 1px solid #ffffff21;
    border-radius: 6px;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 150px;
    max-width: 190px;
    padding: 7px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-evidence-gallery :is(img, svg) {
    object-fit: cover;
    color: #ffc21a;
    border-radius: 4px;
    width: 52px;
    height: 52px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-evidence-gallery span {
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-evidence-gallery strong {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-evidence-gallery small {
    color: #ffffff6e;
    margin-top: 4px;
    font-size: 8px;
    line-height: 1.35;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-file {
    color: #ffffff94;
    background: #111214;
    border: 1px solid #ffffff26;
    border-radius: 6px;
    min-height: 52px;
    padding: 7px;
    font-size: 11px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-file::file-selector-button {
    color: #070908;
    background: #ffc21a;
    border: 0;
    border-radius: 4px;
    min-height: 36px;
    margin-right: 9px;
    padding: 0 12px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-secondary-actions:has( > a:only-child) {
    grid-template-columns: 1fr;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-view .portal-account-intro > a {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar {
    background: #0a0b0b !important;
    border-bottom-color: #ffffff1f !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar > div:first-child {
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 0;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar > div:first-child::-webkit-scrollbar {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar > div:first-child button {
    min-width: max-content;
    height: 48px !important;
    box-shadow: none !important;
    color: #ffffff85 !important;
    background: none !important;
    border: 0 !important;
    border-right: 1px solid #ffffff14 !important;
    border-radius: 0 !important;
    padding: 0 17px !important;
    font-size: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar > div:first-child button:first-child {
    color: #ffc21a !important;
    box-shadow: inset 0 -2px #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list-toolbar .portal-list-toolbar > div:last-child {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter {
    background: #0a0b0b;
    border-bottom: 1px solid #ffffff1f;
    padding: 10px 12px;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter > button {
    color: #fff;
    text-align: left;
    background: #111214;
    border: 1px solid #ffffff21;
    border-radius: 6px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    padding: 0 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter > button svg {
    color: #ffc21a;
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter > button span {
    font-size: 12px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter > button strong {
    color: #ffffff6b;
    font-size: 10px;
    font-weight: 750;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel {
    z-index: 92;
    right: 12px;
    bottom: calc(var(--portal-mobile-nav-height) + env(safe-area-inset-bottom) + 10px);
    background: #0a0b0b;
    border: 1px solid #ffc21a3d;
    border-radius: 8px;
    gap: 12px;
    padding: 14px;
    display: grid;
    position: fixed;
    left: 12px;
    box-shadow: 0 28px 80px #000000ad;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child {
    min-height: 48px;
    padding-right: 52px;
    position: relative;
  }

  :is(html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child > span, html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child > strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child > span {
    color: #ffffff70;
    letter-spacing: .11em;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child > strong {
    color: #ffc21a;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child > button {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff21;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > div:first-child > button svg {
    width: 19px;
    height: 19px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel label {
    gap: 6px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel label > span {
    color: #ffffff94;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel input {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    outline: none;
    width: 100%;
    min-height: 46px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-filter-panel > button {
    min-height: 48px;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-list > div:last-child {
    background: #0a0b0b !important;
    border-color: #ffffff1c !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case {
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-head {
    align-items: flex-start !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-head > div:first-child {
    gap: 5px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-head > div:first-child span:first-child {
    font-size: 14px;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-head > div:first-child span:not(:first-child) {
    font-variant-numeric: tabular-nums;
    font-size: 10px;
    color: #ffffff7a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case > div:last-child {
    gap: 12px !important;
    margin-top: 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case .portal-mini-product-row {
    padding: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-next {
    border: 1px solid #ffc21a33;
    background: #ffc21a0e !important;
    border-radius: 6px !important;
    padding: 15px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-label {
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 900;
    display: block;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-actions > * {
    border-radius: 6px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-actions .portal-after-sales-case-primary {
    color: #070908 !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-case-actions .portal-after-sales-help-link {
    grid-column: 1 / -1;
    justify-content: flex-start;
    color: #ffffff94 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-meta {
    background: #0a0b0b !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-meta > div:first-child {
    gap: 4px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-meta > div:first-child span:first-child {
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-meta > div:first-child span:not(:first-child) {
    font-variant-numeric: tabular-nums;
    font-size: 10px;
    color: #ffffff7a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-meta > div:first-child span:nth-child(3) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-meta > div:last-child {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-grid {
    padding: 0 !important;
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-workspace {
    background: #0a0b0b;
    border-bottom: 1px solid #ffffff1f;
    padding: 16px;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-status {
    border-bottom: 1px solid #ffffff1c;
    gap: 10px;
    padding-bottom: 15px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-status > div > p {
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    color: #ffffff75 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-next > p:first-child {
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    color: #ffffff75 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-status > div > div {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-status strong {
    font-variant-numeric: tabular-nums;
    font-size: 16px;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-status > p {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-next {
    padding: 14px 0;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-next > p:first-child {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-next h1 {
    letter-spacing: -.035em;
    margin-top: 7px;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.08;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-next > p:last-child {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
    color: #ffffff94 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-reason {
    border-top: 1px solid #ffffff1a;
    border-bottom: 1px solid #ffffff1a;
    gap: 6px;
    margin-bottom: 14px;
    padding: 12px 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-reason span {
    color: #ffffff6e;
    letter-spacing: .11em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-reason strong {
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.5;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-message {
    background: #ffc21a0f;
    border: 1px solid #ffc21a38;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 800;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-tabs {
    border: 1px solid #ffffff21;
    border-radius: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-tabs button {
    color: #ffffff80;
    background: none;
    border: 0;
    min-height: 46px;
    font-size: 12px;
    font-weight: 850;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-tabs button + button {
    border-left: 1px solid #ffffff21;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-tabs button[aria-selected="true"] {
    color: #070908;
    background: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel {
    gap: 12px;
    padding-top: 14px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel label {
    gap: 7px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel label > span {
    font-size: 12px;
    font-weight: 850;
    color: #ffffffb8 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel :is(textarea, input[type="file"]) {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff26;
    outline: none;
    width: 100%;
    min-height: 84px;
    padding: 13px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.5;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel textarea {
    color: #fff;
    background: #111214;
    border: 1px solid #ffffff26;
    outline: none;
    width: 100%;
    min-height: 84px;
    padding: 13px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.5;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel input[type="file"] {
    color: #ffffff94;
    min-height: 52px;
    padding: 7px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel input[type="file"]::file-selector-button {
    color: #070908;
    background: #ffc21a;
    border: 0;
    border-radius: 4px;
    min-height: 36px;
    margin-right: 10px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 900;
  }

  :is(html:has(.portal-blue-shell) body .portal-after-sales-mobile-action-panel textarea:focus, html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel textarea:focus) {
    border-color: #ffc21a94;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-primary {
    color: #070908;
    background: #ffc21a;
    border: 0;
    min-height: 50px;
    font-size: 13px;
    font-weight: 900;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-primary:disabled {
    cursor: not-allowed;
    opacity: .42;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel button:disabled {
    cursor: not-allowed;
    opacity: .42;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-upload-count {
    font-size: 11px;
    font-weight: 750;
    color: #ffffff70 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-secondary-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin-top: 14px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-secondary-actions > * {
    background: none;
    border: 1px solid #ffffff24;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    color: #ffffff9e !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-secondary-actions button {
    color: #ffffff6b !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel {
    background: #111214;
    border: 1px solid #ffffff1f;
    border-radius: 6px;
    gap: 9px;
    margin-top: 10px;
    padding: 13px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel > p {
    font-size: 14px;
    font-weight: 900;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel > span {
    color: #ffffff7a;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.5;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel textarea {
    min-height: 84px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-mobile-cancel button {
    color: #ffffffa3;
    background: none;
    border: 1px solid #ffffff2e;
    border-radius: 6px;
    min-height: 46px;
    font-size: 12px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-content {
    padding: 16px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-content > .card {
    padding: 15px !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-after-sales-detail-content > .portal-after-sales-desktop-action-alert, html:has(.portal-blue-shell) body .portal-after-sales-detail-content > .portal-after-sales-request-summary) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-content .card > h2 {
    font-size: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-detail-content .portal-mini-product-row {
    margin-top: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-desktop-aside {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-overlay {
    background: #050607 !important;
    align-items: stretch !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-modal {
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    max-height: 100dvh;
    display: grid;
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important;
    background: #080909 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-head {
    padding: calc(env(safe-area-inset-top) + 14px) 16px 14px !important;
    background: #080909 !important;
    border-bottom-color: #ffffff21 !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-head p:first-child {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-head h2 {
    color: #fff !important;
    font-size: 22px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-head button {
    color: #fff !important;
    background: #111214 !important;
    border-color: #ffffff24 !important;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-body {
    overflow-y: auto;
    padding: 16px 16px 24px !important;
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-body > div:first-child {
    border-bottom: 1px solid #ffffff1c;
    margin-bottom: 18px;
    padding-bottom: 16px;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-body > div:last-child {
    display: grid;
    gap: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-body :is(textarea, label) {
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-footer {
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    padding: 10px 16px calc(env(safe-area-inset-bottom) + 10px) !important;
    background: #080909fa !important;
    border-top-color: #ffc21a33 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-after-sales-request-footer button {
    width: 100%;
    min-height: 50px;
    border-radius: 6px !important;
  }

  html:has(.portal-blue-shell) {
    --portal-mobile-header-height: var(--prv-mobile-header-height);
    --portal-mobile-nav-height: var(--prv-mobile-bottom-nav-height);
  }

  html:has(.portal-blue-shell) body .portal-mobile-header {
    z-index: var(--prv-mobile-layer-header);
    height: calc(var(--prv-mobile-header-height) + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) var(--prv-mobile-edge) 0;
    border-bottom-color: var(--prv-mobile-line);
    background: #05070af0;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  :is(html:has(.portal-blue-shell) body .portal-mobile-menu-trigger, html:has(.portal-blue-shell) body .portal-mobile-support) {
    color: #fffaf0;
    background: none;
    border: 0;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title {
    text-align: center;
  }

  html:has(.portal-blue-shell) body .portal-mobile-title strong {
    color: #fffaf0;
    font-size: 15px;
  }

  html:has(.portal-blue-shell) body main.portal-blue-shell.portal-blue-shell {
    padding: calc(var(--prv-mobile-header-height) + env(safe-area-inset-top) + 16px)
      var(--prv-mobile-edge)
      calc(var(--prv-mobile-bottom-nav-height) + env(safe-area-inset-bottom) + 24px) !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-bottom-nav {
    z-index: var(--prv-mobile-layer-header);
    min-height: calc(var(--prv-mobile-bottom-nav-height) + env(safe-area-inset-bottom));
    padding: 5px 8px env(safe-area-inset-bottom);
    border-top-color: var(--prv-mobile-line);
    background: #06080bf5;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  html:has(.portal-blue-shell) body .portal-mobile-tab {
    background: none;
    border: 0;
    min-height: 58px;
    font-family: inherit;
    font-size: 10px;
    color: #fffaf07a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-menu-backdrop {
    z-index: var(--prv-mobile-layer-drawer);
    background: var(--prv-mobile-overlay);
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu {
    background: radial-gradient(circle at 20% 0%, #ffc21a1a, transparent 16rem),
      var(--prv-mobile-surface);
    border: 0;
    border-right: 1px solid #ffc21a2e;
    border-radius: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(88vw, 348px);
    max-width: calc(100vw - 44px);
    height: 100dvh;
    max-height: none;
    display: grid;
    overflow: hidden;
    box-shadow: 24px 0 64px #00000080;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-head {
    min-height: calc(92px + env(safe-area-inset-top));
    padding: calc(14px + env(safe-area-inset-top)) 14px 14px;
    background: none;
    position: relative;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav {
    overscroll-behavior: contain;
    min-height: 0;
    padding: 6px 10px 12px;
    display: block;
    overflow-y: auto;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a {
    border: 0;
    border-bottom: 1px solid #fff1;
    grid-template-columns: 22px minmax(0, 1fr) 16px;
    min-height: 50px;
    padding: 0 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-more-menu > nav a:nth-child(odd) {
    border: 0;
    border-bottom: 1px solid #fff1;
    grid-template-columns: 22px minmax(0, 1fr) 16px;
    min-height: 50px;
    padding: 0 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-mobile-sticky-action {
    z-index: var(--prv-mobile-layer-action);
    bottom: calc(var(--prv-mobile-bottom-nav-height) + env(safe-area-inset-bottom));
    min-height: var(--prv-mobile-action-height);
    padding: 10px var(--prv-mobile-edge);
    border-top-color: var(--prv-mobile-line);
    background: #080a0df5;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary {
    background: #0c1016f0 !important;
    border-color: #fffaf01f !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav {
    background: #0c1016f0 !important;
    border-color: #fffaf01f !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary a + a {
    border-color: #fffaf01a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav > a + a {
    border-color: #fffaf01a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary strong {
    color: inherit !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary span {
    color: inherit !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav :is(strong, small) {
    color: inherit !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary strong {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav strong {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary span {
    color: #fffaf094 !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav small {
    color: #fffaf094 !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub .portal-mobile-task-summary strong {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav em {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-account-hub > nav > a > span:first-child {
    color: #ffc21a !important;
    background: #ffc21a1a !important;
  }
}

.portal-order-mobile-money-details, .portal-order-mobile-primary-action, .portal-order-mobile-cancel, .portal-unpaid-countdown, .portal-order-detail-mobile-hero, .portal-order-detail-sticky-action, .portal-parcel-status-tabs, .portal-parcel-mobile-facts, .portal-parcel-secondary-action {
  display: none;
}

.parcel-detail-page {
  gap: 16px;
  display: grid;
}

.parcel-detail-hero, .parcel-detail-card, .parcel-detail-state {
  color: #f4f7fb;
  background: #09101cdb;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  padding: 20px;
}

.parcel-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.parcel-detail-card header, .parcel-detail-payment > div, .parcel-detail-support {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.parcel-detail-card header {
  justify-content: flex-start;
}

.parcel-detail-card h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.parcel-detail-card p, .parcel-detail-state p {
  color: #eaf0f89e;
  margin-top: 8px;
  line-height: 1.55;
}

.parcel-detail-products {
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.parcel-detail-products article {
  border: 1px solid #ffffff14;
  border-radius: 10px;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px;
  display: grid;
}

.parcel-detail-products img {
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  width: 72px;
  height: 72px;
}

.parcel-detail-products span {
  color: #ffc21a;
  font-size: 10px;
  font-weight: 900;
}

.parcel-detail-products h3 {
  color: #fff;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 900;
}

.parcel-detail-payment {
  gap: 10px;
  display: grid;
}

.parcel-detail-payment > div {
  border-bottom: 1px solid #ffffff12;
  min-height: 42px;
}

.parcel-detail-payment .is-total {
  color: #ffc21a;
  border: 0;
}

.parcel-detail-support {
  justify-content: flex-start;
}

.parcel-detail-support a, .parcel-detail-state a {
  color: #ffc21a;
  border: 1px solid #ffffff1f;
  border-radius: 7px;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  font-weight: 900;
  display: inline-flex;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-order-card {
    background: #0a1019 !important;
    border-bottom: 8px solid #05080d !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card > div:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-money-details {
    background: #ffffff14;
    border: 1px solid #ffffff14;
    border-radius: 7px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    display: grid;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-money-details > span {
    background: #0d1521;
    min-width: 0;
    padding: 10px 8px;
  }

  :is(html:has(.portal-blue-shell) body .portal-order-mobile-money-details small, html:has(.portal-blue-shell) body .portal-order-mobile-money-details strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-money-details small {
    color: #ffffff75;
    font-size: 9px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-money-details strong {
    overflow-wrap: anywhere;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-order-actions {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    align-items: stretch;
    gap: 8px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-desktop-primary {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-primary-action {
    background: #ffc21a;
    border-radius: 7px;
    grid-column: 2;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    font-size: 13px;
    font-weight: 900;
    display: inline-flex;
    color: #07090c !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-cancel {
    grid-area: 2 / 1;
    display: block;
  }

  :is(html:has(.portal-blue-shell) body .portal-order-mobile-cancel > div, html:has(.portal-blue-shell) body .portal-order-mobile-cancel button) {
    width: 100%;
    min-width: 0;
    min-height: 46px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-cancel p {
    overflow-wrap: anywhere;
    max-width: 100%;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-cancel button {
    color: #ffffffbd;
    background: #111a27;
    border: 1px solid #ffffff24;
    border-radius: 7px;
  }

  html:has(.portal-blue-shell) body .portal-order-actions > div:has(.portal-order-mobile-pay-link) {
    grid-area: 2 / 2;
    width: 100%;
    max-width: none;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-pay-link {
    background: #ffc21a;
    border-radius: 7px;
    width: 100%;
    min-height: 46px;
    text-decoration: none;
    color: #07090c !important;
  }

  html:has(.portal-blue-shell) body .portal-order-more {
    grid-column: 1 / -1;
  }

  html:has(.portal-blue-shell) body .portal-order-more > div > div:has(button) {
    display: none;
  }

  html:has(.portal-blue-shell) body .portal-unpaid-countdown {
    background: #ffc21a12;
    border: 1px solid #ffc21a38;
    border-radius: 7px;
    grid-column: 1 / -1;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 9px 11px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-unpaid-countdown span {
    color: #ffffff8f;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-unpaid-countdown strong {
    font-variant-numeric: tabular-nums;
    font-size: 16px;
    font-weight: 900;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero {
    background: #0a1019;
    border-bottom: 1px solid #ffffff14;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    padding: 16px;
    display: grid;
  }

  :is(html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero span, html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero span {
    color: #ffffff75;
    font-size: 10px;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero strong {
    overflow-wrap: anywhere;
    margin-top: 4px;
    font-size: 14px;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero > p {
    color: #ffffff94;
    grid-column: 1 / -1;
    font-size: 12px;
    line-height: 1.45;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-mobile-hero .portal-unpaid-countdown {
    grid-column: 1 / -1;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-head {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-sticky-action {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-sticky-action > div {
    width: 100%;
    min-width: 0;
    min-height: 48px;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-sticky-action > div button {
    width: 100%;
    min-width: 0;
    min-height: 48px;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-sticky-action > a {
    width: 100%;
    min-width: 0;
    min-height: 48px;
  }

  html:has(.portal-blue-shell) body .portal-order-detail-sticky-action > div button {
    color: #fff;
    background: #121923;
    border: 1px solid #ffffff24;
    border-radius: 7px;
  }

  html:has(.portal-blue-shell) body .portal-parcel-status-tabs {
    scrollbar-width: none;
    gap: 4px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-parcel-status-tabs button {
    color: #ffffff8a;
    background: none;
    border: 0;
    border-bottom: 2px solid #0000;
    flex: none;
    min-width: 44px;
    min-height: 44px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 850;
  }

  html:has(.portal-blue-shell) body .portal-parcel-status-tabs button[aria-selected="true"] {
    color: #ffc21a;
    border-color: #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-parcel-card {
    background: #0a1019;
    border-bottom: 8px solid #05080d;
  }

  html:has(.portal-blue-shell) body .portal-parcel-mobile-facts {
    background: #ffffff14;
    border: 1px solid #ffffff14;
    border-radius: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    display: grid;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-parcel-mobile-facts > span {
    background: #0d1521;
    min-width: 0;
    padding: 10px;
  }

  :is(html:has(.portal-blue-shell) body .portal-parcel-mobile-facts small, html:has(.portal-blue-shell) body .portal-parcel-mobile-facts strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-parcel-mobile-facts small {
    color: #ffffff70;
    font-size: 9px;
  }

  html:has(.portal-blue-shell) body .portal-parcel-mobile-facts strong {
    overflow-wrap: anywhere;
    margin-top: 4px;
    font-size: 11px;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-parcel-card .portal-unpaid-countdown {
    margin-top: 14px;
  }

  html:has(.portal-blue-shell) body .portal-parcel-secondary-action {
    justify-content: center;
    align-items: center;
    min-height: 44px;
    font-size: 12px;
    font-weight: 900;
    display: inline-flex;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .parcel-detail-page {
    gap: 10px;
  }

  html:has(.portal-blue-shell) body .parcel-detail-page.has-sticky-action {
    padding-bottom: 82px;
  }

  :is(html:has(.portal-blue-shell) body .parcel-detail-hero, html:has(.portal-blue-shell) body .parcel-detail-card) {
    border-radius: 8px;
    padding: 14px;
  }

  html:has(.portal-blue-shell) body .parcel-detail-hero {
    background: radial-gradient(circle at 100% 0, #ffc21a1c, #0000 13rem), #0a1019;
    gap: 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .parcel-detail-hero span {
    color: #ffffff7a;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .parcel-detail-hero h1 {
    overflow-wrap: anywhere;
    color: #fff;
    margin-top: 4px;
    font-size: 18px;
    font-weight: 900;
  }

  :is(html:has(.portal-blue-shell) body .parcel-detail-hero > strong, html:has(.portal-blue-shell) body .parcel-detail-countdown b, html:has(.portal-blue-shell) body .parcel-detail-tracking b) {
    font-size: 20px;
    color: #ffc21a !important;
  }

  :is(html:has(.portal-blue-shell) body .parcel-detail-countdown, html:has(.portal-blue-shell) body .parcel-detail-tracking) {
    background: #ffc21a0f;
    border: 1px solid #ffc21a33;
    border-radius: 7px;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 2px 10px;
    min-height: 62px;
    padding: 10px;
    display: grid;
  }

  :is(html:has(.portal-blue-shell) body .parcel-detail-countdown b, html:has(.portal-blue-shell) body .parcel-detail-tracking b) {
    font-variant-numeric: tabular-nums;
    grid-column: 2;
    font-size: 15px;
  }

  html:has(.portal-blue-shell) body .parcel-detail-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  html:has(.portal-blue-shell) body .parcel-detail-products article {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  html:has(.portal-blue-shell) body .parcel-detail-products img {
    width: 62px;
    height: 62px;
  }

  html:has(.portal-blue-shell) body .parcel-detail-products article > strong {
    grid-column: 2;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .parcel-detail-sticky-action {
    display: flex;
  }
}

.portal-cart-seller-group {
  display: contents;
}

.portal-cart-seller-group > header, .portal-cart-remark-trigger, .portal-cart-unit-price {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-cart-view {
    display: block !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-items-card {
    background: none !important;
    border: 0 !important;
    overflow: visible !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-items-card > div:first-child {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-items-card > div.bg-white {
    background: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-select-all {
    background: #0a1019;
    border-radius: 8px;
    min-height: 56px;
    border: 1px solid #ffffff17 !important;
    padding: 8px 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-select-all label {
    cursor: pointer;
    flex: auto;
    min-height: 44px;
  }

  :is(html:has(.portal-blue-shell) body .portal-cart-select-all input, html:has(.portal-blue-shell) body .portal-cart-item-check input) {
    accent-color: #ffc21a;
    width: 22px;
    height: 22px;
  }

  html:has(.portal-blue-shell) body .portal-cart-seller-group {
    background: #0a1019;
    border: 1px solid #ffffff17;
    margin-top: 10px;
    display: block;
    overflow: hidden;
    border-radius: 8px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-seller-group > header {
    border-bottom: 1px solid #ffffff14;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 9px 12px;
    display: grid;
  }

  :is(html:has(.portal-blue-shell) body .portal-cart-seller-group > header div span, html:has(.portal-blue-shell) body .portal-cart-seller-group > header div strong) {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-cart-seller-group > header div span {
    color: #ffffff70;
    font-size: 9px;
  }

  html:has(.portal-blue-shell) body .portal-cart-seller-group > header > span {
    color: #ffffff70;
    font-size: 9px;
  }

  html:has(.portal-blue-shell) body .portal-cart-seller-group > header div strong {
    margin-top: 3px;
    font-size: 13px;
    font-weight: 900;
    color: #fff !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item {
    background: #0a1019;
    border-bottom: 1px solid #ffffff12;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 8px !important;
    padding: 14px 12px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item:last-child {
    border-bottom: 0;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:first-child {
    grid-column: 1 / -1;
    grid-template-columns: 28px 78px minmax(0, 1fr);
    gap: 10px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item-check {
    align-items: center !important;
    width: 28px !important;
    height: 78px !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:first-child > div:nth-child(2) {
    border-radius: 7px !important;
    width: 78px !important;
    height: 78px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-platform-row {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item h3 {
    color: #fff !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item h3 + p {
    color: #ffffff94 !important;
    font-size: 11px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item h3 + p + p {
    color: #ffffff75 !important;
    font-size: 10px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-remark-trigger {
    color: #ffc21a;
    text-align: left;
    background: none;
    border: 0;
    align-items: center;
    width: 100%;
    min-height: 44px;
    margin-top: 6px;
    padding: 0;
    font-size: 11px;
    font-weight: 850;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-cart-unit-price {
    gap: 3px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-unit-price span {
    color: #ffffff6b;
    font-size: 9px;
  }

  html:has(.portal-blue-shell) body .portal-cart-unit-price strong {
    font-size: 13px;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:nth-child(2) {
    grid-template-columns: auto auto;
    align-items: end;
    gap: 5px 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:last-child {
    justify-content: flex-end;
    align-self: end;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:last-child p {
    color: #ffc21a !important;
    font-size: 15px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:last-child button {
    min-height: 44px;
  }

  html:has(.portal-blue-shell) body .portal-cart-summary-card {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-sticky-action {
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-cart-sticky-action button:disabled {
    cursor: not-allowed;
    opacity: .42;
  }

  html:has(.portal-blue-shell) body .portal-cart-remark-sheet textarea {
    resize: vertical;
    color: #fff;
    width: 100%;
    min-height: 132px;
    font: inherit;
    background: #070b11;
    border: 1px solid #ffffff1f;
    border-radius: 7px;
    margin-top: 8px;
    padding: 12px;
    line-height: 1.5;
  }

  html:has(.portal-blue-shell) body main.portal-blue-shell.portal-blue-shell {
    padding-bottom: calc(env(safe-area-inset-bottom) + 24px) !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-sticky-action {
    bottom: env(safe-area-inset-bottom) !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-header-balance {
    width: 44px;
    height: 44px;
    display: block;
  }

  .prv-mobile-drawer-head {
    grid-template-columns: 46px minmax(0, 1fr) 44px;
  }

  .prv-mobile-drawer-head:has(.prv-mobile-drawer-edit) {
    grid-template-columns: 46px minmax(0, 1fr) 44px 44px;
  }

  .prv-mobile-drawer-group > :is(a, button) {
    min-height: 52px !important;
  }

  html:has(.portal-blue-shell) body .prv-mobile-drawer-group > :is(a, button) {
    min-height: 52px !important;
  }

  .prv-mobile-drawer-signout, .prv-mobile-drawer-login {
    min-height: 52px !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-back-trigger {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-panel {
    box-shadow: none !important;
    background: #07090d !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card {
    background: #0b0c0f !important;
    border: 0 !important;
    border-bottom: 8px solid #15171b !important;
    border-radius: 0 !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card :is(.portal-order-metric, .portal-order-mobile-money-details, .portal-order-status-cell, .portal-order-followup, .portal-order-more) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-unpaid-countdown {
    flex: auto;
    justify-content: center;
    align-items: center;
    color: #ff554f !important;
    background: none !important;
    border: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body .portal-unpaid-countdown > span {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-actions {
    grid-template-columns: none !important;
    gap: 8px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body .portal-order-actions > :is(div, a) {
    width: auto !important;
  }

  html:has(.portal-blue-shell) body .portal-order-inline-help {
    min-height: 44px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-items-card {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-seller-group {
    background: #0b0c0f !important;
    border: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item {
    background: #0b0c0f !important;
    border: 0 !important;
    border-top: 1px solid #ffffff14 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-unit-price {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:nth-child(2) > p:first-of-type {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:last-child button {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:nth-child(2) {
    min-height: 44px;
    align-items: center !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:nth-child(2) > p:last-child {
    color: #fffaf0b3 !important;
    margin: 0 !important;
    font-size: 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-item > div:last-child {
    min-height: 44px;
    align-items: center !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-select-all {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-sticky-action {
    grid-template-columns: auto minmax(0, 1fr) minmax(118px, .8fr) !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-desktop {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-entry {
    border: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile {
    color: #fffaf0;
    background: #0b0c0f;
    border-bottom: 8px solid #17191d;
    padding: 16px;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-head {
    color: #fffaf0c7;
    grid-template-columns: 30px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    font-size: 12px;
    font-weight: 720;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-platform-badge {
    place-items: center;
    overflow: hidden;
    background: none !important;
    border: 0 !important;
    border-radius: 5px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-platform-badge img {
    object-fit: cover;
    width: 28px !important;
    height: 28px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-platform-badge > span {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-head > p {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-head > svg {
    color: #fffaf09e;
    width: 17px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product-no {
    color: #fffaf094;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 650;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product-no > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product-no .status-badge {
    white-space: nowrap;
    border-radius: 7px;
    min-height: 30px;
    padding: 0 10px;
    font-size: 11px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product {
    grid-template-columns: 82px minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product > img {
    object-fit: contain;
    background: #fff;
    border-radius: 12px;
    width: 82px;
    height: 82px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product > div:nth-child(2) {
    min-width: 0;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
    overflow: hidden;
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product p {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    color: #fffaf0a3 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product > div:nth-child(2) > a {
    color: #fffaf0c2;
    border: 1px solid #ffffff24;
    border-radius: 999px;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    margin-top: 7px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 720;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product > div:nth-child(2) > a svg {
    width: 16px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-unit {
    color: #fffaf0;
    white-space: nowrap;
    justify-items: end;
    gap: 12px;
    min-width: 64px;
    font-size: 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-unit strong {
    font-size: 12px;
    font-weight: 650;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-unit span {
    color: #fffaf0b8;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary {
    border-top: 1px solid #ffffff14;
    gap: 0;
    margin-top: 16px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary > div {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary dt {
    color: #fffaf09e;
    font-size: 12px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary dd {
    color: #fffaf0cc;
    font-size: 12px;
    font-weight: 650;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary > div:last-child {
    border-bottom: 1px solid #ffffff0f;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary > div:last-child dd {
    color: #fffaf0;
    font-size: 18px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer {
    grid-template-columns: minmax(0, 1fr) minmax(88px, .8fr) minmax(88px, .8fr);
    align-items: center;
    gap: 8px;
    min-height: 62px;
    padding-top: 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-unpaid-countdown {
    justify-content: flex-start;
    color: #ff3932 !important;
    min-height: 44px !important;
    font-size: 12px !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-unpaid-countdown strong:before {
    content: "◷";
    margin-right: 4px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-mobile-cancel {
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-mobile-cancel > div {
    max-width: none;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-mobile-cancel button {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 46px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer-primary {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 46px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-mobile-pay-link {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 46px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-mobile-cancel button {
    color: #fffaf0;
    background: none;
    border: 1px solid #ffffffb8;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer > div:has(.portal-order-mobile-pay-link) {
    max-width: none;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-mobile-pay-link {
    color: #090a0c;
    background: #fffaf0;
  }

  :is(html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-order-desktop-pay-button, html:has(.portal-blue-shell) body .portal-order-mobile-footer [role="status"]) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer-primary {
    color: #090a0c;
    background: #ffc21a;
    grid-column: 2 / -1;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card-mobile .portal-platform-badge {
    border-radius: 5px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card-mobile .portal-platform-badge img {
    width: 28px !important;
    height: 28px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-card-mobile.portal-order-card-mobile .portal-order-mobile-head.portal-order-mobile-head > p {
    color: #fffaf0c7 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-mobile-product > div:nth-child(2) > a {
    min-height: 44px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-mobile-footer .portal-unpaid-countdown {
    grid-area: 1 / 1 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-mobile-footer > .portal-order-mobile-cancel {
    grid-area: 1 / 2 !important;
    width: auto !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-order-mobile-footer > div:last-child {
    grid-area: 1 / 3 !important;
    width: auto !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile {
    min-height: calc(100dvh - 64px - env(safe-area-inset-top));
    padding-bottom: calc(128px + env(safe-area-inset-bottom));
    background: #0e0e0f;
    display: block;
    width: 100vw !important;
    max-width: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-view > :is(.portal-cart-items-card, .portal-cart-summary-card, .portal-cart-sticky-action) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-view {
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-state {
    color: #fffaf09e;
    text-align: center;
    align-content: center;
    place-items: center;
    gap: 10px;
    min-height: 360px;
    padding: 28px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-state svg {
    width: 36px;
    height: 36px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-state strong {
    color: #fffaf0;
    font-size: 18px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-state a {
    color: #08090b;
    background: #ffc21a;
    border-radius: 12px;
    align-items: center;
    min-height: 46px;
    padding: 0 20px;
    font-weight: 900;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller {
    background: #0e0e0f;
    padding-top: 12px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller + .portal-cart-mobile-seller {
    border-top: 8px solid #17191d;
    margin-top: 8px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header {
    color: #fffaf0;
    grid-template-columns: 28px 20px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    min-height: 43px;
    padding: 0 16px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header > label {
    cursor: pointer;
    place-items: center;
    min-height: 44px;
    display: grid;
    width: 28px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-check {
    cursor: pointer;
    place-items: center;
    min-height: 44px;
    display: grid;
    width: 28px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile :is(header, .portal-cart-mobile-check, .portal-cart-mobile-bottom) input {
    accent-color: #ffc21a;
    width: 20px;
    height: 20px;
    margin: 0;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-cart-mobile-seller > header .portal-platform-badge {
    place-items: center;
    overflow: hidden;
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell .portal-cart-mobile-seller > header .portal-platform-badge img {
    width: 20px !important;
    height: 20px !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header .portal-platform-badge > span {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header > strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 850;
    overflow: hidden;
    color: #fffaf0 !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header > span, html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header > b) {
    white-space: nowrap;
    font-size: 10px;
    font-weight: 650;
    color: #fffaf0a6 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-seller > header > b {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-swipe {
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%;
    overflow-x: auto;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-swipe > div {
    grid-template-columns: calc(100% - 80px) 80px;
    width: calc(100% + 80px);
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-swipe article {
    scroll-snap-align: start;
    background: #0e0e0f;
    grid-template-rows: 88px 44px;
    grid-template-columns: 28px 78px minmax(0, 1fr);
    align-items: center;
    gap: 0 8px;
    min-height: 132px;
    padding: 6px 16px 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-swipe article > img {
    object-fit: contain;
    background: #fff;
    border-radius: 12px;
    width: 78px;
    height: 78px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-product {
    align-content: start;
    align-self: stretch;
    min-width: 0;
    padding-top: 5px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-product .portal-cart-mobile-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.4;
    display: block;
    overflow: hidden;
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-product > p {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 11px;
    overflow: hidden;
    color: #fffaf094 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-product > div {
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    min-height: 32px;
    margin-top: 7px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-quantity {
    background: #1b1c1f;
    border: 1px solid #fffaf01f;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    min-width: 116px;
    min-height: 44px;
    font-size: 12px;
    display: inline-flex;
    overflow: hidden;
    color: #fffaf0b8 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-quantity button {
    color: #ffc21a;
    background: none;
    border: 0;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-quantity button:disabled {
    color: #fffaf047;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-quantity button:focus-visible {
    outline-offset: -3px;
    outline: 2px solid #ffc21a;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-quantity button svg {
    width: 15px;
    height: 15px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-quantity > span {
    color: #fffaf0;
    text-align: center;
    min-width: 28px;
    font-weight: 900;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-product > div strong {
    white-space: nowrap;
    font-size: 13px;
    font-weight: 900;
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-remark {
    color: #fffaf0ad;
    text-align: left;
    background: #1b1c1f;
    border: 0;
    border-radius: 7px;
    grid-column: 2 / -1;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    width: 100%;
    min-height: 44px;
    padding: 0 10px;
    display: grid;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-remark svg {
    width: 15px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-remark span {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-delete {
    color: #fff;
    scroll-snap-align: end;
    background: #c52a2a;
    border: 0;
    align-content: center;
    place-items: center;
    gap: 7px;
    min-height: 132px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-delete svg {
    width: 20px;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-delete span {
    font-size: 10px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom {
    z-index: var(--prv-mobile-layer-action);
    min-height: calc(127px + env(safe-area-inset-bottom));
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: #0e0e0ffc;
    border-top: 1px solid #ffffff0f;
    grid-template-rows: 44px 55px;
    grid-template-columns: minmax(0, 1fr) minmax(156px, .95fr);
    gap: 0 10px;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom > label {
    color: #fffaf0ad;
    grid-column: 1 / -1;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    font-size: 11px;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom > div {
    align-content: center;
    gap: 1px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom > div strong {
    font-size: 20px;
    font-weight: 900;
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom > div span {
    white-space: nowrap;
    font-size: 9px;
    color: #fffaf080 !important;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom > :is(a, button) {
    color: #08090b;
    background: #ffc21a;
    border: 0;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    min-height: 55px;
    font-size: 16px;
    font-weight: 900;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-cart-mobile-bottom > button:disabled {
    color: #ffffff8c;
    background: #383a3d;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .card.card.portal-orders-panel.portal-orders-panel.portal-orders-panel {
    box-shadow: none !important;
    background: #07090d !important;
    border: 0 #07090d !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .card.card.portal-orders-panel.portal-orders-panel > div:first-child {
    background: #07090dfa !important;
    border: 0 !important;
    border-bottom: 1px solid #fffaf017 !important;
    padding: 10px 14px 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-app-toolbar label {
    background: #14161a;
    border: 1px solid #fffaf01c;
    border-radius: 12px;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-orders-app-toolbar.portal-orders-app-toolbar label > input {
    height: 42px;
    box-shadow: none !important;
    background: none !important;
    border: 0 #0000 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-orders-app-toolbar > button {
    background: #14161a;
    border: 1px solid #fffaf01c;
  }

  html:has(.portal-blue-shell) body .portal-orders-app-tabs {
    gap: 22px;
    margin-right: -14px;
    padding-right: 14px;
  }

  html:has(.portal-blue-shell) body .portal-orders-mobile-filter-tabs button {
    min-height: 44px;
  }

  html:has(.portal-blue-shell) body .portal-order-entry {
    background: #07090d;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-order-list.portal-order-list .divide-y > .portal-order-entry.portal-order-entry + .portal-order-entry.portal-order-entry {
    border-top: 8px solid #07090d !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-order-entry.portal-order-entry .portal-order-card-mobile.portal-order-card-mobile.portal-order-card-mobile {
    padding: 15px 16px 16px;
    background: #0b0d0f !important;
    border: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-head {
    color: #fffaf0a8;
    min-height: 36px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product-no {
    min-height: 42px;
    margin-top: 2px;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-order-mobile-product-no.portal-order-mobile-product-no > span {
    color: #fffaf080 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product-no .status-badge {
    border-radius: 8px;
    min-height: 28px;
    padding-inline: 9px;
    font-size: 10px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product {
    grid-template-columns: 78px minmax(0, 1fr) auto;
    gap: 10px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product > img {
    border-radius: 11px;
    width: 78px;
    height: 78px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product h3 {
    text-overflow: clip;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 38px;
    font-size: 15px;
    line-height: 1.25;
    display: -webkit-box;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product p {
    margin-top: 4px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-product > div:nth-child(2) > a {
    border-radius: 10px;
    margin-top: 5px;
    padding-inline: 10px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-unit {
    gap: 9px;
    min-width: 60px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-unit strong {
    font-size: 11px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary {
    margin-top: 14px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-summary > div {
    min-height: 40px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer {
    min-height: 60px;
    padding-top: 9px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer .portal-unpaid-countdown strong:before {
    content: none;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-footer-primary {
    color: #ffd45b;
    background: #ffc21a1c;
    border: 1px solid #ffc21a57;
  }
}

.portal-warehouse-product-assist {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .card.card.portal-warehouse-card.portal-warehouse-card {
    box-shadow: none !important;
    background: #07090d !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-filters {
    background: #07090d !important;
    border-bottom: 1px solid #fffaf017 !important;
    padding: 10px 14px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-toolbar {
    gap: 10px;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-mobile-toolbar > button {
    background: #14161a;
    border-color: #fffaf01c;
    border-radius: 12px;
    min-height: 44px;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-card > div.divide-y {
    background: #07090d !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item {
    background: #0b0d0f;
    gap: 0;
    display: grid;
    border: 0 !important;
    padding: 15px 16px 16px !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item + .portal-warehouse-item {
    border-top: 8px solid #07090d !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-item-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start !important;
    gap: 10px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-order-meta {
    grid-template-rows: repeat(2, 14px);
    grid-template-columns: 22px 28px minmax(0, 1fr);
    align-items: center;
    gap: 0 8px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-order-meta > input {
    grid-row: 1 / 3;
    align-self: center;
    width: 20px;
    height: 20px;
    margin: 0;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-order-meta > .portal-platform-badge {
    grid-area: 1 / 2 / 3;
    align-self: center;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    box-shadow: none !important;
    border-radius: 7px !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-order-meta > :nth-child(3) {
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-area: 1 / 3;
    align-self: end;
    font-size: 11px;
    font-weight: 850;
    line-height: 14px;
    overflow: hidden;
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-order-meta > :nth-child(4) {
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-area: 2 / 3;
    align-self: start;
    font-size: 9px;
    line-height: 12px;
    overflow: hidden;
    color: #fffaf073 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-item-head > .status-badge {
    border-radius: 8px;
    min-height: 28px;
    padding-inline: 9px;
    font-size: 10px;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item-body.portal-warehouse-item-body {
    grid-template-columns: minmax(0, 1fr);
    gap: 0 !important;
    margin-top: 14px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product {
    grid-template-columns: 72px minmax(0, 1fr);
    min-width: 0;
    gap: 11px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product-image {
    background: #111318 !important;
    border-color: #fffaf01f !important;
    border-radius: 11px !important;
    width: 72px !important;
    height: 72px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product p:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 16px;
    overflow: hidden;
    color: #ffc21a !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product h3 {
    text-overflow: clip;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 0;
    font-size: 15px;
    line-height: 1.25;
    display: -webkit-box;
    overflow: hidden;
    color: #fffaf0 !important;
    margin-top: 3px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product p:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    color: #fffaf09e !important;
    margin-top: 3px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product-assist {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product-assist :is(a, button) {
    background: #111318;
    border: 1px solid #fffaf01a;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    color: #fffaf0ad !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-package {
    border-top: 1px solid #fffaf017;
    border-bottom: 1px solid #fffaf017;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px 12px;
    margin-top: 14px;
    padding: 12px 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-package > p:first-child {
    grid-column: 1 / -1;
    font-size: 10px;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-package > div {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-package > div span {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    overflow: hidden;
    color: #fffaf0db !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-package > p:not(:first-child) {
    font-size: 10px;
    line-height: 16px;
    color: #fffaf08c !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-package > p:last-child {
    text-align: right;
    font-weight: 800;
    color: #ffd45b !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product-type {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product-type:before {
    margin-right: 3px;
    font-size: 10px;
    color: #fffaf075 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-product-type > span {
    border: 1px solid #ffc21a2e;
    font-size: 10px;
    color: #ffdc74d1 !important;
    background: #ffc21a12 !important;
    border-radius: 8px !important;
    padding: 5px 8px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-storage {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 3px 12px;
    margin-top: 11px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-storage > p:first-child {
    font-size: 13px;
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-storage > p:nth-child(2) {
    text-align: right;
    grid-area: 1 / 2;
    font-size: 10px;
    color: #fffaf080 !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-storage > p:last-child {
    grid-column: 1 / -1;
    font-size: 11px;
    line-height: 17px;
    color: #ffd45b !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-actions {
    border-top: 1px solid #fffaf017;
    margin-top: 13px;
    padding-top: 12px;
    grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr) !important;
    gap: 8px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-actions :is(.portal-warehouse-action-service, .portal-warehouse-action-help) {
    display: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-actions :is(a, button) {
    text-align: center;
    background: #14161a;
    border: 1px solid #fffaf01c;
    border-radius: 10px;
    min-width: 0;
    min-height: 44px;
    padding: 0 12px;
    font-size: 12px;
    line-height: 16px;
    color: #fffaf0b3 !important;
    text-decoration: none !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-action-detail {
    background: #ffc21a1a;
    border-color: #ffc21a57;
    color: #ffd45b !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc {
    border-top: 1px solid #fffaf017;
    grid-template-columns: minmax(0, 1fr);
    background: none !important;
    border-radius: 0 !important;
    gap: 9px !important;
    margin-top: 13px !important;
    padding: 12px 0 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc > p {
    font-size: 11px;
    color: #fffaf0a8 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc > div {
    scrollbar-width: none;
    min-width: 0;
    padding-bottom: 1px;
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    gap: 7px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc > div > button {
    width: 46px;
    height: 46px;
    box-shadow: none;
    border-color: #fffaf01f;
    border-radius: 9px;
    flex: 0 0 46px;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc .portal-qc-viewer-entry {
    background: #191b1f;
    border: 1px solid #fffaf01c;
    border-radius: 9px;
    flex: none;
    min-height: 46px;
    padding: 0 10px;
    font-size: 10px;
    color: #fffaf0b3 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc .portal-qc-viewer-entry {
    color: #ffc21a !important;
    background: #ffc21a14 !important;
    border-color: #ffc21a57 !important;
    gap: 7px !important;
    min-height: 46px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-qc .portal-qc-viewer-entry svg {
    width: 13px !important;
    height: 13px !important;
  }

  html:has(.portal-blue-shell) body .portal-warehouse-inline-actions {
    display: none !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item .portal-warehouse-product p:first-child, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item .portal-warehouse-package > p:first-child, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item .portal-warehouse-storage > p:first-child, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item .portal-warehouse-storage > p:last-child) {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell .portal-warehouse-item.portal-warehouse-item .portal-warehouse-package > p:last-child {
    color: #ffd45b !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-warehouse-card.portal-warehouse-card .portal-warehouse-item.portal-warehouse-item.portal-warehouse-item .portal-warehouse-order-meta.portal-warehouse-order-meta > :nth-child(3) {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-warehouse-card.portal-warehouse-card .portal-warehouse-item.portal-warehouse-item.portal-warehouse-item .portal-warehouse-product.portal-warehouse-product p:first-child {
    color: #ffc21a !important;
  }

  :is(html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-warehouse-card.portal-warehouse-card .portal-warehouse-item.portal-warehouse-item.portal-warehouse-item .portal-warehouse-package.portal-warehouse-package > p:first-child, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-warehouse-card.portal-warehouse-card .portal-warehouse-item.portal-warehouse-item.portal-warehouse-item .portal-warehouse-storage.portal-warehouse-storage > p:first-child, html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-warehouse-card.portal-warehouse-card .portal-warehouse-item.portal-warehouse-item.portal-warehouse-item .portal-warehouse-storage.portal-warehouse-storage > p:last-child) {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-blue-shell) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-warehouse-card.portal-warehouse-card .portal-warehouse-item.portal-warehouse-item.portal-warehouse-item .portal-warehouse-package.portal-warehouse-package > p:last-child {
    color: #ffd45b !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:has(.portal-support-view[data-contextual-chat="true"]) main.portal-blue-shell.portal-blue-shell.portal-blue-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-card):has(.portal-support-view[data-contextual-chat="true"]) main.portal-blue-shell.portal-blue-shell .portal-support-view[data-contextual-chat="true"] .portal-support-desk.portal-support-desk.portal-support-desk {
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #080909 !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html:has(.portal-order-detail-mobile-app) body:not(#legacy-order-detail) .portal-blue-shell.portal-blue-shell .portal-order-detail-mobile-app.portal-order-detail-mobile-app {
    padding-bottom: 76px;
  }

  html:has(.portal-order-detail-mobile-app) body:not(#legacy-order-detail) .portal-blue-shell.portal-blue-shell .portal-order-detail-mobile-product.portal-order-detail-mobile-product > aside {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html:has(.portal-order-detail-mobile-app) body:not(#legacy-order-detail) .portal-blue-shell.portal-blue-shell .portal-order-detail-mobile-order > header .portal-platform-badge.portal-platform-badge {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
  }

  html:has(.portal-order-detail-mobile-app) body:not(#legacy-order-detail) .portal-blue-shell.portal-blue-shell .portal-order-detail-mobile-product.portal-order-detail-mobile-product h1 {
    color: #fffaf0 !important;
  }

  html:has(.portal-order-detail-mobile-app) body:not(#legacy-order-detail) .portal-blue-shell.portal-blue-shell .portal-order-detail-mobile-actions.portal-order-detail-mobile-actions {
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view.portal-after-sales-view {
    margin-top: 0 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-list.portal-after-sales-list {
    overflow: visible;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-list > div:last-child {
    gap: 8px;
    display: grid;
    background: none !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case.portal-after-sales-case {
    background: #0e0f11;
    border: 1px solid #fffaf01f;
    border-radius: 14px;
    overflow: hidden;
    padding: 0 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head.portal-after-sales-case-head {
    border-bottom: 1px solid #fffaf017;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px 14px;
    align-items: start !important;
    gap: 10px !important;
    display: grid !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head > div:first-child {
    min-width: 0;
    gap: 3px !important;
    display: grid !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head > div:first-child span {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head > div:first-child span:first-child {
    line-height: 1.35;
    color: #fffaf0 !important;
    font-size: 12px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head > div:first-child span:not(:first-child) {
    line-height: 1.4;
    color: #fffaf07a !important;
    font-size: 9px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head > div:last-child {
    justify-items: end;
    gap: 5px !important;
    display: grid !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-head > div:last-child > * {
    white-space: nowrap;
    min-height: 26px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case > div:last-child {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin-top: 0 !important;
    display: grid !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row.portal-mini-product-row {
    grid-template-rows: auto auto;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 3px 11px !important;
    padding: 13px 14px !important;
    display: grid !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row > div:first-child {
    grid-row: 1 / 3;
    border-color: #fffaf01f !important;
    border-radius: 10px !important;
    width: 78px !important;
    height: 78px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row > div:nth-child(2) p:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffc21a !important;
    letter-spacing: .04em !important;
    font-size: 9px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row h3 {
    color: #fffaf0 !important;
    margin-top: 3px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row h3 + p {
    color: #fffaf085 !important;
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row > div:last-child {
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    display: flex;
    text-align: left !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row > div:last-child p:first-child {
    color: #fffaf06b !important;
    letter-spacing: .06em !important;
    font-size: 9px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case .portal-mini-product-row > div:last-child p:last-child {
    white-space: nowrap;
    color: #ffd45b !important;
    margin-top: 0 !important;
    font-size: 14px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-next.portal-after-sales-case-next {
    border-top: 1px solid #fffaf017;
    margin: 0 14px 14px;
    background: none !important;
    border-radius: 0 !important;
    padding: 12px 0 0 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-next .portal-after-sales-mobile-label {
    letter-spacing: .08em;
    margin-bottom: 4px;
    color: #fffaf066 !important;
    font-size: 9px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-next .portal-after-sales-case-type {
    display: inline;
    margin: 0 8px 0 0 !important;
    font-size: 11px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-next .portal-after-sales-case-type + p {
    display: inline;
    color: #ffd45b !important;
    letter-spacing: 0 !important;
    font-size: 11px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-next > p:nth-of-type(4) {
    overflow-wrap: anywhere;
    color: #fffaf0 !important;
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-next > p:nth-of-type(5) {
    color: #fffaf085 !important;
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-actions.portal-after-sales-case-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    margin-top: 12px !important;
    display: grid !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-actions > * {
    min-width: 0;
    border-radius: 10px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-actions .portal-after-sales-case-primary {
    color: #080909 !important;
    box-shadow: none !important;
    background: #ffc21a !important;
    border-color: #ffc21a80 !important;
  }

  html:has(.portal-after-sales-view) body .portal-after-sales-view .portal-after-sales-case-actions .portal-after-sales-help-link {
    grid-column: 1 / -1;
    color: #fffaf099 !important;
    background: none !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-after-sales-view) .portal-blue-shell.portal-blue-shell .portal-after-sales-view.portal-after-sales-view .portal-after-sales-case-actions.portal-after-sales-case-actions .portal-after-sales-case-primary.portal-after-sales-case-primary {
    color: #080909 !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-after-sales-view) .portal-blue-shell.portal-blue-shell .portal-after-sales-view.portal-after-sales-view .portal-after-sales-case-actions.portal-after-sales-case-actions .portal-after-sales-help-link.portal-after-sales-help-link {
    grid-column: 1 / -1;
    justify-self: start;
    min-width: 112px;
    color: #fffaf0c7 !important;
    background: none !important;
    border-color: #fffaf024 !important;
    border-radius: 999px !important;
    gap: 6px !important;
    width: fit-content !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
  }

  html:has(.portal-blue-shell) body:has(.portal-after-sales-view) .portal-blue-shell.portal-blue-shell .portal-after-sales-view.portal-after-sales-view .portal-after-sales-case-actions.portal-after-sales-case-actions .portal-after-sales-help-link.portal-after-sales-help-link svg {
    width: 16px;
    height: 16px;
  }
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) button.portal-pay-now-button.portal-pay-now-button {
  color: #060704 !important;
  opacity: 1 !important;
  min-width: 112px !important;
  text-shadow: none !important;
  background: #ffc21a linear-gradient(135deg, #ffc21a 0%, #f2b400 100%) !important;
  border: 1px solid #ffd658e6 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 28px #ffc21a38 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) button.portal-pay-now-button.portal-pay-now-button:hover {
  color: #060704 !important;
  background: #ffd75a linear-gradient(135deg, #ffd75a 0%, #ffc21a 100%) !important;
  border-color: #ffe16efa !important;
  transform: translateY(-1px) !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) button.portal-pay-now-button.portal-pay-now-button:focus-visible {
  outline-offset: 3px !important;
  outline: 2px solid #fffaf0e6 !important;
}

html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) button.portal-pay-now-button.portal-pay-now-button:disabled {
  color: #060704b8 !important;
  opacity: .82 !important;
  background: #ffc21ac7 linear-gradient(135deg, #ffc21ac7, #f2b400b8) !important;
  border-color: #ffd658b3 !important;
}

@media (max-width: 767px) {
  body:not(#legacy-context-help) .portal-context-help.portal-context-help {
    flex: none;
    color: #fffaf0d1 !important;
    width: fit-content !important;
    min-width: 112px !important;
    min-height: 44px !important;
    box-shadow: none !important;
    background: none !important;
    border: 1px solid #fffaf02e !important;
    border-radius: 999px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  body:not(#legacy-context-help) .portal-context-help.portal-context-help svg {
    stroke-width: 2px !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  body:not(#legacy-context-help) .portal-context-help.portal-context-help:active {
    color: #ffc21a !important;
    border-color: #ffc21a80 !important;
  }

  body:not(#legacy-context-help) .portal-context-help.portal-context-help:focus-visible {
    outline-offset: 3px !important;
    outline: 2px solid #ffc21a !important;
  }

  html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-order-inline-help.portal-context-help {
    margin-top: 9px !important;
  }

  html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-order-detail-mobile-product .portal-context-help {
    margin-top: 10px !important;
  }

  html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-context-help-after-product {
    margin-top: 8px !important;
  }

  html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-warehouse-product-assist .portal-context-help {
    justify-self: start !important;
  }

  :is(html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-after-sales-case-actions .portal-context-help, html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-after-sales-mobile-secondary-actions .portal-context-help) {
    justify-self: start !important;
  }

  html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-order-detail-mobile-actions a:last-child:not(.portal-order-detail-mobile-primary) {
    color: #fffaf0c7 !important;
    background: none !important;
    border-color: #fffaf02e !important;
  }

  html:has(.portal-blue-shell) body:not(#legacy-context-help) .portal-order-detail-mobile-actions .portal-order-detail-mobile-primary {
    color: #07090c !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-blue-shell.portal-blue-shell .portal-support-view[data-contextual-chat="true"] .portal-support-desk.portal-support-desk {
    min-height: calc(100dvh - var(--portal-mobile-header-height)) !important;
    padding: 0 16px calc(88px + env(safe-area-inset-bottom)) !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-desk > svg {
    display: none !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-desk > div:nth-child(2) {
    border-bottom: 1px solid #ffffff17 !important;
    min-height: 48px !important;
    margin: 0 -16px !important;
    padding: 13px 16px 11px !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-desk > div:nth-child(2) h2 {
    letter-spacing: -.02em !important;
    font-size: 17px !important;
    line-height: 24px !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form {
    margin-top: 16px !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context.portal-support-context {
    margin: 0 0 18px;
    display: block;
    overflow: hidden;
    background: #111214 !important;
    border: 1px solid #ffffff17 !important;
    border-radius: 10px !important;
    padding: 0 !important;
  }

  .portal-support-context-head {
    border-bottom: 1px solid #ffffff14;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;
    padding: 0 13px;
    display: flex;
  }

  .portal-support-context-head span {
    color: #fffaf0ad;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
  }

  .portal-support-context-head b {
    color: #ffc21a;
    background: #ffc21a1f;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 800;
  }

  .portal-support-context dl {
    margin: 0;
    padding: 5px 13px 7px;
  }

  .portal-support-context dl > div {
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 37px;
    display: grid;
  }

  .portal-support-context dt {
    color: #fffaf075;
    font-size: 11px;
    font-weight: 700;
  }

  .portal-support-context dd {
    color: #fffaf0e0;
    overflow-wrap: anywhere;
    min-width: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-chat-empty.portal-support-chat-empty {
    color: #fffaf09e;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: flex;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .portal-support-chat-empty .portal-support-agent-mark {
    background: #ffc21a14;
    border: 1px solid #ffc21a33;
    border-radius: 50%;
    place-items: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    display: grid;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body .portal-support-chat-empty .portal-support-agent-mark svg {
    color: #ffc21a;
    width: 16px;
    height: 16px;
  }

  .portal-support-chat-empty > div {
    background: #151719;
    border-radius: 4px 12px 12px;
    max-width: 285px;
    padding: 10px 12px;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body .portal-support-chat-empty > div strong {
    color: #fffaf0;
    font-size: 12px;
    line-height: 1.4;
  }

  .portal-support-chat-empty p {
    color: #fffaf094;
    margin: 4px 0 0;
    font-size: 11px;
    line-height: 1.5;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > textarea {
    right: 70px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius: 12px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 14px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    left: 16px !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form > button {
    right: 16px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius: 12px !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    transform: none !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form:after {
    height: calc(70px + env(safe-area-inset-bottom)) !important;
    border-top-color: #ffffff14 !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-support-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-desk > p:last-child {
    letter-spacing: .02em;
    color: #fffaf075 !important;
    margin: 16px 0 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-desk > div:nth-child(2) {
    display: none !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-new-ticket-form {
    margin-top: 0 !important;
  }

  .portal-support-product-context {
    color: #fffaf0;
    background: #151719;
    border: 0;
    border-radius: 14px;
    margin: 0 0 18px;
    display: grid;
    overflow: hidden;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context {
    margin: 0 0 18px;
    overflow: hidden;
    background: #151719 !important;
    border: 0 !important;
    border-radius: 14px !important;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context-head {
    border-bottom-color: #fffaf014;
    min-height: 48px;
    padding: 8px 12px;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context-head span {
    color: #fffaf0db;
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 850;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context-head b {
    color: #ffc21a;
    background: #ffc21a1f;
    border-radius: 999px;
    min-height: 28px;
    padding: 0 10px;
    font-size: 10px;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context dl {
    padding: 0 12px;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context dl > div {
    border-bottom: 1px solid #fffaf012;
    min-height: 44px;
    padding: 9px 0;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context dl > div:last-child {
    border-bottom: 0;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context dt {
    color: #fffaf075;
    font-size: 11px;
    font-weight: 700;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-context dd {
    color: #fffaf0;
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 12px;
    font-weight: 800;
  }

  .portal-support-product-context > header {
    border-bottom: 1px solid #fffaf014;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 8px 12px;
    display: flex;
  }

  .portal-support-product-context > header > div {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  .portal-support-product-context > header img {
    object-fit: contain;
    border-radius: 5px;
    width: 24px;
    min-width: 24px;
    height: 24px;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-view[data-contextual-chat="true"] .portal-support-product-context > header img {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }

  .portal-support-product-context > header strong {
    color: #fffaf0db;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
  }

  .portal-support-product-context > header > span {
    color: #fffaf07a;
    flex: none;
    font-size: 10px;
    font-weight: 700;
  }

  .portal-support-product-summary {
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: grid;
  }

  .portal-support-product-summary > img {
    object-fit: contain;
    background: #f4f1ea;
    border-radius: 10px;
    width: 82px;
    height: 82px;
  }

  .portal-support-product-summary > div {
    align-content: center;
    gap: 10px;
    min-width: 0;
    display: grid;
  }

  .portal-support-product-summary h3 {
    color: #fffaf0;
    letter-spacing: -.015em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-product-summary h3 {
    color: #fffaf0 !important;
  }

  .portal-support-product-summary strong {
    color: #ffc21a;
    font-size: 15px;
    font-weight: 900;
  }

  .portal-support-product-context > a {
    color: #fffaf0a8;
    border-top: 1px solid #fffaf014;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
  }

  .portal-support-product-context > a svg {
    width: 16px;
    height: 16px;
  }

  html:has(.portal-support-view[data-contextual-chat="true"]) body:not(#legacy-product-chat) .portal-support-chat-empty > div {
    max-width: min(290px, 100vw - 88px);
  }
}

@media (min-width: 768px) {
  .portal-support-product-context {
    border: 1px solid var(--prv-line);
    background: #ffffffb3;
    border-radius: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    margin-bottom: 18px;
    padding: 16px;
    display: grid;
  }

  .portal-support-product-context > header, .portal-support-product-summary {
    display: contents;
  }

  .portal-support-product-context > header > div, .portal-support-product-summary > div {
    min-width: 0;
  }

  .portal-support-product-context img {
    object-fit: contain;
    border-radius: 10px;
    width: 72px;
    height: 72px;
  }

  .portal-support-product-context > a {
    align-self: end;
  }
}

@media (max-width: 767px) {
  html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-seller > header > strong {
    color: #fffaf0 !important;
  }

  :is(html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-seller > header > b, html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-product > div > strong, html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-bottom > div > strong) {
    color: #ffd45b !important;
  }

  html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-remark {
    color: #ffc21a !important;
  }

  html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-product .portal-cart-mobile-title {
    color: #fffaf0 !important;
  }

  html:has(.portal-cart-view) body:has(.portal-cart-view) .portal-blue-shell.portal-blue-shell.portal-blue-shell .portal-cart-view.portal-cart-view.portal-cart-view .portal-cart-mobile-product > p {
    color: #ffc21a !important;
  }
}

.portal-parcel-mobile-app-card {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-view > .portal-account-intro {
    display: none !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-mobile-tabs {
    display: none !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-warehouse-panel {
    display: none !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-list-panel.portal-parcels-list-panel {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-mobile-filter.portal-parcels-mobile-filter {
    margin: 0 -16px;
    background: #080909 !important;
    border-bottom: 1px solid #fffaf01a !important;
    padding: 0 16px 6px !important;
    display: block !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-mobile-filter > button {
    display: none !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-mobile-filter-panel {
    display: none !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-status-tabs.portal-parcel-status-tabs {
    scrollbar-width: none;
    gap: 28px;
    margin: 0 -16px;
    padding: 0 16px 2px;
    display: flex;
    overflow-x: auto;
  }

  .portal-parcels-view .portal-parcel-status-tabs::-webkit-scrollbar {
    display: none;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-status-tabs button {
    flex: none;
    position: relative;
    color: #fffaf080 !important;
    background: none !important;
    border: 0 !important;
    min-width: max-content !important;
    min-height: 52px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-status-tabs button[aria-selected="true"] {
    color: #fffaf0 !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-status-tabs button[aria-selected="true"]:after {
    content: "";
    background: #ffc21a;
    border-radius: 999px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcels-list-panel > div:last-child {
    margin: 0 -16px;
    background: none !important;
    border: 0 !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-card.portal-parcel-card {
    margin: 0;
    background: #080909 !important;
    border: 0 !important;
    border-bottom: 8px solid #121315 !important;
    padding: 0 16px 18px !important;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-mobile-app-card {
    display: block;
  }

  html:has(.portal-parcels-view) body:not(#legacy-parcels) .portal-parcel-desktop-card-content {
    display: none !important;
  }

  .portal-parcel-mobile-app-card > header {
    grid-template-columns: 32px minmax(0, 1fr) 20px auto;
    align-items: center;
    gap: 9px;
    min-height: 70px;
    display: grid;
  }

  .portal-parcel-mobile-mark {
    color: #080909;
    background: #ffc21a;
    border-radius: 7px;
    place-items: center;
    width: 32px;
    height: 32px;
    display: grid;
  }

  .portal-parcel-mobile-mark svg {
    width: 18px;
    height: 18px;
  }

  .portal-parcel-mobile-app-card > header > strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 750;
    overflow: hidden;
    color: #fffaf0d1 !important;
  }

  .portal-parcel-mobile-app-card > header > svg {
    color: #fffaf09e;
    width: 17px;
    height: 17px;
  }

  .portal-parcel-mobile-app-card > header .status-badge {
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
  }

  .portal-parcel-mobile-products {
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-height: 112px;
    padding: 6px 0 16px;
    display: flex;
  }

  .portal-parcel-mobile-products > div {
    scrollbar-width: none;
    gap: 5px;
    min-width: 0;
    display: flex;
    overflow-x: auto;
  }

  .portal-parcel-mobile-products > div::-webkit-scrollbar {
    display: none;
  }

  .portal-parcel-mobile-products img {
    object-fit: contain;
    background: #fffaf0;
    border: 1px solid #fffaf024;
    border-radius: 10px;
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
  }

  .portal-parcel-mobile-products .portal-context-help {
    min-width: 104px !important;
  }

  .portal-parcel-mobile-summary {
    border-top: 1px solid #fffaf01a;
    gap: 0;
    margin: 0;
    padding: 14px 0 12px;
    display: grid;
  }

  .portal-parcel-mobile-summary > div {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
    align-items: center;
    gap: 12px;
    min-height: 42px;
    display: grid;
  }

  .portal-parcel-mobile-summary :is(dt, dd) {
    min-width: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
  }

  .portal-parcel-mobile-summary dt {
    color: #fffaf099;
  }

  .portal-parcel-mobile-summary dd {
    color: #fffaf0d1;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .portal-parcel-mobile-summary dd span {
    color: #ffd85c;
    background: #ffc21a1f;
    border-radius: 6px;
    padding: 6px 9px;
    display: inline-flex;
  }

  .portal-parcel-mobile-summary .is-total {
    border-top: 1px solid #fffaf014;
    margin-top: 5px;
    padding-top: 8px;
  }

  .portal-parcel-mobile-summary .is-total dd {
    color: #fffaf0;
    font-size: 19px;
    font-weight: 850;
  }

  .portal-parcel-mobile-app-card > footer {
    grid-template-columns: minmax(0, 1fr) 96px 96px;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
    display: grid;
  }

  .portal-parcel-mobile-app-card > footer:not(.has-payment) {
    justify-content: flex-end;
    display: flex;
  }

  .portal-parcel-mobile-app-card > footer:not(.has-payment) > span {
    display: none;
  }

  .portal-parcel-mobile-app-card > footer .portal-unpaid-countdown {
    white-space: nowrap;
    min-width: 0;
    margin: 0 !important;
    font-size: 11px !important;
  }

  .portal-parcel-mobile-app-card > footer > a {
    white-space: nowrap;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 48px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
  }

  .portal-parcel-mobile-detail-action {
    border: 1px solid #fffaf033;
    color: #fffaf0cc !important;
  }

  footer:not(.has-payment) .portal-parcel-mobile-detail-action {
    width: 132px;
  }

  .portal-parcel-mobile-pay-action {
    background: #ffc21a;
    border: 1px solid #ffc21a;
    color: #080909 !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-list.portal-order-list {
    --portal-order-table-columns: minmax(430px, 1fr) 132px 92px 146px 190px 164px;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-table-head.portal-order-table-head {
    grid-template-columns: var(--portal-order-table-columns) !important;
    align-items: center !important;
    column-gap: 28px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-table-head.portal-order-table-head span {
    text-align: left !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-table-head.portal-order-table-head span:not(:first-child) {
    text-align: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-card-mobile.portal-order-card-mobile {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-card-desktop.portal-order-card-desktop {
    display: block !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-button.portal-order-copy-button {
    color: #fffaf0b8 !important;
    vertical-align: middle !important;
    background: #fffaf00a !important;
    border: 1px solid #fffaf029 !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin-left: 6px !important;
    transition: border-color .16s, background-color .16s, color .16s, transform .16s !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-button.portal-order-copy-button:hover {
    color: #ffc21a !important;
    background: #ffc21a1a !important;
    border-color: #ffc21a7a !important;
    transform: translateY(-1px) !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-button.portal-order-copy-button:focus-visible {
    outline-offset: 3px !important;
    outline: 2px solid #ffc21ab8 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-button.portal-order-copy-button svg {
    width: 15px !important;
    height: 15px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-toast.portal-order-copy-toast {
    z-index: 80 !important;
    color: #fffaf0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: #1b1d1f !important;
    border: 1px solid #fffaf01f !important;
    border-radius: 14px !important;
    align-items: center !important;
    gap: 12px !important;
    max-width: min(560px, 100vw - 40px) !important;
    padding: 16px 18px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    transition: opacity .18s, transform .18s !important;
    display: inline-flex !important;
    position: fixed !important;
    bottom: 32px !important;
    right: 32px !important;
    transform: translateY(12px)scale(.98) !important;
    box-shadow: 0 22px 52px #00000061 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-toast.portal-order-copy-toast[data-visible="true"] {
    opacity: 1 !important;
    transform: translateY(0)scale(1) !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-copy-toast.portal-order-copy-toast svg {
    color: #fffaf0 !important;
    flex: none !important;
    width: 24px !important;
    height: 24px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-row-grid.portal-order-row-grid {
    grid-template-columns: var(--portal-order-table-columns) !important;
    align-items: center !important;
    column-gap: 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-product-cell.portal-order-product-cell {
    align-items: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-row-grid .portal-order-metric.portal-order-metric {
    font-variant-numeric: tabular-nums;
    text-align: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-row-grid .portal-order-metric-label.portal-order-metric-label {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-row-grid .portal-order-metric-value.portal-order-metric-value {
    color: #ffc21a !important;
    white-space: nowrap !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-status-cell.portal-order-status-cell {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-status-cell.portal-order-status-cell .status-badge {
    white-space: nowrap !important;
    max-width: 100% !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-actions.portal-order-actions {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 164px !important;
    display: flex !important;
    transform: translateY(16px) !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-actions > .flex {
    text-align: center !important;
    align-items: center !important;
    width: 164px !important;
    max-width: 164px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-actions .portal-pay-now-button {
    white-space: nowrap !important;
    width: 164px !important;
    min-height: 44px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-actions .portal-order-desktop-help.portal-order-desktop-help {
    text-align: center !important;
    justify-content: center !important;
    width: 164px !important;
    min-height: 30px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-context-help.portal-context-help {
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.18;
    display: inline-flex;
    color: #ffc21a !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-context-help.portal-context-help:hover {
    text-underline-offset: 4px;
    color: #ffd45b !important;
    text-decoration: underline !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-id.portal-order-id, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-order-product-no.portal-order-product-no) {
    align-items: center !important;
    gap: 0 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content:not(:has(.portal-dashboard)) .portal-context-help.portal-context-help:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #ffc21a !important;
  }
}

.portal-help-drawer {
  z-index: 120;
  pointer-events: none;
  grid-template-columns: minmax(0, 1fr) min(620px, 100vw);
  display: grid;
  position: fixed;
  inset: 0;
}

.portal-help-drawer-backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  pointer-events: auto;
  background: #00000094;
  border: 0;
  grid-area: 1 / 1 / auto / -1;
}

.portal-help-drawer-panel {
  z-index: 1;
  color: #fffaf0;
  pointer-events: auto;
  background: radial-gradient(circle at 78% 7%, #ffc21a1c, #0000 19rem), linear-gradient(#10110efa, #050706fa);
  border-left: 1px solid #fffaf02e;
  grid-area: 1 / 2;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  height: 100dvh;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: -34px 0 80px #00000080;
}

.portal-help-drawer-panel > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 38px 38px 18px;
  display: flex;
}

.portal-help-drawer-panel > header span {
  color: #ffc21a;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

.portal-help-drawer-panel > header h2 {
  color: #fffaf0;
  letter-spacing: 0;
  margin: 8px 0 0;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 950;
  line-height: .96;
}

.portal-help-drawer-panel > header button {
  color: #fffaf0;
  background: #fffaf014;
  border: 1px solid #fffaf029;
  border-radius: 999px;
  flex: 0 0 46px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: inline-flex;
}

.portal-help-drawer-panel > header button svg {
  width: 22px;
  height: 22px;
}

.portal-help-hours {
  color: #7ee4a8;
  text-align: center;
  background: #32d6841f;
  border: 1px solid #32d68433;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: 0 38px 22px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.portal-help-hours svg {
  width: 16px;
  height: 16px;
}

.portal-help-context-card {
  background: #fffaf00e;
  border: 1px solid #fffaf029;
  border-radius: 18px;
  margin: 0 38px 22px;
  padding: 18px;
}

.portal-help-context-card > div:first-child {
  color: #ffc21a;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 900;
  display: flex;
}

.portal-help-context-card svg {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
}

.portal-help-context-card dl {
  gap: 10px;
  margin: 16px 0 0;
  display: grid;
}

.portal-help-context-card dl > div {
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 12px;
  display: grid;
}

.portal-help-context-card dt {
  color: #fffaf085;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.portal-help-context-card dd {
  overflow-wrap: anywhere;
  color: #ffd45b;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 850;
}

.portal-help-order-card {
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  display: grid !important;
}

.portal-help-order-card img {
  object-fit: contain;
  background: #fffaf0e6;
  border: 1px solid #fffaf024;
  border-radius: 14px;
  width: 92px;
  height: 92px;
  padding: 4px;
}

.portal-help-order-card > div {
  min-width: 0;
}

.portal-help-order-card span {
  color: #ffc21a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

.portal-help-order-card strong {
  color: #fffaf0;
  margin-top: 7px;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.18;
  display: block;
}

.portal-help-order-card p {
  color: #fffaf09e;
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.portal-help-order-card dl {
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 14px 0 0;
  display: flex;
}

.portal-help-order-card dl > div {
  min-width: 76px;
}

.portal-help-order-card dt {
  color: #fffaf075;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.portal-help-order-card dd {
  color: #ffd45b;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 900;
}

.portal-help-order-card em {
  color: #ffd45b;
  text-align: center;
  background: #ffc21a1f;
  border: 1px solid #ffc21a47;
  border-radius: 999px;
  max-width: 170px;
  padding: 9px 13px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
}

.portal-help-chat {
  border-top: 1px solid #fffaf024;
  min-height: 0;
  padding: 24px 38px;
  overflow-y: auto;
}

.portal-help-chat article {
  background: #fffaf00e;
  border: 1px solid #fffaf024;
  border-radius: 16px;
  max-width: 86%;
  margin-bottom: 14px;
  padding: 14px 16px;
}

.portal-help-chat article[data-sender="customer"] {
  background: #ffc21a1f;
  border-color: #ffc21a3d;
  margin-left: auto;
}

.portal-help-chat article b {
  color: #ffc21a;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.portal-help-chat article p {
  white-space: pre-wrap;
  color: #fffaf0;
  margin: 8px 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.48;
}

.portal-help-chat article time {
  color: #fffaf07a;
  font-size: 11px;
  font-weight: 750;
}

.portal-help-empty {
  color: #fffaf09e;
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 10px;
  min-height: 220px;
  display: grid;
}

.portal-help-empty svg {
  color: #ffc21a;
  width: 46px;
  height: 46px;
}

.portal-help-empty strong {
  color: #fffaf0;
  font-size: 18px;
  font-weight: 900;
}

.portal-help-empty p {
  color: #fffaf08f;
  max-width: 360px;
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.portal-help-drawer-panel > footer {
  padding: 18px 38px calc(24px + env(safe-area-inset-bottom));
  border-top: 1px solid #fffaf024;
}

.portal-help-drawer-panel > footer > p {
  color: #ffc21a;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 800;
}

.portal-help-drawer-panel textarea {
  resize: vertical;
  color: #fffaf0;
  background: #fffaf011;
  border: 1px solid #fffaf024;
  border-radius: 16px;
  outline: none;
  width: 100%;
  min-height: 104px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.portal-help-drawer-panel textarea:focus {
  border-color: #ffc21ab8;
  box-shadow: 0 0 0 3px #ffc21a1f;
}

.portal-help-drawer-panel textarea::placeholder {
  color: #fffaf070;
}

.portal-help-drawer-panel > footer > div {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
  display: grid;
}

.portal-help-drawer-panel > footer button {
  color: #fffaf0c7;
  background: none;
  border: 1px solid #fffaf02e;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  font-size: 14px;
  font-weight: 850;
  display: inline-flex;
}

.portal-help-drawer-panel > footer button:last-child {
  color: #080908;
  background: #ffc21a;
  border-color: #ffc21a;
  box-shadow: 0 16px 42px #ffc21a2e;
}

.portal-help-drawer-panel > footer button:disabled {
  color: #fffaf057;
  box-shadow: none;
  cursor: not-allowed;
  background: #fffaf014;
  border-color: #fffaf024;
}

.portal-help-drawer-panel > footer button svg {
  width: 17px;
  height: 17px;
}

@media (max-width: 767px) {
  .portal-help-drawer {
    grid-template-columns: 1fr;
  }

  .portal-help-drawer-panel {
    border-left: 0;
    grid-column: 1;
  }

  .portal-help-drawer-panel > header {
    padding: calc(22px + env(safe-area-inset-top)) 20px 14px;
  }

  .portal-help-drawer-panel > header h2 {
    font-size: 40px;
  }

  .portal-help-hours, .portal-help-context-card {
    margin-left: 20px;
    margin-right: 20px;
  }

  .portal-help-chat {
    padding: 20px;
  }

  .portal-help-context-card dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .portal-help-order-card {
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
  }

  .portal-help-order-card img {
    width: 74px;
    height: 74px;
  }

  .portal-help-order-card em {
    grid-column: 1 / -1;
    width: fit-content;
    max-width: 100%;
  }

  .portal-help-drawer-panel > footer {
    padding: 16px 20px calc(18px + env(safe-area-inset-bottom));
  }
}

.portal-rehearsal-help-mobile {
  display: none;
}

@media (max-width: 767px) {
  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-blue-shell.portal-blue-shell .portal-rehearsal-view.portal-rehearsal-view {
    padding-bottom: 16px;
    gap: 0 !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-view > .portal-account-intro {
    display: none !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list.portal-rehearsal-list {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar {
    border-bottom: 1px solid #fffaf01a !important;
    margin: 0 -16px !important;
    padding: 0 16px 14px !important;
    display: block !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar > div:first-child {
    scrollbar-width: none;
    margin: 0 -16px;
    padding: 0 16px 2px;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    display: flex !important;
  }

  .portal-rehearsal-view .portal-list-toolbar > div:first-child::-webkit-scrollbar {
    display: none;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar > div:first-child button {
    position: relative;
    color: #fffaf07a !important;
    min-width: max-content !important;
    height: 46px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar > div:first-child button:first-child {
    color: #fffaf0 !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar > div:first-child button:first-child:after {
    content: "";
    background: #ffc21a;
    border-radius: 999px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar > div:last-child {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 8px !important;
    margin-top: 12px !important;
    display: grid !important;
  }

  .portal-rehearsal-view .portal-list-toolbar > div:last-child > input:nth-child(-n+2) {
    display: none !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-list .portal-list-toolbar > div:last-child :is(input, button) {
    border-radius: 8px !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-items.portal-rehearsal-items {
    background: none !important;
    border: 0 !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-item.portal-rehearsal-item {
    margin: 0 -16px;
    background: #080909 !important;
    border-bottom: 8px solid #101113 !important;
    padding: 18px 16px 20px !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-head.portal-rehearsal-head {
    grid-template-columns: minmax(0, 1fr) auto;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    align-items: start !important;
    gap: 12px !important;
    padding: 0 0 14px !important;
    display: grid !important;
  }

  .portal-rehearsal-head > span:first-child {
    overflow-wrap: anywhere;
    min-width: 0;
    line-height: 1.35;
    color: #fffaf0 !important;
    font-size: 13px !important;
  }

  .portal-rehearsal-head > span:first-child small {
    color: #fffaf06b;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-size: 9px;
    font-weight: 800;
    display: block;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-body.portal-rehearsal-body {
    margin-top: 0 !important;
    display: block !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-products .portal-mini-product-row.portal-mini-product-row {
    min-height: 92px;
    background: none !important;
    border: 0 !important;
    border-top: 1px solid #fffaf017 !important;
    border-radius: 0 !important;
    grid-template-columns: 72px minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 11px !important;
    padding: 14px 0 !important;
    display: grid !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-products .portal-mini-product-row > div:first-child {
    border-radius: 9px !important;
    width: 72px !important;
    height: 72px !important;
  }

  .portal-rehearsal-products .portal-mini-product-row h3 {
    color: #fffaf0 !important;
    margin-top: 3px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .portal-rehearsal-products .portal-mini-product-row p {
    color: #fffaf085 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  .portal-rehearsal-products .portal-mini-product-row > div:last-child {
    min-width: 66px;
    text-align: right !important;
  }

  .portal-rehearsal-products .portal-mini-product-row > div:last-child p:last-child {
    color: #ffc21a !important;
    font-size: 13px !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-products .portal-rehearsal-help-product {
    display: none !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-next.portal-rehearsal-next {
    margin-top: 16px;
    background: none !important;
    border: 0 !important;
    border-top: 1px solid #fffaf01a !important;
    border-radius: 0 !important;
    padding: 16px 0 0 !important;
  }

  .portal-rehearsal-note {
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    display: grid;
  }

  .portal-rehearsal-note svg {
    color: #ffc21a;
    width: 18px;
    height: 18px;
    margin-top: 2px;
  }

  .portal-rehearsal-note p {
    color: #fffaf0a8 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-help-mobile.portal-rehearsal-help-mobile {
    margin-top: 12px !important;
    display: inline-flex !important;
  }

  html:has(.portal-rehearsal-view) body:not(#legacy-rehearsal) .portal-rehearsal-actions.portal-rehearsal-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    margin-top: 16px !important;
    display: grid !important;
  }

  .portal-rehearsal-actions > :is(a, button) {
    text-align: center;
    white-space: nowrap !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    display: inline-flex !important;
  }

  .portal-rehearsal-actions > a:first-child {
    color: #07090c !important;
    box-shadow: none !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
  }

  .portal-rehearsal-actions > button {
    color: #fffaf0b8 !important;
    background: none !important;
    border: 1px solid #fffaf029 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-view {
    display: block;
    margin: 0 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-view > .portal-account-intro {
    display: none !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-desktop-layout {
    display: none !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-app {
    color: #fffaf0;
    min-width: 0;
    display: block;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance {
    background: radial-gradient(circle at 88% 8%, #ffc21a1a, #0000 32%), #101216;
    margin-bottom: 8px;
    padding: 18px 16px 16px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance-head {
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    display: flex;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance-head p {
    margin: 0;
    font-size: 12px;
    font-weight: 750;
    color: #fffaf08f !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance-head strong {
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    margin-top: 5px;
    font-size: clamp(38px, 11vw, 48px);
    font-weight: 900;
    line-height: 1.05;
    display: flex;
    color: #fffaf0 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance-head strong span {
    letter-spacing: 0;
    font-size: 13px;
    color: #ffc21a !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance-head > svg {
    color: #ffc21a;
    flex: none;
    width: 24px;
    height: 24px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance > label {
    margin-top: 20px;
    display: block;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance > label > span {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 750;
    display: block;
    color: #fffaf099 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance > label > div {
    background: #080a0d;
    border: 1px solid #fffaf024;
    border-radius: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    height: 54px;
    display: grid;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance > label b {
    color: #ffc21a;
    border-right: 1px solid #fffaf01f;
    padding: 0 14px;
    font-size: 12px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance input {
    color: #fffaf0;
    background: none;
    border: 0;
    outline: none;
    min-width: 0;
    height: 52px;
    padding: 0 14px;
    font-size: 18px;
    font-weight: 850;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-balance > label > div:focus-within {
    border-color: #ffc21ab8;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-actions {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 10px;
    margin-top: 10px;
    display: grid;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-actions button {
    white-space: nowrap;
    min-width: 0;
    font-size: 14px;
    height: 50px !important;
    box-shadow: none !important;
    border-radius: 10px !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-actions button:first-child {
    color: #07090c !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-actions button:last-child {
    color: #fffaf0d1 !important;
    background: #fffaf009 !important;
    border-color: #fffaf024 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-actions svg {
    width: 17px;
    height: 17px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-actions button:last-child svg {
    color: #ffc21a;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-notice {
    margin: 12px 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    color: #fffaf0b3 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity {
    background: #101216;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity-head {
    border-bottom: 1px solid #fffaf01a;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 14px 16px;
    display: flex;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity-head h2 {
    letter-spacing: -.015em;
    margin: 0;
    font-size: 17px;
    font-weight: 900;
    color: #fffaf0 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity-head p {
    margin: 3px 0 0;
    font-size: 11px;
    font-weight: 700;
    color: #fffaf07a !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity-head a {
    flex: none;
    align-items: center;
    gap: 2px;
    min-height: 44px;
    font-size: 12px;
    font-weight: 850;
    display: inline-flex;
    color: #ffc21a !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity-head a svg {
    width: 16px;
    height: 16px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity .portal-wallet-mobile-ledger {
    display: block;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-activity .portal-wallet-mobile-ledger article {
    padding: 15px 16px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-empty {
    text-align: center;
    align-content: center;
    place-items: center;
    min-height: 210px;
    padding: 32px 18px;
    display: grid;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-empty svg {
    color: #ffc21acc;
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-empty strong {
    font-size: 14px;
    font-weight: 850;
    color: #fffaf0 !important;
  }

  html:has(.portal-wallet-view) body .portal-wallet-mobile-empty p {
    max-width: 260px;
    margin: 5px 0 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    color: #fffaf07a !important;
  }
}

html:has(.portal-wallet-view) body .portal-wallet-topup-overlay {
  z-index: 5000;
  background: #020407c7;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet {
  color: #fffaf0;
  background: #101216;
  border: 1px solid #fffaf024;
  border-radius: 16px;
  width: min(100%, 480px);
  overflow: hidden;
  box-shadow: 0 24px 64px #0000006b;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet > header {
  border-bottom: 1px solid #fffaf01a;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-height: 86px;
  padding: 20px;
  display: flex;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet h2 {
  letter-spacing: -.025em;
  margin: 0;
  font-size: 21px;
  font-weight: 900;
  color: #fffaf0 !important;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet header p {
  margin: 5px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: #fffaf094 !important;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet header p strong {
  color: #ffc21a !important;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet header button {
  color: #fffaf0c7;
  background: #fffaf00f;
  border: 0;
  border-radius: 10px;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet header button svg {
  width: 20px;
  height: 20px;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods {
  gap: 8px;
  padding: 16px;
  display: grid;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods > button {
  color: #fffaf0;
  text-align: left;
  background: #090b0e;
  border: 1px solid #fffaf01c;
  border-radius: 12px;
  grid-template-columns: 48px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 68px;
  padding: 10px 14px;
  display: grid;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods > button[data-selected="true"] {
  background: #ffc21a12;
  border-color: #ffc21ab8;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-method-icon {
  color: #080a0d;
  background: #fff;
  border-radius: 9px;
  place-items: center;
  width: 48px;
  height: 44px;
  display: grid;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-method-icon svg {
  width: 23px;
  height: 23px;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-method-icon img {
  object-fit: contain;
  width: 38px;
  height: 22px;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods > button:is([data-method="apple_pay"], [data-method="google_pay"]) .portal-wallet-topup-method-icon {
  background: #1b1d21;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods > button > span:nth-child(2) {
  gap: 3px;
  min-width: 0;
  display: grid;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods strong {
  font-size: 14px;
  font-weight: 850;
  color: #fffaf0 !important;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods small {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
  color: #fffaf07a !important;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods i {
  border: 2px solid #fffaf052;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-methods button[data-selected="true"] i {
  border: 5px solid #ffc21a;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet > footer {
  padding: 14px 16px calc(16px + env(safe-area-inset-bottom));
  border-top: 1px solid #fffaf01a;
  gap: 12px;
  display: grid;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet footer p {
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  color: #fffaf085 !important;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet footer p svg {
  color: #ffc21a;
  width: 15px;
  height: 15px;
}

html:has(.portal-wallet-view) body .portal-wallet-topup-sheet footer button {
  min-height: 52px;
  color: #07090c !important;
  box-shadow: none !important;
  background: #ffc21a !important;
  border-radius: 12px !important;
}

@media (max-width: 767px) {
  html:has(.portal-wallet-view) body .portal-wallet-topup-overlay {
    place-items: end center;
    padding: 0;
  }

  html:has(.portal-wallet-view) body .portal-wallet-topup-sheet {
    border-width: 1px 0 0;
    border-radius: 16px 16px 0 0;
    width: 100%;
    max-height: min(620px, 100dvh - 72px);
  }

  html:has(.portal-wallet-view) body .portal-wallet-topup-sheet:before {
    content: "";
    background: #fffaf047;
    border-radius: 999px;
    width: 36px;
    height: 4px;
    margin: 9px auto 0;
    display: block;
  }

  html:has(.portal-wallet-view) body .portal-wallet-topup-sheet > header {
    min-height: 78px;
    padding: 13px 16px 14px;
  }

  html:has(.portal-blue-shell) body .portal-mobile-header {
    isolation: isolate;
    pointer-events: none;
    z-index: 96 !important;
  }

  html:has(.portal-blue-shell) body .portal-mobile-header-actions {
    z-index: 2;
    pointer-events: auto;
    min-width: 0;
    display: flex;
    position: relative;
  }

  html:has(.portal-blue-shell) body :is(.portal-mobile-back-trigger, .portal-mobile-menu-trigger) {
    z-index: 3;
    touch-action: manipulation;
    flex: 0 0 44px;
    min-width: 44px;
    min-height: 44px;
    position: relative;
    pointer-events: auto !important;
  }

  html:has(.portal-blue-shell) body :is(.portal-mobile-title, .portal-mobile-header-balance) {
    pointer-events: none;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list > .divide-y {
    background: #050608;
    gap: 12px;
    padding-block: 12px;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-entry.portal-order-entry .portal-order-card-mobile.portal-order-card-mobile {
    background: #0c0e11 !important;
    border-block: 1px solid #fffaf01a !important;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list > .divide-y {
    background: #1b1d21;
    padding: 0;
    display: block;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list .portal-order-entry.portal-order-entry {
    background: #090b0d;
    margin: 0;
    border: 0 !important;
    border-bottom: 18px solid #1b1d21 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list .portal-order-entry.portal-order-entry + .portal-order-entry.portal-order-entry {
    border-top: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-entry.portal-order-entry .portal-order-card-mobile.portal-order-card-mobile {
    background: #090b0d !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list > .divide-y {
    background: #030405;
    gap: 20px;
    padding-block: 16px 22px;
  }

  html:has(.portal-blue-shell) body .portal-order-entry.portal-order-entry .portal-order-card-mobile.portal-order-card-mobile {
    overflow: hidden;
    background: #0b0d10 !important;
    border: 1px solid #fffaf01c !important;
    border-radius: 14px !important;
    padding: 18px 16px 16px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-platform-badge {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-platform-badge img {
    width: 36px !important;
    height: 36px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers {
    align-content: center;
    gap: 2px;
    min-width: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers p {
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: center;
    gap: 4px;
    min-width: 0;
    min-height: 26px;
    margin: 0;
    display: grid;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers p > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers .portal-order-copy-button {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 7px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-status-line {
    justify-content: flex-end;
    align-items: center;
    min-height: 38px;
    margin: 6px 0 10px;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-status-line .status-badge {
    white-space: nowrap;
    border-radius: 8px;
    min-height: 30px;
    padding-inline: 10px;
    font-size: 10px;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list > .divide-y {
    background: #1b1c1f;
    flex-direction: column;
    gap: 9px;
    padding: 0;
    display: flex;
  }

  html:has(.portal-blue-shell) body .portal-order-list.portal-order-list .portal-order-entry.portal-order-entry {
    background: #0e0e0f;
    border: 0 !important;
  }

  html:has(.portal-blue-shell) body .portal-order-entry.portal-order-entry .portal-order-card-mobile.portal-order-card-mobile {
    background: #0e0e0f !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-head {
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-height: 80px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers {
    gap: 0;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers p {
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 2px;
    min-height: 40px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers p:first-child > span {
    color: #fffaf0;
    font-size: 13px;
    font-weight: 800;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers p:last-child > span {
    color: #fffaf09e;
    font-size: 11px;
    font-weight: 700;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers .portal-order-copy-button.portal-order-copy-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    box-shadow: none !important;
    color: #fffaf094 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 12px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-identifiers .portal-order-copy-button.portal-order-copy-button svg {
    width: 18px !important;
    height: 18px !important;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-status-line {
    min-height: 28px;
    margin: 2px 0 12px;
  }

  html:has(.portal-blue-shell) body .portal-order-mobile-status-line .status-badge.status-badge {
    border-radius: 8px;
    min-height: 28px;
    padding-inline: 10px;
    font-size: 10px;
    line-height: 1;
  }
}

.product-v9-mobile-order-flow, .product-v9-mobile-disclaimer, .product-v9-mobile-price-panel, .product-v9-mobile-source-title, .product-v9-mobile-store-row, .product-v9-mobile-share-trigger {
  display: none;
}

.product-v9-share-layer {
  z-index: 11000;
  background: #000000b8;
  align-items: end;
  display: grid;
  position: fixed;
  inset: 0;
}

.product-v9-share-sheet {
  width: min(100%, 430px);
  padding: 16px 16px calc(18px + env(safe-area-inset-bottom));
  color: #fffaf0;
  background: #0c0e12;
  border: 1px solid #fffaf01f;
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  margin-inline: auto;
  box-shadow: 0 -18px 50px #0006;
}

.product-v9-share-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  display: flex;
}

.product-v9-share-head span {
  color: #ffc21a;
  letter-spacing: .16em;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.product-v9-share-head h2 {
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.product-v9-share-head button {
  color: #fffaf0b8;
  background: none;
  border: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

.product-v9-share-head button svg {
  width: 22px;
  height: 22px;
}

.product-v9-share-product {
  background: #15171b;
  border-radius: 10px;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-top: 12px;
  padding: 10px;
  display: grid;
}

.product-v9-share-product img {
  object-fit: contain;
  background: #f4f2eb;
  border-radius: 8px;
  width: 64px;
  height: 64px;
}

.product-v9-share-product div {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.product-v9-share-product strong {
  color: #fffaf0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  overflow: hidden;
}

.product-v9-share-product span {
  color: #fffaf094;
  font-size: 11px;
  font-weight: 700;
}

.product-v9-share-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.product-v9-share-actions button {
  color: #fffaf0;
  background: #111318;
  border: 1px solid #fffaf024;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

.product-v9-share-actions button:first-child {
  color: #07090c;
  background: #ffc21a;
  border-color: #ffc21a57;
}

.product-v9-share-actions button[data-copied="true"] {
  color: #ffc21a;
}

.product-v9-share-actions svg {
  width: 18px;
  height: 18px;
}

.product-v9-share-socials {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin-top: 14px;
  display: grid;
}

.product-v9-share-socials button {
  color: #fffaf0c7;
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 76px;
  font-size: 10px;
  font-weight: 750;
  display: flex;
}

.product-v9-social-mark {
  object-fit: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: block;
  box-shadow: inset 0 1px #ffffff3d;
}

html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-mobile-store-row.product-v9-mobile-store-row {
  display: none !important;
}

@media (max-width: 767px) {
  html:has(main.product-page-v9) body:has(main.product-page-v9) > #prvbuy-global-header.cd-header .mobile-sticky-link-bar.mobile-sticky-link-bar {
    flex: none !important;
    width: calc(100vw - 192px) !important;
    min-width: 0 !important;
    max-width: none !important;
    transform: translateX(-52px) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) > .product-v9-mobile-share-trigger {
    z-index: 10001;
    color: #fffaf0;
    background: #11151a;
    border: 1px solid #fffaf024;
    border-radius: 10px;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: grid;
    position: fixed;
    top: 8px;
    right: 12px;
    box-shadow: 0 8px 22px #00000047;
  }

  .product-v9-mobile-share-trigger svg {
    width: 20px;
    height: 20px;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-card {
    background: #07090c !important;
    border-radius: 0 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-head.product-v9-purchase-head {
    padding: 0 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title-block.product-v9-title-block {
    gap: 2px !important;
    padding: 4px 2px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-mobile-price-panel {
    gap: 2px;
    margin-top: 0;
    display: grid;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-mobile-source-title {
    grid-template-columns: 44px 28px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-top: 0;
    padding: 0;
    display: grid;
  }

  .product-v9-mobile-copy-source {
    color: #07090c;
    background: none;
    border: 0;
    border-radius: 0;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: grid;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-copy-source.product-v9-mobile-copy-source {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  .product-v9-mobile-copy-source svg {
    box-sizing: border-box;
    background: #ffc21a;
    border-radius: 6px;
    width: 28px;
    height: 28px;
    padding: 5px;
    color: currentColor !important;
    stroke: currentColor !important;
  }

  .product-v9-mobile-copy-source[data-copied="true"] {
    color: #07090c;
    box-shadow: none;
    background: none;
  }

  .product-v9-mobile-copy-source[data-copied="true"] svg {
    box-shadow: inset 0 0 0 2px #fffaf0d1;
  }

  .product-v9-mobile-source-title > img {
    object-fit: contain;
    border-radius: 6px;
    width: 28px;
    min-width: 28px;
    height: 28px;
  }

  .product-v9-mobile-title-toggle {
    color: #fffaf0;
    text-align: left;
    background: none;
    border: 0;
    grid-template-columns: minmax(0, 1fr) 24px;
    align-items: center;
    gap: 6px;
    min-width: 0;
    min-height: 44px;
    padding: 0;
    display: grid;
  }

  .product-v9-mobile-title-toggle strong {
    letter-spacing: -.015em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.25;
    display: -webkit-box;
    overflow: hidden;
    color: #fffaf0 !important;
  }

  .product-v9-mobile-title-toggle svg {
    color: #fffaf0b8;
    width: 20px;
    height: 20px;
    transition: transform .18s ease-out;
  }

  .product-v9-mobile-source-title[data-expanded="true"] .product-v9-mobile-title-toggle strong {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
  }

  .product-v9-mobile-source-title[data-expanded="true"] .product-v9-mobile-title-toggle svg {
    transform: rotate(180deg);
  }

  .product-v9-mobile-price-line {
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 44px;
    display: flex;
  }

  .product-v9-mobile-price-line > strong {
    letter-spacing: -.025em;
    background: none;
    border-radius: 0;
    flex: none;
    align-items: center;
    min-height: 44px;
    padding: 0;
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
    display: inline-flex;
    color: #ffc21a !important;
    -webkit-text-fill-color: #ffc21a !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-price-line > strong {
    color: #ffc21a !important;
    -webkit-text-fill-color: #ffc21a !important;
  }

  .product-v9-mobile-price-line > b {
    letter-spacing: -.02em;
    white-space: nowrap;
    align-items: center;
    min-width: 0;
    height: 44px;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    display: inline-flex;
    color: #fffaf0 !important;
  }

  .product-v9-mobile-price-line button, .product-v9-mobile-shipping-line button {
    color: #fffaf0a8;
    background: none;
    border: 0;
    align-self: center;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: grid;
  }

  .product-v9-mobile-price-line button svg, .product-v9-mobile-shipping-line button svg {
    width: 17px;
    height: 17px;
  }

  .product-v9-mobile-shipping-line {
    color: #fffaf0;
    grid-template-columns: auto auto 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    display: grid;
  }

  .product-v9-mobile-shipping-line strong {
    white-space: nowrap;
    align-items: center;
    height: 44px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    display: inline-flex;
  }

  .product-v9-mobile-shipping-line span {
    color: #fffaf0c7;
    white-space: nowrap;
    align-items: center;
    height: 44px;
    font-size: 12px;
    line-height: 1;
    display: inline-flex;
  }

  .product-v9-mobile-shipping-line input {
    color: #fffaf0;
    background: none;
    border: 0;
    border-bottom: 1px solid #0000;
    border-radius: 0;
    outline: none;
    width: 44px;
    min-width: 0;
    height: 44px;
    padding: 0;
    font-size: 12px;
    font-weight: 800;
    line-height: 44px;
  }

  .product-v9-mobile-shipping-line input:focus {
    border-bottom-color: #ffc21a;
  }

  .product-v9-mobile-price-panel > p {
    max-width: 350px;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
    color: #fffaf085 !important;
  }

  :is(html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price-row, html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping) {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-price {
    font-size: 30px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-converted {
    font-size: 16px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-store-row.product-v9-store-row {
    border-block: 1px solid #fffaf01a;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 2px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping.product-v9-domestic-shipping {
    background: #07090c !important;
    border-bottom: 1px solid #fffaf01a !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 7px 0 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-domestic-shipping > div:first-child span {
    margin-top: 2px;
    line-height: 1.25;
    color: #fffaf075 !important;
    font-size: 9px !important;
    display: block !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-purchase-head > .product-v9-store-row {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-mobile-store-row.product-v9-mobile-store-row {
    position: relative;
    min-height: 48px !important;
    box-shadow: none !important;
    background: #07090c !important;
    border: 0 !important;
    margin: 10px 0 18px !important;
    padding: 2px !important;
    display: flex !important;
  }

  .product-v9-mobile-store-row:before, .product-v9-mobile-store-row:after {
    content: "";
    pointer-events: none;
    background: #1b1c1f;
    height: 10px;
    position: absolute;
    left: -14px;
    right: -14px;
  }

  .product-v9-mobile-store-row:before {
    top: -10px;
  }

  .product-v9-mobile-store-row:after {
    bottom: -10px;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-order-flow.product-v9-mobile-order-flow {
    gap: 7px;
    position: relative;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 10px 0 0 !important;
    padding: 9px !important;
    display: grid !important;
  }

  .product-v9-mobile-order-flow:before {
    display: none;
  }

  .product-v9-mobile-flow-stages, .product-v9-mobile-order-flow ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    display: grid;
  }

  .product-v9-mobile-flow-stages strong {
    min-height: 32px;
    box-shadow: none;
    color: #fffaf0;
    text-align: center;
    background: none;
    border: 0;
    place-items: center;
    font-size: 11px;
    font-weight: 850;
    display: grid;
    -webkit-text-fill-color: #fffaf0 !important;
  }

  .product-v9-mobile-flow-stages strong:first-child, .product-v9-mobile-flow-stages strong:last-child {
    clip-path: none;
  }

  .product-v9-mobile-flow-stages strong:after {
    display: none;
  }

  .product-v9-mobile-order-flow ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    position: relative;
  }

  .product-v9-mobile-order-flow ol:before {
    content: "";
    background: #ffc21a;
    height: 2px;
    position: absolute;
    top: 4px;
    left: 16%;
    right: 16%;
  }

  .product-v9-mobile-order-flow li {
    text-align: center;
    font-size: 10px;
    font-weight: 750;
    position: relative;
    color: #fffaf0c2 !important;
    -webkit-text-fill-color: #fffaf0c2 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-order-flow.product-v9-mobile-order-flow li {
    color: #fffaf0c2 !important;
    -webkit-text-fill-color: #fffaf0c2 !important;
  }

  .product-v9-mobile-order-flow li:before {
    content: "";
    background: #ffc21a;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
  }

  .product-v9-mobile-order-flow p {
    text-align: center;
    background: #fff7e4;
    border-radius: 7px;
    margin: 0;
    padding: 7px 8px;
    font-size: 10px;
    font-weight: 750;
    color: #8a5a00 !important;
    -webkit-text-fill-color: #8a5a00 !important;
  }

  .product-v9-mobile-free-qc {
    text-align: center;
    background: #ffc21a14;
    border: 1px solid #ffc21a47;
    border-radius: 7px;
    align-content: center;
    gap: 1px;
    min-height: 42px;
    padding: 5px 8px;
    display: grid;
  }

  .product-v9-mobile-free-qc strong {
    font-size: 11px;
    font-weight: 950;
    line-height: 1.2;
    color: #ffc21a !important;
    -webkit-text-fill-color: #ffc21a !important;
  }

  .product-v9-mobile-free-qc span {
    font-size: 9px;
    font-weight: 650;
    line-height: 1.2;
    color: #fffaf0a8 !important;
    -webkit-text-fill-color: #fffaf0a8 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-order-flow.product-v9-mobile-order-flow .product-v9-mobile-free-qc strong {
    color: #ffc21a !important;
    -webkit-text-fill-color: #ffc21a !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-order-flow.product-v9-mobile-order-flow .product-v9-mobile-free-qc span {
    color: #fffaf0a8 !important;
    -webkit-text-fill-color: #fffaf0a8 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-mobile-order-flow.product-v9-mobile-order-flow p {
    color: #8a5a00 !important;
    -webkit-text-fill-color: #8a5a00 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-disclaimer-block {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9.product-page-v9) .product-v9-mobile-purchase-bar.product-v9-mobile-purchase-bar {
    height: calc(102px + env(safe-area-inset-bottom)) !important;
    min-height: calc(102px + env(safe-area-inset-bottom)) !important;
    max-height: calc(102px + env(safe-area-inset-bottom)) !important;
    padding: 0 12px calc(10px + env(safe-area-inset-bottom)) !important;
    background: #07090cfa !important;
    grid-template-rows: 34px 52px !important;
    grid-template-columns: 52px 68px minmax(104px, 1fr) minmax(88px, .86fr) !important;
    gap: 0 8px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-mobile-disclaimer {
    color: #fffaf0ad;
    grid-column: 1 / -1;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 44px;
    margin-block: -5px;
    font-size: 11px;
    font-weight: 650;
    display: flex;
  }

  .product-v9-mobile-disclaimer input {
    accent-color: #ffc21a;
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin: 0;
  }

  .product-v9-mobile-disclaimer span {
    min-width: 0;
    line-height: 1.35;
  }

  .product-v9-mobile-disclaimer strong {
    color: #ffc21a;
    font-weight: 850;
  }

  .product-v9-mobile-disclaimer[data-error="true"] {
    color: #fffaf0;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) .product-v9-mobile-purchase-price {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 {
    padding-top: 64px !important;
    padding-bottom: calc(132px + env(safe-area-inset-bottom)) !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-stage {
    padding-top: 8px !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9 .product-v9-grid {
    padding-top: 0 !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-domestic-shipping.product-v9-domestic-shipping {
    display: none !important;
  }

  html:has(.product-page-v9) body:has(.product-page-v9) main.product-page-v9.product-page-v9 .product-v9-title.product-v9-title {
    display: none !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-card, .portal-parcels-warehouse-panel, .portal-parcels-list-panel, .portal-after-sales-list, .portal-rehearsal-list) {
    box-shadow: none !important;
    background: #030605ad !important;
    border: 1px solid #fffaf02e !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-filters, .portal-after-sales-list-toolbar, .portal-parcels-desktop-toolbar, .portal-parcels-mobile-filter, .portal-rehearsal-list > .portal-list-toolbar) {
    background: none !important;
    border-bottom: 2px solid #fffaf03d !important;
    padding: 22px 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-card, .portal-parcels-warehouse-panel) > div[class*="hidden"][class*="border-b"] {
    color: #ffc21a !important;
    background: #ffc21a0b !important;
    border-bottom: 2px solid #fffaf03d !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-card, .portal-parcels-warehouse-panel, .portal-parcels-list-panel, .portal-after-sales-list, .portal-rehearsal-list) > div[class*="divide-y"] {
    background: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-item, .portal-parcel-card, .portal-after-sales-case, .portal-rehearsal-item) {
    background: radial-gradient(circle at 92% 16%, #ffc21a0b, #0000 18rem), #00000014 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #fffaf02e !important;
    padding: 30px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-item, .portal-parcel-card, .portal-after-sales-case, .portal-rehearsal-item) + :is(.portal-warehouse-item, .portal-parcel-card, .portal-after-sales-case, .portal-rehearsal-item) {
    border-top: 1px solid #fffaf01f !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-item-head, .portal-parcel-desktop-card-content > div:first-child, .portal-after-sales-case-head, .portal-rehearsal-head) {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-order-meta span, .portal-parcel-desktop-card-content > div:first-child span:first-child, .portal-after-sales-case-head span:first-child, .portal-rehearsal-head > span:first-child) {
    color: #ffc21a !important;
    font-weight: 900 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-order-meta span.text-prv-muted, .portal-parcel-desktop-card-content > div:first-child span.text-prv-muted, .portal-after-sales-case-head span.text-prv-muted, .portal-rehearsal-head small) {
    color: #fffaf09e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-product, .portal-parcels-warehouse-panel article > div:nth-child(2), .portal-after-sales-case .portal-mini-product-row, .portal-rehearsal-products .portal-mini-product-row) {
    align-items: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-product h3, .portal-parcel-card h3, .portal-after-sales-case h3, .portal-rehearsal-products h3) {
    color: #fffaf0 !important;
    font-weight: 950 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-product p:first-child, .portal-warehouse-product p:nth-of-type(2), .portal-warehouse-product p:nth-of-type(3), .portal-parcel-card .portal-mini-product-row p, .portal-after-sales-case .portal-mini-product-row p, .portal-rehearsal-products .portal-mini-product-row p) {
    color: #ffc21ad1 !important;
    font-weight: 800 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-package, .portal-warehouse-storage, .portal-parcel-desktop-card-content div[class*="rounded"][class*="border"], .portal-after-sales-case-next, .portal-rehearsal-next) {
    box-shadow: none !important;
    background: #fffaf006 !important;
    border: 1px solid #fffaf029 !important;
    border-radius: 6px !important;
    padding: 16px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-package p:first-child, .portal-parcel-desktop-card-content div[class*="rounded"][class*="border"] p:first-child, .portal-after-sales-mobile-label, .portal-rehearsal-note svg) {
    color: #fffaf08c !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-package span, .portal-warehouse-storage p:first-child, .portal-parcel-desktop-card-content div[class*="rounded"][class*="border"] p:nth-of-type(2), .portal-parcel-desktop-card-content div[class*="rounded"][class*="border"] p:last-child, .portal-after-sales-case-type, .portal-after-sales-case-next p:nth-of-type(3), .portal-rehearsal-products .portal-mini-product-row > div:last-child p:last-child) {
    font-variant-numeric: tabular-nums;
    color: #ffc21a !important;
    font-weight: 900 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-qc, .portal-parcels-inline-actions, .portal-after-sales-case-next, .portal-rehearsal-next) {
    background: #ffc21a06 !important;
    border-color: #ffc21a29 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-qc > p, .portal-after-sales-case-next p:first-child) {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-actions, .portal-parcel-desktop-card-content div[class*="rounded"][class*="border"] .grid, .portal-after-sales-case-actions, .portal-rehearsal-actions) {
    text-align: center !important;
    place-items: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-action-detail, .portal-parcel-secondary-action, .portal-after-sales-case-primary, .portal-after-sales-case-actions a[href*="/orders/"], .portal-rehearsal-actions button) {
    color: #fffaf0 !important;
    text-align: center !important;
    background: none !important;
    border: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-action-detail, .portal-parcel-secondary-action, .portal-after-sales-case-primary, .portal-after-sales-case-actions a[href*="/orders/"], .portal-rehearsal-actions button):hover {
    color: #ffc21a !important;
    text-underline-offset: 4px !important;
    text-decoration: underline !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-action-service, .portal-warehouse-action-renewal, .portal-warehouse-product-assist button) {
    color: #fffaf09e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-parcels-inline-actions a, .portal-rehearsal-actions > a:first-child) {
    color: #070806 !important;
    background: #ffc21a !important;
    border-radius: 8px !important;
    min-height: 44px !important;
    box-shadow: 0 16px 34px #ffc21a29 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-inline-actions, .portal-parcels-inline-actions) {
    background: #00000029 !important;
    border-top: 2px solid #fffaf03d !important;
  }
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list :is(.portal-order-mobile-identifiers, .portal-order-mobile-product-id) .portal-order-copy-button.portal-order-copy-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    box-shadow: none !important;
    color: #fffaf094 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 12px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list :is(.portal-order-mobile-identifiers, .portal-order-mobile-product-id) .portal-order-copy-button.portal-order-copy-button svg {
    width: 18px !important;
    height: 18px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-mobile-status-line.portal-order-mobile-status-line {
    min-height: 28px !important;
    margin: 2px 0 12px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-mobile-status-line .status-badge.status-badge {
    border-radius: 8px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding-block: 0 !important;
    padding-inline: 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-mobile-identifiers p:first-child > span {
    color: #fffaf0d1 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-mobile-product-id > span {
    color: #fffaf0c2 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list :is(.portal-order-mobile-summary-row, .portal-order-mobile-total-toggle) > span:first-child {
    color: #fffaf0b8 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-card-mobile.portal-order-card-mobile .portal-order-mobile-product-no.portal-order-mobile-product-no .portal-order-mobile-product-id.portal-order-mobile-product-id > span {
    color: #fffaf0c2 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-card-mobile.portal-order-card-mobile :is(.portal-order-mobile-summary-row.portal-order-mobile-summary-row, .portal-order-mobile-total-toggle.portal-order-mobile-total-toggle, .portal-order-mobile-price-details.portal-order-mobile-price-details > span) {
    color: #fffaf0bd !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-card-mobile.portal-order-card-mobile :is(.portal-order-mobile-summary-row.portal-order-mobile-summary-row, .portal-order-mobile-price-details.portal-order-mobile-price-details > span) strong {
    color: #fffaf0d1 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-card-mobile.portal-order-card-mobile .portal-order-mobile-total-toggle.portal-order-mobile-total-toggle strong {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-list.portal-order-list .portal-order-card-mobile.portal-order-card-mobile :is(.portal-order-mobile-summary-row.portal-order-mobile-summary-row > span, .portal-order-mobile-total-toggle.portal-order-mobile-total-toggle > span:first-child, .portal-order-mobile-price-details.portal-order-mobile-price-details > span > span) {
    color: #fffaf0b8 !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-parcels-view, .portal-rehearsal-view) > .portal-account-intro {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-warehouse-panel {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-desktop-table-head {
    color: #ffc21a;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: #ffc21a0e;
    border-bottom: 2px solid #fffaf03d;
    grid-template-columns: minmax(360px, 1.35fr) minmax(150px, .7fr) minmax(180px, .8fr) minmax(150px, .7fr) minmax(150px, .6fr);
    align-items: center;
    min-height: 56px;
    padding: 0 30px;
    font-size: 12px;
    font-weight: 950;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcel-desktop-grid.portal-parcel-desktop-grid {
    grid-template-columns: minmax(360px, 1.35fr) minmax(150px, .7fr) minmax(180px, .8fr) minmax(150px, .7fr) minmax(150px, .6fr) !important;
    align-items: center !important;
    gap: 26px !important;
    margin-top: 24px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcel-products .portal-mini-product-row.portal-mini-product-row {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcel-products .portal-mini-product-row > div:last-child {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-body.portal-rehearsal-body {
    border-top: 1px solid #fffaf024 !important;
    grid-template-columns: minmax(0, 1fr) 240px !important;
    gap: 28px !important;
    width: 100% !important;
    padding-top: 22px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-next.portal-rehearsal-next {
    background: none !important;
    border: 0 !important;
    border-left: 1px solid #fffaf029 !important;
    border-radius: 0 !important;
    padding: 0 0 0 22px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel {
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcels-desktop-table-head.portal-parcels-desktop-table-head, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-grid.portal-parcel-desktop-grid) {
    box-sizing: border-box !important;
    grid-template-columns: minmax(520px, 1.55fr) minmax(210px, .62fr) minmax(270px, .78fr) minmax(260px, .72fr) minmax(180px, .5fr) !important;
    column-gap: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcels-desktop-table-head.portal-parcels-desktop-table-head {
    align-items: center !important;
    min-height: 72px !important;
    padding: 0 34px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcels-desktop-table-head > span {
    text-align: left !important;
    justify-self: start !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcels-desktop-table-head > span:nth-child(4), html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcels-desktop-table-head > span:nth-child(5)) {
    text-align: center !important;
    justify-self: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-card.portal-parcel-card {
    padding: 32px 34px 36px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-meta.portal-parcel-desktop-meta {
    grid-template-columns: minmax(520px, 1.55fr) minmax(210px, .62fr) minmax(270px, .78fr) minmax(260px, .72fr) minmax(180px, .5fr) !important;
    align-items: center !important;
    column-gap: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 30px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-meta > span:first-child {
    grid-column: 1 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-meta > span:nth-child(2) {
    grid-column: 2 / 4 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-meta > span:nth-child(3) {
    grid-column: 4 / 6 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-grid.portal-parcel-desktop-grid {
    align-items: center !important;
    margin-top: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-desktop-grid > * {
    min-width: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-products .portal-mini-product-row.portal-mini-product-row {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 22px !important;
    min-height: 104px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-products .portal-mini-product-row > div:first-child {
    width: 96px !important;
    height: 96px !important;
    box-shadow: none !important;
    background: #fffaf00b !important;
    border: 1px solid #fffaf038 !important;
    border-radius: 4px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-products .portal-mini-product-row > div:first-child img {
    object-fit: contain !important;
    padding: 10px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-products .portal-mini-product-row > div:last-child {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel :is(.portal-parcel-services, .portal-parcel-shipping, .portal-parcel-status-block, .portal-parcel-actions) {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    place-self: center stretch !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-status-block.portal-parcel-status-block {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-status-block > span:not(.status-badge) {
    text-align: center !important;
    max-width: 230px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-actions.portal-parcel-actions {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    display: flex !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-actions > :is(a, button), html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-payment-actions > :is(a, button)) {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    width: 136px !important;
    min-width: 136px !important;
    min-height: 42px !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-secondary-action.portal-parcel-secondary-action, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-help-action.portal-parcel-help-action) {
    color: #fffaf0 !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-help-action.portal-parcel-help-action {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-help-action svg {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-payment-actions.portal-parcel-payment-actions {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 136px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-payment-actions > button {
    color: #fffaf0c2 !important;
    background: #fffaf00a !important;
    border: 1px solid #fffaf033 !important;
    border-radius: 8px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-list-panel.portal-parcels-list-panel .portal-parcel-payment-actions > a {
    color: #060704 !important;
    background: #ffc21a !important;
    border: 1px solid #ffc21ad9 !important;
    border-radius: 8px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-list.portal-rehearsal-list {
    box-shadow: none !important;
    background: radial-gradient(circle at 86% 0, #ffc21a14, #0000 30%), #050806c7 !important;
    border: 1px solid #fffaf02e !important;
    border-radius: 2px !important;
    overflow: hidden !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-list .portal-rehearsal-table-head.portal-rehearsal-table-head, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-list .portal-rehearsal-row-grid.portal-rehearsal-row-grid) {
    box-sizing: border-box !important;
    grid-template-columns: minmax(230px, .56fr) minmax(520px, 1.5fr) minmax(300px, .78fr) minmax(180px, .5fr) !important;
    column-gap: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-list .portal-rehearsal-table-head.portal-rehearsal-table-head {
    color: #fffaf0a8 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    background: #ffc21a14 !important;
    border-top: 1px solid #fffaf014 !important;
    border-bottom: 2px solid #fffaf038 !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 0 34px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-list .portal-rehearsal-table-head > span:nth-child(3), html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-list .portal-rehearsal-table-head > span:nth-child(4)) {
    text-align: center !important;
    justify-self: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-item.portal-rehearsal-item {
    background: none !important;
    border-top: 1px solid #fffaf024 !important;
    border-bottom: 1px solid #fffaf014 !important;
    padding: 32px 34px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-row-grid.portal-rehearsal-row-grid {
    align-items: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-row-grid > * {
    min-width: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-head.portal-rehearsal-head {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    align-items: center !important;
    min-height: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-head small {
    color: #fffaf094 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    display: block !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-head span {
    color: #ffc21a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-products.portal-rehearsal-products {
    gap: 16px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-products .portal-mini-product-row.portal-mini-product-row {
    min-height: 96px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: 96px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-products .portal-mini-product-row > div:first-child {
    width: 96px !important;
    height: 96px !important;
    box-shadow: none !important;
    background: #fffaf00b !important;
    border: 1px solid #fffaf038 !important;
    border-radius: 4px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-products .portal-mini-product-row h3 {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-products .portal-mini-product-row p:first-child {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-next.portal-rehearsal-next {
    text-align: center !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 112px !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-note.portal-rehearsal-note {
    max-width: 260px !important;
    display: block !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-note svg {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-note p {
    color: #fffaf09e !important;
    text-align: center !important;
    line-height: 1.45 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-actions.portal-rehearsal-actions {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-actions > :is(a, button) {
    text-align: center !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 144px !important;
    min-width: 144px !important;
    min-height: 42px !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-actions > a:first-child {
    color: #060704 !important;
    background: #ffc21a !important;
    border: 1px solid #ffc21ad9 !important;
    font-weight: 950 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-actions > button {
    color: #fffaf0 !important;
    background: #fffaf00d !important;
    border: 1px solid #fffaf033 !important;
    font-weight: 950 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-actions .portal-rehearsal-help-action.portal-rehearsal-help-action {
    color: #ffc21a !important;
    background: none !important;
    border: 0 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-actions .portal-rehearsal-help-action svg {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-toolbar {
    margin-bottom: 6px;
  }

  html:has(.portal-blue-shell) body .portal-orders-view .portal-orders-app-tabs {
    margin-top: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-order-card-mobile.portal-order-card-mobile .portal-order-mobile-product.portal-order-mobile-product h3 {
    letter-spacing: 0 !important;
    word-spacing: .14em !important;
  }

  :is(html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-summary-row, html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-total-toggle) {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    color: inherit;
    text-align: left;
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.35;
    display: flex !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-summary-row > strong {
    text-align: right;
    min-width: 0;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-total-toggle > span:last-child {
    text-align: right;
    min-width: 0;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-total-toggle > span:last-child {
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    display: inline-flex;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-total-toggle svg {
    flex: none;
    width: 18px;
    height: 18px;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-price-details {
    gap: 0;
    padding-bottom: 4px;
    display: grid !important;
  }

  html:has(.portal-blue-shell) body .portal-order-card-mobile .portal-order-mobile-price-details > span {
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 36px;
    font-size: 12px;
    display: flex;
  }

  .portal-rehearsal-table-head {
    display: none !important;
  }

  .portal-rehearsal-row-grid {
    gap: 18px !important;
    display: grid !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-card.portal-warehouse-card {
    box-shadow: none !important;
    background: radial-gradient(circle at 86% 0, #ffc21a14, #0000 30%), #050806c7 !important;
    border: 1px solid #fffaf02e !important;
    border-radius: 2px !important;
    overflow: hidden !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head.portal-warehouse-table-head, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item-body.portal-warehouse-item-body) {
    box-sizing: border-box !important;
    grid-template-columns: minmax(520px, 1.28fr) minmax(220px, .52fr) minmax(380px, .86fr) minmax(170px, .42fr) !important;
    column-gap: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head.portal-warehouse-table-head {
    color: #fffaf0a8 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    background: #ffc21a14 !important;
    border-top: 1px solid #fffaf014 !important;
    border-bottom: 2px solid #fffaf038 !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 0 34px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head > span {
    grid-column: auto !important;
    display: block !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head > span:nth-child(3), html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head > span:nth-child(4)) {
    text-align: center !important;
    justify-self: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-card > div.divide-y {
    background: #020504c2 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item.portal-warehouse-item {
    background: none !important;
    border-top: 1px solid #fffaf024 !important;
    border-bottom: 1px solid #fffaf014 !important;
    padding: 32px 34px !important;
    display: block !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item-body.portal-warehouse-item-body {
    align-items: center !important;
    gap: 34px !important;
    margin-top: 26px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item-body > * {
    min-width: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item-head.portal-warehouse-item-head {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-order-meta.portal-warehouse-order-meta {
    color: #ffc21a !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px 18px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-order-meta > input {
    accent-color: #ffc21a !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-order-meta .portal-platform-badge {
    border-radius: 8px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-order-meta span {
    color: #ffc21a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-order-meta span.text-prv-muted {
    color: #fffaf09e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-product.portal-warehouse-product {
    min-height: 96px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-product-image.portal-warehouse-product-image {
    width: 96px !important;
    height: 96px !important;
    box-shadow: none !important;
    background: #fffaf00b !important;
    border: 1px solid #fffaf038 !important;
    border-radius: 4px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-product p:first-child {
    color: #ffc21a !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-product h3 {
    color: #fffaf0 !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-product p:last-child {
    color: #ffc21a !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package.portal-warehouse-package {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package > p:first-child {
    color: #fffaf094 !important;
    font-size: 11px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 16px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package span {
    color: #ffc21a !important;
    font-weight: 900 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package > p:last-child {
    color: #ffc21a !important;
    font-weight: 900 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package > p:not(:first-child):not(:last-child) {
    color: #fffaf09e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-storage.portal-warehouse-storage {
    text-align: center !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-storage > p {
    margin: 0 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-storage > p:first-of-type, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-storage > p:last-of-type) {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-qc.portal-warehouse-qc {
    background: none !important;
    border: 0 !important;
    border-top: 1px solid #fffaf01f !important;
    border-radius: 0 !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 14px 0 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-qc > p {
    color: #fffaf0 !important;
    text-align: center !important;
    font-size: 13px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-qc > div {
    justify-content: center !important;
    gap: 8px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-qc button {
    width: 44px !important;
    height: 44px !important;
    box-shadow: none !important;
    border: 1px solid #fffaf02e !important;
    border-radius: 4px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-qc .portal-qc-viewer-entry.portal-qc-viewer-entry {
    color: #ffc21a !important;
    background: #ffc21a14 !important;
    border: 1px solid #ffc21a61 !important;
    border-radius: 8px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-actions.portal-warehouse-actions {
    text-align: center !important;
    border: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-actions > :is(a, button) {
    text-align: center !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 144px !important;
    min-width: 144px !important;
    min-height: 42px !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-detail.portal-warehouse-action-detail {
    color: #fffaf0 !important;
    background: #fffaf00d !important;
    border: 1px solid #fffaf033 !important;
    font-weight: 950 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-service.portal-warehouse-action-service, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-renewal.portal-warehouse-action-renewal) {
    color: #ffc21a !important;
    background: #ffc21a12 !important;
    border: 1px solid #ffc21a4d !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-help.portal-warehouse-action-help {
    color: #ffc21a !important;
    background: none !important;
    border: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-help svg {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-inline-actions.portal-warehouse-inline-actions {
    background: #ffc21a0a !important;
    border-top: 2px solid #fffaf038 !important;
    padding: 18px 34px !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-table-head.portal-after-sales-table-head, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-row-grid.portal-after-sales-row-grid) {
    grid-template-columns: minmax(245px, .58fr) minmax(430px, 1.08fr) minmax(150px, .34fr) minmax(360px, .82fr) minmax(170px, .38fr) !important;
    column-gap: 34px !important;
    width: 100% !important;
    display: grid !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-table-head.portal-after-sales-table-head, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head.portal-warehouse-table-head) {
    color: #fffaf0ad !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    background: #ffc21a14 !important;
    border-top: 1px solid #fffaf01a !important;
    border-bottom: 2px solid #fffaf03d !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 0 34px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-items.portal-after-sales-items {
    background: #020504c7 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-card > div.divide-y {
    background: #020504c7 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-case.portal-after-sales-case, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item.portal-warehouse-item) {
    background: none !important;
    border-top: 1px solid #fffaf024 !important;
    border-bottom: 1px solid #fffaf01a !important;
    padding: 30px 34px !important;
    display: block !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-row-grid.portal-after-sales-row-grid, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-item-body.portal-warehouse-item-body) {
    align-items: center !important;
    margin-top: 0 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-case-head.portal-after-sales-case-head, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-case-next.portal-after-sales-case-next, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package.portal-warehouse-package, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-storage.portal-warehouse-storage) {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case, .portal-warehouse-item) :is(.portal-mini-product-row, .portal-warehouse-product) {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case, .portal-warehouse-item) h3 {
    color: #fffaf0 !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-amount.portal-after-sales-amount {
    text-align: center !important;
    justify-items: center !important;
    gap: 8px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-amount p {
    color: #fffaf094 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-amount strong {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case, .portal-warehouse-item) :is(.portal-mini-product-row, .portal-warehouse-product) p:first-child {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case, .portal-warehouse-item) :is(.portal-mini-product-row, .portal-warehouse-product) p:last-child {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-case-type.portal-after-sales-case-type {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package span {
    color: #ffc21a !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-package.portal-warehouse-package, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-storage.portal-warehouse-storage) {
    border-left: 1px solid #fffaf01f !important;
    justify-content: center !important;
    align-self: stretch !important;
    padding-left: 30px !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-case-actions.portal-after-sales-case-actions, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-actions.portal-warehouse-actions) {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-case-actions > * {
    text-align: center !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 148px !important;
    min-width: 148px !important;
    min-height: 42px !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-actions > :is(a, button) {
    text-align: center !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 148px !important;
    min-width: 148px !important;
    min-height: 42px !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-help-link.portal-after-sales-help-link, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-help.portal-warehouse-action-help) {
    color: #ffc21a !important;
    background: none !important;
    border: 0 !important;
    font-weight: 950 !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-help-link svg, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-action-help svg) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-view.portal-orders-view .portal-orders-app-toolbar.portal-orders-app-toolbar > label > input {
    height: 42px !important;
    min-height: 42px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-view .portal-orders-panel > div:first-child {
    background: radial-gradient(circle at 82% 0, #ffc21a14, #0000 22rem), #070906c7 !important;
    border-bottom: 2px solid #fffaf03d !important;
    padding: 28px 32px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-view :is(.portal-orders-app-toolbar, .portal-orders-app-tabs, .portal-orders-mobile-filter-trigger, .portal-order-tabs, .portal-order-search) {
    display: none !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-desktop-filter {
    gap: 26px !important;
    width: 100% !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-desktop-tabs {
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 18px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-desktop-tabs > button {
    color: #fffaf0a8 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    min-width: 128px !important;
    min-height: 54px !important;
    box-shadow: none !important;
    background: #fffaf00e !important;
    border: 1px solid #fffaf024 !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 26px !important;
    font-size: 17px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-desktop-tabs > button[aria-selected="true"] {
    color: #090a06 !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
    font-weight: 900 !important;
    box-shadow: 0 18px 44px #ffc21a2e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-desktop-search {
    grid-template-columns: minmax(520px, .95fr) minmax(420px, 1fr) 174px !important;
    align-items: center !important;
    gap: 24px !important;
    display: grid !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-date-range, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-keyword-field) {
    color: #fffaf0db !important;
    background: #fffaf00f !important;
    border: 1px solid #fffaf024 !important;
    border-radius: 10px !important;
    min-height: 64px !important;
    box-shadow: inset 0 1px #ffffff0b !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-date-range {
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 22px !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 22px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-date-range > label {
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-keyword-field {
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-keyword-field {
    padding: 0 24px !important;
  }

  :is(html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-date-range span, html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-keyword-field span) {
    color: #fffaf08a !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    flex: none !important;
    font-size: 16px !important;
    font-weight: 760 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-date-range > span[aria-hidden="true"] {
    color: #fffaf06b !important;
    justify-self: center !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-date-range svg {
    color: #fffaf094 !important;
    width: 21px !important;
    height: 21px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-orders-date-range, .portal-orders-keyword-field) input {
    color: #fffaf0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-orders-date-range, .portal-orders-keyword-field) input::placeholder {
    color: #fffaf070 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-search-submit {
    color: #090a06 !important;
    background: #ffc21a !important;
    border: 1px solid #ffc21a !important;
    border-radius: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 64px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    box-shadow: 0 18px 46px #ffc21a33 !important;
  }
}

@media (max-width: 767px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-orders-desktop-filter {
    display: none !important;
  }
}

@media (min-width: 768px) {
  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-desktop-sidebar {
    background: linear-gradient(#121411f5, #080a08fa) !important;
    border-color: #fffaf024 !important;
    box-shadow: 0 26px 80px #0000003d !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-desktop-sidebar a[aria-current="page"] {
    color: #ffc21a !important;
    box-shadow: none !important;
    background: #ffc21a29 !important;
    border-left: 3px solid #ffc21a !important;
    border-radius: 10px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-desktop-sidebar a:not([aria-current="page"]) {
    color: #fffaf09e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-desktop-sidebar a:not([aria-current="page"]):hover {
    color: #fffaf0e6 !important;
    background: #ffc21a14 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list, .portal-warehouse-card, .portal-rehearsal-list, .portal-parcels-list-panel) {
    box-shadow: none !important;
    background: radial-gradient(circle at 88% 0, #ffc21a14, #0000 34rem), #050806 !important;
    border: 1px solid #fffaf02e !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-items, .portal-warehouse-card > .divide-y, .portal-rehearsal-items, .portal-parcels-list-panel > .divide-y) {
    background: none !important;
    border-color: #fffaf02e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar, .portal-warehouse-filters, .portal-parcels-desktop-toolbar, .portal-rehearsal-list > .portal-list-toolbar) {
    background: radial-gradient(circle at 88% 10%, #ffc21a14, #0000 28rem), #fffaf004 !important;
    border: 0 !important;
    border-bottom: 2px solid #fffaf033 !important;
    padding: 24px 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar) {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar) > div:first-child {
    flex-wrap: wrap !important;
    gap: 10px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-filter-desktop > div:first-child > div:first-child {
    flex-wrap: wrap !important;
    gap: 10px !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar) > div:first-child button {
    color: #fffaf094 !important;
    min-width: 118px !important;
    height: 48px !important;
    box-shadow: none !important;
    background: #fffaf00e !important;
    border: 1px solid #fffaf024 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 760 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-filter-desktop button[aria-pressed] {
    color: #fffaf094 !important;
    min-width: 118px !important;
    height: 48px !important;
    box-shadow: none !important;
    background: #fffaf00e !important;
    border: 1px solid #fffaf024 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 760 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar) > div:first-child button:first-child {
    color: #080906 !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
    box-shadow: 0 18px 44px #ffc21a2e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-filter-desktop button[aria-pressed="true"] {
    color: #080906 !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
    box-shadow: 0 18px 44px #ffc21a2e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar) > div:last-child {
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(280px, 1.35fr) 150px !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 18px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-filter-desktop > div:last-child {
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(280px, 1.35fr) 150px !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 18px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar, .portal-warehouse-filter-desktop) input {
    color: #fffaf0 !important;
    height: 54px !important;
    box-shadow: none !important;
    background: #fffaf00f !important;
    border: 1px solid #fffaf024 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 780 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar, .portal-warehouse-filter-desktop) input::placeholder {
    color: #fffaf06b !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-list-toolbar .portal-list-toolbar, .portal-parcels-desktop-toolbar .portal-list-toolbar, .portal-rehearsal-list > .portal-list-toolbar, .portal-warehouse-filter-desktop) :is(.button, button:not([aria-pressed])) {
    border-radius: 8px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-table-head, .portal-warehouse-table-head, .portal-rehearsal-table-head, .portal-parcels-desktop-table-head) {
    color: #fffaf09e !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    background: #ffc21a0e !important;
    border-top: 0 !important;
    border-bottom: 2px solid #fffaf033 !important;
    align-items: center !important;
    min-height: 70px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-after-sales-table-head {
    grid-template-columns: minmax(240px, .95fr) minmax(420px, 1.4fr) minmax(150px, .45fr) minmax(260px, .8fr) minmax(260px, .7fr) !important;
    padding: 0 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-table-head {
    grid-template-columns: minmax(460px, 1.05fr) minmax(240px, .55fr) minmax(360px, .78fr) minmax(180px, .45fr) !important;
    padding: 0 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-rehearsal-table-head {
    grid-template-columns: minmax(260px, .85fr) minmax(520px, 1.35fr) minmax(320px, .75fr) minmax(220px, .5fr) !important;
    padding: 0 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcels-desktop-table-head {
    grid-template-columns: minmax(520px, 1.25fr) minmax(250px, .55fr) minmax(360px, .72fr) minmax(300px, .62fr) minmax(220px, .42fr) !important;
    padding: 0 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case, .portal-warehouse-item, .portal-rehearsal-item, .portal-parcel-card) {
    background: #02060594 !important;
    border-bottom: 1px solid #fffaf026 !important;
    padding: 34px 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case, .portal-warehouse-item, .portal-rehearsal-item, .portal-parcel-card):hover {
    background: #fffaf006 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-row-grid, .portal-warehouse-item-body, .portal-rehearsal-row-grid, .portal-parcel-desktop-grid) {
    align-items: center !important;
    column-gap: 28px !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-mini-product-row, .portal-warehouse-package, .portal-warehouse-storage, .portal-parcel-products, .portal-parcel-services, .portal-parcel-shipping, .portal-parcel-status-block, .portal-after-sales-case-next, .portal-rehearsal-next) {
    box-shadow: none !important;
    background: #fffaf006 !important;
    border-color: #fffaf029 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-mini-product-row, .portal-warehouse-product, .portal-parcel-products) img {
    background: #fffaf0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case-head span:first-child, .portal-after-sales-amount strong, .portal-warehouse-order-meta span, .portal-warehouse-package span, .portal-warehouse-package p:last-child, .portal-rehearsal-head span, .portal-parcel-desktop-meta span:first-child, .portal-parcel-status-block strong, .portal-parcel-services strong, .portal-parcel-shipping strong) {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-mini-product-row p:first-child, .portal-warehouse-product p:first-child, .portal-after-sales-case-type, .portal-parcel-products p:first-child) {
    color: #ffc21a !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-mini-product-row h3, .portal-warehouse-product h3, .portal-after-sales-case-next h3, .portal-parcel-products h3) {
    color: #fffaf0 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-mini-product-row p:last-child, .portal-warehouse-product p:last-child, .portal-after-sales-case-next p, .portal-rehearsal-note p, .portal-parcel-status-block span, .portal-parcel-services span, .portal-parcel-shipping span) {
    color: #fffaf09e !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case-actions, .portal-warehouse-actions, .portal-rehearsal-actions, .portal-parcel-actions) {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-width: 0 !important;
    display: flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-case-actions > a, .portal-warehouse-actions > a, .portal-warehouse-actions > button, .portal-rehearsal-actions > a, .portal-rehearsal-actions > button, .portal-parcel-actions > a, .portal-parcel-actions > button, .portal-parcel-payment-actions > a, .portal-parcel-payment-actions > button) {
    color: #fffaf0 !important;
    min-width: 136px !important;
    min-height: 42px !important;
    box-shadow: none !important;
    background: #fffaf00b !important;
    border: 1px solid #fffaf029 !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    display: inline-flex !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-warehouse-action-service, .portal-warehouse-action-renewal, .portal-after-sales-case-primary, .portal-rehearsal-actions > a:first-child, .portal-parcel-payment-actions > a) {
    color: #080906 !important;
    background: #ffc21a !important;
    border-color: #ffc21a !important;
    box-shadow: 0 18px 44px #ffc21a2b !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-help-link, .portal-warehouse-action-help, .portal-rehearsal-help-action, .portal-parcel-help-action) {
    color: #ffc21a !important;
    min-height: 34px !important;
    box-shadow: none !important;
    background: none !important;
    border-color: #0000 !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content :is(.portal-after-sales-help-link, .portal-warehouse-action-help, .portal-rehearsal-help-action, .portal-parcel-help-action) svg {
    color: currentColor !important;
    width: 17px !important;
    height: 17px !important;
    display: block !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-parcel-payment-actions {
    justify-items: stretch !important;
    gap: 10px !important;
    display: grid !important;
  }

  html:has(.portal-blue-shell.portal-blue-shell) body:has(main.portal-blue-shell.portal-blue-shell) main.portal-blue-shell.portal-blue-shell .portal-content .portal-warehouse-inline-actions {
    background: #fffaf006 !important;
    border-top: 2px solid #fffaf033 !important;
  }
}

/* [project]/src/app/public-workspace.css [app-client] (css) */
html body .public-content-page {
  --public-ink: #fffaf0;
  --public-muted: #fffaf0a8;
  --public-faint: #fffaf06b;
  --public-line: #fffaf024;
  --public-yellow: #ffc21a;
  min-height: 100vh;
  color: var(--public-ink);
  padding-top: 92px;
  background: radial-gradient(circle at 74% 3%, #ffc21a0e, #0000 30rem), #080908 !important;
}

.parcel-mobile-task-row, .parcel-declaration-grid, .parcel-line-group-title, .parcel-line-card.is-unavailable {
  display: none;
}

@media (max-width: 767px) {
  html:has(.parcel-checkout-page) body .parcel-service-blocks {
    display: none !important;
  }

  html:has(.parcel-checkout-page) body .parcel-remark-row {
    display: none !important;
  }

  html:has(.parcel-checkout-page) body .parcel-suggestion-row {
    display: none !important;
  }

  html:has(.parcel-checkout-page) body .parcel-payment-methods > .parcel-payment-method-card {
    display: none !important;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-task-row {
    color: #f7f9fc;
    text-align: left;
    background: #ffffff09;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 10px 12px;
    display: grid;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-task-row span {
    gap: 3px;
    display: grid;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-task-row small {
    color: #ffffff85;
    font-size: 11px;
    line-height: 1.35;
  }

  html:has(.parcel-checkout-page) body .parcel-declaration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
    display: grid;
  }

  html:has(.parcel-checkout-page) body .parcel-declaration-grid > * {
    color: #f7f9fc;
    background: #ffffff08;
    border: 1px solid #ffffff17;
    border-radius: 8px;
    min-width: 0;
    min-height: 64px;
    padding: 10px;
  }

  html:has(.parcel-checkout-page) body .parcel-declaration-grid small {
    color: #ffffff7a;
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 1.3;
    display: block;
  }

  html:has(.parcel-checkout-page) body .parcel-declaration-grid strong {
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.35;
  }

  html:has(.parcel-checkout-page) body .parcel-declaration-grid button {
    cursor: pointer;
    text-align: left;
  }

  html:has(.parcel-checkout-page) body .parcel-line-group-title {
    color: #fff;
    margin: 8px 0 4px;
    font-size: 13px;
    line-height: 1.4;
    display: block;
  }

  html:has(.parcel-checkout-page) body .parcel-line-group-title.is-unavailable {
    color: #ffffff94;
    margin-top: 18px;
  }

  html:has(.parcel-checkout-page) body .parcel-line-card.is-unavailable {
    opacity: .58;
    cursor: not-allowed;
    display: grid;
  }

  :is(html:has(.parcel-checkout-page) body .parcel-line-card.is-unavailable strong, html:has(.parcel-checkout-page) body .parcel-line-card.is-unavailable small) {
    color: #ffffffad;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-sheet {
    color: #f7f9fc;
    background: #0b111b;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-service-row {
    color: #f7f9fc;
    border-bottom: 1px solid #ffffff12;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    display: grid;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-service-row small {
    color: #ffffff85;
    margin-top: 3px;
    display: block;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-remark-body {
    gap: 12px;
    display: grid;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-remark-body textarea {
    resize: vertical;
    color: #fff;
    width: 100%;
    min-height: 132px;
    font: inherit;
    background: #070b11;
    border: 1px solid #ffffff1f;
    border-radius: 8px;
    padding: 12px;
    line-height: 1.5;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-quick-notes {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-quick-notes button {
    color: #ffc21a;
    background: #ffc21a12;
    border: 1px solid #ffc21a47;
    border-radius: 999px;
    min-height: 44px;
    padding: 8px 12px;
  }

  html:has(.parcel-checkout-page) body .parcel-mobile-sticky-summary {
    color: inherit;
    text-align: left;
    background: none;
    border: 0;
  }
}

.checkout-mobile-payment-trigger, .checkout-mobile-sheet-overlay, .portal-order-mobile-pay-link {
  display: none;
}

.order-pay-page {
  color: #eaf0f8;
  gap: 18px;
  padding-bottom: 110px;
  display: grid;
}

.order-pay-page > section {
  background: #070d17d1;
  border: 1px solid #ffffff17;
  border-radius: 18px;
}

.order-pay-hero, .order-pay-product, .order-pay-section-title, .order-pay-breakdown header, .order-pay-row, .order-pay-method-select, .order-pay-method-more, .order-pay-sticky {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.order-pay-hero {
  padding: 22px;
  background: radial-gradient(circle at 90% 0, #ffc21a21, #0000 45%), #08111f !important;
}

.order-pay-hero span, .order-pay-section-title span, .order-pay-countdown span, .order-pay-sticky span {
  color: #eaf0f88f;
  font-size: 12px;
  font-weight: 800;
}

.order-pay-hero h1 {
  color: #fff;
  letter-spacing: -.04em;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 900;
}

.order-pay-hero p {
  color: #eaf0f8a3;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
}

.order-pay-countdown {
  background: #ffc21a12;
  border: 1px solid #ffc21a38;
  border-radius: 12px;
  min-width: 178px;
  padding: 12px 14px;
}

.order-pay-countdown strong {
  color: #ffc21a;
  font-variant-numeric: tabular-nums;
  margin-top: 4px;
  font-size: 19px;
  display: block;
}

.order-pay-countdown.is-expired strong {
  color: #ff907a;
}

.order-pay-product {
  padding: 18px 20px;
}

.order-pay-product > span {
  color: #08111f;
  background: #ffc21a;
  border-radius: 7px;
  flex: none;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 900;
}

.order-pay-product > div {
  flex: 1;
  min-width: 0;
}

.order-pay-product h2 {
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}

.order-pay-product p, .order-pay-product > strong {
  color: #eaf0f894;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 800;
}

.order-pay-breakdown {
  padding: 18px 20px;
}

.order-pay-breakdown header {
  border-bottom: 1px solid #ffffff14;
  margin-bottom: 12px;
  padding-bottom: 14px;
}

.order-pay-breakdown header span, .order-pay-breakdown header strong {
  font-weight: 900;
}

.order-pay-breakdown header strong {
  color: #ffc21a;
  font-size: 24px;
}

.order-pay-row {
  color: #eaf0f8a6;
  min-height: 36px;
  font-size: 13px;
  font-weight: 700;
}

.order-pay-row span {
  display: grid;
}

.order-pay-row em {
  color: #ffc21a;
  font-size: 10px;
  font-style: normal;
}

.order-pay-row strong {
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.order-pay-methods {
  overflow: hidden;
}

.order-pay-section-title {
  border-bottom: 1px solid #ffffff14;
  padding: 18px 20px;
}

.order-pay-section-title h2 {
  color: #fff;
  margin-top: 3px;
  font-size: 21px;
  font-weight: 900;
}

.order-pay-section-title > strong {
  color: #ffc21a;
  font-size: 13px;
}

.order-pay-method {
  border-bottom: 1px solid #ffffff12;
}

.order-pay-method.is-selected {
  background: #ffc21a0b;
}

.order-pay-method-select, .order-pay-method-more {
  color: #fff;
  text-align: left;
  width: 100%;
  min-height: 52px;
}

.order-pay-method-select {
  padding: 10px 18px;
}

.order-pay-method-select > span:nth-child(3) {
  flex: 1;
  min-width: 0;
  display: grid;
}

.order-pay-method-select em {
  color: #eaf0f885;
  margin-top: 2px;
  font-size: 11px;
  font-style: normal;
}

.order-pay-radio {
  border: 2px solid #ffffff47;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.order-pay-method.is-selected .order-pay-radio {
  border: 5px solid #ffc21a;
}

.order-pay-method-icon {
  color: #ffc21a;
  background: #ffffff12;
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.order-pay-method-more {
  color: #eaf0f88f;
  justify-content: flex-end;
  min-height: 44px;
  padding: 0 18px;
  font-size: 11px;
  font-weight: 800;
}

.order-pay-method-more svg {
  transition: transform .18s;
}

.order-pay-method-more[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.order-pay-method-detail {
  color: #eaf0f89e;
  padding: 0 18px 14px 72px;
  font-size: 12px;
  line-height: 1.55;
}

.order-pay-method-detail a, .order-pay-method-detail strong {
  color: #ffc21a;
  min-height: 44px;
  margin-top: 8px;
  font-weight: 900;
  line-height: 44px;
  display: block;
}

.order-pay-notice {
  color: #eaf0f8;
  background: #ffc21a0f;
  border: 1px solid #ffc21a2e;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 800;
}

.order-pay-sticky {
  z-index: 45;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #070a0ff5;
  border-top: 1px solid #ffc21a33;
  min-height: 86px;
  padding: 12px max(18px, 50vw - 590px);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -18px 42px #0006;
}

.order-pay-sticky > div {
  display: grid;
}

.order-pay-sticky strong {
  color: #ffc21a;
  font-size: 22px;
}

.order-pay-sticky button, .order-pay-state a {
  color: #070806;
  background: #ffc21a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 28px;
  font-weight: 900;
  display: inline-flex;
}

.order-pay-sticky button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.order-pay-state {
  align-content: center;
  justify-items: start;
  min-height: 220px;
  padding: 24px;
}

.order-pay-state strong {
  color: #fff;
  font-size: 22px;
}

.order-pay-state p {
  color: #eaf0f8a3;
}

.order-pay-loader {
  border: 2px solid #fff3;
  border-top-color: #ffc21a;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite order-pay-spin;
}

@keyframes order-pay-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  html:has(.checkout-page) body {
    overflow: hidden;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page {
    overscroll-behavior: contain;
    color: #eaf0f8;
    height: 100dvh;
    overflow: hidden auto;
    padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
    background: radial-gradient(circle at 100% 0, #1c46843d, #0000 19rem), #080b10 !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page :is(.checkout-address-panel, .checkout-products-panel, .checkout-payment-panel) {
    box-shadow: none !important;
    color: #eaf0f8 !important;
    background: #0b111bf0 !important;
    border-color: #ffffff14 !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page :is(h1, h2, h3, .checkout-order-cell-value, .checkout-summary-value) {
    color: #f7f9fc !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page :is(.checkout-panel-kicker, .checkout-product-seller, .checkout-product-sku, .checkout-order-cell-label, .checkout-summary-label) {
    color: #eaf0f88c !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-head {
    display: none !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article {
    padding: 14px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article > div:first-child {
    gap: 12px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article > div:first-child > div:first-child {
    background: #101722 !important;
    border-color: #ffffff14 !important;
    width: 76px !important;
    height: 76px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-platform-mark {
    color: #ffc21a !important;
    background: #ffc21a0f !important;
    border-color: #ffc21a33 !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-title {
    font-size: 15px !important;
    line-height: 1.28 !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-order-cell {
    border: 1px solid #ffffff0f;
    min-height: 44px;
    background: #ffffff09 !important;
    padding: 8px 11px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-head {
    display: none;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-content > :is(.checkout-summary-row, .checkout-coupon-row, .h-px, .flex.items-end, p.text-right) {
    display: none !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-grid {
    display: none;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods-head {
    color: #eaf0f885;
    min-height: auto;
    padding: 2px 0 9px;
  }

  .checkout-mobile-payment-trigger {
    color: #fff;
    text-align: left;
    background: #ffffff09;
    border: 1px solid #ffffff14;
    border-radius: 10px;
    grid-template-columns: 38px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 58px;
    padding: 9px 11px;
    display: grid;
  }

  .checkout-mobile-payment-trigger > span:nth-child(2) {
    display: grid;
  }

  .checkout-mobile-payment-trigger em {
    color: #eaf0f880;
    margin-top: 2px;
    font-size: 11px;
    font-style: normal;
  }

  .checkout-mobile-sheet-overlay {
    z-index: 110;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #000000b3;
    align-items: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .checkout-mobile-sheet {
    color: #eaf0f8;
    background: #0a1019;
    border: 1px solid #ffffff1a;
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: 100%;
    max-height: min(82dvh, 720px);
    display: grid;
    overflow: hidden;
    box-shadow: 0 -28px 70px #00000094;
  }

  .checkout-mobile-sheet > header {
    border-bottom: 1px solid #ffffff14;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 12px 16px;
    display: flex;
  }

  .checkout-mobile-sheet > header span {
    color: #ffc21a;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
  }

  .checkout-mobile-sheet > header h3 {
    color: #fff;
    margin-top: 2px;
    font-size: 21px;
    font-weight: 900;
  }

  .checkout-mobile-sheet > header button {
    background: #ffffff0f;
    border-radius: 12px;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
  }

  .checkout-mobile-sheet-scroll {
    overscroll-behavior: contain;
    min-height: 0;
    padding: 8px 12px;
    overflow-y: auto;
  }

  .checkout-sheet-method {
    border-bottom: 1px solid #ffffff12;
    position: relative;
  }

  .checkout-sheet-method.is-selected {
    background: #ffc21a0b;
  }

  .checkout-sheet-method-select {
    color: #fff;
    text-align: left;
    grid-template-columns: 22px 48px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 70px;
    padding: 8px;
    display: grid;
  }

  .checkout-sheet-method-select > span:nth-child(3) {
    display: grid;
  }

  .checkout-sheet-method-select em {
    color: #eaf0f880;
    font-size: 11px;
    font-style: normal;
  }

  .checkout-sheet-method-expand {
    color: #eaf0f894;
    place-items: center;
    width: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 11px;
    font-weight: 800;
    display: grid;
    position: absolute;
    top: 13px;
    right: 0;
  }

  .checkout-sheet-method-expand span {
    display: none;
  }

  .checkout-sheet-method-expand svg {
    transition: transform .18s;
  }

  .checkout-sheet-method-expand[aria-expanded="true"] svg {
    transform: rotate(90deg);
  }

  .checkout-sheet-method-detail {
    color: #eaf0f8a3;
    padding: 0 52px 12px 88px;
    font-size: 12px;
    line-height: 1.55;
  }

  .checkout-sheet-method-detail a, .checkout-sheet-method-detail strong {
    color: #ffc21a;
    min-height: 44px;
    margin-top: 6px;
    font-weight: 900;
    line-height: 44px;
    display: block;
  }

  .checkout-mobile-sheet > footer {
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: #080c12;
    border-top: 1px solid #ffffff14;
  }

  .checkout-mobile-sheet > footer button {
    color: #070806;
    background: #ffc21a;
    border-radius: 12px;
    width: 100%;
    min-height: 50px;
    font-weight: 900;
  }

  .checkout-payment-sheet {
    background: #0e0e0f;
    max-height: min(88dvh, 760px);
  }

  .checkout-payment-sheet > header > div {
    text-align: center;
    width: 100%;
  }

  .checkout-payment-sheet > header span {
    display: none;
  }

  .checkout-payment-sheet > header h3 {
    margin: 0;
    font-size: 22px;
  }

  .checkout-payment-sheet > header > button {
    position: absolute;
    right: 14px;
  }

  .checkout-mobile-sheet > footer.checkout-payment-sheet-footer {
    padding: 8px 14px calc(10px + env(safe-area-inset-bottom));
    background: #0e0e0f;
    gap: 8px;
    display: grid;
  }

  .checkout-payment-sheet-terms {
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 32px;
    display: grid;
  }

  .checkout-payment-sheet-terms > span {
    color: #111;
    background: #bfff00;
    border-radius: 4px;
    place-items: center;
    width: 18px;
    height: 18px;
    display: grid;
  }

  .checkout-payment-sheet-terms > div {
    color: #ffffff9e;
    white-space: nowrap;
    align-items: center;
    gap: 3px;
    min-width: 0;
    font-size: 10px;
    display: flex;
  }

  .checkout-payment-sheet-terms .checkout-policy-link {
    color: #ffffffc2;
    background: none;
    border: 0;
    width: auto;
    min-height: 32px;
    padding: 0;
    font-size: 10px;
  }

  .checkout-payment-sheet-confirm {
    grid-template-columns: minmax(0, 1fr) minmax(174px, 48%);
    align-items: center;
    gap: 12px;
    display: grid;
  }

  .checkout-mobile-sheet > footer .checkout-payment-sheet-total {
    color: #fff;
    text-align: left;
    background: none;
    border-radius: 0;
    justify-items: start;
    min-height: 58px;
    display: grid;
  }

  .checkout-payment-sheet-total strong {
    font-size: 20px;
    line-height: 1.1;
  }

  .checkout-payment-sheet-total em {
    color: #ffffffc7;
    font-size: 11px;
    font-style: normal;
  }

  .checkout-payment-sheet-total span {
    color: #ffffff80;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 9px;
    overflow: hidden;
  }

  .checkout-mobile-sheet > footer button.checkout-payment-sheet-pay {
    color: #111;
    background: #f7f7f8;
    border-radius: 12px;
    min-height: 54px;
    font-size: 15px;
  }

  .checkout-agreement-toast {
    z-index: 2800;
    right: 18px;
    bottom: calc(132px + env(safe-area-inset-bottom));
    color: #ff4a4a;
    text-align: center;
    background: #440808f5;
    border: 1px solid #ff414166;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 800;
    position: fixed;
    left: 18px;
    box-shadow: 0 12px 30px #0000005c;
  }

  .checkout-price-sheet-rows {
    gap: 2px;
    padding: 12px 16px;
    display: grid;
  }

  .checkout-price-sheet-row {
    color: #eaf0f89e;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 44px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
  }

  .checkout-price-sheet-row > span {
    display: grid;
  }

  .checkout-price-sheet-row em {
    color: #ff2d2d;
    background: #6b121285;
    border-radius: 2px;
    width: max-content;
    margin-top: 4px;
    padding: 3px 8px;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
  }

  .checkout-price-sheet-row strong {
    color: #fff;
  }

  .checkout-price-sheet-row.is-total {
    color: #fff;
    border-top: 1px solid #ffffff17;
    margin-top: 6px;
    padding-top: 8px;
  }

  .checkout-price-sheet-row.is-total strong {
    color: #ffc21a;
    font-size: 23px;
  }

  .checkout-price-sheet-rows > p {
    color: #eaf0f87a;
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.5;
  }

  .checkout-price-sheet-agreement {
    border-top: 1px solid #ffffff14;
    border-bottom: 1px solid #ffffff14;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-height: 58px;
    padding: 12px 16px;
    display: grid;
  }

  .checkout-price-sheet-agreement > input {
    width: 24px;
    height: 24px;
    margin: 0;
    accent-color: #bfff00 !important;
  }

  .checkout-price-sheet-agreement > span {
    color: #ffffffb8;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    min-width: 0;
    font-size: 12px;
    line-height: 1.55;
    display: flex;
  }

  .checkout-price-sheet-agreement .checkout-policy-link {
    text-decoration: none;
    color: #ffffffc7 !important;
    background: none !important;
    border: 0 !important;
    min-height: 24px !important;
    padding: 0 2px !important;
  }

  .checkout-price-sheet-agreement i {
    font-style: normal;
  }

  .checkout-mobile-sheet > footer.checkout-price-sheet-footer {
    background: #0e0e0f;
    grid-template-columns: minmax(0, 1fr) minmax(168px, 47%);
    align-items: center;
    gap: 12px;
    display: grid;
  }

  .checkout-mobile-sheet > footer.checkout-price-sheet-footer button.checkout-price-sheet-total {
    color: #fff;
    text-align: left;
    background: none;
    border-radius: 0;
    justify-items: start;
    min-width: 0;
    min-height: 58px;
    display: grid;
  }

  .checkout-price-sheet-total strong {
    font-size: 21px;
    line-height: 1.1;
  }

  .checkout-price-sheet-total em {
    color: #ffffffc7;
    margin-top: 4px;
    font-size: 12px;
    font-style: normal;
  }

  .checkout-price-sheet-total span {
    color: #ffffff94;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 600;
    overflow: hidden;
  }

  .checkout-mobile-sheet > footer.checkout-price-sheet-footer button.checkout-price-sheet-pay {
    color: #111;
    background: #f7f7f8;
    border-radius: 12px;
    min-height: 54px;
    font-size: 15px;
  }

  .checkout-mobile-sheet > footer.checkout-price-sheet-footer button.checkout-price-sheet-pay:disabled {
    opacity: .42;
  }

  html body .checkout-mobile-sticky-summary {
    min-height: 48px;
    color: inherit;
    text-align: left;
  }

  html body .checkout-mobile-sticky-summary strong {
    color: #ffc21a;
    align-items: center;
    display: flex;
  }

  html body .checkout-mobile-sticky-payment > button:last-child {
    min-height: 50px;
  }

  html body .checkout-agreement-prompt, .portal-order-desktop-pay-button {
    display: none !important;
  }

  .portal-order-mobile-pay-link {
    color: #070806;
    background: #ffc21a;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-width: 104px;
    min-height: 44px;
    font-size: 14px;
    font-weight: 900;
    display: inline-flex;
  }

  .order-pay-page {
    width: 100%;
    max-width: 100%;
    padding: 0 0 calc(116px + var(--prv-mobile-bottom-nav-height) + env(safe-area-inset-bottom));
    gap: 12px;
    overflow-x: clip;
  }

  .order-pay-page > section {
    border-radius: 10px;
  }

  .order-pay-hero {
    align-items: flex-start;
    padding: 16px;
  }

  .order-pay-hero h1 {
    font-size: 23px;
  }

  .order-pay-hero p {
    text-overflow: ellipsis;
    max-width: 23ch;
    overflow: hidden;
  }

  .order-pay-countdown {
    text-align: right;
    min-width: 136px;
    padding: 10px;
  }

  .order-pay-countdown strong {
    font-size: 15px;
  }

  .order-pay-product {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 14px;
    display: grid;
  }

  .order-pay-product > strong {
    grid-column: 2;
  }

  .order-pay-breakdown, .order-pay-section-title {
    padding: 14px;
  }

  .order-pay-breakdown header strong {
    font-size: 21px;
  }

  .order-pay-method-select {
    min-height: 58px;
    padding: 9px 14px;
  }

  .order-pay-method-more {
    padding-inline: 14px;
  }

  .order-pay-method-detail {
    padding: 0 14px 13px 66px;
  }

  .order-pay-sticky {
    z-index: 45;
    bottom: calc(var(--prv-mobile-bottom-nav-height) + env(safe-area-inset-bottom));
    min-height: 86px;
    padding: 10px 14px;
  }

  .order-pay-sticky button {
    min-width: 148px;
    min-height: 50px;
    padding-inline: 18px;
  }
}

html body .public-content-page:before {
  display: none !important;
}

html body .public-content-hero-wrap {
  border-bottom: 1px solid var(--public-line);
  width: min(1440px, 100% - 64px);
  max-width: none;
  min-height: 420px;
  margin: 0 auto;
  padding: 54px 0 48px;
}

html body .public-content-hero {
  max-width: 1020px;
  min-height: 310px;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
  display: flex;
  position: relative;
}

html body .public-content-hero:after, html body .public-content-hero-index {
  display: none;
}

html body .public-content-back {
  color: var(--public-faint);
  gap: 9px;
  font-size: 13px;
  font-weight: 650;
  position: absolute;
  top: 0;
  left: 0;
}

html body .public-content-back:hover, html body .public-content-back:focus-visible {
  color: var(--public-yellow);
}

html body .public-content-eyebrow {
  color: var(--public-yellow);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 18px;
  font-size: 12px;
  font-weight: 760;
}

html body .public-content-hero h1 {
  max-width: 960px;
  color: var(--public-ink);
  letter-spacing: -.04em;
  text-wrap: balance;
  margin: 0;
  font-size: 64px;
  font-weight: 720;
  line-height: .98;
}

html body .public-content-subtitle {
  max-width: 760px;
  color: var(--public-muted);
  text-wrap: pretty;
  margin: 25px 0 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.65;
}

html body .public-content-jump {
  width: fit-content;
  color: var(--public-ink);
  align-items: center;
  gap: 9px;
  margin-top: 30px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

html body .public-content-jump svg {
  width: 16px;
  height: 16px;
  color: var(--public-yellow);
}

html body > main.public-content-page > .public-document {
  width: min(1440px, 100% - 64px);
  max-width: none;
  box-shadow: none;
  background: none;
  border: 0;
  margin: 0 auto;
  padding: 72px 0 120px;
  display: block;
}

html body .public-document-rail {
  border-bottom: 1px solid var(--public-line);
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: start;
  gap: 28px;
  margin-bottom: 54px;
  padding-bottom: 28px;
  display: grid;
  position: static;
}

html body .public-document-rail > p {
  color: var(--public-faint);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 3px 0 0;
  font-size: 11px;
  font-weight: 760;
}

html body .public-document-rail nav {
  border-top: 0;
  flex-wrap: wrap;
  gap: 8px 28px;
  display: flex;
}

html body .public-document-rail nav a {
  color: var(--public-muted);
  border-bottom: 0;
  flex: 0 auto;
  gap: 7px;
  padding: 3px 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  display: inline-flex;
}

html body .public-document-rail nav a span {
  color: var(--public-faint);
  font-size: 10px;
}

html body .public-document-rail nav a:hover, html body .public-document-rail nav a:focus-visible {
  color: var(--public-yellow);
}

html body .public-document-rail > a {
  white-space: nowrap;
  color: var(--public-ink);
  align-items: center;
  gap: 9px;
  margin-top: 0;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

html body .public-document-rail > a svg {
  width: 16px;
  height: 16px;
  color: var(--public-yellow);
}

html body .public-document-main {
  width: min(1080px, 100%);
  min-width: 0;
  margin: 0 auto;
}

html body > main.public-content-page .public-document-note {
  border: 0;
  border-bottom: 1px solid var(--public-line);
  max-width: 760px;
  color: var(--public-muted);
  background: none;
  border-radius: 0;
  margin: 0 0 18px;
  padding: 0 0 30px;
  font-size: 16px;
  font-weight: 520;
  line-height: 1.65;
}

html body .public-document-sections {
  border-top: 0;
}

html body > main.public-content-page .public-document-section {
  border: 0;
  border-bottom: 1px solid var(--public-line);
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 26px;
  max-width: none;
  padding: 48px 0 52px;
  scroll-margin-top: 120px;
  display: grid;
}

html body .public-document-number {
  color: var(--public-yellow);
  letter-spacing: .08em;
  padding-top: 5px;
  font-size: 12px;
  font-weight: 760;
}

html body > main.public-content-page .public-document-section h2 {
  color: var(--public-ink);
  letter-spacing: -.03em;
  margin: 0;
  font-size: 28px;
  font-weight: 680;
  line-height: 1.1;
}

html body > main.public-content-page .public-document-section > div > p {
  max-width: 72ch;
  color: var(--public-muted);
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

html body > main.public-content-page .public-document-section ul {
  border-top: 1px solid var(--public-line);
  gap: 0;
  margin: 28px 0 0;
  padding: 0;
  display: grid;
  list-style: none !important;
}

html body > main.public-content-page .public-document-section li {
  border-bottom: 1px solid var(--public-line);
  color: #fffaf0d1;
  padding: 14px 12px;
  font-size: 14px;
  font-weight: 570;
  line-height: 1.5;
  position: relative;
  list-style: none !important;
}

html body > main.public-content-page .public-document-section li::marker {
  color: #0000 !important;
  content: "" !important;
  font-size: 0 !important;
}

html body > main.public-content-page .public-document-section li:before {
  content: none !important;
  display: none !important;
}

html body .public-document-footer {
  border: 0;
  border-top: 1px solid var(--public-line);
  background: none;
  border-radius: 0;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  max-width: none;
  margin-top: 64px;
  padding: 42px 0 0;
  display: flex;
}

html body .public-document-footer h2 {
  color: var(--public-ink);
  letter-spacing: -.025em;
  font-size: 24px;
  font-weight: 680;
}

html body .public-document-footer p {
  max-width: 540px;
  color: var(--public-muted);
  margin-top: 12px;
  line-height: 1.6;
}

html body .public-document-footer .public-content-actions {
  flex: none;
}

html body .public-content-actions a {
  border: 1px solid var(--public-line);
  min-height: 44px;
  color: var(--public-ink);
  box-shadow: none;
  background: none;
  border-radius: 8px;
}

html body .public-content-actions a.primary {
  border-color: var(--public-yellow);
  background: var(--public-yellow);
  color: #080908;
}

html body .public-contact-page .public-content-body {
  width: min(1440px, 100% - 64px);
  max-width: none;
  margin: 0 auto;
  padding: 72px 0 120px;
}

html body .public-contact-layout {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 72px;
}

html body .public-contact-panel, html body .public-company-panel {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

html body .public-contact-kicker, html body .public-company-heading > div > span {
  color: var(--public-yellow);
}

html body .public-contact-panel > h2, html body .public-company-heading h2 {
  color: var(--public-ink);
}

html body .public-contact-grid {
  border-top: 1px solid var(--public-line);
  gap: 0;
  margin-top: 28px;
}

html body .public-contact-card {
  border: 0;
  border-bottom: 1px solid var(--public-line);
  background: none;
  border-radius: 0;
  padding: 30px 0;
}

html body .public-contact-card:hover {
  background: none;
  transform: none;
}

html body .public-contact-card h3, html body .public-contact-response h3, html body .public-contact-card strong, html body .public-company-list strong {
  color: var(--public-ink);
}

html body .public-contact-card p, html body .public-contact-response p, html body .public-company-list span {
  color: var(--public-muted);
}

html body .public-contact-icon {
  border: 1px solid var(--public-line);
  color: var(--public-yellow);
  background: #ffc21a0f;
}

html body .public-contact-response, html body .public-company-heading, html body .public-company-list > div {
  border-color: var(--public-line);
  background: none;
}

html body .checkout-page {
  --checkout-ink: #fffaf0;
  --checkout-muted: #fffaf099;
  --checkout-line: #fffaf021;
  --checkout-yellow: #ffc21a;
  color: var(--checkout-ink);
  background: radial-gradient(circle at 72% 2%, #ffc21a0d, #0000 30rem), #080908 !important;
}

html body .checkout-page :is(nav, section), html body .checkout-page aside > section {
  border-color: var(--checkout-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border-radius: 0 !important;
}

html body .checkout-page nav {
  border: 0 !important;
  border-bottom: 1px solid var(--checkout-line) !important;
  padding: 0 0 24px !important;
}

html body .checkout-page nav > div {
  gap: 0 !important;
}

html body .checkout-page nav > div > div {
  position: relative;
  border: 0 !important;
  border-right: 1px solid var(--checkout-line) !important;
  color: var(--checkout-muted) !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 12px 8px 14px !important;
}

html body .checkout-page nav > div > div:last-child {
  border-right: 0 !important;
}

html body .checkout-page nav > div > div:nth-child(2) {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page nav > div > div:nth-child(2):after {
  background: var(--checkout-yellow);
  content: "";
  height: 2px;
  position: absolute;
  bottom: -25px;
  left: 12px;
  right: 12px;
}

html body .checkout-page :is(h1, h2, h3, strong, .text-prv-ink) {
  color: var(--checkout-ink) !important;
}

html body .checkout-page :is(p, span, label, .text-prv-muted) {
  color: var(--checkout-muted) !important;
}

html body .checkout-page section > div:first-child {
  border-color: var(--checkout-line) !important;
}

html body .checkout-page [class*="bg-white"], html body .checkout-page [class*="bg-prv-soft"], html body .checkout-page [class*="bg-blue-50"], html body .checkout-page [class*="bg-[linear-gradient"] {
  background: none !important;
}

html body .checkout-page [class*="border-prv-line"], html body .checkout-page [class*="border-white"] {
  border-color: var(--checkout-line) !important;
}

html body .checkout-page :is(input, textarea, select, button:not(.button), a:not(.button)) {
  border-radius: 8px !important;
}

html body .checkout-page .button, html body .checkout-page button[class*="bg-blue-50"] {
  background: var(--checkout-yellow) !important;
  color: #080908 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 8px !important;
}

html body .checkout-page .button *, html body .checkout-page button[class*="bg-blue-50"] * {
  color: #080908 !important;
}

html body .checkout-page [class*="text-[#1d4ed8]"], html body .checkout-page [class*="text-[#2f6df3]"] {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page img {
  border-radius: 8px !important;
}

html body .portal-blue-shell .support-workspace .portal-account-intro {
  border-bottom-width: 1px !important;
}

html body .portal-blue-shell .support-workspace .card {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .portal-blue-shell .support-workspace .card > div:first-child {
  border-bottom-width: 1px !important;
}

html body .portal-blue-shell .support-workspace .card [class*="divide-y"] {
  background: none !important;
}

html body .portal-blue-shell .support-workspace textarea, html body .portal-blue-shell .support-workspace input, html body .portal-blue-shell .support-workspace select {
  border-radius: 8px !important;
}

@media (max-width: 900px) {
  html body .public-content-hero-wrap, html body > main.public-content-page > .public-document, html body .public-contact-page .public-content-body {
    width: min(100% - 40px, 1440px);
  }

  html body > main.public-content-page > .public-document {
    display: block;
  }

  html body .public-document-rail {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html body .public-document-rail nav {
    flex-wrap: wrap;
    display: flex;
  }

  html body .public-document-rail nav a {
    flex: 220px;
    padding: 8px 0;
  }

  html body .public-contact-layout {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}

@media (max-width: 640px) {
  html body .public-content-page {
    padding-top: 76px;
  }

  html body .public-content-hero-wrap {
    min-height: 430px;
    padding: 52px 0 42px;
  }

  html body .public-content-hero {
    min-height: 320px;
  }

  html body .public-content-hero h1 {
    font-size: 42px;
  }

  html body .public-content-subtitle {
    font-size: 15px;
  }

  html body > main.public-content-page > .public-document {
    padding: 48px 0 80px;
  }

  html body > main.public-content-page .public-document-section {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 36px 0 40px;
  }

  html body .public-document-footer {
    flex-direction: column;
    align-items: stretch;
  }

  html body .public-document-footer .public-content-actions, html body .public-content-actions a {
    width: 100%;
  }

  html body .checkout-page nav > div {
    overflow-x: auto;
    display: flex !important;
  }

  html body .checkout-page nav > div > div {
    min-width: 132px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .public-content-page *, html body .checkout-page * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

html:has(.checkout-page) body {
  background: #050607 !important;
}

html body .checkout-page.checkout-page {
  --checkout-ink: #fffaf0;
  --checkout-copy: #fffaf0db;
  --checkout-muted: #fffaf0ad;
  --checkout-faint: #fffaf075;
  --checkout-line: #fffaf04d;
  --checkout-soft-line: #fffaf02e;
  --checkout-panel-line: #fffaf042;
  --checkout-panel-fill: #fffaf007;
  --checkout-panel-fill-strong: #fffaf00c;
  --checkout-yellow: #ffc21a;
  color: var(--checkout-ink) !important;
  background: radial-gradient(circle at 82% 8%, #ffc21a1a, #0000 24rem), linear-gradient(#060807 0, #070908 54%, #050607 100%) !important;
  padding-top: 138px !important;
}

html body .checkout-page.checkout-page > div {
  max-width: 1700px !important;
}

html body .checkout-page.checkout-page :is(nav, section), html body .checkout-page.checkout-page aside > section {
  border: 1px solid var(--checkout-panel-line) !important;
  background: var(--checkout-panel-fill) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 8px !important;
}

html body .checkout-page.checkout-page section.space-y-5 {
  background: none !important;
  border: 0 !important;
}

html body .checkout-page.checkout-page nav {
  border: 0 !important;
  border-bottom: 2px solid var(--checkout-line) !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html body .checkout-page.checkout-page nav > div {
  gap: 0 !important;
}

html body .checkout-page.checkout-page nav > div > div {
  border: 0 !important;
  border-right: 1px solid var(--checkout-soft-line) !important;
  min-height: 72px !important;
  color: var(--checkout-muted) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 18px 10px 20px !important;
}

html body .checkout-page.checkout-page nav > div > div:last-child {
  border-right: 0 !important;
}

html body .checkout-page.checkout-page nav > div > div:nth-child(2) {
  color: var(--checkout-yellow) !important;
  background: none !important;
}

html body .checkout-page.checkout-page nav > div > div:nth-child(2) * {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-page nav > div > div:nth-child(2):after {
  background: var(--checkout-yellow) !important;
  height: 2px !important;
  bottom: -2px !important;
  left: 18px !important;
  right: 18px !important;
}

html body .checkout-page.checkout-page section > div:first-child, html body .checkout-page.checkout-page aside section > div:first-child, html body .checkout-page.checkout-page [class*="border-b"] {
  border-color: var(--checkout-line) !important;
}

html body .checkout-page.checkout-page :is(h1, h2) {
  color: var(--checkout-yellow) !important;
  text-shadow: 0 0 18px #ffc21a1a !important;
}

html body .checkout-page.checkout-page :is(h3, strong, .text-prv-ink) {
  color: var(--checkout-ink) !important;
  text-shadow: none !important;
}

html body .checkout-page.checkout-page h3[class*="line-clamp"], html body .checkout-page.checkout-page article h3 {
  color: var(--checkout-ink) !important;
}

html body .checkout-page.checkout-page :is(p, label, small, em, .text-prv-muted) {
  color: var(--checkout-muted) !important;
  text-shadow: none !important;
}

html body .checkout-page.checkout-page :is(span, a, button):not(.button):not([class*="text-prv-yellow"]):not([class*="text-[#1d4ed8]"]):not([class*="text-[#2f6df3]"]) {
  text-shadow: none !important;
}

html body .checkout-page.checkout-page :is([class*="bg-white"], [class*="bg-prv-soft"], [class*="bg-blue-50"], [class*="bg-[#f"], [class*="bg-[#fff"]) {
  border-color: var(--checkout-soft-line) !important;
  background: var(--checkout-panel-fill-strong) !important;
  box-shadow: none !important;
}

html body .checkout-page.checkout-page :is([class*="border-prv-line"], [class*="border-white"], [class*="border-[#c7"], [class*="border-[#d8"], [class*="border-[#fed"]), html body .checkout-page.checkout-page div[class*="grid-cols-[minmax(0,1fr)_110px"], html body .checkout-page.checkout-page div[class*="h-px"], html body .checkout-page.checkout-page [class*="divide-y"] > * {
  border-color: var(--checkout-soft-line) !important;
}

html body .checkout-page.checkout-page article {
  background: none !important;
}

html body .checkout-page.checkout-page article + article {
  border-top: 1px solid var(--checkout-soft-line) !important;
}

html body .checkout-page.checkout-page button:not(.button), html body .checkout-page.checkout-page a:not(.button) {
  box-shadow: none !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-page button:not(.button):hover, html body .checkout-page.checkout-page a:not(.button):hover {
  color: var(--checkout-yellow) !important;
  border-color: #ffc21a6b !important;
}

html body .checkout-page.checkout-page :is([class*="text-[#1d4ed8]"], [class*="text-[#2f6df3]"], [class*="text-prv-yellow"]) {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-page span[class*="bg-blue-50"], html body .checkout-page.checkout-page span[class*="bg-prv-soft"] {
  color: var(--checkout-muted) !important;
  background: var(--checkout-panel-fill-strong) !important;
}

html body .checkout-page.checkout-page .button {
  background: var(--checkout-yellow) !important;
  color: #080908 !important;
  min-height: 54px !important;
  box-shadow: none !important;
  border: 1px solid #ffc21ab8 !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-page .button * {
  color: #080908 !important;
}

html body .checkout-page.checkout-page section > div:first-child :is(h1, h2), html body .checkout-page.checkout-page aside section > div:first-child h2, html body .checkout-page.checkout-page section > h2, html body .checkout-page.checkout-page h1.text-prv-ink.text-prv-ink, html body .checkout-page.checkout-page h2.text-prv-ink.text-prv-ink {
  color: var(--checkout-yellow) !important;
  text-shadow: 0 0 18px #ffc21a1a !important;
}

html body .checkout-page.checkout-page input[type="checkbox"] {
  accent-color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-page img {
  border-radius: 4px !important;
}

html body .checkout-page.checkout-page .checkout-product-seller {
  color: #ffc21ab3 !important;
}

html body .checkout-page.checkout-page .checkout-product-title-row {
  align-items: flex-start;
}

html body .checkout-page.checkout-page .checkout-platform-mark {
  min-height: 28px;
  color: #fffaf0db !important;
  box-shadow: none !important;
  background: #fffaf00e !important;
  border-color: #ffc21a3d !important;
}

html body .checkout-page.checkout-page .checkout-platform-mark img {
  border-radius: 4px !important;
}

html body .checkout-page.checkout-page .checkout-platform-mark span {
  color: #fffaf0d1 !important;
}

html body .checkout-page.checkout-page .checkout-product-title {
  letter-spacing: -.01em;
  text-wrap: pretty;
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-page .checkout-product-sku {
  color: #fffaf09e !important;
}

html body .checkout-page.checkout-page .checkout-order-cell {
  font-variant-numeric: tabular-nums;
  background: #fffaf006 !important;
  border: 1px solid #fffaf024 !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-page .checkout-order-cell-label {
  color: #fffaf08a !important;
}

html body .checkout-page.checkout-page .checkout-order-cell-value {
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-page .checkout-order-cell-total {
  background: #ffc21a0e !important;
  border-color: #ffc21a5c !important;
}

html body .checkout-page.checkout-page .checkout-order-cell-total .checkout-order-cell-value {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-page .checkout-summary-row {
  font-variant-numeric: tabular-nums;
}

html body .checkout-page.checkout-page .checkout-summary-label {
  color: #fffaf094 !important;
}

html body .checkout-page.checkout-page .checkout-summary-value {
  color: #fffaf0e6 !important;
}

html body .checkout-page.checkout-page .checkout-total-amount {
  font-variant-numeric: tabular-nums;
  color: var(--checkout-yellow) !important;
  text-shadow: 0 0 18px #ffc21a1a !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page {
  padding-top: 116px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page > div {
  max-width: 1360px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel {
  background: none !important;
  border-color: #fffaf02e !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel h1 {
  font-size: clamp(20px, 2.2vw, 30px);
  color: #fffaf0 !important;
  text-shadow: none !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-panel-kicker {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-toggle, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-add, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-cancel, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-empty-cart-link {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  color: #fffaf0 !important;
  background: #fffaf00b !important;
  border: 1px solid #fffaf02e !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-toggle:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-add:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-cancel:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-empty-cart-link:hover {
  color: var(--checkout-yellow) !important;
  border-color: #ffc21a75 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-drawer {
  border-color: #fffaf029 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-list {
  gap: 10px;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-option {
  border: 1px solid #fffaf024;
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 10px;
  padding: 10px;
  display: grid;
  background: #fffaf007 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-option.is-selected {
  border-color: #ffc21a80;
  background: #ffc21a0e !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-option > button:first-child {
  text-align: left;
  justify-items: start;
  gap: 4px;
  min-width: 0;
  padding: 0;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-option strong {
  font-size: 14px;
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-option span {
  font-size: 12px;
  font-weight: 700;
  color: #fffaf094 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-edit {
  width: 40px;
  color: #fffaf0a3 !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-field {
  gap: 7px;
  min-width: 0;
  font-size: 12px;
  font-weight: 900;
  display: grid;
  color: #fffaf0ad !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-field > span {
  color: #fffaf0a3 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-form input, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-form select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 800;
  color: #fffaf0 !important;
  background: #fffaf00b !important;
  border: 1px solid #fffaf024 !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-form select {
  appearance: none;
  background-image: linear-gradient(45deg, #0000 50%, #ffc21af2 50%), linear-gradient(135deg, #ffc21af2 50%, #0000 50%);
  background-position: calc(100% - 18px) 18px, calc(100% - 12px) 18px;
  background-repeat: no-repeat;
  background-size: 6px 6px, 6px 6px;
  padding-right: 34px;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-trigger {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 900;
  color: #fffaf0 !important;
  background: #fffaf00b !important;
  border: 1px solid #fffaf024 !important;
  border-radius: 6px !important;
  display: flex !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-trigger span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-trigger svg {
  color: var(--checkout-yellow);
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-overlay {
  z-index: 90;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #03080eb8;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-modal {
  color: #161a1f;
  background: #f7f7f4;
  border: 1px solid #fffaf029;
  border-radius: 14px;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  width: min(920px, 100vw - 48px);
  max-height: min(780px, 100dvh - 48px);
  display: grid;
  overflow: hidden;
  box-shadow: 0 34px 100px #0000006b;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-modal-head {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 28px 30px 16px;
  display: flex;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-modal-head h3 {
  letter-spacing: -.04em;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 950;
  line-height: .98;
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-modal-head button {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
  color: #11151b !important;
  background: #eceef3 !important;
  border: 0 !important;
  border-radius: 999px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-search {
  background: #eff1f5;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin: 0 30px 18px;
  padding: 0 18px;
  display: flex;
  color: #7b8798 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-search input {
  outline: 0;
  min-height: 58px;
  font-size: 18px;
  font-weight: 800;
  color: #151922 !important;
  background: none !important;
  border: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-search input::placeholder {
  color: #8491a5;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letters {
  scrollbar-width: thin;
  border-bottom: 1px solid #e0e4ec;
  gap: 18px;
  padding: 0 30px 12px;
  display: flex;
  overflow-x: auto;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letters button {
  font-size: 18px;
  font-weight: 900;
  color: #7b8798 !important;
  background: none !important;
  border: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letters button:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letters button.is-hot {
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letters button.is-hot:after {
  background: var(--checkout-yellow);
  content: "";
  width: 100%;
  height: 3px;
  margin-top: 7px;
  display: block;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-list {
  padding: 18px 30px 30px;
  overflow-y: auto;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letter {
  margin: 10px 0 12px;
  font-size: 15px;
  font-weight: 950;
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-title {
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 22px;
  margin-bottom: 22px;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid button {
  text-align: left;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 12px;
  display: grid;
  color: #3f4a5a !important;
  background: #eff1f5 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid button:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid button.is-selected {
  color: #11151b !important;
  background: #e7eaf0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 850;
  overflow: hidden;
  color: inherit !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid button span {
  font-size: 25px;
  color: inherit !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid button em {
  color: #8a95a6;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 22px;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid button {
  text-align: left;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 12px;
  display: grid;
  color: #5e697c !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid button:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid button.is-selected {
  color: #11151b !important;
  background: #eff1f5 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 800;
  overflow: hidden;
  color: inherit !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid button span {
  font-size: 25px;
  color: inherit !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid button em {
  color: #8a95a6;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-row {
  background: #fffaf00b;
  border: 1px solid #fffaf024;
  border-radius: 6px;
  grid-template-columns: 92px minmax(0, 1fr);
  display: grid;
  position: relative;
  overflow: hidden;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-trigger {
  white-space: nowrap;
  border-right: 1px solid #fffaf024;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  color: var(--checkout-yellow) !important;
  background-color: #0000 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-trigger span, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-trigger strong {
  font-size: 14px;
  font-weight: 950;
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-row input {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-popover {
  z-index: 95;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #03080e8f;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-panel {
  color: #11151b;
  background: #f7f7f4;
  border: 1px solid #fffaf029;
  border-radius: 10px;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(460px, 100vw - 40px);
  max-height: min(620px, 100dvh - 40px);
  display: grid;
  overflow: hidden;
  box-shadow: 0 26px 70px #0000006b;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-head {
  border-bottom: 1px solid #e1e5ec;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  display: flex;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-head strong {
  font-size: 18px;
  font-weight: 950;
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-head button {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
  color: #11151b !important;
  background: #eceef3 !important;
  border: 0 !important;
  border-radius: 8px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-search {
  background: #eff1f5;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  margin: 14px 18px;
  padding: 0 12px;
  display: flex;
  color: #7b8798 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-search input {
  outline: 0;
  min-height: 44px;
  font-size: 15px;
  font-weight: 800;
  color: #151922 !important;
  background: none !important;
  border: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list {
  padding: 0 18px 18px;
  overflow-y: auto;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button {
  text-align: left;
  grid-template-columns: 34px 74px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 0 10px;
  display: grid;
  color: #5e697c !important;
  background: none !important;
  border: 0 !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button:hover, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button.is-selected {
  color: #11151b !important;
  background: #eceff4 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button span {
  font-size: 20px;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button strong {
  font-size: 14px;
  font-weight: 950;
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button em {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 780;
  overflow: hidden;
  color: #5e697c !important;
}

@media (max-width: 640px) {
  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-row {
    grid-template-columns: 86px minmax(0, 1fr);
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-trigger {
    gap: 5px;
    padding: 0 8px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-trigger span, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-trigger strong {
    font-size: 13px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-popover {
    align-items: end;
    padding: 14px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-panel {
    width: 100%;
    max-height: calc(100dvh - 28px);
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-phone-code-list button {
    grid-template-columns: 32px 68px minmax(0, 1fr);
  }
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-form input::placeholder {
  color: #fffaf06b;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-save {
  min-height: 44px;
  font-weight: 900;
  background: var(--checkout-yellow) !important;
  color: #070908 !important;
  border-radius: 6px !important;
}

.parcel-address-selector-layer {
  z-index: 90;
  align-items: end;
  display: grid;
  position: fixed;
  inset: 0;
}

.parcel-address-selector-backdrop {
  background: #030a14b8;
  border: 0;
  position: absolute;
  inset: 0;
}

.parcel-address-selector-sheet {
  z-index: 1;
  background: #f4f7fb;
  max-height: min(92dvh, 900px);
  position: relative;
  overflow: auto;
}

@media (min-width: 768px) {
  .parcel-address-selector-layer {
    place-items: center;
  }

  .parcel-address-selector-sheet {
    border-radius: 22px;
    width: min(860px, 100vw - 48px);
  }
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel {
  background: none !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel > div:first-child {
  padding-block: 18px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-head span {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article {
  padding-block: 18px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-order-cell {
  background: #fffaf005 !important;
  border-color: #fffaf01a !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page aside > section {
  background: #fffaf00a !important;
  border-color: #ffc21a47 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page aside section > div:first-child {
  background: none !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-summary-row {
  min-height: 26px;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-coupon-row {
  background: #fffaf00b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods {
  border-top: 1px solid #fffaf01f;
  gap: 12px;
  padding-top: 4px;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods-head span {
  color: #fffaf094 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods-head strong {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-grid {
  gap: 8px;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card {
  transition: background-color .16s, border-color .16s, color .16s;
  color: #fffaf0cc !important;
  background: #fffaf009 !important;
  border: 1px solid #fffaf024 !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card:hover {
  background: #ffc21a0b !important;
  border-color: #ffc21a61 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card.is-selected {
  color: #fffaf0 !important;
  background: #ffc21a13 !important;
  border-color: #ffc21a94 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method {
  text-align: left;
  grid-template-columns: 18px 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 58px;
  padding: 9px 11px;
  display: grid;
  color: inherit !important;
  background: none !important;
  border: 0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-radio {
  background: none;
  border: 2px solid #fffaf057;
  border-radius: 999px;
  width: 16px;
  height: 16px;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card.is-selected .checkout-payment-radio {
  border-color: var(--checkout-yellow);
  background: radial-gradient(circle, var(--checkout-yellow) 0 40%, transparent 44%);
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-icon {
  background: #fffaf00e;
  border: 1px solid #fffaf01f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-copy strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.1;
  overflow: hidden;
  color: inherit !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-copy em {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.2;
  overflow: hidden;
  color: #fffaf07a !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-check {
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card.is-selected .checkout-payment-method-arrow {
  display: none;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-detail {
  color: #fffaf080;
  border-top: 1px solid #fffaf014;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 11px 10px 78px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
  display: flex;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-wallet-topup {
  white-space: nowrap;
  border: 1px solid #fffaf042;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
  color: #fffaf0 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-wallet-topup:hover {
  border-color: #ffc21a94;
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-wallet-warning {
  padding: 0 11px 11px 78px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  color: #ff4d3d !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-row {
  background: #fffaf00b !important;
  border-radius: 6px !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-link {
  font-weight: 950;
  font: inherit;
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  -webkit-text-decoration: underline #ffc21a59;
  text-decoration: underline #ffc21a59;
  display: inline;
  color: var(--checkout-yellow) !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-link:hover {
  text-decoration-color: #ffc21ad1;
}

html body .checkout-policy-modal-overlay {
  z-index: 5000;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #03080eb8;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

html body .checkout-policy-modal {
  background: linear-gradient(#fffdf7 0%, #f6f3eb 100%);
  border: 1px solid #fffaf03d;
  border-radius: 12px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(920px, 100vw - 48px);
  max-height: min(780px, 100dvh - 48px);
  display: grid;
  overflow: hidden;
  box-shadow: 0 30px 80px #00000070;
  color: #151922 !important;
}

html body .checkout-policy-modal-head {
  border-bottom: 1px solid #11151b1a;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 26px 32px 20px;
  display: flex;
}

html body .checkout-policy-modal-kicker {
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  display: block;
  color: #c88a00 !important;
}

html body .checkout-policy-modal-head h3 {
  letter-spacing: -.03em;
  text-wrap: balance;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 950;
  line-height: .98;
  color: #11151b !important;
}

html body .checkout-policy-modal-head button {
  color: #11151b;
  background: #f0f1f4;
  border: 1px solid #11151b14;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: inline-flex;
}

html body .checkout-policy-modal-body {
  scrollbar-color: #cbd5e6 transparent;
  padding: 22px 32px 26px;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.62;
  overflow-y: auto;
  color: #5c6880 !important;
}

html body .checkout-policy-modal-intro {
  background: #ffc21a14;
  border: 1px solid #ffc21a57;
  border-radius: 10px;
  padding: 18px 20px;
}

html body .checkout-policy-modal-intro p {
  text-wrap: pretty;
  max-width: 76ch;
  font-size: 17px;
  font-weight: 720;
  line-height: 1.58;
  color: #48546a !important;
}

html body .checkout-policy-modal-index {
  letter-spacing: .08em;
  text-transform: uppercase;
  border-top: 1px solid #11151b1f;
  border-bottom: 1px solid #11151b1f;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 18px 0 0;
  padding: 12px 0;
  font-size: 12px;
  font-weight: 950;
  display: flex;
  color: #7b8495 !important;
}

html body .checkout-policy-modal-index span {
  color: #7b8495 !important;
}

html body .checkout-policy-modal-sections {
  display: grid;
}

html body .checkout-policy-modal-section {
  border-bottom: 1px solid #11151b1a;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
  padding: 18px 0;
  display: grid;
}

html body .checkout-policy-modal-section-number {
  background: #151922;
  border: 1px solid #11151b1f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  display: inline-flex;
  color: #ffc21a !important;
}

html body .checkout-policy-modal-body h4 {
  letter-spacing: -.01em;
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.22;
  color: #202631 !important;
}

html body .checkout-policy-modal-body p {
  text-wrap: pretty;
  max-width: 78ch;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.58;
  color: #5c6880 !important;
}

html body .checkout-policy-modal-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 24px;
  margin-top: 9px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
  list-style: outside;
  display: grid;
  color: #5c6880 !important;
}

html body .checkout-policy-modal-follow-up {
  margin-top: 10px;
}

html body .checkout-policy-modal-table-wrap {
  border: 1px solid #11151b1f;
  border-radius: 8px;
  margin-top: 12px;
  overflow-x: auto;
}

html body .checkout-policy-modal-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 620px;
  font-size: 13px;
  line-height: 1.45;
  color: #4e5a70 !important;
}

html body .checkout-policy-modal-table th, html body .checkout-policy-modal-table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #11151b1a;
  border-right: 1px solid #11151b1a;
  padding: 10px 12px;
}

html body .checkout-policy-modal-table th {
  background: #eef0f4;
  font-weight: 900;
  color: #202631 !important;
}

html body .checkout-policy-modal-table tr:last-child td {
  border-bottom: 0;
}

html body .checkout-policy-modal-table th:last-child, html body .checkout-policy-modal-table td:last-child {
  border-right: 0;
}

html body .checkout-policy-modal-outro {
  background: #ffc21a12;
  border: 1px solid #ffc21a4d;
  border-radius: 10px;
  max-width: none;
  margin-top: 18px;
  padding: 16px 18px;
  font-weight: 760;
  color: #48546a !important;
}

html body .checkout-policy-modal-actions {
  background: #fffdf7f0;
  border-top: 1px solid #e2e6ee;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding: 18px 32px 22px;
  display: flex;
}

html body .checkout-policy-modal-actions p {
  margin-right: auto;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  color: #6d7688 !important;
}

html body .checkout-policy-modal-actions button {
  background: #191c20;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 210px;
  min-height: 52px;
  font-size: 17px;
  font-weight: 950;
  display: inline-flex;
  color: #fff !important;
}

html body .checkout-policy-modal p, html body .checkout-policy-modal h3, html body .checkout-policy-modal h4 {
  text-shadow: none !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-head h3 {
  color: #11151b !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-body, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-body p {
  color: #5c6880 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-body h4 {
  color: #202631 !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-kicker, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-section-number {
  color: #ffc21a !important;
}

html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-index, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-index span {
  color: #7b8495 !important;
}

html body .parcel-checkout-refined {
  --parcel-bg: #050805;
  --parcel-surface: #fffaf009;
  --parcel-surface-strong: #fffaf00e;
  --parcel-line: #fffaf024;
  --parcel-line-strong: #ffc21a57;
  --parcel-text: #fffaf0;
  --parcel-muted: #fffaf094;
  --parcel-soft: #fffaf014;
  --parcel-yellow: #ffc21a;
  color: var(--parcel-text);
}

html body .parcel-checkout-refined :is(h1, h2, h3, p, span, strong, label, button, input, a) {
  text-shadow: none !important;
}

html body .parcel-checkout-refined .parcel-checkout-panel, html body .parcel-checkout-refined .parcel-payment-panel {
  border: 1px solid var(--parcel-line);
  color: var(--parcel-text);
  background: radial-gradient(circle at 90% 0, #ffc21a14, #0000 18rem), #020705e0;
  border-radius: 8px;
}

html body .parcel-checkout-refined .parcel-checkout-panel {
  padding: 26px;
}

html body .parcel-checkout-refined .parcel-payment-panel {
  overflow: hidden;
}

html body .parcel-checkout-refined .parcel-checkout-panel-head, html body .parcel-checkout-refined .parcel-payment-head, html body .parcel-drawer-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

html body .parcel-checkout-refined h1, html body .parcel-checkout-refined h2, html body .parcel-payment-panel h2, html body .parcel-drawer-head h2 {
  letter-spacing: -.03em;
  font-size: 28px;
  font-weight: 950;
  line-height: 1;
  color: var(--parcel-yellow) !important;
}

html body .parcel-payment-head {
  border-bottom: 1px solid var(--parcel-line);
  padding: 24px 24px 18px;
}

html body .parcel-payment-head p {
  max-width: 34ch;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
  color: var(--parcel-muted) !important;
}

html body .parcel-checkout-outline-button, html body .parcel-checkout-link {
  background: #fffaf00a;
  border: 1px solid #fffaf02e;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 900;
  transition: border-color .16s, background-color .16s, color .16s;
  display: inline-flex;
  color: var(--parcel-text) !important;
}

html body .parcel-checkout-link {
  background: none;
  border-color: #0000;
  color: var(--parcel-muted) !important;
  text-decoration: none !important;
}

html body .parcel-checkout-outline-button:hover, html body .parcel-checkout-link:hover {
  border-color: var(--parcel-line-strong);
  color: var(--parcel-yellow) !important;
}

html body .parcel-address-grid {
  grid-template-columns: .75fr 1.2fr .9fr;
  gap: 24px;
  margin-top: 26px;
  display: grid;
}

html body .parcel-address-column {
  border-left: 1px solid var(--parcel-line);
  padding-left: 22px;
}

html body .parcel-address-column:first-child {
  border-left: 0;
  padding-left: 0;
}

html body .parcel-address-column > span, html body .parcel-service-group > p, html body .parcel-measure-grid span, html body .parcel-summary-row span, html body .parcel-coupon-row span, html body .parcel-remark-row > span {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
  color: var(--parcel-muted) !important;
}

html body .parcel-address-column strong {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.35;
  display: block;
  color: var(--parcel-text) !important;
}

html body .parcel-address-column p, html body .parcel-address-column p span {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 760;
  color: var(--parcel-muted) !important;
}

html body .parcel-product-strip {
  border-bottom: 1px solid var(--parcel-line);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
  padding-bottom: 24px;
  display: flex;
}

html body .parcel-product-thumbs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

html body .parcel-product-thumb {
  background: #fffaf00f;
  border: 1px solid #fffaf029;
  border-radius: 6px;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
}

html body .parcel-empty-note {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 850;
  color: var(--parcel-muted) !important;
}

html body .parcel-measure-grid {
  border-bottom: 1px solid var(--parcel-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

html body .parcel-measure-grid div + div {
  border-left: 1px solid var(--parcel-line);
  padding-left: 24px;
}

html body .parcel-measure-grid strong {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 950;
  display: block;
  color: var(--parcel-yellow) !important;
}

html body .parcel-service-blocks {
  gap: 20px;
  margin-top: 24px;
  display: grid;
}

html body .parcel-service-group {
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 18px;
  display: grid;
}

html body .parcel-service-group > div {
  flex-wrap: wrap;
  gap: 12px 18px;
  display: flex;
}

html body .parcel-service-group label {
  align-items: center;
  gap: 8px;
  min-height: 32px;
  font-size: 14px;
  font-weight: 780;
  display: inline-flex;
  color: #fffaf0b8 !important;
}

html body .parcel-service-group input, html body .parcel-terms-row input {
  width: 18px;
  height: 18px;
  accent-color: var(--parcel-yellow);
}

html body .parcel-service-group em {
  background: #ffc21a1f;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  color: var(--parcel-yellow) !important;
}

html body .parcel-remark-row {
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  display: grid;
}

html body .parcel-remark-row input, html body .parcel-shipping-search input {
  background: #fffaf00e;
  border: 1px solid #fffaf021;
  border-radius: 6px;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 780;
  color: var(--parcel-text) !important;
}

html body .parcel-remark-row input {
  min-height: 46px;
  padding: 0 16px;
}

html body .parcel-remark-row input::placeholder, html body .parcel-shipping-search input::placeholder {
  color: #fffaf070 !important;
}

html body .parcel-suggestion-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding-left: 188px;
  display: flex;
}

html body .parcel-suggestion-row button {
  background: #fffaf00a;
  border: 1px solid #fffaf024;
  border-radius: 999px;
  min-height: 32px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 850;
  color: var(--parcel-muted) !important;
}

html body .parcel-selected-line {
  border-top: 1px solid var(--parcel-line);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
  padding-top: 22px;
  display: grid;
}

html body .parcel-selected-line strong {
  font-size: 16px;
  font-weight: 950;
  color: var(--parcel-text) !important;
}

html body .parcel-selected-line p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 780;
  color: var(--parcel-muted) !important;
}

html body .parcel-selected-line > span:last-child {
  font-size: 18px;
  font-weight: 950;
  color: var(--parcel-yellow) !important;
}

html body .parcel-line-logo {
  background: #ffc21a1a;
  border: 1px solid #ffc21a52;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 48px;
  height: 36px;
  font-size: 11px;
  font-weight: 950;
  display: inline-flex;
  color: var(--parcel-yellow) !important;
}

html body .parcel-summary-list {
  border-bottom: 1px solid var(--parcel-line);
  gap: 14px;
  padding: 20px 24px;
  display: grid;
}

html body .parcel-summary-row, html body .parcel-coupon-row {
  text-align: left;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 0;
  display: flex;
}

html body .parcel-summary-row strong, html body .parcel-coupon-row strong {
  font-size: 14px;
  font-weight: 950;
  color: var(--parcel-text) !important;
}

html body .parcel-summary-row strong.is-accent, html body .parcel-coupon-row strong {
  color: var(--parcel-yellow) !important;
}

html body .parcel-summary-row.is-strong {
  border-top: 1px solid var(--parcel-line);
  align-items: flex-end;
  margin-top: 4px;
  padding-top: 18px;
}

html body .parcel-summary-row.is-strong strong {
  letter-spacing: -.03em;
  font-size: 26px;
  color: var(--parcel-yellow) !important;
}

html body .parcel-payment-methods {
  gap: 10px;
  padding: 20px 24px;
  display: grid;
}

html body .parcel-payment-method-card {
  background: #fffaf009;
  border: 1px solid #fffaf021;
  border-radius: 6px;
}

html body .parcel-payment-method-card.is-selected {
  background: #ffc21a12;
  border-color: #ffc21a94;
}

html body .parcel-payment-method {
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: 18px 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  padding: 9px 12px;
  display: grid;
}

html body .parcel-payment-radio {
  border: 2px solid #fffaf057;
  border-radius: 999px;
  width: 16px;
  height: 16px;
}

html body .parcel-payment-method-card.is-selected .parcel-payment-radio {
  border-color: var(--parcel-yellow);
  background: radial-gradient(circle, var(--parcel-yellow) 0 40%, transparent 44%);
}

html body .parcel-payment-method-icon {
  background: #fffaf00e;
  border: 1px solid #fffaf01f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  color: var(--parcel-yellow) !important;
}

html body .parcel-payment-method-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

html body .parcel-payment-method-copy strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 950;
  overflow: hidden;
  color: var(--parcel-text) !important;
}

html body .parcel-payment-method-copy em, html body .parcel-payment-method-detail {
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.35;
  color: var(--parcel-muted) !important;
}

html body .parcel-payment-method-detail {
  border-top: 1px solid #fffaf014;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 12px 10px 80px;
  display: flex;
}

html body .parcel-wallet-topup {
  border: 1px solid #fffaf033;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
  color: var(--parcel-text) !important;
}

html body .parcel-wallet-warning {
  padding: 0 12px 12px 80px;
  font-size: 12px;
  font-weight: 850;
  color: #ff4d3d !important;
}

html body .parcel-terms-row {
  background: #fffaf00a;
  border: 1px solid #fffaf01f;
  border-radius: 6px;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0 24px;
  padding: 13px;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.5;
  display: grid;
  color: var(--parcel-muted) !important;
}

html body .parcel-terms-row input {
  align-self: center;
  margin: 0;
}

html body .parcel-terms-row > span {
  text-align: left;
  min-width: 0;
}

html body .parcel-terms-row button {
  font: inherit;
  text-underline-offset: 3px;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 950;
  -webkit-text-decoration: underline #ffc21a57;
  text-decoration: underline #ffc21a57;
  color: var(--parcel-yellow) !important;
}

html:has(.parcel-checkout-page) body .parcel-shipping-terms-modal .checkout-policy-modal-body {
  color: #5c6880 !important;
}

html:has(.parcel-checkout-page) body .parcel-shipping-terms-modal .checkout-policy-modal-body p {
  color: #5c6880 !important;
}

html:has(.parcel-checkout-page) body .parcel-shipping-terms-modal .checkout-policy-modal-intro p {
  color: #48546a !important;
}

html:has(.parcel-checkout-page) body .parcel-shipping-terms-modal .checkout-policy-modal-body h4 {
  color: #202631 !important;
}

html body .parcel-payment-note {
  text-align: center;
  padding: 12px 24px 22px;
  font-size: 12px;
  font-weight: 800;
  color: var(--parcel-muted) !important;
}

html body .parcel-modal-overlay {
  z-index: 5000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #03080eb8;
  position: fixed;
  inset: 0;
}

html body .parcel-shipping-drawer, html body .parcel-coupon-drawer {
  background: #f9faf8;
  border-left: 1px solid #fffaf02e;
  width: min(560px, 100vw);
  height: 100%;
  padding: 26px;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: -28px 0 70px #00000057;
  color: #151922 !important;
}

html body .parcel-drawer-head h2 {
  color: #151922 !important;
}

html body .parcel-drawer-head button {
  color: #151922;
  background: #eef0f5;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: inline-flex;
}

html body .parcel-shipping-search {
  color: #7b8495;
  background: #fff;
  border: 1px solid #d7dde8;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  padding: 0 14px;
  display: grid;
}

html body .parcel-shipping-search input {
  background: none;
  border: 0;
  min-height: 50px;
  color: #151922 !important;
}

html body .parcel-line-tabs {
  background: #eef0f5;
  border-radius: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-top: 16px;
  padding: 4px;
  display: grid;
}

html body .parcel-line-tabs button {
  background: none;
  border: 0;
  border-radius: 6px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 900;
  color: #6d7688 !important;
}

html body .parcel-line-tabs button.is-active {
  background: #fff;
  box-shadow: 0 3px 8px #0f172a14;
  color: #151922 !important;
}

html body .parcel-line-tip {
  background: #ffc21a1f;
  border: 1px solid #ffc21a38;
  border-radius: 8px;
  margin-top: 16px;
  padding: 13px 14px;
  font-size: 13px;
  font-weight: 760;
  color: #667085 !important;
}

html body .parcel-line-list {
  gap: 14px;
  margin-top: 16px;
  display: grid;
}

html body .parcel-line-card {
  text-align: left;
  background: #fff;
  border: 1px solid #d8deea;
  border-radius: 8px;
  grid-template-columns: 24px 52px minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  padding: 14px;
  display: grid;
}

html body .parcel-line-card.is-selected {
  border-color: #ffc21a;
  box-shadow: 0 0 0 2px #ffc21a29;
}

html body .parcel-line-card .parcel-line-logo {
  background: #fff9df;
  color: #9b6d00 !important;
}

html body .parcel-line-checkbox {
  border: 1px solid #d8deea;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: inline-flex;
  color: #151922 !important;
}

html body .parcel-line-card.is-selected .parcel-line-checkbox {
  background: #ffc21a;
  border-color: #ffc21a;
}

html body .parcel-line-copy {
  gap: 10px;
  display: grid;
  color: #151922 !important;
}

html body .parcel-line-copy strong {
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
  color: #151922 !important;
}

html body .parcel-line-copy span:has(em) {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

html body .parcel-shipping-drawer .parcel-line-copy small {
  color: #667085 !important;
}

html body .parcel-shipping-drawer .parcel-line-copy > span:not(.parcel-line-price):not(:has(em)) {
  color: #667085 !important;
}

html body .parcel-line-copy em {
  background: #ffc21a29;
  border-radius: 4px;
  padding: 4px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  color: #7b5600 !important;
}

html body .parcel-line-price {
  background: #fffbdf;
  border: 1px solid #ffc21a75;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

html body .parcel-line-price small, html body .parcel-line-meta {
  font-size: 12px;
  font-weight: 820;
  color: #667085 !important;
}

html body .parcel-line-price b {
  font-size: 17px;
  font-weight: 950;
  color: #5d7800 !important;
}

html body .parcel-line-meta {
  justify-content: space-between;
  display: flex;
}

html body .parcel-line-meta b {
  color: #151922 !important;
}

html body .parcel-confirm-line {
  background: #151922;
  border: 0;
  border-radius: 8px;
  width: 100%;
  min-height: 54px;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 950;
  position: sticky;
  bottom: 0;
  color: #fff !important;
}

html body .parcel-coupon-card {
  text-align: left;
  background: #fff;
  border: 1px solid #d8deea;
  border-radius: 8px;
  grid-template-columns: 118px minmax(0, 1fr);
  width: 100%;
  display: grid;
  overflow: hidden;
}

html body .parcel-coupon-card.is-selected {
  border-color: #ffc21a;
}

html body .parcel-coupon-card > span:first-child {
  background: #151922;
  flex-direction: column;
  justify-content: center;
  min-height: 112px;
  padding: 14px;
  display: flex;
  color: #fff !important;
}

html body .parcel-coupon-card > span:last-child {
  gap: 7px;
  padding: 14px;
  display: grid;
}

html body .parcel-coupon-card small, html body .parcel-coupon-card em {
  font-size: 11px;
  font-style: normal;
  font-weight: 820;
  color: #667085 !important;
}

html body .parcel-coupon-card > span:first-child small, html body .parcel-coupon-card > span:first-child em {
  color: #fffaf0b8 !important;
}

html body .parcel-coupon-card strong {
  margin-top: 8px;
  font-size: 26px;
  font-weight: 950;
  color: #ffc21a !important;
}

html body .parcel-coupon-card b {
  font-size: 14px;
  font-weight: 950;
  color: #151922 !important;
}

@media (max-width: 1024px) {
  html body .parcel-address-grid, html body .parcel-measure-grid {
    grid-template-columns: 1fr;
  }

  html body .parcel-address-column, html body .parcel-measure-grid div + div {
    border-left: 0;
    border-top: 1px solid var(--parcel-line);
    padding-top: 18px;
    padding-left: 0;
  }

  html body .parcel-address-column:first-child {
    border-top: 0;
    padding-top: 0;
  }
}

@media (max-width: 640px) {
  html body .parcel-checkout-refined .parcel-checkout-panel {
    padding: 18px;
  }

  html body .parcel-checkout-refined .parcel-checkout-panel-head, html body .parcel-payment-head {
    flex-direction: column;
    align-items: stretch;
  }

  html body .parcel-drawer-head {
    flex-direction: row;
    align-items: center;
  }

  html body .parcel-checkout-refined h1, html body .parcel-checkout-refined h2, html body .parcel-payment-panel h2, html body .parcel-drawer-head h2 {
    font-size: 24px;
  }

  html body .parcel-service-group, html body .parcel-remark-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  html body .parcel-suggestion-row {
    padding-left: 0;
  }

  html body .parcel-selected-line {
    grid-template-columns: auto minmax(0, 1fr);
  }

  html body .parcel-selected-line > span:last-child {
    grid-column: 2;
  }

  html body .parcel-payment-head, html body .parcel-summary-list, html body .parcel-payment-methods {
    padding-inline: 18px;
  }

  html body .parcel-terms-row {
    margin-inline: 18px;
  }

  html body .parcel-payment-method {
    grid-template-columns: 18px 34px minmax(0, 1fr) auto;
    gap: 9px;
  }

  html body .parcel-payment-method-detail, html body .parcel-wallet-warning {
    padding-left: 73px;
  }

  html body .parcel-shipping-drawer, html body .parcel-coupon-drawer {
    width: 100vw;
    padding: 20px;
  }

  html body .parcel-line-card {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  html body .parcel-line-card .parcel-line-logo {
    grid-area: 1 / 2;
    margin-bottom: 4px;
  }

  html body .parcel-line-copy {
    grid-column: 2;
  }

  html body .parcel-line-tabs {
    grid-template-columns: 1fr;
  }

  html body .checkout-policy-modal-overlay {
    align-items: end;
    padding: 14px;
  }

  html body .checkout-policy-modal {
    border-radius: 12px;
    width: 100%;
    max-height: calc(100dvh - 28px);
  }

  html body .checkout-policy-modal-head {
    padding: 20px 18px 16px;
  }

  html body .checkout-policy-modal-head h3 {
    font-size: 30px;
  }

  html body .checkout-policy-modal-head button {
    width: 40px;
    height: 40px;
  }

  html body .checkout-policy-modal-body {
    padding: 18px 18px 20px;
  }

  html body .checkout-policy-modal-intro {
    padding: 14px;
  }

  html body .checkout-policy-modal-intro p {
    font-size: 15px;
  }

  html body .checkout-policy-modal-index {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  html body .checkout-policy-modal-section {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
  }

  html body .checkout-policy-modal-section-number {
    border-radius: 7px;
    width: 28px;
    height: 28px;
    font-size: 10px;
  }

  html body .checkout-policy-modal-body h4 {
    font-size: 16px;
  }

  html body .checkout-policy-modal-body p {
    font-size: 14px;
    line-height: 1.55;
  }

  html body .checkout-policy-modal-list {
    grid-template-columns: 1fr;
    font-size: 14px;
  }

  html body .checkout-policy-modal-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 18px 18px;
  }

  html body .checkout-policy-modal-actions p {
    text-align: center;
    margin-right: 0;
  }

  html body .checkout-policy-modal-actions button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 900px) {
  html body .checkout-page.checkout-page {
    padding-top: 112px !important;
    overflow-x: hidden !important;
  }

  html body .checkout-page.checkout-page > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
  }

  html body .checkout-page.checkout-page :is(section, aside, article, div) {
    min-width: 0;
  }

  html body .checkout-page.checkout-page .prvbuy-floating-tools {
    right: 10px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-overlay {
    align-items: end;
    padding: 0;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-modal {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 18px 18px 0 0;
    width: 100vw;
    max-height: 88dvh;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-modal-head {
    padding: 22px 20px 14px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-search {
    margin: 0 20px 14px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-letters {
    gap: 16px;
    padding: 0 20px 12px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-list {
    padding: 14px 20px 24px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-grid, html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-country-hot-grid {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

html body .checkout-mobile-sticky-payment {
  display: none;
}

html body .checkout-agreement-copy {
  display: inline;
}

html body .checkout-policy-links {
  margin-inline: 3px;
  display: inline;
}

html body .checkout-agreement-order {
  display: inline;
}

html body .checkout-products-title-mobile, html body .checkout-product-domestic, html body .checkout-mobile-product-price, html body .checkout-mobile-seller-strip, html body .checkout-product-remark {
  display: none;
}

@media (max-width: 767px) {
  html:has(.checkout-page) body {
    padding-bottom: calc(78px + env(safe-area-inset-bottom));
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page {
    padding: 92px 16px 96px !important;
  }

  html:has(.checkout-page) body > header.home-shared-header nav.cd-nav {
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
    background: #050607f5 !important;
    box-shadow: 0 1px #ffc21a29 !important;
  }

  :is(html:has(.checkout-page) body .prvbuy-floating-tools, html:has(.checkout-page) body .prvbuy-guide-launcher) {
    display: none !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page > div {
    max-width: 100% !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page > div > div {
    gap: 16px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page :is(.checkout-address-panel, .checkout-products-panel, .checkout-payment-panel) {
    border-radius: 8px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-aside {
    width: 100%;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-head {
    padding: 16px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-head h2 {
    line-height: 1.02;
    font-size: 24px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-head p {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-content {
    gap: 10px !important;
    padding: 14px 16px 16px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-summary-row {
    min-height: 22px;
    font-size: 12px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-coupon-row {
    min-height: 44px;
    height: auto !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-total-amount {
    font-size: 30px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-content > p.text-right {
    margin-top: -5px;
    font-size: 11px !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods {
    gap: 8px;
    padding-top: 10px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-methods-head {
    min-height: 30px;
    font-size: 12px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-grid {
    gap: 6px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method {
    grid-template-columns: 18px 34px minmax(0, 1fr) auto;
    gap: 9px;
    min-height: 54px;
    padding: 8px 10px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-icon {
    width: 34px;
    height: 34px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-copy em {
    max-width: 32ch;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card:not(:has(.checkout-wallet-topup)) .checkout-payment-method-detail {
    display: none;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card:has(.checkout-wallet-topup) .checkout-payment-method-detail {
    border-top: 0;
    justify-content: flex-end;
    min-height: 44px;
    padding: 0 10px 8px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-card:has(.checkout-wallet-topup) .checkout-payment-method-detail > span {
    display: none;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-wallet-topup {
    min-height: 44px;
    padding-inline: 16px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-wallet-warning {
    padding: 0 10px 10px 61px;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-row {
    grid-template-columns: 22px minmax(0, 1fr);
    min-height: 56px;
    gap: 10px !important;
    padding: 12px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: grid !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-row > input {
    width: 22px !important;
    height: 22px !important;
    margin-top: 0 !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-copy {
    gap: 8px;
    min-width: 0;
    display: grid;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-inline: 0;
    display: grid;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-separator {
    display: none;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-link {
    text-align: center;
    background: #ffc21a0e;
    border: 1px solid #ffc21a38;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 7px 8px;
    text-decoration: none;
    display: inline-flex;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-link:last-child {
    grid-column: 1 / -1;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-order {
    font-size: 11px;
    color: #ffffff8f !important;
  }

  html body .checkout-page.checkout-lean-page.checkout-lean-page .checkout-inline-pay-button {
    display: none !important;
  }

  html body .checkout-mobile-sticky-payment {
    z-index: 2600;
    min-height: calc(72px + env(safe-area-inset-bottom));
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #080909f7;
    border-top: 1px solid #ffc21a3d;
    grid-template-columns: minmax(0, 1fr) minmax(148px, 44%);
    align-items: center;
    gap: 12px;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -14px 36px #00000070;
  }

  html body .checkout-mobile-sticky-summary {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  html body .checkout-mobile-sticky-summary span {
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 850;
    overflow: hidden;
    color: #ffffff8f !important;
  }

  html body .checkout-mobile-sticky-summary strong {
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    font-size: 20px;
    font-weight: 950;
    line-height: 1;
    color: #ffc21a !important;
  }

  html body .checkout-mobile-sticky-payment > button {
    width: 100%;
    min-height: 48px;
    padding-inline: 10px;
    font-size: 13px;
    border-radius: 6px !important;
  }

  html body .checkout-policy-modal-head button {
    border-radius: 6px;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }

  html:has(.checkout-page) body .checkout-policy-modal {
    color: #fff;
    background: #080909;
    border-color: #ffffff24;
    box-shadow: 0 -24px 70px #00000094;
  }

  html:has(.checkout-page) body .checkout-policy-modal-head {
    background: #080909;
    border-bottom-color: #ffffff1f;
  }

  html:has(.checkout-page) body .checkout-policy-modal-head h3 {
    color: #ffc21a !important;
  }

  html:has(.checkout-page) body .checkout-policy-modal-kicker {
    color: #ffffff94 !important;
  }

  html:has(.checkout-page) body .checkout-policy-modal-head button {
    color: #fff;
    background: #ffffff0b;
    border: 1px solid #ffffff24;
  }

  :is(html:has(.checkout-page) body .checkout-policy-modal-body, html:has(.checkout-page) body .checkout-policy-modal-actions) {
    background: #080909;
  }

  html:has(.checkout-page) body .checkout-policy-modal-intro {
    background: #ffc21a0e;
    border-color: #ffc21a2e;
  }

  html:has(.checkout-page) body .checkout-policy-modal :is(p, li) {
    color: #ffffffb3 !important;
  }

  html:has(.checkout-page) body .checkout-policy-modal-body h4 {
    color: #fff !important;
  }

  :is(html:has(.checkout-page) body .checkout-policy-modal-index, html:has(.checkout-page) body .checkout-policy-modal-section, html:has(.checkout-page) body .checkout-policy-modal-actions) {
    border-color: #ffffff1c;
  }

  html:has(.checkout-page) body .checkout-policy-modal-index {
    color: #ffc21a !important;
  }

  html:has(.checkout-page) body .checkout-policy-modal-index span {
    color: #ffc21a !important;
  }

  html:has(.checkout-page) body .checkout-policy-modal-section-number {
    color: #ffc21a !important;
  }

  html:has(.checkout-page) body .checkout-policy-modal-section-number {
    background: #ffc21a17;
    border-color: #ffc21a57;
  }

  html:has(.checkout-page) body .checkout-policy-modal-table-wrap {
    background: #ffffff06;
    border-color: #ffffff21;
  }

  html:has(.checkout-page) body .checkout-policy-modal-table :is(th, td) {
    color: #ffffffb8;
    border-color: #ffffff1a;
  }

  html:has(.checkout-page) body .checkout-policy-modal-table th {
    color: #ffc21a;
    background: #ffc21a12;
  }

  html body .checkout-policy-modal-actions button {
    border-radius: 6px;
    min-height: 52px;
  }

  html:has(.checkout-page) body .checkout-policy-modal-actions button {
    color: #080909;
    background: #ffc21a;
    border: 0;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-head h3 {
    color: #ffc21a !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-body :is(p, li) {
    color: #ffffffb8 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal .checkout-policy-modal-body h4 {
    color: #fff !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-modal :is(.checkout-policy-modal-kicker, .checkout-policy-modal-index, .checkout-policy-modal-index span, .checkout-policy-modal-section-number) {
    color: #ffc21a !important;
  }

  html:has(.checkout-page) body > footer.footer-section {
    padding-top: 24px !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  :is(html:has(.checkout-page) body > footer.footer-section .footer-grid, html:has(.checkout-page) body > footer.footer-section .footer-card-row) {
    display: none !important;
  }

  html:has(.checkout-page) body > footer.footer-section .footer-top {
    margin-bottom: 18px !important;
  }

  html:has(.checkout-page) body {
    background: #0e0e0f !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page > div > div, html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page > div > div > section {
    gap: 0 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page :is(.checkout-address-panel, .checkout-products-panel, .checkout-payment-panel) {
    width: 100%;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #0e0e0f !important;
    border-width: 0 !important;
    border-radius: 0 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page :is(.checkout-products-panel, .checkout-payment-panel) {
    border-top: 9px solid #191a1d !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel > div:first-child {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
    min-height: 154px;
    display: grid;
    padding: 20px 18px 22px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel .checkout-panel-kicker {
    color: #ffffff94 !important;
    letter-spacing: .08em !important;
    font-size: 12px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel h1 {
    color: #f7f7f8 !important;
    margin-top: 12px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel h1 svg {
    width: 22px;
    height: 22px;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-panel h1 + p {
    line-height: 1.45;
    color: #ffffff8f !important;
    margin-top: 8px !important;
    font-size: 13px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-toggle.checkout-address-toggle {
    width: 44px;
    min-width: 44px;
    height: 44px;
    overflow: hidden;
    color: #0000 !important;
    border-color: #ffffff29 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-toggle:after {
    content: "›";
    color: #ffffffd1;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-drawer {
    border-color: #242529 !important;
    padding: 18px !important;
  }

  html body .checkout-products-title-desktop {
    display: none;
  }

  html body .checkout-products-title-mobile {
    display: inline;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel > div:first-child {
    min-height: 70px;
    border-color: #242529 !important;
    padding: 20px 18px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel > div:first-child h2 {
    color: #f7f7f8 !important;
    text-shadow: none !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel > div:first-child > span {
    display: none;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article {
    padding: 18px !important;
    display: block !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-seller-strip {
    color: #ffffff8a;
    border-bottom: 1px solid #242529;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    font-size: 11px;
    display: flex;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-seller-strip > span {
    white-space: nowrap;
    align-items: center;
    gap: 7px;
    min-width: 0;
    display: flex;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-seller-strip > span:first-child {
    color: #f7f7f8;
    font-size: 14px;
    overflow: hidden;
    background: none !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-seller-strip > span:first-child strong {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-seller-strip img {
    flex: none;
    width: 24px;
    height: 24px;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-seller-strip > span:last-child strong {
    color: #ffffffd1;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article > .checkout-mobile-seller-strip + div {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 14px !important;
    display: grid !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article > .checkout-mobile-seller-strip + div > div:first-child {
    margin-top: 0;
    background: #f4f4f2 !important;
    border: 0 !important;
    border-radius: 12px !important;
    width: 82px !important;
    height: 82px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-seller-row {
    border-bottom: 1px solid #242529;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 30px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: none;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-seller {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #f7f7f8 !important;
    font-size: 15px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-domestic {
    color: #ffffff85;
    white-space: nowrap;
    flex: none;
    gap: 6px;
    font-size: 11px;
    display: inline-flex;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-domestic strong {
    color: #fffc;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-title-row {
    margin-top: 0 !important;
    display: block !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-platform-mark {
    min-height: 24px;
    margin-bottom: 8px;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    display: none !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-platform-mark span {
    display: none;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-platform-mark img {
    width: 24px !important;
    height: 24px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-title {
    padding-right: 74px;
    color: #f7f7f8 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-sku {
    padding-right: 74px;
    color: #ffffff94 !important;
    margin-top: 7px !important;
    font-size: 13px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-product-price {
    font-variant-numeric: tabular-nums;
    justify-items: end;
    gap: 8px;
    display: grid;
    position: absolute;
    top: 82px;
    right: 18px;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-product-price strong {
    color: #f7f7f8;
    font-size: 14px;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-mobile-product-price span {
    color: #ffffffa8;
    font-size: 13px;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-products-panel article {
    position: relative;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-order-cell {
    display: none !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-remark {
    color: #ffffffb8;
    background: #1b1c20;
    border-radius: 8px;
    grid-template-columns: 22px auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 52px;
    margin-top: 16px;
    padding: 0 14px;
    font-size: 14px;
    display: grid;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-remark svg {
    color: #ffffffc7;
    width: 22px;
    height: 22px;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-remark input {
    color: #f7f7f8;
    min-width: 0;
    height: 44px;
    font: inherit;
    background: none;
    border: 0;
    outline: 0;
    padding: 0;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-product-remark input::placeholder {
    color: #ffffff70;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-stage:not(.is-open) {
    display: none;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-stage.is-open {
    display: contents;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-row {
    z-index: 2601;
    right: 0;
    bottom: calc(80px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    min-height: 36px;
    margin: 0;
    position: fixed;
    left: 0;
    background: #0e0e0ffa !important;
    border-width: 1px 0 !important;
    border-color: #242529 !important;
    border-radius: 0 !important;
    gap: 7px !important;
    padding: 0 12px !important;
    display: grid !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-row > input {
    transform: translateY(2px);
    accent-color: #bfff00 !important;
    width: 18px !important;
    height: 18px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-copy {
    display: block;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-copy > span:first-child, html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-agreement-order {
    display: none !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-links {
    flex-wrap: nowrap;
    align-items: center;
    gap: 0 3px;
    min-width: 0;
    display: flex;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-link {
    white-space: nowrap;
    min-height: 32px;
    font-size: 10px;
    display: inline-flex;
    color: #ffc21a !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-link:last-child {
    grid-column: auto;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-policy-separator {
    color: #ffffff6b;
    display: inline;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-content {
    padding: 0 18px 22px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-content > .checkout-coupon-row {
    min-height: 62px;
    margin-inline: -18px;
    color: #f7f7f8 !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid #242529 !important;
    border-radius: 0 !important;
    padding: 0 18px !important;
    font-size: 15px !important;
    display: flex !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-content > .checkout-coupon-row span {
    font-weight: 600;
    color: #ffffff7a !important;
  }

  html body .checkout-mobile-sticky-payment {
    min-height: calc(84px + env(safe-area-inset-bottom));
    padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
    background: #0e0e0ffa;
    border-color: #242529;
    grid-template-columns: minmax(0, 1fr) minmax(174px, 46%);
    gap: 14px;
    box-shadow: 0 -8px 24px #00000057;
  }

  html body .checkout-mobile-sticky-payment .checkout-mobile-sticky-summary strong {
    color: #f7f7f8;
    font-size: 18px;
  }

  html body .checkout-mobile-sticky-payment .checkout-mobile-sticky-summary em {
    color: #ffffffc2;
    font-size: 11px;
    font-style: normal;
    font-weight: 750;
  }

  html body .checkout-mobile-sticky-payment > button:last-child {
    min-height: 52px;
    border-radius: 8px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page {
    height: 100dvh;
    overflow: hidden auto;
    padding: 92px 16px calc(112px + env(safe-area-inset-bottom)) !important;
    background: radial-gradient(circle at 100% 0, #1c46843d, #0000 19rem), #080b10 !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-payment-method-grid {
    display: none !important;
  }

  html body .checkout-mobile-sheet-overlay {
    z-index: 2700;
  }

  html body .checkout-mobile-sticky-payment > button.checkout-mobile-sticky-summary {
    width: auto;
    min-width: 0;
    min-height: 48px;
    color: inherit;
    text-align: left;
    justify-items: start;
    padding: 0;
    display: grid;
    border-radius: 0 !important;
  }

  html body .checkout-mobile-sticky-payment > button.checkout-mobile-sticky-summary strong {
    align-items: center;
    gap: 3px;
    display: flex;
  }

  html body > header.cd-header.home-shared-header.home-shared-header nav.cd-nav.cd-nav .account-avatar-button.account-avatar-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page .checkout-address-toggle.checkout-address-toggle {
    min-height: 44px !important;
  }

  html body .parcel-checkout-page .parcel-coupon-row, html body .parcel-checkout-page .parcel-terms-row button {
    min-height: 44px;
  }

  html body .parcel-checkout-page .parcel-coupon-row {
    align-items: center;
  }

  html body .parcel-checkout-page .parcel-terms-row button {
    align-items: center;
    padding-inline: 4px;
    display: inline-flex;
  }

  html body .checkout-page.checkout-page.checkout-lean-page.checkout-lean-page {
    padding: 88px 0 calc(164px + env(safe-area-inset-bottom)) !important;
    background: #0e0e0f !important;
  }
}

/*# sourceMappingURL=src_app_1ko3bly._.css.map*/