/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-950: oklch(28.4% 0.109 3.907);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #ff6c00;
    --color-primary-50: #fff6f0;
    --color-primary-100: #ffead9;
    --color-primary-200: #ffd0ad;
    --color-primary-300: #ffb37a;
    --color-primary-500: #ff7c20;
    --color-primary-600: #ff6c00;
    --color-primary-700: #e35f00;
    --color-primary-800: #c75200;
    --color-card: #fafafa;
    --color-surface: #ffffff;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-full {
    top: 100%;
  }
  .-right-6 {
    right: calc(var(--spacing) * -6);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .\!bottom-2 {
    bottom: calc(var(--spacing) * 2) !important;
  }
  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-15 {
    bottom: calc(var(--spacing) * 15);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-1\/4 {
    left: calc(1 / 4 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[85\] {
    z-index: 85;
  }
  .z-\[120\] {
    z-index: 120;
  }
  .z-\[1000002\] {
    z-index: 1000002;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .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-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .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-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .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-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .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-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-\[4\.5rem\] {
    height: 4.5rem;
  }
  .h-\[4\.25rem\] {
    height: 4.25rem;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[34px\] {
    max-height: 34px;
  }
  .max-h-\[36px\] {
    max-height: 36px;
  }
  .max-h-\[340px\] {
    max-height: 340px;
  }
  .max-h-\[min\(9\.5rem\,28svh\)\] {
    max-height: min(9.5rem, 28svh);
  }
  .max-h-\[min\(42vh\,320px\)\] {
    max-height: min(42vh, 320px);
  }
  .max-h-\[min\(42vh\,380px\)\] {
    max-height: min(42vh, 380px);
  }
  .max-h-\[min\(65vh\,520px\)\] {
    max-height: min(65vh, 520px);
  }
  .max-h-\[min\(70vh\,22rem\)\] {
    max-height: min(70vh, 22rem);
  }
  .max-h-\[min\(70vh\,520px\)\] {
    max-height: min(70vh, 520px);
  }
  .max-h-\[min\(70vh\,560px\)\] {
    max-height: min(70vh, 560px);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[1\.125rem\] {
    min-height: 1.125rem;
  }
  .min-h-\[2\.5em\] {
    min-height: 2.5em;
  }
  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }
  .min-h-\[2\.25rem\] {
    min-height: 2.25rem;
  }
  .min-h-\[3\.75rem\] {
    min-height: 3.75rem;
  }
  .min-h-\[4\.75rem\] {
    min-height: 4.75rem;
  }
  .min-h-\[28px\] {
    min-height: 28px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .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-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-\[3\.5rem\] {
    width: 3.5rem;
  }
  .w-\[3\.15rem\] {
    width: 3.15rem;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4\.5rem\] {
    width: 4.5rem;
  }
  .w-\[72vw\] {
    width: 72vw;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-\[5\.5rem\] {
    max-width: 5.5rem;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[65\%\] {
    max-width: 65%;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[min\(100\%\,24rem\)\] {
    max-width: min(100%, 24rem);
  }
  .max-w-\[min\(100vw-8\.5rem\,18rem\)\] {
    max-width: min(100vw - 8.5rem, 18rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[1\.25rem\] {
    min-width: 1.25rem;
  }
  .min-w-\[2\.25rem\] {
    min-width: 2.25rem;
  }
  .min-w-\[2rem\] {
    min-width: 2rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[15rem\] {
    min-width: 15rem;
  }
  .min-w-\[30px\] {
    min-width: 30px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-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);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    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);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-y {
    resize: vertical;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :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)));
    }
  }
  .space-y-2 {
    :where(& > :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)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :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)));
    }
  }
  .space-y-4 {
    :where(& > :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)));
    }
  }
  .space-y-5 {
    :where(& > :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)));
    }
  }
  .space-y-6 {
    :where(& > :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)));
    }
  }
  .space-y-8 {
    :where(& > :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-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .divide-y {
    :where(& > :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)));
    }
  }
  .divide-emerald-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-emerald-100);
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[0\.65rem\] {
    border-radius: 0.65rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .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-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[var\(--ev-border\)\] {
    border-color: var(--ev-border);
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-100\/90 {
    border-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-100) 90%, transparent);
    }
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-200\/80 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .border-amber-300\/90 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
    }
  }
  .border-amber-500 {
    border-color: var(--color-amber-500);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-200\/70 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent);
    }
  }
  .border-emerald-200\/80 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-200\/80 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent);
    }
  }
  .border-gray-200\/90 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent);
    }
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-orange-100\/80 {
    border-color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-100) 80%, transparent);
    }
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary-100\/80 {
    border-color: color-mix(in srgb, #ffead9 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary-100) 80%, transparent);
    }
  }
  .border-primary-200 {
    border-color: var(--color-primary-200);
  }
  .border-primary-500 {
    border-color: var(--color-primary-500);
  }
  .border-primary\/10 {
    border-color: color-mix(in srgb, #ff6c00 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .border-primary\/15 {
    border-color: color-mix(in srgb, #ff6c00 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .border-primary\/20 {
    border-color: color-mix(in srgb, #ff6c00 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .border-primary\/25 {
    border-color: color-mix(in srgb, #ff6c00 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
    }
  }
  .border-primary\/30 {
    border-color: color-mix(in srgb, #ff6c00 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-rose-200\/80 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
    }
  }
  .border-sky-100 {
    border-color: var(--color-sky-100);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-100\/80 {
    border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
    }
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/80 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .border-slate-200\/90 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
    }
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/40 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }
  .bg-amber-50\/50 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
  }
  .bg-amber-50\/60 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
  }
  .bg-amber-50\/90 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 90%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-blue-50\/50 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }
  .bg-card {
    background-color: var(--color-card);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/25 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 25%, transparent);
    }
  }
  .bg-emerald-50\/50 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
    }
  }
  .bg-emerald-50\/60 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }
  .bg-emerald-50\/70 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
    }
  }
  .bg-emerald-50\/80 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-50\/80 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-100\/80 {
    background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
    }
  }
  .bg-gray-900\/95 {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 95%, transparent);
    }
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-50\/70 {
    background-color: color-mix(in srgb, #fff6f0 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary-50) 70%, transparent);
    }
  }
  .bg-primary-50\/90 {
    background-color: color-mix(in srgb, #fff6f0 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary-50) 90%, transparent);
    }
  }
  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-primary-600 {
    background-color: var(--color-primary-600);
  }
  .bg-primary\/5 {
    background-color: color-mix(in srgb, #ff6c00 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #ff6c00 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/12 {
    background-color: color-mix(in srgb, #ff6c00 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 12%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: color-mix(in srgb, #ff6c00 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .bg-primary\/35 {
    background-color: color-mix(in srgb, #ff6c00 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
    }
  }
  .bg-primary\/40 {
    background-color: color-mix(in srgb, #ff6c00 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-50\/90 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 90%, transparent);
    }
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-rose-50\/60 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 60%, transparent);
    }
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sky-50\/80 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 80%, transparent);
    }
  }
  .bg-sky-50\/90 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 90%, transparent);
    }
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/30 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
    }
  }
  .bg-slate-50\/40 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);
    }
  }
  .bg-slate-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
  }
  .bg-slate-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-50\/90 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 90%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-200\/80 {
    background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/60 {
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .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-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-\[\#ff8a1f\] {
    --tw-gradient-from: #ff8a1f;
    --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-amber-50 {
    --tw-gradient-from: var(--color-amber-50);
    --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-amber-50\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.7% 0.022 95.277) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 95%, 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));
  }
  .from-emerald-50 {
    --tw-gradient-from: var(--color-emerald-50);
    --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-emerald-50\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 95%, 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));
  }
  .from-emerald-400 {
    --tw-gradient-from: var(--color-emerald-400);
    --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-gray-50 {
    --tw-gradient-from: var(--color-gray-50);
    --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-pink-100 {
    --tw-gradient-from: var(--color-pink-100);
    --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-primary {
    --tw-gradient-from: var(--color-primary);
    --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-primary-300 {
    --tw-gradient-from: var(--color-primary-300);
    --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-primary-600 {
    --tw-gradient-from: var(--color-primary-600);
    --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-primary\/12 {
    --tw-gradient-from: color-mix(in srgb, #ff6c00 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 12%, 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));
  }
  .from-primary\/15 {
    --tw-gradient-from: color-mix(in srgb, #ff6c00 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 15%, 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));
  }
  .from-sky-100 {
    --tw-gradient-from: var(--color-sky-100);
    --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-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --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-slate-50\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.4% 0.003 247.858) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-50) 90%, 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));
  }
  .from-slate-100 {
    --tw-gradient-from: var(--color-slate-100);
    --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-slate-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 80%, 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));
  }
  .from-violet-50\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.9% 0.016 293.756) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-50) 90%, 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));
  }
  .from-white {
    --tw-gradient-from: 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));
  }
  .via-amber-400 {
    --tw-gradient-via: var(--color-amber-400);
    --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);
  }
  .via-orange-50\/35 {
    --tw-gradient-via: color-mix(in srgb, oklch(98% 0.016 73.684) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-50) 35%, transparent);
    }
    --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);
  }
  .via-primary-500 {
    --tw-gradient-via: var(--color-primary-500);
    --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);
  }
  .via-slate-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 20%, transparent);
    }
    --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);
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --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-\[\#ff6a00\] {
    --tw-gradient-to: #ff6a00;
    --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-amber-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-50) 40%, 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-amber-500 {
    --tw-gradient-to: var(--color-amber-500);
    --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-amber-500\/15 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 15%, 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-emerald-600 {
    --tw-gradient-to: var(--color-emerald-600);
    --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-fuchsia-100 {
    --tw-gradient-to: var(--color-fuchsia-100);
    --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-gray-50 {
    --tw-gradient-to: var(--color-gray-50);
    --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-indigo-100 {
    --tw-gradient-to: var(--color-indigo-100);
    --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-primary-600 {
    --tw-gradient-to: var(--color-primary-600);
    --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-primary\/5 {
    --tw-gradient-to: color-mix(in srgb, #ff6c00 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 5%, 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-primary\/80 {
    --tw-gradient-to: color-mix(in srgb, #ff6c00 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 80%, 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-slate-50 {
    --tw-gradient-to: var(--color-slate-50);
    --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-slate-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-50) 40%, 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-slate-50\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-50) 80%, 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-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));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .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-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .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-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .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-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .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-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-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .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-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-800\/90 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 90%, transparent);
    }
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-900\/80 {
    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
    }
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-800\/90 {
    color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-800) 90%, transparent);
    }
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-emerald-950 {
    color: var(--color-emerald-950);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-indigo-950 {
    color: var(--color-indigo-950);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-pink-950 {
    color: var(--color-pink-950);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-600 {
    color: var(--color-primary-600);
  }
  .text-primary-700 {
    color: var(--color-primary-700);
  }
  .text-primary-800 {
    color: var(--color-primary-800);
  }
  .text-primary\/80 {
    color: color-mix(in srgb, #ff6c00 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }
  .text-primary\/90 {
    color: color-mix(in srgb, #ff6c00 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 90%, transparent);
    }
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-800\/80 {
    color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-800) 80%, transparent);
    }
  }
  .text-rose-800\/90 {
    color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-800) 90%, transparent);
    }
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-sky-600 {
    color: var(--color-sky-600);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-violet-900 {
    color: var(--color-violet-900);
  }
  .text-violet-900\/80 {
    color: color-mix(in srgb, oklch(38% 0.189 293.745) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-violet-900) 80%, transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .not-italic {
    font-style: normal;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-primary\/25 {
    text-decoration-color: color-mix(in srgb, #ff6c00 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
    }
  }
  .decoration-red-300 {
    text-decoration-color: var(--color-red-300);
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .accent-primary-600 {
    accent-color: var(--color-primary-600);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    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_4px_14px_rgba\(255\,106\,0\,0\.28\)\] {
    --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(255,106,0,0.28));
    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\(15\,23\,42\,0\.14\)\] {
    --tw-shadow: 0 10px 28px var(--tw-shadow-color, rgba(15,23,42,0.14));
    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_48px_rgba\(15\,23\,42\,0\.12\)\] {
    --tw-shadow: 0 16px 48px var(--tw-shadow-color, rgba(15,23,42,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --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);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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-amber-100\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-600\/35 {
    --tw-shadow-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 35%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-900\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-900\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-amber-100 {
    --tw-ring-color: var(--color-amber-100);
  }
  .ring-amber-400\/35 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 35%, transparent);
    }
  }
  .ring-amber-400\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
    }
  }
  .ring-black\/\[0\.04\] {
    --tw-ring-color: color-mix(in srgb, #000 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 4%, transparent);
    }
  }
  .ring-emerald-50 {
    --tw-ring-color: var(--color-emerald-50);
  }
  .ring-emerald-100 {
    --tw-ring-color: var(--color-emerald-100);
  }
  .ring-emerald-100\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
    }
  }
  .ring-emerald-300\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent);
    }
  }
  .ring-emerald-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
    }
  }
  .ring-gray-200 {
    --tw-ring-color: var(--color-gray-200);
  }
  .ring-primary-100 {
    --tw-ring-color: var(--color-primary-100);
  }
  .ring-primary\/15 {
    --tw-ring-color: color-mix(in srgb, #ff6c00 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .ring-primary\/20 {
    --tw-ring-color: color-mix(in srgb, #ff6c00 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .ring-red-100 {
    --tw-ring-color: var(--color-red-100);
  }
  .ring-sky-100 {
    --tw-ring-color: var(--color-sky-100);
  }
  .ring-slate-100 {
    --tw-ring-color: var(--color-slate-100);
  }
  .ring-slate-200 {
    --tw-ring-color: var(--color-slate-200);
  }
  .ring-slate-200\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 40%, transparent);
    }
  }
  .ring-slate-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
    }
  }
  .ring-slate-200\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }
  .ring-slate-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .ring-slate-200\/90 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
    }
  }
  .ring-slate-900\/\[0\.04\] {
    --tw-ring-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-900) 4%, transparent);
    }
  }
  .ring-violet-100 {
    --tw-ring-color: var(--color-violet-100);
  }
  .ring-violet-200\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-200) 60%, transparent);
    }
  }
  .ring-violet-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-200) 80%, transparent);
    }
  }
  .ring-white\/30 {
    --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    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-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,);
  }
  .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-\[color\,transform\,border-color\,box-shadow\] {
    transition-property: color,transform,border-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    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-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-focus-within\:block {
    &:is(:where(.group):focus-within *) {
      display: block;
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-\[1\.02\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .group-hover\:border-primary-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-primary-200);
      }
    }
  }
  .group-hover\:border-primary\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ff6c00 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-primary-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary-50);
      }
    }
  }
  .group-hover\:bg-primary-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary-100);
      }
    }
  }
  .group-hover\:bg-primary\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ff6c00 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-slate-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-primary-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary-600);
      }
    }
  }
  .group-hover\:text-primary-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary-700);
      }
    }
  }
  .group-hover\:text-primary\/70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #ff6c00 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 70%, transparent);
        }
      }
    }
  }
  .group-hover\:text-slate-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .group-hover\:opacity-95 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 95%;
      }
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .hover\:border-emerald-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:border-gray-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-200);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .hover\:border-primary-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-200);
      }
    }
  }
  .hover\:border-primary-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-300);
      }
    }
  }
  .hover\:border-primary\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ff6c00 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ff6c00 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ff6c00 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ff6c00 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/45 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ff6c00 45%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 45%, transparent);
        }
      }
    }
  }
  .hover\:border-red-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-300);
      }
    }
  }
  .hover\:border-slate-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-white\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-primary-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-50);
      }
    }
  }
  .hover\:bg-primary-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff6f0 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff6f0 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-100);
      }
    }
  }
  .hover\:bg-primary\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ff6c00 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ff6c00 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ff6c00 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:bg-violet-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-50);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:text-emerald-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-700);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-primary-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-600);
      }
    }
  }
  .hover\:text-primary-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-700);
      }
    }
  }
  .hover\:text-primary\/80 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #ff6c00 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-95 {
    &:hover {
      @media (hover: hover) {
        opacity: 95%;
      }
    }
  }
  .hover\:shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.16\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 12px 32px var(--tw-shadow-color, rgba(15,23,42,0.16));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:ring-primary\/35 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #ff6c00 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
        }
      }
    }
  }
  .hover\:brightness-\[1\.03\] {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(1.03);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
  }
  .focus\:ring-primary {
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
  }
  .focus\:ring-primary\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #ff6c00 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }
  }
  .focus\:ring-primary\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #ff6c00 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
  }
  .focus-visible\:ring-primary\/25 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #ff6c00 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #ff6c00 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/35 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #ff6c00 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #ff6c00 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-violet-400\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
      }
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:scale-\[0\.97\] {
    &:active {
      scale: 0.97;
    }
  }
  .active\:scale-\[0\.99\] {
    &:active {
      scale: 0.99;
    }
  }
  .data-\[active\=true\]\:border-primary\/25 {
    &[data-active="true"] {
      border-color: color-mix(in srgb, #ff6c00 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:bg-primary\/5 {
    &[data-active="true"] {
      background-color: color-mix(in srgb, #ff6c00 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:text-primary {
    &[data-active="true"] {
      color: var(--color-primary);
    }
  }
  .supports-\[backdrop-filter\]\:bg-white\/80 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .supports-\[backdrop-filter\]\:bg-white\/90 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }
  .motion-reduce\:translate-y-0 {
    @media (prefers-reduced-motion: reduce) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:duration-0 {
    @media (prefers-reduced-motion: reduce) {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
  .max-\[1100px\]\:grid-cols-2 {
    @media (width < 1100px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .max-\[1100px\]\:gap-6 {
    @media (width < 1100px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .max-\[768px\]\:grid-cols-1 {
    @media (width < 768px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .max-\[639px\]\:hidden {
    @media (width < 639px) {
      display: none;
    }
  }
  .max-\[639px\]\:inline {
    @media (width < 639px) {
      display: inline;
    }
  }
  .max-lg\:bottom-\[calc\(var\(--mobile-app-nav-height\,3\.75rem\)\+0\.65rem\+env\(safe-area-inset-bottom\,0px\)\)\] {
    @media (width < 64rem) {
      bottom: calc(var(--mobile-app-nav-height,3.75rem) + 0.65rem + env(safe-area-inset-bottom,0px));
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .min-\[420px\]\:grid-cols-2 {
    @media (width >= 420px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-12 {
    @media (width >= 40rem) {
      grid-column: span 12 / span 12;
    }
  }
  .sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:my-4 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-1 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .sm\:mt-1\.5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:mt-2 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-3\.5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:mt-4 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:mt-5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mt-8 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:mt-10 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:mb-1 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .sm\:mb-2 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .sm\:mb-3 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:mb-3\.5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:mb-4 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:mb-5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:mb-6 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-8 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-10 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:aspect-\[24\/9\] {
    @media (width >= 40rem) {
      aspect-ratio: 24/9;
    }
  }
  .sm\:h-9 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .sm\:h-10 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-11 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .sm\:h-12 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .sm\:h-16 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .sm\:h-20 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .sm\:h-24 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  .sm\:h-28 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .sm\:max-h-\[40px\] {
    @media (width >= 40rem) {
      max-height: 40px;
    }
  }
  .sm\:max-h-\[42px\] {
    @media (width >= 40rem) {
      max-height: 42px;
    }
  }
  .sm\:max-h-\[min\(11rem\,32svh\)\] {
    @media (width >= 40rem) {
      max-height: min(11rem, 32svh);
    }
  }
  .sm\:max-h-\[min\(50vh\,420px\)\] {
    @media (width >= 40rem) {
      max-height: min(50vh, 420px);
    }
  }
  .sm\:min-h-\[2\.65rem\] {
    @media (width >= 40rem) {
      min-height: 2.65rem;
    }
  }
  .sm\:min-h-\[4\.25rem\] {
    @media (width >= 40rem) {
      min-height: 4.25rem;
    }
  }
  .sm\:min-h-\[320px\] {
    @media (width >= 40rem) {
      min-height: 320px;
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-11 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 11);
    }
  }
  .sm\:w-12 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .sm\:w-14 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .sm\:w-16 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .sm\:w-20 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .sm\:w-24 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .sm\:w-\[11rem\] {
    @media (width >= 40rem) {
      width: 11rem;
    }
  }
  .sm\:w-\[240px\] {
    @media (width >= 40rem) {
      width: 240px;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-lg {
    @media (width >= 40rem) {
      max-width: var(--container-lg);
    }
  }
  .sm\:max-w-none {
    @media (width >= 40rem) {
      max-width: none;
    }
  }
  .sm\:min-w-\[2\.25rem\] {
    @media (width >= 40rem) {
      min-width: 2.25rem;
    }
  }
  .sm\:min-w-\[8rem\] {
    @media (width >= 40rem) {
      min-width: 8rem;
    }
  }
  .sm\:min-w-\[200px\] {
    @media (width >= 40rem) {
      min-width: 200px;
    }
  }
  .sm\:min-w-\[220px\] {
    @media (width >= 40rem) {
      min-width: 220px;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:flex-initial {
    @media (width >= 40rem) {
      flex: 0 auto;
    }
  }
  .sm\:shrink-0 {
    @media (width >= 40rem) {
      flex-shrink: 0;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-12 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .sm\:flex-col {
    @media (width >= 40rem) {
      flex-direction: column;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-nowrap {
    @media (width >= 40rem) {
      flex-wrap: nowrap;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-center {
    @media (width >= 40rem) {
      justify-content: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:justify-start {
    @media (width >= 40rem) {
      justify-content: flex-start;
    }
  }
  .sm\:gap-1\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-2\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-8 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:space-y-3 {
    @media (width >= 40rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:space-y-3\.5 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-4 {
    @media (width >= 40rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:space-y-5 {
    @media (width >= 40rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:space-y-6 {
    @media (width >= 40rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:space-y-8 {
    @media (width >= 40rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:gap-x-2 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-x-4 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-y-1 {
    @media (width >= 40rem) {
      row-gap: calc(var(--spacing) * 1);
    }
  }
  .sm\:gap-y-2 {
    @media (width >= 40rem) {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:self-start {
    @media (width >= 40rem) {
      align-self: flex-start;
    }
  }
  .sm\:overflow-visible {
    @media (width >= 40rem) {
      overflow: visible;
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius-lg);
    }
  }
  .sm\:rounded-xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-xl);
    }
  }
  .sm\:p-2\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:p-3 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-3\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-4\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-10 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-2 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .sm\:px-2\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .sm\:px-3\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-10 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-0 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:py-1 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .sm\:py-1\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:py-3 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .sm\:py-3\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:py-4 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-8 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .sm\:py-10 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-14 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .sm\:py-24 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .sm\:pt-2 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:pt-3 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .sm\:pt-4 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:pt-6 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:pt-8 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:pt-10 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:pb-0 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:pb-3 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:pb-3\.5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:pb-4 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:pb-6 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:pb-10 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:pb-12 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:pb-16 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:pb-24 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:text-\[11px\] {
    @media (width >= 40rem) {
      font-size: 11px;
    }
  }
  .sm\:text-\[13px\] {
    @media (width >= 40rem) {
      font-size: 13px;
    }
  }
  .sm\:text-\[15px\] {
    @media (width >= 40rem) {
      font-size: 15px;
    }
  }
  .sm\:leading-relaxed {
    @media (width >= 40rem) {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .sm\:font-semibold {
    @media (width >= 40rem) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .sm\:whitespace-normal {
    @media (width >= 40rem) {
      white-space: normal;
    }
  }
  .sm\:text-slate-700 {
    @media (width >= 40rem) {
      color: var(--color-slate-700);
    }
  }
  .md\:right-6 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:w-96 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .md\:max-w-\[10rem\] {
    @media (width >= 48rem) {
      max-width: 10rem;
    }
  }
  .md\:max-w-md {
    @media (width >= 48rem) {
      max-width: var(--container-md);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-24 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .lg\:right-6 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .lg\:bottom-6 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:left-auto {
    @media (width >= 64rem) {
      left: auto;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-1 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .lg\:mb-4 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:h-28 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .lg\:max-h-\[46px\] {
    @media (width >= 64rem) {
      max-height: 46px;
    }
  }
  .lg\:min-h-\[280px\] {
    @media (width >= 64rem) {
      min-height: 280px;
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1 / 4 * 100%);
    }
  }
  .lg\:w-3\/4 {
    @media (width >= 64rem) {
      width: calc(3 / 4 * 100%);
    }
  }
  .lg\:w-28 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .lg\:w-\[19\%\] {
    @media (width >= 64rem) {
      width: 19%;
    }
  }
  .lg\:w-\[20\%\] {
    @media (width >= 64rem) {
      width: 20%;
    }
  }
  .lg\:w-\[42\%\] {
    @media (width >= 64rem) {
      width: 42%;
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:max-w-\[14rem\] {
    @media (width >= 64rem) {
      max-width: 14rem;
    }
  }
  .lg\:max-w-sm {
    @media (width >= 64rem) {
      max-width: var(--container-sm);
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 280px minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_260px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 260px;
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:items-stretch {
    @media (width >= 64rem) {
      align-items: stretch;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-3 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:space-y-10 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:self-start {
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .lg\:overflow-visible {
    @media (width >= 64rem) {
      overflow: visible;
    }
  }
  .lg\:border-t-0 {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .lg\:border-l {
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:bg-white {
    @media (width >= 64rem) {
      background-color: var(--color-white);
    }
  }
  .lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:py-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-10 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-14 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .lg\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-10 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:pb-4 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:pb-8 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:pb-10 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:pb-12 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:pb-14 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:pl-4 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .lg\:pl-6 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.06\)\] {
    @media (width >= 64rem) {
      --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(15,23,42,0.06));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .lg\:shadow-md {
    @media (width >= 64rem) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .lg\:backdrop-blur-none {
    @media (width >= 64rem) {
      --tw-backdrop-blur:  ;
      -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,);
    }
  }
  .lg\:supports-\[backdrop-filter\]\:bg-white {
    @media (width >= 64rem) {
      @supports (backdrop-filter: var(--tw)) {
        background-color: var(--color-white);
      }
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:gap-5 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .xl\:gap-6 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:gap-7 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .xl\:px-10 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .\[\&_img\]\:max-w-full {
    & img {
      max-width: 100%;
    }
  }
  .\[\&_img\]\:rounded-xl {
    & img {
      border-radius: var(--radius-xl);
    }
  }
  .\[\&_table\]\:w-full {
    & table {
      width: 100%;
    }
  }
  .\[\&_table\]\:overflow-x-auto {
    & table {
      overflow-x: auto;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
}
:root {
  --p1: 0.25rem;
  --ev-primary: #ff6c00;
  --ev-button: #ff5a45;
  --ev-highlight: #ff7f6e;
  --ev-text: #333333;
  --ev-border: #e5e5e5;
  --ev-surface: #ffffff;
  --ev-surface-soft: #f9fafb;
  --ev-overlay: rgba(15, 23, 42, 0.5);
  --ev-modal-overlay-z: 999998;
  --ev-modal-z: 999999;
}
.rounded-evcimo {
  border-radius: 0.5rem;
}
.rounded-evcimo-sm {
  border-radius: 0.375rem;
}
.rounded-evcimo-lg {
  border-radius: 0.75rem;
}
.shadow-evcimo-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow-evcimo-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-evcimo-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-evcimo-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
body.evc-theme {
  color: var(--ev-text);
  font-family: "Inter", sans-serif;
  background: var(--ev-bg-soft);
}
body.evc-theme--bireysel .store-only, body.evc-theme .is-hidden-by-mode {
  display: none !important;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="submit"]:not(:disabled), a[role="button"], [role="button"]:not([aria-disabled="true"]) {
  cursor: pointer;
}
button:disabled, [role="button"][aria-disabled="true"] {
  cursor: default;
}
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  z-index: 39;
  display: none;
}
.overlay.search-overlay-active {
  background: rgba(15, 23, 42, 0.2);
  backdrop-filter: blur(1px);
}
.pv1-search-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.pv1-search-tags a {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
}
.pv1-header .pv1-header-main {
  transition: none;
}
.pv1-header {
  transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.pv1-logo-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 0;
}
.pv1-header .pv1-search-input, .pv1-header .pv1-search-btn, .pv1-header .pv1-account-link, .pv1-header .pv1-cart-link, .pv1-header .pv1-nav {
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  .pv1-header {
    transition: none !important;
  }
}
.pv1-header.is-compact .pv1-header-main {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  gap: 8px !important;
}
.pv1-header.is-compact + .pv1-nav .pv1-mega-menu {
  padding-top: 6px;
  padding-bottom: 6px;
}
@media (min-width: 1024px) {
  .pv1-header.is-compact .pv1-logo {
    max-height: 36px !important;
  }
  .pv1-header .pv1-search-input {
    transition: height 0.22s cubic-bezier(0.4, 0, 0.2, 1), padding 0.22s ease, font-size 0.2s ease, color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .pv1-header .pv1-search-btn {
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
}
.pv1-header.is-compact .pv1-search-input {
  height: 34px;
  font-size: 12px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pv1-header.is-compact .pv1-search-btn {
  width: 36px;
}
.pv1-header.is-compact .pv1-account-link, .pv1-header.is-compact .pv1-cart-link {
  padding: 7px 10px !important;
  font-size: 12px;
  gap: 6px;
}
.pv1-header.is-compact .pv1-search-tags {
  display: none;
}
.pv1-account-link, .pv1-cart-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 9px 12px !important;
  color: #334155 !important;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
.pv1-dropdown {
  position: relative;
}
.pv1-dropdown-trigger {
  cursor: pointer;
}
.pv1-dropdown-trigger .bi-chevron-down {
  transition: transform 0.18s ease;
}
.pv1-dropdown-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 220px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
  z-index: 95;
}
.pv1-dropdown-menu li a {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 13px;
  color: #334155;
  text-decoration: none;
}
.pv1-dropdown-menu li a:hover {
  background: #f8fafc;
  color: #0f172a;
}
.pv1-dropdown.is-open .pv1-dropdown-trigger .bi-chevron-down {
  transform: rotate(180deg);
}
.pv1-cart-link {
  background: #111827;
  color: #fff !important;
  border-color: #111827;
}
.pv1-cart-link .count-badge {
  position: static;
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 10px;
  background: #fff;
  color: #111827;
}
.header-basket-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
}
.header-basket-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
}
.header-basket-panel {
  position: absolute;
  right: 0;
  top: 0;
  width: min(100%, 420px);
  height: 100%;
  background: #fff;
  border-left: 1px solid #e5e7eb;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  animation: pv1BasketIn 0.24s ease;
}
.header-basket-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 14px;
  border-bottom: 1px solid #f1f5f9;
}
.header-basket-head-copy h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}
.header-basket-head-copy p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.header-basket-close {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #6b7280;
}
.header-basket-close:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.header-basket-content-wrap {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
#basket {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.header-basket-products-scroll {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 14px;
}
.header-basket-summary {
  border-top: 1px solid #f1f5f9;
  background: #f8fafc;
  padding: 14px;
}
.header-basket-totals {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
}
.header-basket-totals > div {
  display: flex;
  justify-content: space-between;
  color: #4b5563;
}
.header-basket-totals > div > span:last-child {
  font-weight: 600;
  color: #111827;
}
.header-basket-totals .is-total {
  border-top: 1px solid #e5e7eb;
  margin-top: 2px;
  padding-top: 10px;
  font-size: 16px;
}
.header-basket-cta {
  margin-top: 12px;
  width: 100%;
  border-radius: 10px;
  background: #111827;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  font-weight: 600;
  text-decoration: none;
}
.header-basket-cta:hover {
  background: #1f2937;
  color: #fff;
}
.header-basket-empty {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  padding: 32px 20px;
}
.header-basket-empty-icon {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  color: #9ca3af;
  font-size: 32px;
}
.header-basket-empty .empty-title {
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.header-basket-empty .empty-sub {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}
.header-basket-empty-btn {
  margin-top: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px 14px;
  background: #fff;
  color: #374151;
  font-weight: 500;
}
.header-basket-empty-btn:hover {
  background: #f9fafb;
}
#basket .basket-products .header-cart-item {
  display: flex;
  gap: 12px;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
#basket .header-cart-thumb {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #fafafa;
  border: 1px solid #f5f5f5;
}
#basket .header-cart-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#basket .header-cart-body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
#basket .header-cart-item .name > a {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: #333;
}
#basket .header-cart-variant {
  margin-top: 4px;
  font-size: 12px;
  color: #737373;
}
#basket .header-cart-item .itemBottom {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#basket .header-cart-item .quantity {
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
#basket .header-cart-item .quantity .minus, #basket .header-cart-item .quantity .plus {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #525252;
}
#basket .header-cart-item .quantity input {
  width: 40px;
  border: 0;
  background: transparent;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #333;
}
#basket .header-cart-item .price {
  margin-left: auto;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
#basket .header-cart-remove-btn {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #a3a3a3;
}
#basket .header-cart-remove-btn:hover {
  background: #fef2f2;
  color: #dc2626;
}
@keyframes pv1BasketIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.pv1-mega-menu > li > a {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 10px;
  color: #334155;
  font-size: 13px;
  text-decoration: none;
}
.pv1-campaign-item > a {
  background: #fff7ed;
  color: #c2410c !important;
  font-weight: 600;
}
.pv1-mega-item {
  position: relative;
}
.pv1-mega-item.has-dropdown > a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #64748b;
  border-bottom: 1.5px solid #64748b;
  transform: rotate(45deg);
  margin-left: 8px;
  margin-top: -2px;
}
.pv1-mega-dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: min(1120px, calc(100vw - 32px));
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.17);
  padding: 14px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  z-index: 100;
}
.pv1-mega-item.has-dropdown:hover .pv1-mega-dropdown, .pv1-mega-item.has-dropdown:focus-within .pv1-mega-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pv1-mega-panel {
  width: 100%;
}
.pv1-mega-panel--with-visuals {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
}
.pv1-mega-panel--with-highlights {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: start;
}
.pv1-mega-columns {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 28px;
  align-items: flex-start;
}
.pv1-mega-column {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.pv1-mega-group {
  min-width: 0;
}
.pv1-mega-group-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #c2410c;
  text-decoration: none;
  margin-bottom: 6px;
}
.pv1-mega-group-title:hover {
  color: var(--ev-primary);
}
.pv1-mega-group-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pv1-mega-group-links li a {
  display: inline-block;
  font-size: 13px;
  color: #334155;
  text-decoration: none;
  line-height: 1.45;
  padding: 2px 0;
}
.pv1-mega-group-links li a:hover {
  color: var(--ev-primary);
}
.pv1-mega-highlights {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 0 0 220px;
  width: 220px;
  max-width: 220px;
}
.pv1-mega-highlight {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  color: #0f172a;
}
.pv1-mega-highlight img {
  width: 100%;
  height: 120px;
  border-radius: 10px;
  object-fit: cover;
}
.pv1-mega-visual-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.pv1-mega-visual-heroes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pv1-mega-visual-hero {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  color: #0f172a;
  background: #f8fafc;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
.pv1-mega-visual-hero img {
  width: 100%;
  height: 120px;
  object-fit: cover;
}
.pv1-mega-visual-hero span {
  font-size: 13px;
  font-weight: 600;
  padding: 0 10px 10px;
}
.pv1-mega-visual-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.pv1-mega-visual-tile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 56px;
  padding: 8px 10px;
  background: #f1f5f9;
  border-radius: 10px;
  text-decoration: none;
  color: #0f172a;
  border: 1px solid #e2e8f0;
}
.pv1-mega-visual-tile__label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  flex: 1 1 auto;
}
.pv1-mega-visual-tile__img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex: 0 0 auto;
}
.pv1-mega-visual-banners {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pv1-mega-visual-banner {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  border: 1px solid #e2e8f0;
}
.pv1-mega-visual-banner img {
  width: 100%;
  height: 88px;
  object-fit: cover;
  display: block;
}
.pv1-mega-visual-banner span {
  position: absolute;
  left: 12px;
  bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}
.pv1-mega-visual-banner--hero img {
  height: 120px;
}
.pv1-drawer-group {
  margin-bottom: 14px;
}
.pv1-drawer-group-title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
  margin-bottom: 6px;
}
.pv1-drawer-group-links {
  list-style: none;
  margin: 0;
  padding: 0 0 0 4px;
}
.pv1-drawer-group-links li a {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  color: #334155;
  text-decoration: none;
}
.pv1-drawer-highlights {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.pv1-drawer-highlight img {
  width: 100%;
  border-radius: 8px;
}
.pv1-mega-dropdown-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.pv1-mega-col {
  min-width: 190px;
}
.pv1-mega-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pv1-mega-list-item {
  margin-bottom: 8px;
}
.pv1-mega-main-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
  margin-bottom: 5px;
}
.pv1-mega-sub-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pv1-mega-sub-list li a {
  display: inline-block;
  font-size: 13px;
  color: #222;
  text-decoration: none;
  line-height: 1.45;
  padding: 1px 0;
}
.pv1-mega-sub-list li a:hover, .pv1-mega-main-link:hover {
  color: var(--ev-primary);
}
.pv1-mega-visual-list {
  display: grid;
  gap: 10px;
}
.pv1-mega-visual-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-decoration: none;
}
.pv1-mega-visual-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.pv1-mega-visual-item span {
  font-size: 13px;
  font-weight: 600;
  color: #0f172a;
}
@media (max-width: 1100px) {
  .pv1-mega-dropdown {
    display: none;
  }
}
.pv1-search-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: none;
  pointer-events: none;
}
.pv1-search-modal[style*="display: block"] {
  pointer-events: auto;
}
.pv1-search-modal__panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  padding: 12px 14px 16px;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  pointer-events: auto;
}
.pv1-search-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.pv1-search-modal__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}
.pv1-search-modal__close {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.pv1-search-modal__close:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}
.pv1-search-modal__slot {
  min-width: 0;
}
.pv1-search-modal__slot .pv1-search-list {
  position: static;
  margin-top: 8px;
  max-height: min(420px, 65vh);
}
@media (max-width: 639px) {
  .pv1-account-link--compact-sm:not(.pv1-dropdown-trigger), .pv1-cart-link--compact-sm {
    padding-left: 9px !important;
    padding-right: 9px !important;
    gap: 0;
  }
  .pv1-account-link--compact-sm.pv1-dropdown-trigger {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 6px;
    max-width: 100%;
  }
}
.header-search-shell {
  border-color: rgb(229 229 229);
  background-color: rgba(250, 250, 250, 0.6);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.header-search-shell:focus-within {
  border-color: rgb(255 179 122);
  background-color: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.header-search-input {
  color: rgb(58 58 58);
}
.header-search-input::placeholder {
  color: rgb(163 163 163);
}
.header-search-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(180deg, #ff8a1f 0%, #ff6a00 100%);
  border: 1px solid #ff7a12;
  box-shadow: 0 2px 8px rgba(255, 106, 0, 0.22);
  transition: filter 0.2s ease, box-shadow 0.2s ease;
}
.header-search-submit-btn:hover {
  filter: brightness(1.04);
  box-shadow: 0 4px 14px rgba(255, 106, 0, 0.28);
}
.header-search-submit-btn:active {
  filter: brightness(0.97);
}
.header-search-dropdown {
  border-color: rgb(229 229 229);
  background-color: #fff;
}
.header-search-content > :not([hidden]) ~ :not([hidden]) {
  border-top: 1px solid rgb(245 245 245);
}
.pv1-search-box {
  position: relative;
}
.pv1-search-input-group {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
.pv1-search-input {
  border: 0 !important;
  box-shadow: none !important;
  height: 40px;
  font-size: 13px;
  padding: 0 12px !important;
  background: transparent;
}
.pv1-search-input:focus, .pv1-search-input:active, .pv1-search-input:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.search-bar.header-search-shell, .search-bar.header-search-shell:focus-within {
  outline: 0 !important;
}
.pv1-search-btn {
  border: 0;
  width: 44px;
  flex-shrink: 0;
}
.pv1-search-list {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-height: min(420px, 72vh);
  overflow-y: auto;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  z-index: 90;
}
.menuItem {
  position: static;
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.menu-list {
  position: relative;
}
.menu-list > li > a {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 41;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: rgb(64 64 64);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.menu-list > li > a:hover, .menu-list > li:hover > a, .menu-list > li.menuItem > a.active {
  border-color: rgb(255 208 173);
  background-color: rgb(255 246 240);
  color: rgb(255 108 0);
}
.megaWrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 40;
  display: none;
  border: 1px solid rgb(229 229 229);
  background-color: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 0.375rem;
}
.pv1-mega-dropdown.megaWrap {
  width: 100%;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
}
.megaWrap > * {
  padding: 1rem;
}
.megaWrap ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.megaWrap ul li {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.megaWrap ul ul {
  margin-left: 1rem;
  margin-top: 0.5rem;
}
.megaWrap ul ul li a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.megaContentMenu {
  display: flex;
  flex-direction: column;
}
.megaContentImage {
  display: flex;
  height: fit-content;
  flex-wrap: wrap;
}
.megaContentImage > a {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  display: block;
  flex-shrink: 0;
}
.megaContentImage img {
  height: auto;
  width: 100%;
  object-fit: cover;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
  border-radius: 0.375rem;
}
.megaContentImage img:hover {
  transform: scale(1.05);
}
.pv1-account-link .bi {
  font-size: 16px;
}
.pv1-nav, .pv1-nav .pv1-container, .menu, .menu-list {
  overflow: visible;
}
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  z-index: 39;
  display: none;
}
.overlay.search-overlay-active {
  background: rgba(15, 23, 42, 0.2);
  backdrop-filter: blur(1px);
}
.pv1-mega-menu {
  overflow: visible;
}
@media (max-width: 1100px) {
  .pv1-mega-menu {
    overflow-x: auto;
    overflow-y: visible;
  }
}
body[data-pv1-category-nav="bar"] .pv1-category-drawer-open-btn {
  display: none !important;
}
body[data-pv1-category-nav="drawer"] .pv1-mega-nav-bar {
  display: none !important;
}
body[data-pv1-category-nav="drawer"] .pv1-category-drawer-open-btn {
  display: inline-flex !important;
}
@media (max-width: 1023px) {
  .pv1-header {
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.05);
    border-bottom-color: rgba(226, 232, 240, 0.92);
  }
  .pv1-header .pv1-category-drawer-open-btn--desktop, .pv1-header .pv1-account-link, .pv1-header .pv1-cart-link {
    display: none !important;
  }
  .pv1-header-main {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.45rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    min-height: 3.5rem;
    align-items: center;
  }
  .pv1-header .pv1-search-col {
    display: none !important;
  }
  .pv1-header .pv1-header-brand {
    min-width: 0;
    align-items: center;
  }
  .pv1-header .pv1-actions-col {
    display: flex;
    align-items: center;
  }
  .pv1-header-mobile-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }
  body[data-pv1-category-nav="both"] .pv1-mega-nav-bar {
    display: none !important;
  }
  body[data-pv1-category-nav="both"] .pv1-category-drawer-open-btn--mobile {
    display: inline-flex !important;
  }
  .pv1-header.is-compact {
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
  }
  .pv1-header.is-compact .pv1-header-main {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    gap: 0.32rem !important;
    min-height: 2.875rem;
  }
  .pv1-header.is-compact .pv1-logo {
    max-height: 28px !important;
  }
  .pv1-header.is-compact .pv1-header-mobile-actions .header-mobile-search-btn, .pv1-header.is-compact .pv1-header-mobile-actions .pv1-category-drawer-open-btn--mobile {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    min-height: 2rem !important;
    border-radius: 0.5rem;
    box-shadow: none;
  }
  .pv1-header.is-compact .pv1-header-mobile-actions .header-mobile-search-btn i, .pv1-header.is-compact .pv1-header-mobile-actions .pv1-category-drawer-open-btn--mobile i {
    font-size: 0.92rem;
  }
}
@media (min-width: 1024px) {
  body[data-pv1-category-nav="both"] .pv1-category-drawer-open-btn {
    display: none !important;
  }
}
.pv1-category-drawer {
  position: fixed;
  inset: 0;
  z-index: 130;
  pointer-events: none;
  visibility: hidden;
}
.pv1-category-drawer.is-open {
  pointer-events: auto;
  visibility: visible;
}
.pv1-category-drawer.is-open .pv1-category-drawer__backdrop {
  opacity: 1;
}
.pv1-category-drawer.is-open .pv1-category-drawer__sheet {
  transform: translateX(0);
}
.pv1-category-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.48);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.pv1-category-drawer__sheet {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: min(100%, 920px);
  max-width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  transform: translateX(-105%);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 12px 0 48px rgba(15, 23, 42, 0.14);
}
.pv1-category-drawer__top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}
.pv1-category-drawer__title {
  flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}
.pv1-category-drawer__back, .pv1-category-drawer__close {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #334155;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.pv1-category-drawer__back:hover, .pv1-category-drawer__close:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.pv1-category-drawer__body {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  overflow: hidden;
}
.pv1-category-drawer__rail {
  flex: 0 0 min(42%, 280px);
  border-right: 1px solid #e2e8f0;
  overflow-y: auto;
  padding: 8px;
  background: #fafafa;
}
.pv1-category-drawer__rail-btn, .pv1-category-drawer__rail-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 12px 12px;
  margin-bottom: 4px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.pv1-category-drawer__rail-link {
  font-weight: 500;
}
.pv1-category-drawer__rail-btn:hover, .pv1-category-drawer__rail-link:hover {
  background: #fff;
  border-color: #e2e8f0;
}
.pv1-category-drawer__rail-btn.is-active {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
.pv1-category-drawer__rail-chevron {
  font-size: 14px;
  color: #94a3b8;
  flex-shrink: 0;
}
.pv1-category-drawer__panel {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 12px 14px;
  -webkit-overflow-scrolling: touch;
}
.pv1-category-drawer--stack-panel .pv1-category-drawer__rail {
  display: none;
}
.pv1-category-drawer--stack-panel .pv1-category-drawer__panel {
  flex: 1;
  max-width: 100%;
}
.pv1-category-drawer__mega-root {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.pv1-category-drawer__mega-root .pv1-mega-col {
  flex-basis: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
@media (min-width: 480px) {
  .pv1-category-drawer__mega-root .pv1-mega-col {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
}
@media (min-width: 768px) {
  .pv1-category-drawer__mega-root .pv1-mega-col {
    flex-basis: 33.333% !important;
    max-width: 33.333% !important;
  }
}
.pv1-category-drawer__mega-root .pv1-mega-dropdown-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
:root {
  --mobile-app-nav-height: 3.75rem;
}
.pv1-footer-top {
  background: linear-gradient(145deg, #0f172a, #111827);
  color: #e2e8f0;
  border-top: 1px solid rgba(148, 163, 184, 0.24);
}
.pv1-footer-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(15, 23, 42, 0.28);
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 14px;
  padding: 12px 14px;
  min-height: 78px;
  transition: border-color .2s ease, background-color .2s ease;
}
.pv1-footer-feature:hover {
  border-color: rgba(251, 146, 60, 0.55);
  background: rgba(15, 23, 42, 0.44);
}
.pv1-footer-feature .logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  opacity: 1;
  color: #fb923c;
  background: rgba(251, 146, 60, 0.12);
  border: 1px solid rgba(251, 146, 60, 0.34);
}
.pv1-footer-feature-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pv1-footer-feature-text span:first-child {
  font-size: 12px;
  color: #94a3b8;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pv1-footer-feature-text span:last-child, .pv1-footer-feature-text span:last-child a {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 600;
}
.pv1-footer-feature-text span:last-child a:hover {
  color: #fb923c;
}
.pv1-footer-social {
  flex-direction: column;
  align-items: flex-start;
}
.pv1-footer-social-title {
  font-size: 12px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pv1-footer-social-list {
  display: flex;
  gap: 8px;
}
.pv1-footer-social-list a {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.3);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.3);
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.pv1-footer-social-list a:hover {
  color: #fb923c;
  border-color: rgba(251, 146, 60, 0.55);
  background: rgba(251, 146, 60, 0.12);
}
.pv1-footer-chip {
  border: 1px solid rgba(148, 163, 184, 0.3);
  color: #e2e8f0;
  background: rgba(15, 23, 42, 0.28);
}
.pv1-footer-chip:hover {
  border-color: rgba(251, 146, 60, 0.55);
  color: #fb923c;
  background: rgba(251, 146, 60, 0.1);
}
.pv1-footer-social-list img {
  width: 16px;
  height: 16px;
}
.pv1-footer {
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}
.pv1-footer-main {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  align-items: flex-start;
}
.pv1-footer-col {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pv1-footer-col h4 {
  margin: 0 0 12px;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pv1-footer-acc-toggle {
  width: 100%;
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
}
.pv1-footer-acc-toggle .bi {
  display: none;
}
.pv1-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}
.pv1-footer-col li {
  margin: 0;
  padding: 0;
}
.pv1-footer-col a {
  color: #334155;
  font-size: 14px;
  line-height: 1.95;
  text-decoration: none;
  transition: color .2s ease;
}
.pv1-footer-col a:hover {
  color: #ea580c;
}
.pv1-footer-apps .icon {
  margin-right: 6px;
}
@media (max-width: 1023px) {
  .pv1-footer-top {
    margin-top: 1rem !important;
    border-top: 0;
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
  }
  .pv1-footer-top .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .pv1-footer-top-wrap {
    gap: 0.55rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .pv1-footer-feature {
    min-height: 0;
    border-radius: 0.8rem;
    padding: 0.68rem 0.75rem;
    gap: 0.62rem;
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(148, 163, 184, 0.2);
  }
  .pv1-footer-feature .logo {
    width: 2.05rem;
    height: 2.05rem;
  }
  .pv1-footer-feature-text span:first-child {
    font-size: 10px;
  }
  .pv1-footer-feature-text span:last-child, .pv1-footer-feature-text span:last-child a {
    font-size: 13px;
  }
  .pv1-footer-social {
    align-items: stretch;
  }
  .pv1-footer-social-list {
    gap: 0.45rem;
  }
  .pv1-footer-social-list a {
    width: 2rem;
    height: 2rem;
  }
  .pv1-footer {
    border-top: 0;
    padding-top: 0.9rem;
    background: #f8fafc;
  }
  .pv1-footer > .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .pv1-footer-main {
    gap: 0.62rem;
  }
  .pv1-footer-col {
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #ffffff;
    padding: 0.72rem 0.78rem !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 6px 18px rgba(15, 23, 42, 0.04);
  }
  .pv1-footer-col h4 {
    margin-bottom: 0;
    font-size: 11px;
    letter-spacing: 0.07em;
    color: #64748b;
  }
  .pv1-footer-acc-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 1.35rem;
    cursor: pointer;
  }
  .pv1-footer-acc-toggle .bi {
    display: inline-block;
    font-size: 0.88rem;
    color: #94a3b8;
    transition: transform 0.2s ease, color 0.2s ease;
  }
  .pv1-footer-col[data-footer-acc-item] ul {
    display: none;
    margin-top: 0.52rem;
  }
  .pv1-footer-col[data-footer-acc-item].is-open ul {
    display: block;
  }
  .pv1-footer-col[data-footer-acc-item].is-open .pv1-footer-acc-toggle .bi {
    transform: rotate(180deg);
    color: #ea580c;
  }
  .pv1-footer-col li + li {
    margin-top: 0.08rem;
  }
  .pv1-footer-col a {
    display: block;
    font-size: 13px;
    line-height: 1.55;
    color: #334155;
  }
  .pv1-footer-bottom {
    margin-top: 0.75rem !important;
    border-top-color: #e2e8f0;
    padding-top: 0.8rem !important;
    padding-bottom: calc(0.8rem + env(safe-area-inset-bottom));
    gap: 0.5rem;
  }
  .pv1-footer-bottom img {
    width: min(100%, 26rem);
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .pv1-footer-top-wrap {
    gap: 1rem;
  }
  .pv1-footer-feature {
    min-height: 88px;
    padding: 14px 16px;
  }
  .pv1-footer-main {
    gap: 2.1rem;
  }
  .pv1-footer-col h4 {
    margin-bottom: 0.9rem;
  }
}
@media (min-width: 1280px) {
  .pv1-footer-main {
    gap: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .pv1-footer-main {
    grid-template-columns: minmax(0, 1fr);
  }
  .pv1-footer-col ul {
    gap: 0.12rem;
  }
  .pv1-footer-col a {
    line-height: 1.55;
  }
  .pv1-footer-bottom img {
    max-width: min(100%, 16rem);
    height: auto;
  }
}
.mobile-app-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 70;
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.28rem;
  padding: 0.32rem 0.5rem calc(0.32rem + env(safe-area-inset-bottom));
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(8px);
  box-shadow: 0 -8px 26px rgba(15, 23, 42, 0.08);
}
.mobile-app-nav__item {
  min-height: 2.55rem;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  color: #475569 !important;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
}
.mobile-app-nav__item .cart-count-badge {
  position: absolute;
  top: 0.2rem;
  right: 50%;
  transform: translateX(1.15rem);
  min-width: 1.05rem;
  height: 1.05rem;
  padding: 0 0.2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  background: #ef4444;
  box-shadow: 0 0 0 2px #ffffff;
}
.mobile-app-nav__item i {
  font-size: 0.98rem;
  line-height: 1;
}
.mobile-app-nav__item--account {
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.35rem;
}
.mobile-app-nav__account-name {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.mobile-app-nav__status-dot {
  position: absolute;
  top: 0.32rem;
  left: 50%;
  margin-left: 0.95rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(34, 197, 94, 0.22);
}
.mobile-app-nav__item:active, .mobile-app-nav__item:hover {
  color: #ea580c;
  border-color: #fed7aa;
  background: #fff7ed;
}
.mobile-app-nav__item--whatsapp {
  border-color: rgba(16, 185, 129, 0.32);
  color: #047857 !important;
  background: linear-gradient(165deg, #f0fdf4 0%, #ecfdf5 42%, #f8fafc 100%);
}
.mobile-app-nav__item--whatsapp i {
  color: #10b981;
}
.mobile-account-dropdown {
  position: fixed;
  left: 0.65rem;
  right: 0.65rem;
  bottom: calc(var(--mobile-app-nav-height) + 0.6rem + env(safe-area-inset-bottom));
  z-index: 71;
  border: 1px solid #e2e8f0;
  border-radius: 0.95rem;
  background: #ffffff;
  box-shadow: 0 20px 38px rgba(15, 23, 42, 0.2);
  overflow: hidden;
  display: none;
}
.mobile-account-dropdown.is-open {
  display: block;
}
.mobile-account-dropdown__menu {
  margin: 0;
  padding: 0.35rem;
  list-style: none;
}
.mobile-account-dropdown__menu a {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.72rem 0.75rem;
  border-radius: 0.65rem;
  color: #334155;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}
.mobile-account-dropdown__menu a i {
  width: 1rem;
  text-align: center;
  color: #64748b;
}
.mobile-account-dropdown__menu a:hover {
  color: #9a3412;
  background: #fff7ed;
}
@media (max-width: 1023px) {
  .mobile-app-nav {
    display: grid;
  }
  body:not(.evc-sepetkasa-page) {
    padding-bottom: calc(var(--mobile-app-nav-height) + env(safe-area-inset-bottom));
  }
}
.container-evcimo {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
}
.anasayfa-page--ty {
  padding: 22px 0 36px;
}
.home-brands, .home-stories, .home-hero, .home-trust, .home-section {
  margin-bottom: 22px;
}
.home-stories--first {
  margin-top: 0;
}
.home-stories__track {
  overflow: hidden;
}
.home-stories__scroller {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-gutter: stable;
  scrollbar-width: none;
  scrollbar-color: #cbd5e1 #f1f5f9;
  padding: 2px 4px 6px;
  outline: none;
}
.home-stories__scroller:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ev-primary, #6366f1);
  border-radius: 10px;
}
.home-stories__scroller::-webkit-scrollbar {
  height: 8px;
}
.home-stories__scroller::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 999px;
}
.home-stories__scroller::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}
.home-stories__scroller::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.home-stories__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
  width: max-content;
  min-height: 0;
}
@media (min-width: 768px) {
  .home-stories__row {
    gap: 30px;
  }
}
.home-stories__cell {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: clamp(5.125rem, 26vw, 6rem);
}
@media (min-width: 480px) {
  .home-stories__cell {
    width: clamp(5.25rem, 22vw, 6.125rem);
  }
}
@media (min-width: 992px) {
  .home-stories__cell {
    width: clamp(5.75rem, 9.2vw, 6.75rem);
  }
}
.home-stories__card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.home-stories__media {
  width: 100%;
  aspect-ratio: 15 / 17;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}
.home-stories__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-stories__caption {
  font-size: 11px;
  font-weight: 600;
  color: #334155;
  text-align: center;
  line-height: 1.25;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .home-stories__caption {
    font-size: 12px;
  }
}
.home-deals-hero {
  position: relative;
  margin-bottom: 28px;
  margin-left: 12px;
  margin-right: 12px;
  padding: clamp(28px, 5vw, 52px) 0;
  overflow: hidden;
  border-radius: 16px;
  color: #f8fafc;
  isolation: isolate;
}
@media (min-width: 768px) {
  .home-deals-hero {
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 18px;
  }
}
@media (min-width: 1200px) {
  .home-deals-hero {
    margin-left: max(20px, calc((100vw - 1400px) / 2 + 8px));
    margin-right: max(20px, calc((100vw - 1400px) / 2 + 8px));
  }
}
.home-deals-hero--first {
  margin-top: 0;
}
.home-deals-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(120% 80% at 15% 20%, rgba(251, 191, 36, 0.35) 0%, transparent 45%), radial-gradient(90% 70% at 85% 60%, rgba(239, 68, 68, 0.45) 0%, transparent 50%), linear-gradient(135deg, #0f0518 0%, #1e0b2e 35%, #3b0764 70%, #1a0528 100%);
  animation: home-deals-hero-bg-shift 14s ease-in-out infinite alternate;
}
@keyframes home-deals-hero-bg-shift {
  0% {
    filter: hue-rotate(0deg) saturate(1.05);
    transform: scale(1);
  }
  100% {
    filter: hue-rotate(18deg) saturate(1.2);
    transform: scale(1.03);
  }
}
.home-deals-hero__grid-sheen {
  position: absolute;
  inset: -40%;
  z-index: 0;
  background: linear-gradient( 105deg, transparent 40%, rgba(255, 255, 255, 0.07) 48%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.07) 52%, transparent 60% );
  animation: home-deals-hero-sheen 5.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes home-deals-hero-sheen {
  0% {
    transform: translateX(-35%) rotate(12deg);
  }
  100% {
    transform: translateX(35%) rotate(12deg);
  }
}
.home-deals-hero__container {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(20px, 4vw, 36px);
  align-items: center;
}
@media (min-width: 1024px) {
  .home-deals-hero__container {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr);
  }
}
.home-deals-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 6px 14px 6px 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fef3c7;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(251, 191, 36, 0.45);
  border-radius: 999px;
}
.home-deals-hero__pulse {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #fbbf24;
  box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.7);
  animation: home-deals-hero-pulse 1.8s ease-out infinite;
}
@keyframes home-deals-hero-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.55);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(251, 191, 36, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(251, 191, 36, 0);
  }
}
.home-deals-hero__headline {
  margin: 0;
  font-size: clamp(1.75rem, 4vw, 2.65rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.45);
}
.home-deals-hero__sub {
  margin: 14px 0 0;
  max-width: 34ch;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(226, 232, 240, 0.88);
}
.home-deals-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.home-deals-hero__burst {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0f172a;
  background: linear-gradient(135deg, #fde047, #fbbf24);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(251, 191, 36, 0.35);
  transform: rotate(-2deg);
}
.home-deals-hero__burst--alt {
  background: linear-gradient(135deg, #fff, #e2e8f0);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
  transform: rotate(2deg);
}
.home-deals-hero__carousel {
  min-width: 0;
  min-height: 260px;
}
.home-deals-hero__carousel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.home-deals-hero__tag {
  font-size: 13px;
  font-weight: 700;
  color: rgba(248, 250, 252, 0.9);
  letter-spacing: 0.04em;
}
.home-deals-hero__nav {
  display: flex;
  gap: 8px;
}
.home-deals-hero__nav-btn {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, transform 0.15s;
}
.home-deals-hero__nav-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(251, 191, 36, 0.8);
  transform: scale(1.05);
}
.home-deals-hero__swiper {
  overflow: visible;
}
.home-deals-hero__slide {
  height: auto;
}
.home-deals-mega-card {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
}
.home-deals-mega-card__link {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  color: inherit;
  text-decoration: none;
}
.home-deals-mega-card__ribbon {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.home-deals-mega-card__ribbon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 900;
  color: #0f172a;
  background: linear-gradient(145deg, #fef08a, #facc15);
  border-radius: 50%;
  border: 3px solid rgba(15, 23, 42, 0.85);
  box-shadow: 0 10px 24px rgba(250, 204, 21, 0.45);
  animation: home-deals-mega-ribbon 2.4s ease-in-out infinite;
}
@keyframes home-deals-mega-ribbon {
  0%, 100% {
    transform: scale(1) rotate(-6deg);
  }
  50% {
    transform: scale(1.06) rotate(-6deg);
  }
}
.home-deals-mega-card__visual {
  position: relative;
  aspect-ratio: 4 / 5;
  max-height: 320px;
  background: rgba(0, 0, 0, 0.35);
}
.home-deals-mega-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home-deals-mega-card__shine {
  position: absolute;
  inset: 0;
  background: linear-gradient( 125deg, transparent 35%, rgba(255, 255, 255, 0.18) 48%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0.12) 52%, transparent 65% );
  mix-blend-mode: soft-light;
  pointer-events: none;
  animation: home-deals-mega-shine 4s ease-in-out infinite;
}
@keyframes home-deals-mega-shine {
  0%, 100% {
    opacity: 0.35;
    transform: translateX(-8%);
  }
  50% {
    opacity: 0.85;
    transform: translateX(8%);
  }
}
.home-deals-mega-card__body {
  padding: 14px 16px 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home-deals-mega-card__flash {
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fde68a;
  display: flex;
  align-items: center;
  gap: 6px;
}
.home-deals-mega-card__title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: #fff;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-deals-mega-card__prices {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 14px;
  margin-top: auto;
}
.home-deals-mega-card__old {
  font-size: 14px;
  color: rgba(226, 232, 240, 0.65);
  text-decoration: line-through;
}
.home-deals-mega-card__new {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #fef08a;
  text-shadow: 0 2px 16px rgba(250, 204, 21, 0.35);
}
.home-deals-mega-card__actions {
  display: flex;
  gap: 8px;
  padding: 0 12px 14px;
}
.home-deals-mega-card__cart {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 14px;
  font-size: 14px;
  font-weight: 800;
  color: #0f172a;
  background: linear-gradient(135deg, #fef08a, #facc15);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(250, 204, 21, 0.35);
  transition: transform 0.15s, filter 0.15s;
}
.home-deals-mega-card__cart:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.home-deals-mega-card__fav {
  width: 44px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.home-deals-mega-card__fav:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fda4af;
}
.home-cat-swiper__nav {
  display: flex;
  gap: 6px;
}
.home-cat-swiper__btn {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #334155;
  font-size: 16px;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.home-cat-swiper__btn:hover {
  border-color: var(--ev-primary);
  color: var(--ev-primary);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.home-cat-swiper__wrap {
  position: relative;
}
.home-cat-swiper__slide {
  height: auto;
}
.home-brands__track {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 14px;
}
.home-brands__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.home-brands__item img {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid #f1f5f9;
}
.home-brands__item span {
  font-size: 12px;
  color: #334155;
  text-align: center;
  line-height: 1.35;
}
.home-hero__frame {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 10px;
  overflow: hidden;
}
#vitrin-slider-wrap-anasayfa {
  border-radius: 12px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  aspect-ratio: 16 / 6.8;
}
#vitrin-slider-wrap-anasayfa .swiper-slide {
  border-radius: 12px;
}
.home-hero__slide {
  display: block;
}
.home-hero__img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.home-hero__pagination .swiper-pagination-bullet-active {
  background: var(--ev-primary);
}
.home-trust__container {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
  padding: 16px;
}
.home-trust__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.home-trust__item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px;
}
.home-trust__icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  color: var(--ev-primary);
  border: 1px solid #e2e8f0;
}
.home-trust__label {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
.home-trust__sub {
  margin: 2px 0 0;
  font-size: 12px;
  color: #64748b;
}
.home-section__inner {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 18px;
}
.home-section__head {
  margin-bottom: 16px;
}
.home-section__heading {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  color: #0f172a;
}
.home-section__lede {
  margin: 6px 0 0;
  font-size: 14px;
  color: #64748b;
}
.home-products-grid .product {
  min-width: 0;
}
.filterProductImages .swiper-slide {
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: #f8fafc;
}
.filterProductImages .swiper-slide > img, .filterProductImages .swiper-slide > a > img, .filterProductImages img.product-thumb-portrait {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.home-section--ty-alt .home-section__inner {
  border-color: #e5e7eb;
}
@media (max-width: 900px) {
  .home-trust__list {
    grid-template-columns: 1fr;
  }
  .home-deals-hero__headline, .home-section__heading {
    font-size: 20px;
  }
}
.vitrin-mini-list {
  position: relative;
}
.vitrin-mini-list .vitrin-mini-list__rail {
  display: flex;
  gap: 0.55rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.22rem;
  margin-right: -0.08rem;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.vitrin-mini-list .vitrin-mini-list__rail * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.vitrin-mini-list .vitrin-mini-list__rail::-webkit-scrollbar {
  display: none;
}
.vitrin-mini-list .vitrin-mini-list__rail.is-dragging {
  cursor: grabbing;
}
.vitrin-mini-list .vitrin-mini-list__rail.is-dragging, .vitrin-mini-list .vitrin-mini-list__rail.is-dragging * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
body.vitrin-mini-list-dragging {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.vitrin-mini-list .vitrin-mini-list-card img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}
.vitrin-mini-list .vitrin-mini-list__item {
  flex: 0 0 100%;
  scroll-snap-align: start;
  min-height: 5rem;
}
@media (min-width: 1024px) {
  .vitrin-mini-list .vitrin-mini-list__item {
    flex-basis: calc((100% - 1.5rem) / 3);
  }
}
.vitrin-mini-list.has-scroll-hint::after {
  content: "";
  position: absolute;
  top: 2.35rem;
  right: 0.4rem;
  bottom: 0.72rem;
  width: 1.1rem;
  pointer-events: none;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.94) 10%, rgba(255, 255, 255, 0) 100%);
  opacity: 1;
  transition: opacity 0.2s ease;
}
.vitrin-mini-list.has-scroll-label::before {
  content: "Kaydir";
  position: absolute;
  right: 0.58rem;
  top: 0.62rem;
  z-index: 2;
  pointer-events: none;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 999px;
  padding: 0.08rem 0.42rem;
}
.vitrin-mini-list.is-user-interacted::before {
  content: none;
}
.vitrin-mini-list.is-at-end::after {
  opacity: 0;
}
@media (max-width: 360px) {
  .vitrin-mini-list .vitrin-mini-list__item {
    min-height: 4.4rem;
  }
  .vitrin-mini-list .vitrin-mini-list-card img {
    width: 100%;
    height: 100%;
  }
}
.breadcrumbs {
  border-bottom: 1px solid #f5f5f5;
  background: #fff;
}
.breadcrumb-nav {
  width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .breadcrumb-nav {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0;
  row-gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.375;
}
.breadcrumb-item {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 0.25rem;
  color: #737373;
}
.breadcrumb-home {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 0.25rem;
  color: #a3a3a3;
  text-decoration: none;
  transition: color 150ms ease, background-color 150ms ease;
}
.breadcrumb-home:hover {
  background: #fafafa;
  color: #3a3a3a;
}
.breadcrumb-home i {
  font-size: 1rem;
  line-height: 1;
}
.breadcrumb-link {
  max-width: min(100%, 15rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  color: #737373;
  text-decoration: none;
  text-decoration-color: #d4d4d4;
  text-underline-offset: 3px;
  transition: color 150ms ease;
}
.breadcrumb-link:hover {
  color: #333333;
}
@media (max-width: 1023px) {
  .breadcrumb-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    font-size: 11.5px;
    line-height: 1.35;
  }
  .breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
  .breadcrumb-item {
    flex-shrink: 0;
  }
  .breadcrumb-item:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 8px 0 14px -6px rgba(15, 23, 42, 0.1);
    padding-right: 0.25rem;
    margin-right: 0.1rem;
  }
  .breadcrumb-home i {
    font-size: 0.95rem;
  }
  .breadcrumb-sep {
    margin-left: 0.35rem;
    margin-right: 0.35rem;
    font-size: 10px;
  }
  .breadcrumb-link {
    max-width: 10.5rem;
  }
}
@media (min-width: 1024px) {
  .breadcrumb-link {
    max-width: 22rem;
  }
}
.breadcrumb-link:not(.breadcrumb-link--current):hover {
  text-decoration: underline;
}
.breadcrumb-link--current {
  max-width: min(100%, min(90vw, 36rem));
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #333333;
}
.breadcrumb-link--current:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .breadcrumb-link--current {
    max-width: 40rem;
  }
}
.breadcrumb-sep {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
  flex-shrink: 0;
  user-select: none;
  font-size: 11px;
  font-weight: 300;
  color: #d4d4d4;
}
.breadcrumb-more {
  margin-left: 0.125rem;
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 1px solid transparent;
  color: #a3a3a3;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
.breadcrumb-more:hover {
  border-color: #e5e5e5;
  background: #fafafa;
  color: #525252;
}
.breadcrumb-flyout-link, .breadcrumb-flyout a {
  text-decoration: none;
}
.listing-skeleton {
  position: relative;
  overflow: hidden;
}
.listing-skeleton::before {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -250%;
  top: 0;
  right: 0;
  bottom: 0;
  width: 500%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, 0.35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
  animation: listingSkeletonShimmer 0.8s linear infinite;
}
.listing-skeleton__title, .listing-skeleton__line, .listing-skeleton__row-check, .listing-skeleton__row-text {
  background: #e9ecef;
  border-radius: 0.375rem;
}
.listing-skeleton__title {
  height: 14px;
  width: 60%;
  margin-bottom: 12px;
}
.listing-skeleton__line {
  height: 24px;
  width: 100%;
  margin-bottom: 10px;
}
.listing-skeleton__line--search {
  height: 32px;
  margin-bottom: 12px;
}
.listing-skeleton__row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.listing-skeleton__row:last-child {
  margin-bottom: 0;
}
.listing-skeleton__row-check {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
.listing-skeleton__row-stars {
  flex-shrink: 0;
  display: inline-flex;
  gap: 2px;
}
.listing-skeleton__star {
  color: #ccc !important;
  font-size: 0.85em;
}
.listing-skeleton__row-text {
  flex: 1;
  min-width: 0;
  height: 14px;
}
.listing-skeleton--rating .listing-skeleton__row-text {
  max-width: 50%;
}
@keyframes listingSkeletonShimmer {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
.filterMenu {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: transparent;
}
.filterMenu > [id]:not(:empty) {
  padding: 0;
  border-bottom: 1px solid #e5e7eb;
}
#feature > .filter-agg:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
}
.filter-agg__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 10px 2px;
  border: 0;
  background: transparent;
  color: #111827;
  text-align: left;
  cursor: pointer;
  transition: color 0.15s ease;
}
.filter-agg__header:hover, .filter-agg__header:focus-visible {
  color: var(--ev-primary);
  outline: none;
}
.filter-agg__header--static {
  cursor: default;
}
.filter-agg__header--static:hover {
  color: #111827;
}
.filter-agg__header--toggle {
  padding: 8px 2px;
}
.filter-agg__title {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.filter-agg__title--with-meta {
  flex: 1;
  justify-content: space-between;
  gap: 0.55rem;
}
.filter-agg__chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #9ca3af;
  font-size: 12px;
  transition: transform 0.2s ease;
}
.filter-agg:not(.is-collapsed) .filter-agg__chev {
  transform: rotate(180deg);
}
.filter-agg__body {
  padding: 0 2px 10px;
}
.filter-agg__body[hidden] {
  display: none !important;
}
.filter-agg__toggle-count {
  color: #9ca3af;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.filter-agg--toggle .filter-agg__header--toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  column-gap: 8px;
}
.filterMenu .filterSection {
  padding: 8px 2px;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}
.filterMenu .filterTitle {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 6px;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
}
.filterMenu .filterTitle--with-meta {
  justify-content: space-between;
  gap: 0.55rem;
}
.filterMenu .filterTitleBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  min-height: 1.2rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  border: 1px solid #fdba74;
  background: #fff7ed;
  color: #9a3412;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.filterMenu .filterSectionHint {
  margin: 0 0 0.4rem;
  color: #94a3b8;
  font-size: 11px;
  line-height: 1.3;
}
.filterMenu strong.filterTitle {
  cursor: pointer;
}
.filterMenu strong.filterTitle i:last-child {
  margin-left: auto;
  color: #9ca3af;
  font-size: 12px;
}
.filterMenu .singleFilterWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem !important;
  background: #f9fafb;
  color: #4b5563;
  font-size: 11px;
}
.filterMenu .singleFilterWrap .filterTitle {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}
.filterMenu .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  flex-shrink: 0;
}
.filterMenu .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.filterMenu .switch .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #cbd5e1;
  transition: 0.22s ease;
  border-radius: 999px;
}
.filterMenu .switch .slider::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: 0.22s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.filterMenu .switch input:checked + .slider {
  background: var(--ev-primary);
}
.filterMenu .switch input:checked + .slider::before {
  transform: translateX(18px);
}
.filterMenu .filterInput-wrapper {
  position: relative;
}
.filterMenu .filterInput {
  width: 100%;
  height: 34px;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem !important;
  background: transparent;
  color: #111827;
  font-size: 13px;
  padding: 0 10px;
  outline: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.filterMenu .filterInput::placeholder {
  color: #9ca3af;
}
.filterMenu .filterInput:focus {
  border-color: var(--ev-primary);
  box-shadow: 0 0 0 3px rgba(255, 108, 0, 0.12);
}
.filterMenu .filterChecked, .filterMenu .filterUnChecked, .filterMenu .filterList, .filterMenu .categoryThree {
  list-style: none;
  margin: 0;
  padding: 0;
}
.filterMenu .filterLists {
  margin-top: 6px;
}
.filterMenu .filterChecked li label, .filterMenu .filterUnChecked li label, .filterMenu .filterList li label, .filterMenu .categoryThree li label {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 0.375rem !important;
  padding: 5px 6px;
  color: #374151;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.filterMenu .filterChecked li label:hover, .filterMenu .filterUnChecked li label:hover, .filterMenu .filterList li label:hover, .filterMenu .categoryThree li label:hover {
  background: #f9fafb;
  color: var(--ev-primary);
}
.filterMenu .filterUnChecked li label:has(input[disabled]) {
  opacity: 0.48;
  cursor: not-allowed;
  background: #f8fafc;
}
.filterMenu .filterChecked li label {
  background: #fff7ed;
  color: #c2410c;
  font-weight: 600;
}
.filterMenu input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: var(--ev-primary);
  flex-shrink: 0;
}
.filterMenu .filterChecked li label span, .filterMenu .filterUnChecked li label span, .filterMenu .filterList li label span, .filterMenu .categoryThree li label span {
  margin-left: auto;
  color: #9ca3af;
  font-size: 11px;
}
.filterMenu .filterUnChecked, .filterMenu .filterLists {
  max-height: 220px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.filterMenu .filterUnChecked::-webkit-scrollbar, .filterMenu .filterLists::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.filterMenu .hr10 {
  border: 0;
  border-top: 1px dashed #e5e7eb;
  margin: 8px 0;
}
.filterMenu .filter-section-rating .filterList li label b {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-weight: 600;
}
.filterMenu .filter-section-rating .filterList li label .bi-star-fill {
  color: #f59e0b;
}
.filterMenu .filter-section-rating .filterList li label .bi-star {
  color: #d1d5db;
}
.filterMenu .filter-section-price .priceFilterInput-wrapper {
  margin-top: 8px;
}
.filterMenu .priceFilterInput-wrapper .range-slider {
  position: relative;
  height: 5px;
  margin: 24px 0 14px;
  border-radius: 999px;
  background: #e5e7eb;
}
.filterMenu .priceFilterInput-wrapper .slider-track {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff8a3d, #ff6c00);
}
.filterMenu .priceFilterInput-wrapper .range-slider input[type="range"] {
  position: absolute;
  inset: 0;
  margin: 0;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  pointer-events: none;
}
.filterMenu .priceFilterInput-wrapper .range-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: var(--ev-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
.filterMenu .priceFilterInput-wrapper .range-slider input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: var(--ev-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
.filterMenu .priceFilterInput-wrapper .min-tooltip, .filterMenu .priceFilterInput-wrapper .max-tooltip {
  position: absolute;
  top: -30px;
  transform: translateX(-50%);
  background: #111827;
  color: #fff;
  border-radius: 0.375rem;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 6px;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.filterMenu .priceFilterInput-wrapper .range-slider:hover .min-tooltip, .filterMenu .priceFilterInput-wrapper .range-slider:hover .max-tooltip {
  opacity: 1;
}
.filterMenu .priceFilterInput-wrapper .price-range-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filterMenu .priceFilterInput-wrapper .price-range-info .price-min, .filterMenu .priceFilterInput-wrapper .price-range-info .price-max {
  display: inline-flex;
  padding: 3px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  background: #f9fafb;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
}
.filterPage .filterActiveList {
  display: none !important;
}
.filterPage .filterActiveList:empty {
  display: none !important;
}
@media (min-width: 1024px) {
  .filterPage .filterActiveList {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 0.9rem;
    padding: 0.55rem 0.6rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
    min-height: 42px;
  }
}
.filterDelete {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px 5px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #374151;
  font-size: 12px;
  line-height: 1;
}
.filterDelete a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-decoration: none;
  color: #9ca3af;
  transition: all 0.2s ease;
}
.filterDelete a:hover {
  background: #fef2f2;
  color: #ef4444;
}
.listing-skeleton {
  padding: 2px;
}
.listing-skeleton__title {
  width: 54%;
}
.listing-skeleton__line--search {
  height: 34px;
  border-radius: 0.375rem;
}
@media (min-width: 1024px) {
  #listingFilterPanel {
    max-height: calc(100dvh - 7rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #listingFilterPanel::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  #listingFilterPanel .filterSection {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
}
@media (max-width: 1023px) {
  .filterMenu {
    gap: 0;
  }
  .filterMenu .filterSection {
    padding: 8px 2px;
    border: 0;
    background: transparent;
  }
}
.filterPageTop .filter-sort-btn {
  border-color: #e5e7eb !important;
  background: #fff !important;
  color: #4b5563 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
}
.filterPageTop .filter-sort-btn:hover {
  border-color: #f3d2bf !important;
  background: #fff7f2 !important;
  color: #ea580c !important;
}
.filterPageTop .filter-sort-btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255, 127, 110, 0.25);
}
.filterPageTop .filter-sort-btn.bg-primary, .filterPageTop .filter-sort-btn.active {
  border-color: #ffb38e !important;
  background: #fff1e8 !important;
  color: #e55242 !important;
  box-shadow: 0 2px 8px rgba(255, 90, 69, 0.14);
}
.filterPageTop .filter-sort-btn i {
  font-size: 12px;
}
.filterPageTop #filterSortType.filterSortType {
  min-height: 34px;
  border-color: #e5e7eb !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #4b5563;
  font-size: 13px;
  padding: 7px 34px 7px 12px !important;
}
.filterPageTop #filterSortType.filterSortType:hover {
  border-color: #f3d2bf !important;
}
.filterPageTop #filterSortType.filterSortType:focus {
  border-color: #ffb38e !important;
  box-shadow: 0 0 0 3px rgba(255, 127, 110, 0.25) !important;
}
.filterPageTop #filterSortType.filterSortType.filterSortType-is-active {
  border-color: #ffb38e !important;
  background: #fff7f2 !important;
  color: #e55242;
}
.filterPageTop .listType {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #6b7280;
}
.filterPageTop .listType:hover {
  border-color: #f3d2bf;
  background: #fff7f2;
  color: #ea580c;
}
.filterPageTop .listType:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255, 127, 110, 0.22);
}
.filterPageTop .listType.listActive, .filterPageTop .listType.text-primary {
  border-color: #ffb38e;
  background: #fff1e8;
  color: #e55242 !important;
}
.filterPagination.hidden, .filterPagination[hidden] {
  display: none !important;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.filterPagination {
  margin-top: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.6rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.95rem;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.filterPagination::-webkit-scrollbar {
  display: none;
}
.filterPagination > li {
  list-style: none;
  flex: 0 0 auto;
}
.filterPagination .page-btn {
  min-width: 2.15rem;
  height: 2.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbe5f0;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 0 0.7rem;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.filterPagination .page-btn:hover {
  border-color: #fdba74;
  background: #fff7ed;
  color: #ea580c;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.1);
}
.filterPagination .page-btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.22);
}
.filterPagination .page-item.active .page-btn, .filterPagination .page-btn[aria-current="page"], .filterPagination .page-btn.page-btn--active {
  border-color: #fb923c;
  background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
  color: #ffffff;
  box-shadow: 0 12px 20px rgba(234, 88, 12, 0.28);
}
.filterPagination .page-btn[disabled] {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
  box-shadow: none;
}
.filterPagination .page-btn.page-btn--nav {
  min-width: 2rem;
  padding: 0 0.62rem;
}
@media (max-width: 1023px) {
  .filterPagination {
    margin-top: 0.8rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0.58rem max(14px, env(safe-area-inset-left)) calc(0.58rem + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-right));
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
    justify-content: flex-start;
  }
  .filterPagination .page-btn {
    min-width: 2.05rem;
    height: 2.05rem;
    font-size: 11px;
  }
}
.listing-product-card__media {
  position: relative;
}
.listing-product-card__color-stack {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 20;
  max-width: calc(100% - 1rem);
  pointer-events: auto;
}
.listing-product-card__color-stack-inner {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, padding 0.15s ease, border-radius 0.15s ease;
}
.listing-product-card__color-stack-inner .listing-color-swatch {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid rgb(255 255 255 / 1);
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.18);
  margin-left: -0.45rem;
  position: relative;
}
.listing-product-card__color-stack-inner .listing-color-swatch:first-child {
  margin-left: 0;
}
.listing-product-card__color-stack:not(.is-expanded):not(:hover):not(:focus-within) .listing-product-card__color-stack-inner .listing-color-swatch:nth-child(n + 4) {
  display: none;
}
.listing-color-stack-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-left: -0.35rem;
  padding: 0 0.25rem;
  border-radius: 9999px;
  border: 2px solid rgb(255 255 255 / 1);
  background: rgb(255 255 255 / 0.96);
  color: rgb(55 65 81 / 1);
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.18);
  pointer-events: none;
  position: relative;
  z-index: 1;
}
@media (hover: none) {
  .listing-color-stack-more {
    pointer-events: auto;
    cursor: pointer;
  }
}
.listing-product-card__color-stack.is-expanded .listing-color-stack-more, .listing-product-card__color-stack:hover .listing-color-stack-more, .listing-product-card__color-stack:focus-within .listing-color-stack-more {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .listing-product-card__color-stack:hover .listing-product-card__color-stack-inner, .listing-product-card__color-stack:focus-within .listing-product-card__color-stack-inner, .listing-product-card__color-stack.is-expanded .listing-product-card__color-stack-inner {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.375rem;
    max-width: 11rem;
    padding: 0.5rem;
    background: rgb(255 255 255 / 0.97);
    border-radius: 0.75rem;
    box-shadow: 0 10px 24px rgb(15 23 42 / 0.14);
  }
  .listing-product-card__color-stack:hover .listing-product-card__color-stack-inner .listing-color-swatch, .listing-product-card__color-stack:focus-within .listing-product-card__color-stack-inner .listing-color-swatch, .listing-product-card__color-stack.is-expanded .listing-product-card__color-stack-inner .listing-color-swatch {
    margin-left: 0;
  }
  .listing-product-card__color-stack:hover .listing-product-card__color-stack-inner .listing-color-swatch:nth-child(n + 4), .listing-product-card__color-stack:focus-within .listing-product-card__color-stack-inner .listing-color-swatch:nth-child(n + 4), .listing-product-card__color-stack.is-expanded .listing-product-card__color-stack-inner .listing-color-swatch:nth-child(n + 4) {
    display: inline-block;
  }
}
.listing-product-card__color-stack.is-expanded .listing-product-card__color-stack-inner {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.375rem;
  max-width: 11rem;
  padding: 0.5rem;
  background: rgb(255 255 255 / 0.97);
  border-radius: 0.75rem;
  box-shadow: 0 10px 24px rgb(15 23 42 / 0.14);
}
.listing-product-card__color-stack.is-expanded .listing-product-card__color-stack-inner .listing-color-swatch {
  margin-left: 0;
}
.listing-product-card__color-stack.is-expanded .listing-product-card__color-stack-inner .listing-color-swatch:nth-child(n + 4) {
  display: inline-block;
}
.listing-color-swatch {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  appearance: none;
  cursor: pointer;
  border-radius: 9999px;
  border: 1px solid rgb(209 213 219 / 1);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
@media (hover: hover) and (pointer: fine) {
  .listing-color-swatch:hover {
    transform: scale(1.08);
    box-shadow: 0 0 0 2px rgb(251 146 60 / 0.35);
  }
}
.listing-color-swatch:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(251 146 60 / 0.55);
}
.listing-color-swatch.is-active {
  box-shadow: 0 0 0 2px rgb(251 146 60 / 0.55);
}
.listing-color-swatch--unavailable {
  cursor: default;
  opacity: 0.45;
  position: relative;
}
.listing-color-swatch--unavailable::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 9999px;
  background: linear-gradient( to top left, transparent calc(50% - 1px), rgb(107 114 128 / 0.85) calc(50% - 1px), rgb(107 114 128 / 0.85) calc(50% + 1px), transparent calc(50% + 1px) );
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .listing-color-swatch--unavailable:hover {
    transform: none;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
  }
}
.listing-product-card.is-previewing .listing-product-card__media-link img {
  transition: opacity 0.2s ease;
}
.listing-product-card__title-link {
  color: inherit;
  text-decoration: none;
}
.listing-filter-option-content {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.listing-filter-option-name {
  min-width: 0;
}
.listing-filter-color-swatch {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border: 1px solid rgb(209 213 219 / 1);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
}
.filterMenu .filterChecked li label .listing-filter-option-content, .filterMenu .filterUnChecked li label .listing-filter-option-content {
  margin-left: 0;
  color: inherit;
  font-size: inherit;
}
.listing-badge-ticker {
  isolation: isolate;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  margin-bottom: 0.375rem;
  height: 1.25rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}
.listing-badge-ticker__track {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
}
.listing-badge-ticker__slide {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: max-content;
  max-width: 100%;
  height: 1.25rem;
  padding: 0 0.3rem;
  gap: 0.15rem;
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  color: inherit;
  border-radius: 0.1875rem;
  white-space: nowrap;
  box-shadow: none;
}
.listing-badge-ticker__slide .bi {
  flex-shrink: 0;
  font-size: 0.625rem;
  line-height: 1;
  opacity: 0.72;
}
.listing-badge-ticker__slide span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 640px) {
  .listing-badge-ticker, .listing-badge-ticker__slide {
    height: 1.3125rem;
  }
  .listing-badge-ticker__slide {
    padding: 0 0.4rem;
    font-size: 0.625rem;
    gap: 0.2rem;
  }
  .listing-badge-ticker__slide .bi {
    font-size: 0.6875rem;
  }
}
.listing-badge-ticker__slide--coupon {
  background: #fff7e6;
  color: #9a3412;
  border: 1px solid #fdba74;
}
.listing-badge-ticker__slide--promo {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #6ee7b7;
}
.listing-badge-ticker__slide--cart {
  background: #ecfeff;
  color: #0f766e;
  border: 1px solid #67e8f9;
}
.listing-badge-ticker__slide--bestseller {
  background: #f3e8ff;
  color: #6b21a8;
  border: 1px solid #d8b4fe;
}
.listing-badge-ticker__slide--discount {
  background: #ffe4e6;
  color: #be123c;
  border: 1px solid #fda4af;
}
.listing-badge-ticker__slide--local {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #6ee7b7;
}
.listing-cart-btn {
  background: #ffffff;
  color: #111827;
}
.listing-cart-btn:hover {
  background: #ffedd5;
  color: #111827;
}
#products.products {
  gap: 0.7rem;
}
@media (min-width: 1024px) {
  #products.products {
    gap: 0.95rem;
  }
}
#products.products .filterProductImages .swiper-slide {
  aspect-ratio: 5 / 6;
}
.listing-product-card .listing-product-card__inner {
  border-radius: 0.85rem;
  border-color: #e5e7eb;
  box-shadow: none;
}
.listing-product-card .listing-product-card__inner:hover {
  transform: none;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.07);
}
.listing-product-card .listing-product-card__info {
  padding: 0.62rem 0.7rem 0.5rem !important;
}
.listing-product-card .listing-product-card__title {
  font-size: 12.5px !important;
  line-height: 1.32 !important;
  margin-bottom: 0.28rem !important;
}
.listing-product-card .listing-product-card__point {
  margin-bottom: 0.28rem !important;
  gap: 0.28rem !important;
  font-size: 10px;
}
.listing-product-card .listing-product-card__point .bi {
  font-size: 0.68rem;
}
.listing-product-card .listing-badge-ticker {
  margin-bottom: 0.28rem;
}
.listing-product-card .listing-product-card__price .oldPrice, .listing-product-card .listing-product-card__price .discount {
  font-size: 10px !important;
}
.listing-product-card .listing-product-card__price .campaningNewPrice, .listing-product-card .listing-product-card__price .newPrice {
  font-size: 0.94rem !important;
  line-height: 1.25 !important;
}
.listing-product-card .listing-product-card__actions {
  padding: 0 0.7rem 0.7rem !important;
}
.listing-product-card .listing-product-card__cart-btn {
  min-height: 2rem;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  padding: 0 0.5rem !important;
  gap: 0.3rem !important;
}
.listing-product-card .listing-product-card__cart-btn i {
  font-size: 0.78rem !important;
}
.listing-product-card .listing-product-card__fav-btn {
  width: 2rem !important;
  height: 2rem !important;
}
.listing-product-card .listing-product-card__fav-btn i {
  font-size: 0.82rem !important;
}
.listing-product-card .listing-product-card__actions > .flex {
  border-radius: 0.5rem;
}
@media (prefers-reduced-motion: reduce) {
  .listing-badge-ticker__track {
    transition: none !important;
  }
}
.listing-page-columns--anasayfa {
  .listing-page-columns__main {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .listing-page-columns {
    gap: 0.72rem !important;
  }
  .listing-page-title {
    letter-spacing: -0.01em;
  }
  .filterPage {
    margin-top: 0.1rem;
  }
  body.listing-page .pv1-header {
    position: relative !important;
    top: auto !important;
  }
  .filterPageTop {
    display: none !important;
  }
  .listing-mobile-sticky-topbar {
    position: sticky;
    top: var(--listing-mobile-sticky-top-offset, 0px);
    z-index: 58;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    width: auto;
    margin: -0.02rem calc(50% - 50vw) 0.5rem;
    padding: 0.52rem max(16px, env(safe-area-inset-left)) 0.46rem max(16px, env(safe-area-inset-right));
    border-bottom: 1px solid rgba(226, 232, 240, 0.85);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 252, 0.92) 100%);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
    transition: padding 0.22s ease, margin 0.22s ease, box-shadow 0.22s ease;
  }
  .listing-mobile-sticky-topbar::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 8px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.08) 0%, rgba(15, 23, 42, 0) 100%);
    opacity: 0.38;
  }
  .listing-mobile-sticky-topbar__actions {
    position: sticky;
    left: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding-right: 0.3rem;
    background: inherit;
  }
  .listing-mobile-sticky-topbar__action {
    min-height: 2.12rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border: 1px solid #fcd8b6;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    color: #9a3412;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 0 0.7rem;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: width 0.2s ease, padding 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  }
  .listing-mobile-sticky-topbar.is-condensed .listing-mobile-sticky-topbar__action {
    width: 2.1rem;
    padding: 0;
    gap: 0;
    border-color: #e2e8f0;
    background: #ffffff;
    color: #475569;
  }
  .listing-mobile-sticky-topbar.is-condensed {
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
  }
  .listing-mobile-sticky-topbar__action span {
    display: inline-block;
    max-width: 56px;
    opacity: 1;
    overflow: hidden;
    transition: max-width 0.18s ease, opacity 0.16s ease;
  }
  .listing-mobile-sticky-topbar.is-condensed .listing-mobile-sticky-topbar__action span {
    max-width: 0;
    opacity: 0;
  }
  .listing-mobile-sticky-topbar__chips {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.05rem 0.02rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .listing-mobile-sticky-topbar__chips::-webkit-scrollbar {
    display: none;
  }
  .listing-mobile-quickchip {
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    border: 1px solid #dbe5f0;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 0.72rem;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.06);
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    font-family: inherit;
    appearance: none;
  }
  .listing-mobile-quickchip--active {
    border-color: #fb923c;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    color: #9a3412;
  }
  .listing-mobile-quickchip--muted {
    border-style: dashed;
    color: #94a3b8;
    background: #f8fafc;
  }
  #products.products {
    gap: 0.45rem !important;
  }
  .listing-product-card .listing-product-card__inner {
    border-radius: 0.9rem !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .listing-product-card .listing-product-card__info {
    padding: 0.65rem !important;
  }
  .listing-product-card .listing-product-card__title {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin-bottom: 0.35rem !important;
  }
  .listing-product-card .listing-product-card__point {
    margin-bottom: 0.3rem !important;
    gap: 0.3rem !important;
    font-size: 10px;
  }
  .listing-product-card .listing-badge-ticker {
    margin-bottom: 0.28rem;
  }
  .listing-product-card .listing-product-card__price .oldPrice {
    font-size: 10px !important;
  }
  .listing-product-card .listing-product-card__price .discount {
    font-size: 10px !important;
    padding: 0.1rem 0.3rem !important;
  }
  .listing-product-card .listing-product-card__price .campaningNewPrice, .listing-product-card .listing-product-card__price .newPrice {
    font-size: 0.96rem !important;
    line-height: 1.25 !important;
  }
  .listing-product-card .listing-product-card__actions {
    padding: 0 0.65rem 0.65rem !important;
  }
  .listing-product-card .listing-product-card__cart-btn {
    min-height: 2rem;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 0.55rem !important;
    gap: 0.26rem !important;
  }
  .listing-product-card .listing-product-card__cart-btn i {
    font-size: 0.76rem !important;
  }
  .listing-product-card .listing-product-card__fav-btn {
    width: 2rem !important;
    height: 2rem !important;
  }
  .listing-product-card .listing-product-card__fav-btn i {
    font-size: 0.82rem !important;
  }
  .listing-product-card .listing-product-card__inner:hover {
    box-shadow: none !important;
    transform: none !important;
  }
  #listingSidebarCol {
    position: fixed;
    inset: 0;
    z-index: 83;
    display: none;
    padding: 0.75rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(3px);
  }
  body.is-mobile-filter-open #listingSidebarCol {
    display: block;
  }
  #listingFilterPanel {
    position: relative;
    height: calc(100dvh - 1.5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 1rem;
    border-radius: 1rem;
    border: 0;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
  }
  #listingFilterPanel::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .mobile-listing-filter-modal__head {
    position: sticky;
    top: -1rem;
    z-index: 2;
    margin: -1rem -1rem 0.5rem;
    padding: 0.9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(6px);
  }
  .mobile-listing-filter-modal__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
  }
  .mobile-listing-filter-modal__subtitle {
    margin: 0.15rem 0 0;
    font-size: 12px;
    color: #64748b;
  }
  .mobile-listing-filter-modal__close {
    width: 2.05rem;
    height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
    border: 1px solid #e2e8f0;
    color: #475569;
    background: #ffffff;
  }
  .mobile-listing-filter-modal__foot {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    margin: 0.5rem -1rem -1rem;
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
    border-top: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(8px);
  }
  .mobile-listing-filter-modal__apply {
    width: 100%;
    min-height: 2.8rem;
    border-radius: 0.85rem;
    border: 1px solid #fb923c;
    color: #ffffff;
    font-weight: 700;
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.14);
  }
  #listingFilterPanel .filterSection {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
  }
  .mobile-listing-actionbar {
    position: fixed;
    left: 0.65rem;
    right: 0.65rem;
    bottom: calc(var(--mobile-app-nav-height) + env(safe-area-inset-bottom));
    z-index: 84;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }
  .mobile-listing-actionbar__btn {
    min-height: 2.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid #fb923c;
    border-radius: 0.85rem;
    color: #ffffff;
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
  }
  .mobile-listing-actionbar__btn--soft {
    border-color: #fdba74;
    color: #9a3412;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
  }
  .mobile-listing-sort-sheet {
    position: fixed;
    inset: 0;
    z-index: 86;
    display: none;
  }
  body.is-mobile-sort-open .mobile-listing-sort-sheet {
    display: block;
  }
  .mobile-listing-sort-sheet__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.44);
  }
  .mobile-listing-sort-sheet__panel {
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    bottom: calc(4.2rem + env(safe-area-inset-bottom));
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    overflow: hidden;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
  }
  .mobile-listing-sort-sheet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid #f1f5f9;
  }
  .mobile-listing-sort-sheet__close {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
    border: 1px solid #e2e8f0;
    color: #475569;
    background: #ffffff;
  }
  .mobile-listing-sort-sheet__body {
    padding: 0.45rem;
    max-height: min(55dvh, 24rem);
    overflow-y: auto;
  }
  #mobileQuickFilterModal {
    top: auto !important;
    bottom: 0.6rem !important;
    width: min(96vw, 560px) !important;
    max-height: calc(100vh - 1.5rem) !important;
    border-radius: 1.1rem !important;
    border: 1px solid #e2e8f0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 24px 44px rgba(15, 23, 42, 0.2) !important;
  }
  #mobileQuickFilterModal .evModalHeader {
    min-height: 56px;
    border-bottom: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
  }
  #mobileQuickFilterModal .evModalContent {
    padding: 0.65rem 0.6rem 0.75rem;
  }
  .mobile-listing-sort-sheet__modern {
    display: grid;
    gap: 0.45rem;
  }
  .mobile-listing-sort-sheet__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid #ffedd5;
    border-radius: 0.8rem;
    background: linear-gradient(180deg, #fff7ed 0%, #fffbf7 100%);
    color: #9a3412;
    font-size: 11px;
    font-weight: 600;
  }
  .mobile-listing-sort-sheet__meta strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    min-height: 1.3rem;
    border-radius: 999px;
    border: 1px solid #fdba74;
    background: #fff;
    color: #c2410c;
    font-size: 11px;
  }
  .mobile-listing-sort-sheet__option {
    width: 100%;
    text-align: left;
    padding: 0.74rem 0.8rem;
    border-radius: 0.72rem;
    border: 1px solid #e2e8f0;
    color: #334155;
    background: #ffffff;
    font-size: 13px;
    font-weight: 600;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  }
  .mobile-listing-sort-sheet__option.is-active {
    border-color: #fb923c;
    color: #9a3412;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  }
  .mobile-listing-sort-sheet__option.is-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    background: #f8fafc;
    color: #94a3b8;
  }
}
.listing-description {
  color: #374151;
  font-size: 15px;
  line-height: 1.8;
  word-break: break-word;
}
.listing-description > *:first-child {
  margin-top: 0 !important;
}
.listing-description > *:last-child {
  margin-bottom: 0 !important;
}
.listing-description h1, .listing-description h2, .listing-description h3, .listing-description h4, .listing-description h5, .listing-description h6 {
  color: #111827;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 28px;
  margin-bottom: 14px;
}
.listing-description h1 {
  font-size: 30px;
}
.listing-description h2 {
  font-size: 24px;
}
.listing-description h3 {
  font-size: 20px;
}
.listing-description h4 {
  font-size: 18px;
}
.listing-description p {
  margin-bottom: 14px;
}
.listing-description strong {
  color: #111827;
  font-weight: 600;
}
.listing-description ul, .listing-description ol {
  margin: 16px 0;
  padding-left: 22px;
}
.listing-description ul {
  list-style: disc;
}
.listing-description ol {
  list-style: decimal;
}
.listing-description li {
  margin-bottom: 10px;
}
.listing-description li p {
  margin-bottom: 0;
}
.listing-description ul ul, .listing-description ol ol, .listing-description ul ol, .listing-description ol ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.listing-description hr {
  border: none;
  border-top: 1px solid #E5E7EB;
  margin: 28px 0;
}
.listing-description img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 20px auto;
  display: block;
}
.listing-description table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  overflow-x: auto;
  display: block;
}
.listing-description table td, .listing-description table th {
  border: 1px solid #E5E7EB;
  padding: 12px;
  text-align: left;
}
.listing-description table th {
  background: #F9FAFB;
  font-weight: 600;
}
.listing-description blockquote {
  border-left: 4px solid #FF6C00;
  padding-left: 16px;
  margin: 20px 0;
  color: #4B5563;
}
.listing-description a {
  color: #FF6C00;
  text-decoration: none;
}
.listing-description a:hover {
  text-decoration: underline;
}
@media (max-width:768px) {
  .listing-description {
    font-size: 14px;
    line-height: 1.7;
  }
  .listing-description h1 {
    font-size: 26px;
  }
  .listing-description h2 {
    font-size: 22px;
  }
  .listing-description h3 {
    font-size: 18px;
  }
  .listing-description table {
    font-size: 13px;
  }
}
.markalar-page {
  min-height: 50vh;
}
.markalar-page__header {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 1rem;
}
.markalar-page__az-link {
  text-decoration: none;
}
@media (max-width: 639px) {
  .markalar-page__az-list {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .markalar-page__az-list::-webkit-scrollbar {
    display: none;
  }
}
.markalar-page__card {
  text-decoration: none;
}
.markalar-page__card-name {
  min-width: 0;
}
.markalar-page__card-icon {
  font-size: 0.875rem;
}
.markalar-page__empty {
  background: #fff;
}
#evModals {
  position: fixed;
  inset: 0;
  z-index: var(--ev-modal-z);
  pointer-events: none;
}
#evModals .evModal {
  position: fixed;
  left: 50%;
  top: 72px;
  transform: translateX(-50%);
  width: min(92vw, 620px);
  max-height: calc(100vh - 96px);
  overflow: hidden auto;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: var(--ev-surface);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
  pointer-events: auto;
}
#evModals .evModal.centerTop {
  top: 72px;
}
#evModals .evModal.mediumW {
  width: min(92vw, 680px);
}
#evModals .evModal.cartWide {
  width: min(94vw, 960px);
}
#evModals .evModal.largeH {
  max-height: calc(100vh - 72px);
}
#evModals .evModalHeader {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 0 16px;
  border-bottom: 1px solid #f1f5f9;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(4px);
}
#evModals .evModalHeader .content {
  flex: 1;
  min-width: 0;
}
#evModals .evModalHeader .title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}
#evModals .evModalHeader .close {
  order: 2;
  margin-left: 12px;
}
#evModals .evModalHeader .closeBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #6b7280;
  transition: all 0.2s ease;
}
#evModals .evModalHeader .closeBtn:hover {
  border-color: #fdba74;
  background: #fff7ed;
  color: #ea580c;
}
#evModals .evModalContent {
  padding: 16px;
}
.ev-fancybox-product.fancybox__container {
  z-index: calc(var(--ev-modal-z, 999999) + 1);
}
.ev-gallery-fb-caption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  max-width: min(100%, 42rem);
  margin: 0 auto;
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.35;
  color: #f8fafc;
}
.ev-gallery-fb-title {
  font-weight: 600;
  color: #fff;
}
.ev-gallery-fb-share {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-shrink: 0;
  border-radius: 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(15, 23, 42, 0.45);
  padding: 0.4rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.ev-gallery-fb-share:hover {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 106, 0, 0.35);
}
.ev-gallery-fb-share:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 140, 60, 0.45);
}
@media (max-width: 640px) {
  .ev-gallery-fb-caption {
    flex-direction: column;
    align-items: stretch;
    padding: 0.45rem 0.5rem;
  }
  .ev-gallery-fb-share {
    justify-content: center;
    width: 100%;
  }
  .ev-gallery-fb-share-txt {
    display: inline;
  }
}
.ev-gallery-thumb-btn.ev-gallery-thumb--active {
  border-color: rgba(234, 88, 12, 0.65) !important;
  box-shadow: 0 2px 10px rgba(251, 146, 60, 0.25);
}
.product-gallery-main {
  cursor: zoom-in;
}
.swiper-pdp-main {
  width: 100%;
  height: 100%;
  margin: 0;
}
.swiper-pdp-main .swiper-wrapper {
  height: 100%;
  align-items: stretch;
}
.swiper-pdp-main .swiper-slide {
  height: auto;
  align-self: stretch;
  box-sizing: border-box;
}
.swiper-pdp-main .swiper-pdp-main-pagination.swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 0.35rem;
}
.swiper-pdp-main .swiper-pdp-main-pagination .swiper-pagination-bullet {
  width: 0.42rem;
  height: 0.42rem;
  margin: 0 !important;
  background: rgba(15, 23, 42, 0.24);
  opacity: 1;
}
.swiper-pdp-main .swiper-pdp-main-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  border-radius: 999px;
  background: var(--color-primary, #ff6c00);
}
.filterProductImages .swiper-pagination {
  bottom: 0.5rem !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
}
.filterProductImages .swiper-pagination .swiper-pagination-bullet {
  width: 0.42rem;
  height: 0.42rem;
  margin: 0 !important;
  background: rgba(15, 23, 42, 0.24);
  opacity: 1;
}
.filterProductImages .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  border-radius: 999px;
  background: var(--color-primary, #ff6c00);
}
@media (max-width: 1023px) {
  .filterProductImages {
    position: relative;
  }
  .filterProductImages::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.95rem;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.85;
  }
}
.swiper-pdp-thumbs {
  margin: 0;
  width: 100%;
}
.swiper-pdp-thumbs .swiper-slide {
  width: 3.5rem;
  height: auto;
  flex-shrink: 0;
}
.swiper-pdp-thumbs .swiper-slide-thumb-active .ev-gallery-thumb-btn {
  border-color: rgba(234, 88, 12, 0.65) !important;
  box-shadow: 0 2px 10px rgba(251, 146, 60, 0.25);
}
.product-seller-main.product-seller-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(251, 146, 60, 0.14);
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 251, 247, 0.92) 42%, rgba(248, 250, 252, 0.96) 100%);
  box-shadow: none;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.22s ease;
}
.product-seller-main.product-seller-card::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(120% 80% at 100% 0%, rgba(255, 237, 213, 0.45) 0%, transparent 55%), radial-gradient(90% 60% at 0% 100%, rgba(224, 231, 255, 0.2) 0%, transparent 50%);
  opacity: 0.85;
}
.product-seller-main.product-seller-card:hover {
  border-color: rgba(251, 146, 60, 0.26);
  box-shadow: none;
}
.product-seller-main.product-seller-card > * {
  position: relative;
  z-index: 1;
}
.product-seller-card__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 0.75rem;
  background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 48%, #fce7f3 100%);
  color: #ea580c;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .product-seller-card__mark {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.75rem;
  }
}
.product-seller-card__eyebrow {
  margin: 0;
}
.product-seller-main .seller-badge.product-seller-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0;
  border-radius: 9999px;
  border: 1px solid rgba(253, 186, 116, 0.35);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 247, 237, 0.95) 100%);
  padding: 0.2rem 0.65rem;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #57534e;
}
.product-seller-card__name {
  text-decoration: none;
}
.product-seller-card__rating.product-seller-rating {
  margin-top: 0.35rem;
  border-color: rgba(226, 232, 240, 0.85);
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(6px);
}
.product-seller-rating {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  border-radius: 0.7rem;
  border: 1px solid rgb(229 231 235 / 1);
  background: #fff;
  padding: 0.45rem 0.6rem;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}
.product-seller-rating label {
  margin: 0;
}
.product-seller-rating-empty {
  font-size: 12px;
  font-weight: 600;
  color: #9ca3af;
}
.product-seller-rating i, .product-seller-rating .icon {
  color: #f59e0b;
}
.product-seller-card__cta {
  color: #334155;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 250, 245, 0.9) 100%);
  border: 1px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.product-seller-card__cta:hover {
  color: #c2410c;
  border-color: rgba(251, 146, 60, 0.45);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 247, 237, 0.95) 100%);
  box-shadow: 0 4px 14px rgba(251, 146, 60, 0.12);
}
.product-seller-card__cta:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.28);
}
.product-variants-section .product-variant-pill {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 2.35rem;
  border: 1px solid rgb(229 231 235 / 1);
  border-radius: .65rem;
  background: #fff;
  padding: .35rem .6rem;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  transition: all .18s ease;
}
.product-variants-section .product-variant-pill:hover {
  border-color: rgb(251 146 60 / .5);
  background: rgb(255 247 237 / 1);
  color: #ea580c;
}
.product-variants-section .product-variant-pill.is-active {
  border-color: rgb(251 146 60 / .55);
  background: rgb(255 237 213 / .65);
  color: #9a3412;
  box-shadow: 0 1px 6px rgba(251,146,60,.16);
}
.product-variants-section .product-variant-pill img {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: .45rem;
  border: 1px solid rgb(229 231 235 / 1);
  object-fit: cover;
  background: #fff;
}
.product-variants-section .product-variant-pill--image img {
  width: 1.9rem;
  height: 1.9rem;
}
.product-variants-section .product-variant-color-swatch {
  display: inline-block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  border: 1px solid rgb(209 213 219 / 1);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .35);
}
.product-variants-section .product-variant-color-swatch--lg {
  width: 1.75rem;
  height: 1.75rem;
}
.product-variants-section .product-variant-pill--color {
  padding: .4rem .65rem;
}
.product-variants-section .product-variant-pill--unavailable, .product-variants-section .product-variant-pill--unavailable:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  text-decoration: line-through;
  border-color: rgb(229 231 235 / 1);
  background: rgb(249 250 251 / 1);
  color: rgb(156 163 175 / 1);
  box-shadow: none;
}
.product-variants-section .product-variant-pill--unavailable:hover {
  border-color: rgb(229 231 235 / 1);
  background: rgb(249 250 251 / 1);
  color: rgb(156 163 175 / 1);
}
.product-detail-features .product-variant-color-swatch {
  display: inline-block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  border: 1px solid rgb(209 213 219 / 1);
}
.product-info-content {
  display: flex;
  flex-direction: column;
}
.product-gallery-col {
  min-height: 100%;
}
.product-image-main {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}
.product-image-main .bigImg {
  width: 100%;
  align-self: stretch;
}
.product-thumbnails {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  align-self: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.15rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.product-thumbnails::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.product-thumbnails ul, .product-thumbnails .swiper-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0.45rem;
}
.product-thumbnails .thumbnail-item, .product-thumbnails .swiper-slide {
  width: 3.5rem;
  flex: 0 0 3.5rem;
}
.product-thumbnails .ev-gallery-thumb-btn {
  width: 3.5rem !important;
  height: 4.5rem !important;
  border-radius: 0.62rem;
}
.product-thumbnails .ev-gallery-thumb-btn img {
  border-radius: 0.5rem;
}
.product-detail-tab-nav .tab-btn {
  color: #6b7280;
  border: 1px solid transparent;
}
.product-detail-tab-nav .tab-btn:hover {
  border-color: rgb(251 191 36 / .35);
  background: rgb(255 247 237);
  color: #ea580c;
}
.product-detail-tab-nav .tab-btn.active {
  border-color: rgb(251 146 60 / .45);
  background: rgb(255 237 213 / .7);
  color: #9a3412;
  box-shadow: 0 2px 8px rgba(251,146,60,.2);
}
.product-detail-tab-nav .tab-btn:focus-visible,.product-detail-add-cart:focus-visible,.product-detail-favorite-btn:focus-visible,.product-tab-sticky-add-cart:focus-visible,.product-seller-main button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(251,146,60,.3);
}
.product-detail-add-cart,.product-tab-sticky-add-cart {
  background: linear-gradient(180deg,#ff8a1f 0%,#ff6a00 100%);
  border: 1px solid #ff7a12;
  color: #fff;
}
.product-detail-add-cart:hover,.product-tab-sticky-add-cart:hover {
  filter: brightness(1.02);
  box-shadow: none;
}
.product-detail-favorite-btn {
  border-color: rgb(229 231 235 / 1);
  background: #fff;
  color: #6b7280;
}
.product-detail-favorite-btn:hover {
  border-color: rgb(251 146 60 / .55);
  background: rgb(255 237 213 / .5);
  color: #ea580c;
}
.product-detail-favorite-btn.product-detail-favorite-btn--unavailable {
  border-color: rgba(255, 108, 0, 0.35);
  background: linear-gradient(180deg, rgba(255, 108, 0, 0.1) 0%, #fff 100%);
  color: #9a3412;
}
.product-detail-favorite-btn.product-detail-favorite-btn--unavailable:hover {
  border-color: rgba(255, 108, 0, 0.55);
  background: rgb(255 247 237 / 0.98);
  color: #c2410c;
}
.product-detail-wa-btn {
  border-color: rgba(16, 185, 129, 0.22);
  background: linear-gradient(165deg, #f0fdf4 0%, #ecfdf5 42%, #f8fafc 100%);
  color: #047857;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}
.product-detail-wa-btn:hover {
  border-color: rgba(16, 185, 129, 0.38);
  background: linear-gradient(165deg, #ecfdf5 0%, #d1fae5 48%, #f8fafc 100%);
  color: #065f46;
}
.product-detail-wa-btn .bi-whatsapp {
  color: #10b981;
}
.product-detail-discount-badge {
  border: 1px solid rgba(244, 63, 94, 0.22);
  background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 38%, #fffbeb 100%);
  color: #be123c;
}
.product-detail-stock-urgency {
  border: 1px solid rgba(234, 88, 12, 0.35);
  background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  color: #c2410c;
  white-space: nowrap;
}
.product-detail-stock-urgency .bi {
  font-size: 0.85em;
  opacity: 0.95;
}
.product-detail-campaign-bar {
  border: 1px solid rgba(251, 191, 36, 0.42);
  background: linear-gradient(105deg, rgba(255, 251, 235, 0.97) 0%, rgba(255, 247, 237, 0.88) 42%, rgba(245, 245, 244, 0.92) 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.product-detail-campaign-bar__icon {
  background: rgba(254, 243, 199, 0.95);
  color: #92400e;
}
.product-detail-campaign-bar__title {
  color: #78350f;
}
.product-detail-campaign-bar__hint {
  color: rgba(120, 53, 15, 0.78);
}
.product-detail-campaign-bar__timer {
  color: #78350f;
}
.campaign-cd {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.28rem;
  justify-content: flex-end;
}
.campaign-cd__days {
  font-weight: 800;
  color: inherit;
}
.campaign-cd__days abbr {
  margin-left: 0.06em;
  font-size: 0.68em;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.03em;
  opacity: 0.92;
}
.campaign-cd__clock {
  font-weight: 800;
  letter-spacing: 0.06em;
}
.campaingBox:not(.product-detail-campaign-bar) {
  border-color: rgb(251 191 36 / .4) !important;
  background: linear-gradient(180deg,#fffaf0 0%,#fff7ed 100%) !important;
}
.campaingBox:not(.product-detail-campaign-bar) #campaingTimer {
  color: #9a3412;
}
.tab-panel-premium {
  border-radius: .85rem;
  border: 1px solid rgb(229 231 235 / 1);
  background: #fff;
  padding: 1.1rem;
  box-shadow: none;
}
.tab-panel-head {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
}
.tab-panel-head .badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 9999px;
  border: 1px solid rgb(251 146 60 / .35);
  background: rgb(255 247 237 / 1);
  padding: .25rem .65rem;
  font-size: 11px;
  font-weight: 700;
  color: #c2410c;
}
.tab-comments-summary-card {
  border: 1px solid rgb(253 186 116 / .45);
  background: linear-gradient(180deg,#fff 0%,#fff7ed 130%);
}
.tab-comments-list .comment-card {
  border: 1px solid rgb(229 231 235 / 1);
  background: #fff;
  transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.tab-comments-list .comment-card:hover {
  border-color: rgb(251 146 60 / .38);
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  transform: translateY(-1px);
}
.tab-comments-action-btn {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border-radius: .75rem;
  padding: .68rem .95rem;
  font-size: 13px;
  font-weight: 700;
  transition: all .2s ease;
}
.tab-comments-action-btn--review {
  border: 1px solid rgb(229 231 235 / 1);
  background: #fff;
  color: #4b5563;
}
.tab-comments-action-btn--review:hover {
  border-color: rgb(251 146 60 / .45);
  background: rgb(255 247 237 / 1);
  color: #c2410c;
}
.tab-comments-action-btn--cart {
  border: 1px solid rgb(251 146 60 / .6);
  background: linear-gradient(180deg,#fff8ef 0%,#ffedd5 100%);
  color: #9a3412;
}
.tab-comments-action-btn--cart:hover {
  border-color: rgb(251 146 60 / .8);
  background: linear-gradient(180deg,#ffedd5 0%,#fed7aa 100%);
  color: #7c2d12;
}
.tab-installment-callout {
  border: 1px solid rgb(191 219 254 / 1);
  background: linear-gradient(180deg,#eff6ff 0%,#f8fbff 100%);
}
.tab-refund-callout {
  border: 1px solid rgb(209 250 229 / 1);
  background: linear-gradient(180deg,#ecfdf5 0%,#f8fffb 100%);
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .tab-pane.active {
  display: block;
}
.paytr-installment-theme #paytr_taksit_tablosu {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: .9rem;
  max-width: 100%;
  font-family: inherit !important;
}
.paytr-installment-theme .taksit-tablosu-wrapper {
  margin: 0 !important;
  width: 100% !important;
  border-radius: 14px;
  border: 1px solid rgb(229 231 235 / 1);
  background: linear-gradient(180deg,#ffffff 0%,#fafafa 100%);
  padding: .9rem .85rem .8rem !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
  transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.paytr-installment-theme .taksit-tablosu-wrapper:hover {
  border-color: rgb(251 146 60 / .4);
  box-shadow: 0 12px 24px rgba(251,146,60,.15);
  transform: translateY(-1px);
}
.paytr-installment-theme .taksit-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  margin-bottom: .55rem;
}
.paytr-installment-theme .taksit-logo img {
  max-height: 24px !important;
  width: auto;
  object-fit: contain;
}
.paytr-installment-theme .taksit-baslik {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .45rem;
  margin-bottom: .5rem;
}
.paytr-installment-theme .taksit-tutari-text {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: .35rem .45rem;
  border-radius: 8px;
  border: 1px solid rgb(229 231 235 / 1);
  background: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #6b7280 !important;
}
.paytr-installment-theme .taksit-tutar-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: .45rem;
  margin: .35rem 0 0 !important;
  background: transparent !important;
}
.paytr-installment-theme .taksit-tutari {
  float: none !important;
  width: auto !important;
  padding: .45rem .5rem !important;
  border: 1px solid rgb(229 231 235 / 1) !important;
  border-radius: 9px;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: #374151 !important;
}
.paytr-installment-theme .taksit-tutar-wrapper .taksit-tutari:nth-child(2) {
  color: #9a3412 !important;
  background: rgb(255 247 237 / 1);
  border-color: rgb(251 191 36 / .35) !important;
}
@media (min-width: 1024px) {
  .product-image-gallery-wrapper {
    position: sticky;
    top: var(--product-gallery-sticky-top,112px);
  }
  #productDetailTabNav {
    position: sticky;
    top: var(--product-tab-sticky-top,112px);
    z-index: 59;
    transition: box-shadow .2s ease,border-color .2s ease,background-color .2s ease;
  }
  #productDetailTabNav.is-sticky {
    border-color: rgb(229 231 235 / 1);
    background-color: rgb(255 255 255 / .96);
    backdrop-filter: blur(6px);
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
  }
  #productDetailTabNav .product-tab-sticky-cta {
    display: none;
  }
  #productDetailTabNav.is-sticky .product-tab-sticky-cta {
    display: block;
  }
}
@media (max-width: 640px) {
  .paytr-installment-theme #paytr_taksit_tablosu {
    grid-template-columns: 1fr;
  }
}
.product-detail-coupons-swiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.product-detail-coupons-pagination.swiper-pagination {
  position: relative;
  inset: auto;
  bottom: 20px !important;
  left: auto !important;
  right: 10px !important;
  width: auto !important;
  margin-left: auto;
  transform: none !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.35rem;
}
.product-detail-coupons-pagination .swiper-pagination-bullet {
  width: 0.42rem;
  height: 0.42rem;
  margin: 0 !important;
  background: rgba(15, 23, 42, 0.24);
  opacity: 1;
  transition: background 0.2s ease, width 0.2s ease, transform 0.2s ease;
}
.product-detail-coupons-pagination .swiper-pagination-bullet-active {
  background: var(--color-primary, #ff6c00);
  width: 1rem;
  border-radius: 999px;
  transform: none;
  box-shadow: none;
}
.product-detail-coupon-card__rail {
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.product-detail-coupon-card:hover .product-detail-coupon-card__rail {
  opacity: 1;
  filter: brightness(1.06);
}
.product-detail-tooltip-icon {
  position: relative;
  cursor: help;
  vertical-align: middle;
}
.product-detail-tooltip-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 60;
  min-width: max-content;
  max-width: min(90vw, 16rem);
  padding: 0.35rem 0.55rem;
  border-radius: 0.5rem;
  background: rgb(15 23 42 / 0.92);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
}
.product-detail-tooltip-icon:hover::after, .product-detail-tooltip-icon:focus-visible::after {
  opacity: 1;
  visibility: visible;
}
.product-detail-badge-ticker {
  margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
  .product-detail-badge-ticker {
    margin-bottom: 1rem;
  }
}
.product-detail-badge-ticker .listing-badge-ticker {
  margin-bottom: 0;
}
.product-detail-delivery-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.product-detail-delivery-badges:empty, .product-detail-delivery-badges:not(:has(:not(.hidden))) {
  display: none;
  margin-bottom: 0;
}
.product-detail-local-delivery {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0;
  padding: 0.35rem 0.65rem;
  border-radius: 0.5rem;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
}
.product-detail-local-delivery.hidden {
  display: none;
}
.product-detail-pickup-delivery {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0;
  padding: 0.35rem 0.65rem;
  border-radius: 0.5rem;
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
}
.product-detail-pickup-delivery.hidden {
  display: none;
}
.pdp-other-sellers-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.pdp-other-sellers-wrap.hidden {
  display: none;
}
.pdp-other-sellers-panel.hidden {
  display: none;
}
.pdp-other-sellers-preview {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.product-info-content .pdp-other-sellers-preview {
  @media (min-width: 640px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.product-store-panel--other-sellers {
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}
.product-store-panel--other-sellers .pdp-other-sellers-wrap {
  gap: 0.55rem;
}
.pdp-other-seller-card {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0.45rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.65rem;
  background: #f8fafc;
  padding: 0.6rem 0.65rem;
  padding-right: 2.5rem;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.pdp-other-seller-card:hover {
  border-color: rgba(249, 115, 22, 0.35);
  background: #fff;
}
.pdp-other-seller-card--compact {
  min-height: 0;
}
.pdp-other-seller-card__link {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.pdp-other-seller-card__name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
  color: #0f172a;
}
.pdp-other-seller-card__link:hover .pdp-other-seller-card__name {
  color: #c2410c;
}
.pdp-other-seller-card__rating {
  display: block;
}
.pdp-other-seller-card__delivery {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.35;
}
.pdp-other-seller-card__delivery--local {
  color: #047857;
}
.pdp-other-seller-card__delivery--pickup {
  color: #1d4ed8;
}
.pdp-other-seller-card__price {
  margin-top: 0.15rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.pdp-other-seller-card__cart {
  position: absolute;
  top: 50%;
  right: 0.55rem;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 0.5rem;
  background: #f97316;
  color: #fff;
  font-size: 0.8rem;
  transform: translateY(-50%);
  transition: background-color 0.15s ease;
  z-index: 1;
}
.pdp-other-seller-card__cart:hover {
  background: #ea580c;
}
.pdp-seller-offer-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-height: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: #fff;
  padding: 0.75rem;
  padding-bottom: 3rem;
  transition: border-color 0.15s ease;
}
.pdp-seller-offer-card:hover {
  border-color: rgba(249, 115, 22, 0.35);
}
.pdp-seller-offer-card__link {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.pdp-seller-offer-card__name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
}
.pdp-seller-offer-card__link:hover .pdp-seller-offer-card__name {
  color: #c2410c;
}
.pdp-seller-offer-card__shipping {
  font-size: 0.75rem;
  line-height: 1.4;
  color: #64748b;
}
.pdp-seller-offer-card__price {
  margin-top: 0.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.pdp-seller-offer-card__cart {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 2rem;
  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 0.5rem;
  background: #f97316;
  padding: 0 0.65rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  z-index: 1;
}
.product-detail-alt-delivery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.65rem;
}
.product-detail-alt-delivery.hidden {
  display: none;
}
.product-detail-alt-delivery__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border-radius: 0.45rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
}
.product-detail-alt-delivery__chip--local {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}
.product-detail-alt-delivery__chip--pickup {
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.pdp-other-sellers-cta {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.65rem;
  background: #fff;
  padding: 0.55rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #334155;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.pdp-other-sellers-cta:hover {
  border-color: rgba(var(--primary-rgb, 249, 115, 22), 0.35);
  background: #fff7ed;
  color: #c2410c;
}
.pdp-other-sellers-cta__chevron {
  margin-left: auto;
  font-size: 0.75rem;
  color: #94a3b8;
}
.pdp-other-sellers-cta:hover .pdp-other-sellers-cta__chevron {
  color: #c2410c;
}
.pdp-pickup-choice__btn:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.45);
  outline-offset: 1px;
}
.pdp-sellers-list {
  display: grid;
}
@media (max-width: 1023px) {
  :root {
    --pdp-space-sm: calc(var(--p1) * 2);
    --pdp-space-md: calc(var(--p1) * 3);
    --pdp-space-lg: calc(var(--p1) * 5);
    --pdp-app-gutter-sm: calc(var(--p1) * 2);
    --pdp-app-gutter: calc(var(--p1) * 4);
  }
  .product-info-content > .mb-5, .product-info-content > .mb-6 {
    margin-bottom: var(--pdp-space-lg) !important;
  }
  .product-gallery-favorite-mobile {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    width: 2.05rem;
    height: 2.05rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.95);
    color: #64748b;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
  }
  .cart-group[data-pdp-primary-cart] {
    flex-wrap: nowrap;
    gap: 0.4rem;
  }
  .cart-group[data-pdp-primary-cart] .quantity {
    border-radius: 0.7rem;
  }
  .cart-group[data-pdp-primary-cart] .quantity input {
    width: 2.2rem;
    font-size: 12px;
  }
  .cart-group[data-pdp-primary-cart] .quantity .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .cart-group[data-pdp-primary-cart] .product-detail-add-cart {
    min-height: 2.55rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 12px;
    gap: 0.28rem;
  }
  .cart-group[data-pdp-primary-cart] .product-detail-add-cart .bi {
    font-size: 0.9rem;
  }
  .cart-group[data-pdp-primary-cart] .product-detail-favorite-btn:not(.product-gallery-favorite-mobile) {
    display: none;
  }
  .product-image-main {
    gap: var(--pdp-space-sm);
  }
  .product-thumbnails .ev-gallery-thumb-btn {
    width: 3rem !important;
    height: 3.75rem !important;
    border-radius: calc(var(--p1) * 2);
  }
  .product-thumbnails .ev-gallery-thumb-btn img {
    border-radius: calc(var(--p1) * 2);
  }
  .product-title-main {
    font-size: 0.96rem !important;
    line-height: 1.35 !important;
  }
  .product-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--pdp-space-sm) var(--pdp-space-md) !important;
    align-items: center;
  }
  .product-meta .brand {
    min-width: 0;
    max-width: 100%;
    padding: var(--p1) calc(var(--p1) * 2);
  }
  .product-meta .brand a {
    display: inline-block;
    max-width: 7.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
  }
  .product-meta .pointComment {
    justify-self: end;
    min-width: max-content;
    flex-shrink: 0;
    white-space: nowrap;
  }
  .product-meta .productComments {
    display: inline-block;
    max-width: 6.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    font-size: 12px;
    white-space: nowrap;
  }
  .product-detail-coupons {
    margin-bottom: var(--pdp-space-lg) !important;
    padding-top: var(--pdp-space-md);
  }
  .product-detail-coupons .swiper {
    padding-bottom: 0.2rem !important;
  }
  .product-detail-coupons .product-detail-coupon-card .p-3, .product-detail-coupons .product-detail-coupon-card .p-3\.5 {
    padding: 0.65rem !important;
  }
  .product-detail-coupons .product-detail-coupon-card p {
    line-height: 1.32;
  }
  .product-detail-coupons .getCouponBtn {
    min-height: 2.1rem;
    padding: 0.45rem 0.7rem !important;
    font-size: 11px !important;
  }
  .product-delivery-section {
    margin-bottom: var(--pdp-space-lg) !important;
  }
  .delivery-info-box {
    padding: 0.68rem 0.75rem !important;
    border-radius: 0.85rem;
  }
  .delivery-info-box .text-sm {
    font-size: 12px !important;
  }
  .delivery-info-box .btn-delivery-detail {
    font-size: 12px;
  }
  #productDetailTabNav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    padding: 0.6rem;
    border-radius: 0.85rem;
  }
  #productDetailTabNav .tab-btn {
    width: 100%;
    justify-content: flex-start;
    padding: 0.62rem 0.78rem;
    font-size: 13px;
    border-radius: 0.65rem;
    gap: 0.48rem;
  }
  #productDetailTabNav .tab-btn i {
    font-size: 0.92rem;
  }
  #productDetailTabNav .product-tab-sticky-cta {
    display: none !important;
  }
  #productDetailTab .tab-content {
    display: none;
  }
  #productDetailTab {
    display: none;
  }
  .product-mobile-detail-entry-card__item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--p1) * 2);
    padding: calc(var(--p1) * 2) calc(var(--p1) * 2.5);
    border: 1px solid #e2e8f0;
    border-radius: calc(var(--p1) * 3);
    color: #334155;
    background: #ffffff;
    font-size: 12px;
    font-weight: 600;
  }
  .product-mobile-detail-entry-card__item .bi-chevron-right {
    margin-left: auto;
    color: #94a3b8;
  }
  .product-mobile-detail-entry-card__icon {
    width: 1.62rem;
    height: 1.62rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--p1) * 2);
    color: #c2410c;
    background: #fff7ed;
    font-size: 0.82rem;
  }
  .mobile-pdp-actionbar {
    position: fixed;
    left: calc(var(--p1) * 2.6);
    right: calc(var(--p1) * 2.6);
    bottom: calc(var(--mobile-app-nav-height, calc(var(--p1) * 15)) + env(safe-area-inset-bottom));
    z-index: 84;
    display: none;
    align-items: center;
    gap: calc(var(--p1) * 2);
    padding: calc(var(--p1) * 2);
    border: 1px solid #fed7aa;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
  }
  .mobile-pdp-actionbar.is-active {
    display: flex;
  }
  .mobile-pdp-actionbar__price {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
  }
  .mobile-pdp-actionbar__label {
    font-size: 11px;
    color: #64748b;
  }
  .mobile-pdp-actionbar__price strong {
    font-size: 1rem;
    color: #111827;
  }
  .mobile-pdp-actionbar__campaign-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.12rem;
  }
  .mobile-pdp-actionbar__old-price {
    font-size: 0.72rem;
    color: #94a3b8;
    text-decoration: line-through;
    line-height: 1;
  }
  .mobile-pdp-actionbar__discount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1rem;
    padding: 0 0.32rem;
    border-radius: 999px;
    border: 1px solid rgba(244, 63, 94, 0.24);
    background: rgba(255, 241, 242, 0.85);
    color: #be123c;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
  }
  .mobile-pdp-actionbar__btn {
    min-height: 2.7rem;
    padding: 0 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    border-radius: 0.75rem;
    border: 1px solid #fb923c;
    color: #ffffff;
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
  }
}
@media (max-width: 1023px) {
  .product-detail-premium {
    --pdp-card-radius: 0.8rem;
    --pdp-card-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    padding-top: var(--p1);
    padding-bottom: calc(var(--p1) * 13);
  }
  .product-detail-premium > .container-evcimo {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  .product-detail-premium .product-detail-row {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
  }
  .product-detail-premium .product-image-main {
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    gap: var(--pdp-app-gutter-sm);
  }
  .product-detail-premium .product-image-main .bigImg {
    border-radius: 0 !important;
  }
  .product-detail-premium .product-thumbnails {
    display: block !important;
    margin-top: 0 !important;
    padding-top: var(--pdp-app-gutter-sm) !important;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: rgba(15, 23, 42, 0.06) !important;
    padding-left: var(--pdp-app-gutter-sm);
    padding-right: var(--pdp-app-gutter-sm);
  }
  .product-detail-premium .product-thumbnails ul {
    gap: var(--pdp-app-gutter-sm);
  }
  .product-detail-premium .product-thumbnails .ev-gallery-thumb-btn {
    border-width: 0 !important;
    border-radius: 0.35rem !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }
  .product-detail-premium .product-thumbnails .ev-gallery-thumb-btn img {
    border-radius: 0.3rem !important;
  }
  .product-detail-premium .product-info-content {
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: var(--pdp-app-gutter-sm) var(--pdp-app-gutter) calc(var(--p1) * 5) !important;
    background: #ffffff !important;
  }
  .product-detail-premium .product-title-section, .product-detail-premium .product-price-section {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    padding-bottom: var(--pdp-app-gutter) !important;
    margin-bottom: var(--pdp-app-gutter) !important;
  }
  .product-detail-premium .product-variants-section {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    padding-bottom: var(--pdp-app-gutter) !important;
    margin-bottom: var(--pdp-app-gutter) !important;
  }
  .product-detail-premium .product-variants-section .product-variant-pill {
    min-height: 2.2rem !important;
    padding: var(--p1) calc(var(--p1) * 2) !important;
    font-size: 12px !important;
    border-radius: 0.45rem !important;
  }
  .product-detail-premium .product-variants-section .product-variant-pill.is-active {
    box-shadow: none !important;
    background: #fff7ed !important;
  }
  .product-detail-premium .product-variants-section .product-variant-pill img, .product-detail-premium .product-variants-section .product-variant-pill--image img {
    width: 1.55rem !important;
    height: 1.55rem !important;
    border-width: 0 !important;
    border-radius: 0.35rem !important;
  }
  .product-detail-premium .varyantSelectDropdown {
    border-width: 0 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }
  .product-detail-premium .product-meta .brand {
    border-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .product-detail-premium .cart-group .product-detail-add-cart {
    box-shadow: none !important;
    border-radius: 0.55rem !important;
  }
  .product-detail-premium .cart-group .product-detail-favorite-btn:not(.product-gallery-favorite-mobile) {
    border-radius: 0.5rem !important;
  }
  .product-detail-premium .product-detail-badge-ticker {
    margin-bottom: var(--pdp-app-gutter-sm);
  }
  .product-detail-premium .pdp-progressive-block {
    opacity: 0.92;
    transform: translateY(6px);
    transition: opacity 0.28s ease, transform 0.28s ease;
  }
  .product-detail-premium .pdp-progressive-block.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    .product-detail-premium .pdp-progressive-block {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }
  .product-detail-premium .discount-badge.product-detail-discount-badge, .product-detail-premium .product-detail-stock-urgency {
    border-width: 0 !important;
    border-radius: 0.35rem !important;
    box-shadow: none !important;
  }
  .product-detail-premium .product-detail-coupons {
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
    padding-top: var(--pdp-app-gutter) !important;
    margin-bottom: var(--pdp-app-gutter) !important;
  }
  .product-detail-premium .storeCouponList.product-detail-coupons > div:first-child {
    border-radius: var(--pdp-card-radius) !important;
    box-shadow: var(--pdp-card-shadow) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: var(--pdp-app-gutter-sm) !important;
    padding-bottom: var(--pdp-app-gutter-sm) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  }
  .product-detail-premium .product-detail-coupon-card {
    border-width: 1px !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
    border-radius: 0.7rem !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  }
  .product-detail-premium .product-detail-coupon-card .getCouponBtn {
    border-width: 0 !important;
    box-shadow: none !important;
    border-radius: 0.45rem !important;
  }
  .product-detail-premium .product-delivery-section {
    margin-bottom: var(--pdp-app-gutter) !important;
    padding-top: var(--pdp-app-gutter-sm) !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  }
  .product-detail-premium .delivery-info-box {
    border-width: 0 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
  }
  .product-detail-premium .delivery-info-box > div > span.flex.h-9 {
    border-radius: 0.45rem !important;
    box-shadow: none !important;
  }
  .product-detail-premium .product-detail-unavailable-alert {
    border-width: 0 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
  }
  .product-detail-premium .product-actions-section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--pdp-app-gutter-sm) !important;
  }
  .product-detail-premium .product-actions-section .product-detail-wa-btn, .product-detail-premium .product-actions-section .product-detail-share-btn {
    white-space: nowrap;
    min-width: 0;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
    font-size: 0.8rem !important;
  }
  .product-detail-premium .product-actions-section .product-detail-wa-btn .bi, .product-detail-premium .product-actions-section .product-detail-share-btn .bi {
    font-size: 0.95rem !important;
  }
  .product-detail-premium .product-seller-main.product-seller-card {
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: var(--pdp-card-radius) !important;
    box-shadow: var(--pdp-card-shadow) !important;
    padding: 0.8rem !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%) !important;
  }
  .product-detail-premium .pdp-other-seller-card {
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 0.65rem !important;
    background: #f8fafc !important;
    padding: 0.6rem 0.65rem !important;
  }
  .product-detail-premium .pdp-other-sellers-cta {
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 0.65rem !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 0.8125rem !important;
    padding: 0.55rem 0.7rem !important;
  }
  .product-detail-premium .product-seller-section > div.rounded-2xl.border.border-gray-200 {
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: var(--pdp-card-radius) !important;
    box-shadow: var(--pdp-card-shadow) !important;
    padding: 0.8rem !important;
    background: #ffffff !important;
  }
  .product-detail-premium .product-seller-section a.group.rounded-xl {
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 0.65rem !important;
    background: #f8fafc !important;
    padding: 0.45rem !important;
    gap: 0.55rem !important;
  }
  .product-detail-premium .product-seller-section a.group img {
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 0.5rem !important;
    width: 2.85rem !important;
    height: 2.85rem !important;
  }
  .product-detail-premium .product-seller-section {
    margin-bottom: var(--pdp-app-gutter) !important;
    padding-top: var(--pdp-app-gutter-sm) !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
    gap: 0.65rem !important;
  }
  .product-detail-premium .product-seller-card__eyebrow {
    font-size: 9px !important;
    letter-spacing: 0.11em !important;
  }
  .product-detail-premium .product-seller-card__badge {
    border-radius: 999px !important;
    padding: 0.2rem 0.52rem !important;
    font-size: 10px !important;
  }
  .product-detail-premium .product-seller-card__name {
    font-size: 0.94rem !important;
  }
  .product-detail-premium .product-seller-rating {
    gap: 0.32rem !important;
    padding: 0.32rem 0.5rem !important;
  }
  .product-detail-premium .product-seller-rating-empty {
    font-size: 10px !important;
  }
  @media (max-width: 360px) {
    .product-detail-premium .product-seller-main.product-seller-card {
      padding: 0.62rem !important;
    }
    .product-detail-premium .product-seller-card__name {
      font-size: 0.88rem !important;
    }
    .product-detail-premium .product-seller-card__cta {
      padding: 0.48rem 0.62rem !important;
      font-size: 0.72rem !important;
    }
  }
  .product-detail-premium .product-mobile-detail-entry-card {
    border-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: var(--pdp-app-gutter-sm) var(--pdp-app-gutter) !important;
    background: #ffffff !important;
  }
  .product-detail-premium .product-mobile-detail-entry-card h3 {
    margin-bottom: var(--pdp-app-gutter-sm) !important;
    padding-bottom: var(--pdp-app-gutter-sm);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  }
  .product-detail-premium .product-mobile-detail-entry-card__item {
    border-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: var(--p1) 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  }
  .product-detail-premium .product-mobile-detail-entry-card__item:last-child {
    border-bottom-width: 0 !important;
  }
  .product-detail-premium .product-mobile-detail-entry-card__icon {
    border-radius: 0.4rem !important;
    background: #fff7ed !important;
    color: #c2410c !important;
  }
  .product-detail-premium .product-links-section {
    border-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: var(--pdp-app-gutter) !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  }
  .product-detail-premium .product-detail-link-pill {
    border-width: 0 !important;
    border-radius: 0.45rem !important;
    background: #ffffff !important;
  }
  .product-detail-premium .product-seller-card__cta {
    border: 1px solid rgba(251, 146, 60, 0.24) !important;
    border-radius: 0.6rem !important;
    box-shadow: none !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    padding: 0.56rem 0.78rem !important;
    font-size: 0.78rem !important;
  }
  .product-detail-related {
    padding-top: calc(var(--p1) * 8) !important;
    padding-bottom: calc(var(--p1) * 8) !important;
  }
  .product-detail-related > .container-evcimo {
    padding-left: var(--pdp-app-gutter);
    padding-right: var(--pdp-app-gutter);
  }
  .product-detail-related__title {
    margin-bottom: var(--pdp-app-gutter) !important;
    gap: var(--pdp-app-gutter-sm) !important;
    font-size: 1.05rem !important;
  }
  .product-detail-related__title > span:first-child {
    width: 2.25rem !important;
    height: 2.25rem !important;
    border-radius: 0.45rem !important;
    box-shadow: none !important;
  }
  .product-detail-related__title .bi {
    font-size: 1rem !important;
  }
  .mobile-pdp-actionbar {
    left: 0 !important;
    right: 0 !important;
    bottom: calc(var(--mobile-app-nav-height, calc(var(--p1) * 15)) + env(safe-area-inset-bottom)) !important;
    padding: var(--pdp-app-gutter-sm) var(--pdp-app-gutter) !important;
    border-width: 1px 0 0 0 !important;
    border-style: solid !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    border-radius: 0 !important;
    box-shadow: 0 -6px 22px rgba(15, 23, 42, 0.06) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px);
  }
  .mobile-pdp-actionbar__btn {
    border-width: 0 !important;
    box-shadow: none !important;
    border-radius: 0.5rem !important;
  }
}
.product-detail-premium {
  padding-top: 1rem;
  padding-bottom: 2.25rem;
}
.product-detail-premium .product-detail-row {
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .product-detail-premium {
    padding-top: 1rem;
    padding-bottom: 2.5rem;
  }
  .product-detail-premium .product-detail-row {
    gap: 1.5rem !important;
  }
  .product-detail-premium .product-image-main {
    border-radius: 0.85rem;
    padding: 0.55rem;
    box-shadow: none;
    gap: 0.5rem;
  }
  .product-detail-premium .product-image-main .bigImg {
    border-radius: 0.65rem;
  }
  .product-detail-premium .product-info-content {
    padding: 1rem !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
  }
  .product-detail-premium .product-title-main {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }
  .product-detail-premium .product-title-section, .product-detail-premium .product-price-section, .product-detail-premium .product-variants-section, .product-detail-premium .product-detail-coupons, .product-detail-premium .product-detail-store-promo {
    margin-bottom: 0.85rem !important;
    padding-bottom: 0.85rem !important;
  }
  .product-detail-premium .newprice {
    font-size: 1.35rem !important;
    line-height: 1.2;
  }
  .product-detail-premium .oldprice {
    font-size: 0.9rem !important;
  }
  .product-detail-premium .cart-group {
    margin-bottom: 0.85rem !important;
    gap: 0.5rem !important;
  }
  .product-detail-premium .product-detail-add-cart {
    min-height: 2.5rem !important;
    padding: 0.5rem 0.85rem !important;
    font-size: 0.8125rem !important;
    box-shadow: none;
  }
  .product-detail-premium .product-detail-favorite-btn:not(.product-gallery-favorite-mobile) {
    height: 2.5rem !important;
    width: 2.5rem !important;
  }
  .product-detail-premium .product-detail-qty .btn {
    padding: 0.45rem 0.55rem !important;
  }
  .product-detail-premium .product-detail-qty-input {
    width: 2.5rem !important;
    font-size: 0.8125rem !important;
  }
  .product-detail-premium .product-seller-section {
    margin-bottom: 0.85rem !important;
    padding-top: 0.85rem !important;
    gap: 0.75rem !important;
  }
  .product-detail-premium .product-seller-main.product-seller-card {
    padding: 0.85rem 1rem !important;
    border-radius: 0.85rem;
    box-shadow: none;
  }
  .product-detail-premium .product-seller-card__name {
    font-size: 0.94rem !important;
  }
  .product-detail-premium .product-actions-section {
    margin-bottom: 0.65rem !important;
    gap: 0.45rem !important;
  }
  .product-detail-premium .product-detail-wa-btn, .product-detail-premium .product-detail-share-btn {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    font-size: 0.8125rem !important;
    border-radius: 0.65rem;
  }
  .product-detail-premium .storeCouponList .rounded-2xl {
    border-radius: 0.85rem !important;
    padding: 0.75rem !important;
    box-shadow: none !important;
    background: #fafafa !important;
  }
  .product-detail-premium .product-detail-coupon-card {
    border-radius: 0.65rem !important;
    box-shadow: none !important;
    border: 1px solid rgba(226, 232, 240, 0.9);
  }
  .product-detail-premium .product-detail-coupon-card p.text-2xl {
    font-size: 1.25rem !important;
  }
  .product-detail-premium .product-detail-badge-ticker {
    margin-bottom: 0.65rem;
  }
  .product-detail-premium .product-meta .brand, .product-detail-premium .product-meta .origin {
    padding: 0.2rem 0.55rem;
    font-size: 11px;
  }
  .product-detail-premium .product-detail-tab-nav .tab-btn {
    padding: 0.45rem 0.7rem;
    font-size: 12px;
  }
  .product-detail-premium .tab-panel-premium {
    padding: 1rem !important;
  }
  .product-detail-premium .product-description {
    font-size: 14px;
    line-height: 1.65;
  }
  .product-detail-related {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .product-detail-related__title {
    font-size: 0.95rem !important;
    margin-bottom: 0.75rem !important;
  }
  .product-detail-related__title > span:first-child {
    width: 1.85rem !important;
    height: 1.85rem !important;
  }
  .product-detail-related .swiper-pdp-related-row__nav {
    width: 1.85rem;
    height: 1.85rem;
    box-shadow: none;
  }
}
@media (min-width: 1280px) {
  .product-detail-premium .product-detail-row {
    gap: 1.75rem !important;
  }
}
.product-detail-row--marketplace {
  align-items: start;
}
@media (min-width: 1024px) {
  .product-detail-row--marketplace {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr) minmax(0, 0.9fr) !important;
    gap: 1rem !important;
  }
  .product-detail-premium--marketplace .product-gallery-col .product-image-main {
    padding: 0.55rem;
  }
  .product-detail-premium--marketplace .product-info-content {
    padding: 0.5rem 1rem !important;
  }
  @media (min-width: 640px) {
    .product-detail-premium--marketplace .product-info-content {
      padding: 1rem !important;
    }
  }
  .product-detail-row--marketplace .product-store-col {
    align-self: stretch;
  }
  .product-detail-premium--marketplace .product-store-sidebar {
    position: sticky;
    top: var(--product-gallery-sticky-top, 112px);
    align-self: start;
  }
  .product-store-panel .product-seller-main.product-seller-card {
    border: 0;
    background: transparent;
    padding: 0 !important;
  }
  .product-store-panel .product-seller-main.product-seller-card::before {
    display: none;
  }
}
.product-detail-quick-links {
  margin-top: 0.15rem;
}
.product-detail-quick-links .product-detail-link-pill {
  line-height: 1.25;
}
.product-store-panel-campaigns .product-store-campaigns__item .bi {
  font-size: 0.85rem;
}
.product-store-panel-campaigns .product-store-campaigns {
  border-top: 0;
  padding-top: 0;
}
.product-store-panel--delivery {
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}
.pdp-seller-delivery-panel.hidden {
  display: none;
}
.product-store-delivery__title {
  margin-bottom: 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}
.product-store-delivery__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.product-store-delivery__item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.45rem;
  padding: 0.25rem 0.125rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.45;
  color: #334155;
}
.product-store-delivery__icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
  font-size: 0.95rem;
}
.product-store-delivery__item--local .product-store-delivery__icon {
  color: #059669;
}
.product-store-delivery__item--pickup .product-store-delivery__icon {
  color: #2563eb;
}
.product-store-delivery__text {
  min-width: 0;
}
.product-store-delivery__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.product-store-delivery__meta {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.4;
  color: #64748b;
}
.product-store-delivery__hint {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.35;
  color: #94a3b8;
}
@media (min-width: 1280px) {
  .product-detail-row--marketplace {
    gap: 1.25rem !important;
  }
}
@media (max-width: 1023px) {
  .product-store-col {
    margin-top: 0.25rem;
  }
  .product-store-panel {
    padding: 1rem !important;
  }
}
.product-detail-related .swiper-pdp-related-row {
  position: relative;
  overflow: hidden;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (max-width: 1024px) {
  .product-detail-related .swiper-pdp-related-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.swiper-pdp-related-row__slide {
  height: auto;
  display: flex;
  box-sizing: border-box;
}
.swiper-pdp-related-row__slide > .product {
  display: flex;
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
}
.swiper-pdp-related-row__slide .filterProduct.group {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.product-detail-related .swiper-pdp-related-row__nav {
  width: 2.25rem;
  height: 2.25rem;
  margin-top: 0;
  top: 42%;
  border-radius: 9999px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 2px 14px rgba(15, 23, 42, 0.08);
  color: var(--color-primary, #ff6c00);
  transition: background 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.product-detail-related .swiper-pdp-related-row__nav::after {
  font-size: 0.9rem;
  font-weight: 700;
}
.product-detail-related .swiper-pdp-related-row__nav:hover:not(.swiper-button-disabled) {
  background: #fff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.1);
}
.product-detail-related .swiper-pdp-related-row__nav.swiper-button-disabled {
  opacity: 0.28;
}
.product-detail-related .swiper-pdp-related-row .swiper-button-prev {
  left: 0.15rem;
}
.product-detail-related .swiper-pdp-related-row .swiper-button-next {
  right: 0.15rem;
}
.product-description {
  color: #374151;
  font-size: 15px;
  line-height: 1.8;
  word-break: break-word;
}
.product-description > *:first-child {
  margin-top: 0 !important;
}
.product-description > *:last-child {
  margin-bottom: 0 !important;
}
.product-description h1, .product-description h2, .product-description h3, .product-description h4, .product-description h5, .product-description h6 {
  color: #111827;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.product-description h1 {
  font-size: 1.25rem;
}
.product-description h2 {
  font-size: 1.125rem;
}
.product-description h3 {
  font-size: 1rem;
}
.product-description h4 {
  font-size: 0.9375rem;
}
.product-description h5, .product-description h6 {
  font-size: 0.875rem;
}
.product-description p {
  margin-bottom: 14px;
}
.product-description strong {
  color: #111827;
  font-weight: 600;
}
.product-description ul, .product-description ol {
  margin: 16px 0;
  padding-left: 22px;
}
.product-description ul {
  list-style: disc;
}
.product-description ol {
  list-style: decimal;
}
.product-description li {
  margin-bottom: 10px;
}
.product-description li p {
  margin-bottom: 0;
}
.product-description ul ul, .product-description ol ol, .product-description ul ol, .product-description ol ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.product-description hr {
  border: none;
  border-top: 1px solid #E5E7EB;
  margin: 28px 0;
}
.product-description img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 20px auto;
  display: block;
}
.product-description table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  overflow-x: auto;
  display: block;
}
.product-description table td, .product-description table th {
  border: 1px solid #E5E7EB;
  padding: 12px;
  text-align: left;
}
.product-description table th {
  background: #F9FAFB;
  font-weight: 600;
}
.product-description blockquote {
  border-left: 4px solid #FF6C00;
  padding-left: 16px;
  margin: 20px 0;
  color: #4B5563;
}
.product-description a {
  color: #FF6C00;
  text-decoration: none;
}
.product-description a:hover {
  text-decoration: underline;
}
@media (max-width:768px) {
  .product-description {
    font-size: 14px;
    line-height: 1.65;
  }
  .product-description h1 {
    font-size: 1.2rem;
  }
  .product-description h2 {
    font-size: 1.1rem;
  }
  .product-description h3 {
    font-size: 1rem;
  }
  .product-description table {
    font-size: 13px;
  }
}
.pv1-auth-page {
  background: linear-gradient(165deg, #fafafa 0%, #ffffff 42%, #fff7f0 100%);
  min-height: calc(100vh - 8rem);
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
.pv1-auth-mobile-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: -0.3rem 0 0.9rem;
}
.pv1-auth-mobile-trust > span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 1.65rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  border: 1px solid #fed7aa;
  background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  color: #9a3412;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.pv1-auth-mobile-trust > span i {
  font-size: 0.72rem;
}
.pv1-auth-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pv1-auth-field {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.pv1-auth-field--relaxed {
  gap: 0.5rem;
}
.pv1-auth-actions {
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pv1-auth-register-shell {
  position: relative;
}
.pv1-auth-reset-shell {
  position: relative;
}
@media (min-width: 1024px) {
  .pv1-auth-page {
    padding-top: 2.25rem;
    padding-bottom: 3.5rem;
  }
}
@media (min-width: 640px) {
  .pv1-auth-form {
    gap: 1.5rem;
  }
  .pv1-auth-actions {
    padding-top: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
#register .pv1-auth-input {
  min-height: 2.75rem;
}
#register .pv1-auth-actions .pv1-auth-btn-primary {
  min-height: 2.8rem;
}
#formSifreSifirla .pv1-auth-input {
  min-height: 2.75rem;
}
#formSifreSifirla .pv1-auth-actions .pv1-auth-btn-primary {
  min-height: 2.8rem;
}
#formYeniSifre .pv1-auth-input {
  min-height: 2.75rem;
}
#formYeniSifre .pv1-auth-actions .pv1-auth-btn-primary {
  min-height: 2.8rem;
}
.pv1-auth-card {
  border-radius: 1.25rem;
  border: 1px solid var(--ev-border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ev-border) 92%, white);
  }
  background: var(--ev-surface);
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04), 0 12px 40px -12px rgb(15 23 42 / 0.12);
}
.pv1-auth-card--accent {
  border-color: rgb(255 179 122 / 0.35);
  background: linear-gradient(145deg, #fffdfb 0%, #ffffff 55%, #fff8f2 100%);
}
.pv1-auth-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ev-primary);
}
.pv1-auth-title {
  margin: 0.35rem 0 0;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .pv1-auth-title {
    font-size: 1.65rem;
  }
}
.pv1-auth-lede {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: #64748b;
}
.pv1-auth-icon-badge {
  display: inline-flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.9rem;
  background: linear-gradient(145deg, #fff6f0 0%, #ffe4cc 100%);
  color: #ea580c;
  font-size: 1.25rem;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
}
.pv1-auth-label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #334155;
}
.pv1-auth-label i {
  font-size: 0.95rem;
  color: #94a3b8;
}
.pv1-auth-input {
  display: block;
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid var(--ev-border);
  background: var(--ev-surface-soft);
  padding: 0.65rem 0.85rem;
  font-size: 0.9375rem;
  color: #0f172a;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.pv1-auth-input:hover {
  border-color: #d1d5db;
}
.pv1-auth-input:focus {
  outline: none;
  border-color: var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ev-primary) 65%, white);
  }
  background: var(--ev-surface);
  box-shadow: 0 0 0 3px var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ev-primary) 12%, transparent);
  }
}
.pv1-auth-input--error, .pv1-auth-input.pv1-auth-input--error {
  border-color: #f87171;
  background: #fef2f2;
}
.pv1-auth-error-msg {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #b91c1c;
}
.pv1-auth-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ev-primary) 72%, black);
  }
  padding: 0.7rem 1.1rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ev-surface);
  background: linear-gradient( 180deg, var(--ev-primary) 0%, var(--ev-primary) 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--ev-primary) 80%, white) 0%, var(--ev-primary) 100% );
  }
  box-shadow: 0 2px 10px var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 2px 10px color-mix(in srgb, var(--ev-primary) 28%, transparent);
  }
  transition: filter 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
}
.pv1-auth-login-card form .pv1-auth-btn-primary {
  min-height: 2.8rem;
}
a.pv1-auth-btn-primary, a.pv1-auth-btn-secondary {
  text-decoration: none;
}
.pv1-auth-btn-primary:hover {
  filter: brightness(1.04);
  box-shadow: 0 4px 16px var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 4px 16px color-mix(in srgb, var(--ev-primary) 32%, transparent);
  }
}
.pv1-auth-btn-primary:active {
  filter: brightness(0.98);
}
.pv1-auth-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ev-primary) 72%, black);
  }
  padding: 0.7rem 1.1rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ev-surface);
  background: linear-gradient( 180deg, var(--ev-primary) 0%, var(--ev-primary) 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--ev-primary) 80%, white) 0%, var(--ev-primary) 100% );
  }
  box-shadow: 0 2px 10px var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 2px 10px color-mix(in srgb, var(--ev-primary) 24%, transparent);
  }
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
  cursor: pointer;
}
.pv1-auth-btn-secondary:hover {
  filter: brightness(1.03);
  box-shadow: 0 4px 14px var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 4px 14px color-mix(in srgb, var(--ev-primary) 30%, transparent);
  }
}
.pv1-auth-link {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ev-primary);
  text-decoration: none;
  transition: color 0.15s ease;
}
.pv1-auth-link:hover {
  color: var(--ev-primary);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--ev-primary) 82%, black);
  }
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pv1-auth-benefit {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.65rem 0;
  border-bottom: 1px solid rgb(241 245 249 / 0.9);
}
.pv1-auth-benefit:last-child {
  border-bottom: 0;
}
.pv1-auth-benefit-icon {
  flex-shrink: 0;
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.65rem;
  background: var(--ev-surface);
  border: 1px solid #f1f5f9;
  color: var(--ev-primary);
  font-size: 1rem;
}
.pv1-auth-benefit strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #0f172a;
}
.pv1-auth-benefit span {
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.45;
}
@media (max-width: 639px) {
  .pv1-auth-page {
    min-height: auto;
    padding-top: 0.65rem;
    padding-bottom: 0.9rem;
    background: linear-gradient(180deg, #f3f6fb 0%, #f8fafc 42%, #f1f5f9 100%);
  }
  .pv1-auth-page .container-evcimo {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
  .pv1-auth-page .mx-auto.grid {
    gap: 0.7rem;
  }
  .pv1-auth-card {
    border-radius: 0.95rem;
    border-color: #e6ecf3;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.08), 0 8px 20px rgba(15, 23, 42, 0.06);
  }
  .pv1-auth-login-card {
    position: relative;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.1), 0 12px 28px rgba(15, 23, 42, 0.08);
  }
  .pv1-auth-login-card .pv1-auth-icon-badge, .pv1-auth-register-card .pv1-auth-icon-badge {
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 0.75rem;
    font-size: 1rem;
  }
  .pv1-auth-login-card .pv1-auth-title, .pv1-auth-register-card .pv1-auth-title {
    font-size: 1.1rem;
    line-height: 1.2;
  }
  .pv1-auth-login-card .pv1-auth-lede, .pv1-auth-register-card .pv1-auth-lede {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    line-height: 1.45;
  }
  .pv1-auth-input {
    min-height: 2.65rem;
    border-radius: 0.7rem;
    font-size: 0.9rem;
  }
  .pv1-auth-label {
    margin-bottom: 0.28rem;
    font-size: 0.76rem;
  }
  .pv1-auth-btn-primary, .pv1-auth-btn-secondary {
    min-height: 2.58rem;
    border-radius: 0.72rem;
    font-size: 0.88rem;
  }
  .pv1-auth-register-card {
    background: linear-gradient(180deg, #fffefc 0%, #fff8f1 100%);
  }
  .pv1-auth-register-shell {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    padding-bottom: 1rem;
  }
  .pv1-auth-reset-shell {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    padding-bottom: 1rem;
  }
  #register {
    gap: 1.05rem;
  }
  #register .pv1-auth-field {
    gap: 0.28rem;
  }
  #register .pv1-auth-input {
    min-height: 2.68rem;
    font-size: 0.89rem;
  }
  #register .pv1-auth-actions {
    gap: 0.62rem;
    padding-top: 0.85rem;
  }
  #register .pv1-auth-actions .pv1-auth-btn-primary {
    min-height: 2.72rem;
    width: 100%;
  }
  #register .pv1-auth-link {
    font-size: 0.77rem;
  }
  #formSifreSifirla {
    gap: 0.95rem;
  }
  #formSifreSifirla .pv1-auth-field {
    gap: 0.28rem;
  }
  #formSifreSifirla .pv1-auth-input {
    min-height: 2.68rem;
    font-size: 0.89rem;
  }
  #formSifreSifirla .pv1-auth-actions {
    gap: 0.62rem;
    padding-top: 0.8rem;
  }
  #formSifreSifirla .pv1-auth-actions .pv1-auth-btn-primary {
    min-height: 2.72rem;
    width: 100%;
  }
  #formYeniSifre {
    gap: 0.95rem;
  }
  #formYeniSifre .pv1-auth-field {
    gap: 0.28rem;
  }
  #formYeniSifre .pv1-auth-input {
    min-height: 2.68rem;
    font-size: 0.89rem;
  }
  #formYeniSifre .pv1-auth-actions {
    gap: 0.62rem;
    padding-top: 0.8rem;
  }
  #formYeniSifre .pv1-auth-actions .pv1-auth-btn-primary {
    min-height: 2.72rem;
    width: 100%;
  }
  .pv1-auth-mobile-trust {
    margin: -0.2rem 0 0.75rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0.35rem;
    padding-bottom: 0.1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pv1-auth-mobile-trust::-webkit-scrollbar {
    display: none;
  }
  .pv1-auth-mobile-trust > span {
    flex: 0 0 auto;
    min-height: 1.52rem;
    padding: 0.14rem 0.48rem;
    font-size: 0.62rem;
    border-color: #f7dfc5;
    background: #fff8f1;
  }
  .pv1-auth-mobile-trust > span i {
    font-size: 0.68rem;
  }
  .pv1-register-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #register .pv1-auth-field {
    margin-bottom: 0.1rem;
  }
}
.pv1-auth-sozlesme {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #475569;
}
.pv1-auth-sozlesme input[type='checkbox'] {
  margin-top: 0.2rem;
  flex-shrink: 0;
  accent-color: #ff6c00;
}
.pv1-auth-sozlesme a {
  color: #ff6c00;
  font-weight: 600;
  text-decoration: none;
}
.pv1-auth-sozlesme a:hover {
  text-decoration: underline;
}
.pv1-auth-page .validetta-bubble {
  margin-top: 0.25rem;
}
#accountPage .pv1-auth-input.is-invalid, #accountPage .pv1-auth-input:invalid {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgb(239 68 68 / 0.12);
}
#accountPage .ts-wrapper.is-invalid .ts-control {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgb(239 68 68 / 0.12);
}
@media (max-width: 1023px) {
  #accountPage.mx-auto {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    padding-top: 0.5rem;
    padding-bottom: 0.35rem;
  }
  #accountPage > .grid {
    gap: 0.75rem;
  }
  #accountPage .min-w-0.space-y-5 > * + * {
    margin-top: 0.75rem !important;
  }
  #accountPage .min-w-0.space-y-4 > * + * {
    margin-top: 0.6rem !important;
  }
  #accountPage .pv1-auth-card {
    border-radius: 0.85rem;
    padding: 0.85rem 0.95rem !important;
  }
  #accountPage h1 {
    font-size: 1.0625rem;
    line-height: 1.28;
    letter-spacing: -0.015em;
  }
  #accountPage h2 {
    font-size: 1rem;
    line-height: 1.3;
  }
  #accountPage h3 {
    font-size: 0.9375rem;
    line-height: 1.35;
  }
  #accountPage .pv1-auth-eyebrow {
    font-size: 10px;
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
  }
  #accountPage .pv1-auth-lede {
    font-size: 0.8125rem;
    line-height: 1.45;
    margin-top: 0.3rem;
  }
  #accountPage .pv1-auth-icon-badge {
    height: 2.35rem;
    width: 2.35rem;
    font-size: 1.05rem;
    border-radius: 0.72rem;
  }
  #accountPage .pv1-auth-btn-primary, #accountPage .pv1-auth-btn-secondary, #accountPage a.pv1-auth-btn-primary, #accountPage a.pv1-auth-btn-secondary {
    padding: 0.48rem 0.72rem;
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 2.35rem;
    border-radius: 0.65rem;
    gap: 0.35rem;
    line-height: 1.2;
  }
  #accountPage .pv1-auth-label {
    font-size: 0.74rem;
    margin-bottom: 0.22rem;
    gap: 0.28rem;
  }
  #accountPage .pv1-auth-label i {
    font-size: 0.85rem;
  }
  #accountPage .pv1-auth-input, #accountPage select.pv1-auth-input, #accountPage textarea.pv1-auth-input {
    padding: 0.48rem 0.65rem;
    font-size: 0.875rem;
    min-height: 2.42rem;
    border-radius: 0.65rem;
  }
  #accountPage textarea.pv1-auth-input {
    min-height: auto;
  }
  #accountPage .pv1-auth-field {
    gap: 0.22rem;
  }
  #accountPage .pv1-account-hero {
    padding: 0.85rem 0.95rem;
    border-radius: 0.95rem;
  }
  #accountPage .pv1-account-hero h1 {
    font-size: 1.05rem;
  }
  #accountPage .pv1-account-hero p {
    font-size: 0.8125rem;
    line-height: 1.45;
  }
  #accountPage .pv1-account-dash-grid {
    gap: 0.55rem;
  }
  #accountPage .pv1-account-dash-grid > a {
    min-height: 100px;
    padding: 12px 8px;
    border-radius: 11px;
    box-shadow: none;
    transform: none;
    gap: 8px;
  }
  #accountPage .pv1-account-dash-grid > a:hover {
    transform: none;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
  }
  #accountPage .pv1-account-dash-grid > a > i {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    font-size: 18px;
  }
  #accountPage .pv1-account-dash-grid > a > span {
    font-size: 0.78rem;
    font-weight: 600;
  }
  #accountPage .pv1-account-dash-badge {
    font-size: 0.62rem;
    min-width: 1.2rem;
    padding: 0.06rem 0.35rem;
  }
  #accountPage .orderList {
    border-radius: 10px;
    margin-bottom: 0.65rem;
  }
  #accountPage .orderList .headerInfo {
    padding: 0.5rem 0.65rem;
  }
  #accountPage .orderList .product {
    padding: 0.35rem 0.25rem;
  }
  #accountPage .orderList .productItem {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  #accountPage .orderList .text-base {
    font-size: 0.875rem !important;
  }
  #accountPage .list-group-item {
    margin-bottom: 6px;
    border-radius: 9px;
  }
}
#accountPage .pv1-account-dash-grid {
  margin: 0;
  padding: 0;
}
#accountPage .pv1-account-dash-grid > a {
  min-height: 122px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  border: 1px solid #ebf1f6;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #fffaf7 100%);
  color: #334155;
  text-decoration: none;
  padding: 18px 10px;
  transition: all 0.2s ease;
}
#accountPage .pv1-account-dash-grid > a:hover {
  transform: translateY(-3px);
  border-color: #fdba74;
  background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
  box-shadow: 0 12px 22px rgba(249, 115, 22, 0.14);
}
#accountPage .pv1-account-dash-grid > a > i {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  color: #f97316;
  background: linear-gradient(180deg, #fff2e8 0%, #ffe6d1 100%);
}
#accountPage .pv1-account-dash-grid > a > span {
  color: #c2410c;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}
#accountPage .pv1-account-dash-badge {
  display: inline-flex;
  min-width: 1.35rem;
  justify-content: center;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1.25;
  color: #fff;
  background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
}
#accountPage .pv1-account-dash-link--muted > i {
  color: #64748b;
  background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
}
#accountPage .pv1-account-dash-link--muted > span {
  color: #475569;
}
#accountPage .pv1-account-dash-link--muted:hover {
  border-color: #cbd5e1;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}
#accountPage .list-group-item {
  border: 1px solid #edf2f7;
  border-radius: 10px;
  margin-bottom: 8px;
  background: #fff;
}
#accountPage .orderList {
  border: 1px solid #e9eef4;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
}
#accountPage .orderList .headerInfo {
  background: #f8fafc;
  border-bottom: 1px solid #e9eef4;
  padding: 12px;
}
#accountPage .orderList.pv1-order-summary-card .headerInfo {
  border-bottom: none;
}
#accountPage .pv1-order-summary-chips {
  gap: 6px;
}
#accountPage .pv1-order-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.01em;
}
#accountPage .pv1-order-chip--preparing {
  color: #b45309;
  background: #fffbeb;
  border: 1px solid #fde68a;
}
#accountPage .pv1-order-chip--shipping {
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}
#accountPage .pv1-order-chip--delivered {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
#accountPage .pv1-order-chip--confirm {
  color: #c2410c;
  background: #fff7ed;
  border: 1px solid #fed7aa;
}
#accountPage .pv1-order-chip--completed {
  color: #334155;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
}
#accountPage .pv1-order-chip--cancelled, #accountPage .pv1-order-chip--return {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
}
#accountPage .pv1-order-card {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  padding: 16px 18px;
  margin-bottom: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
#accountPage .pv1-order-card--compact {
  margin-bottom: 0;
}
#accountPage .pv1-order-card__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 14px;
}
#accountPage .pv1-order-card__label {
  margin: 0 0 2px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #94a3b8;
}
#accountPage .pv1-order-card__value {
  margin: 0;
  font-size: 0.92rem;
  color: #1e293b;
  line-height: 1.4;
}
#accountPage .pv1-order-card__value--strong {
  font-weight: 700;
}
#accountPage .pv1-order-card__value--price {
  font-size: 1.05rem;
  font-weight: 800;
  color: #ea580c;
}
#accountPage .pv1-order-card__detail-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #ea580c;
  text-decoration: none;
  white-space: nowrap;
}
#accountPage .pv1-order-card__detail-link:hover {
  text-decoration: underline;
}
#accountPage .pv1-order-card__top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}
#accountPage .pv1-order-card__detail-link--secondary {
  color: #475569;
}
#accountPage .pv1-order-card__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1f5f9;
}
@media (min-width: 640px) {
  #accountPage .pv1-order-card__grid {
    grid-template-columns: 1.2fr 1fr auto;
    align-items: end;
  }
}
#accountPage .pv1-order-card__block--total {
  text-align: left;
}
@media (min-width: 640px) {
  #accountPage .pv1-order-card__block--total {
    text-align: right;
  }
}
#accountPage .pv1-order-card__status {
  padding-top: 12px;
}
#accountPage .pv1-order-card__status-title {
  margin: 0 0 4px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #0f172a;
}
#accountPage .pv1-order-card__status-lines {
  margin: 0;
  font-size: 0.82rem;
  color: #64748b;
  line-height: 1.5;
}
#accountPage .pv1-order-card__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
#accountPage .pv1-order-card__thumb {
  position: relative;
  width: 52px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}
#accountPage .pv1-order-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#accountPage .pv1-order-card__thumb-qty {
  position: absolute;
  right: 2px;
  bottom: 2px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 0.62rem;
  font-weight: 800;
  color: #fff;
  background: rgba(15, 23, 42, 0.72);
}
#accountPage .pv1-order-card__footer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}
#accountPage .pv1-order-card__review-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #ea580c;
  text-decoration: none;
}
#accountPage .pv1-order-detail {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#accountPage .pv1-order-summary-box {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  padding: 18px 20px;
}
#accountPage .pv1-order-summary-box__title {
  margin: 0 0 14px;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
}
#accountPage .pv1-order-summary-box__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 20px;
  margin: 0;
}
@media (min-width: 768px) {
  #accountPage .pv1-order-summary-box__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#accountPage .pv1-order-summary-box__item dt {
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #94a3b8;
}
#accountPage .pv1-order-summary-box__item dd {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.45;
}
#accountPage .pv1-order-addresses {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  padding: 18px 20px;
}
#accountPage .pv1-order-addresses__title {
  margin: 0 0 14px;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
}
#accountPage .pv1-order-addresses__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  #accountPage .pv1-order-addresses__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#accountPage .pv1-order-address-card {
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  background: #fafbfc;
  padding: 14px 16px;
}
#accountPage .pv1-order-address-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #0f172a;
}
#accountPage .pv1-order-address-card__header .bi {
  font-size: 1rem;
  color: #64748b;
}
#accountPage .pv1-order-address-card__title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
}
#accountPage .pv1-order-address-card__note {
  margin: 0 0 12px;
  font-size: 0.82rem;
  line-height: 1.45;
  color: #64748b;
}
#accountPage .pv1-order-address-card__list {
  display: grid;
  gap: 10px;
  margin: 0;
}
#accountPage .pv1-order-address-card__item dt {
  margin: 0 0 3px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #94a3b8;
}
#accountPage .pv1-order-address-card__item dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.45;
}
#accountPage .pv1-order-address-card__link {
  color: inherit;
  text-decoration: none;
}
#accountPage .pv1-order-address-card__link:hover {
  color: #0f766e;
  text-decoration: underline;
}
#accountPage .pv1-order-tickets {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  padding: 18px 20px;
}
#accountPage .pv1-order-tickets__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
#accountPage .pv1-order-tickets__title {
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
}
#accountPage .pv1-order-tickets__lede, #accountPage .pv1-order-tickets__empty {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: #64748b;
}
#accountPage .pv1-order-tickets__list {
  display: grid;
  gap: 8px;
}
#accountPage .pv1-order-ticket-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  background: #fafbfc;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}
#accountPage .pv1-order-ticket-row:hover {
  border-color: #cbd5e1;
  background: #fff;
}
#accountPage .pv1-order-ticket-row__subject {
  margin: 0 0 4px;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
}
#accountPage .pv1-order-ticket-row__meta {
  margin: 0;
  font-size: 0.78rem;
  color: #64748b;
}
#accountPage .pv1-order-ticket-row__status {
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
#accountPage .pv1-order-ticket-row__status--open {
  background: #fef3c7;
  color: #92400e;
}
#accountPage .pv1-order-ticket-row__status--answered {
  background: #dcfce7;
  color: #166534;
}
#accountPage .pv1-order-ticket-row__status--closed {
  background: #f1f5f9;
  color: #475569;
}
#accountPage .pv1-support-thread {
  display: grid;
  gap: 12px;
}
#accountPage .pv1-support-message {
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fafbfc;
}
#accountPage .pv1-support-message--mine {
  background: #f0fdfa;
  border-color: #ccfbf1;
}
#accountPage .pv1-support-message__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 0.78rem;
  color: #64748b;
}
#accountPage .pv1-support-message__head strong {
  color: #0f172a;
  font-size: 0.82rem;
}
#accountPage .pv1-support-message__body {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #1e293b;
}
#accountPage .pv1-support-topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 640px) {
  #accountPage .pv1-support-topic-grid {
    grid-template-columns: 1fr;
  }
}
#accountPage .pv1-support-topic-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#accountPage .pv1-support-topic-card.is-active, #accountPage .pv1-support-topic-card:has(input:checked) {
  border-color: #0d9488;
  box-shadow: 0 0 0 1px #0d9488;
  background: #f0fdfa;
}
#accountPage .pv1-support-topic-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  background: #f1f5f9;
  color: #0f766e;
  font-size: 1rem;
}
#accountPage .pv1-support-topic-card__title {
  font-size: 0.88rem;
  font-weight: 600;
  color: #0f172a;
}
#accountPage .pv1-support-aside__card {
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fafbfc;
}
#accountPage .pv1-support-aside__label {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
  margin-bottom: 4px;
}
#accountPage .pv1-support-aside__link {
  font-weight: 600;
  color: #0d9488;
  text-decoration: none;
}
#accountPage .pv1-support-aside__link:hover {
  text-decoration: underline;
}
#accountPage .pv1-support-reply textarea {
  min-height: 110px;
}
#accountPage .pv1-order-deliveries {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#accountPage .pv1-order-delivery {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
#accountPage .pv1-order-delivery__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid #f1f5f9;
  background: #fafbfc;
}
#accountPage .pv1-order-delivery__label {
  margin: 0 0 2px;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #94a3b8;
}
#accountPage .pv1-order-delivery__no {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  color: #0f172a;
}
#accountPage .pv1-order-delivery__invoice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #ea580c;
  text-decoration: none;
}
#accountPage .pv1-order-delivery__invoice--download {
  color: #334155;
}
#accountPage .pv1-order-delivery__seller-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid #f1f5f9;
}
#accountPage .pv1-order-delivery__seller {
  margin: 0;
  font-size: 0.86rem;
  color: #475569;
}
#accountPage .pv1-order-delivery__seller-label {
  font-weight: 600;
  margin-right: 4px;
}
#accountPage .pv1-order-delivery__seller-name {
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}
#accountPage .pv1-order-delivery__seller-name:hover {
  color: #ea580c;
}
#accountPage .pv1-order-delivery__status {
  display: inline-flex;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
#accountPage .pv1-order-delivery__message, #accountPage .pv1-order-delivery__tracking {
  margin: 0;
  padding: 10px 16px;
  font-size: 0.82rem;
  color: #64748b;
  line-height: 1.5;
  border-bottom: 1px solid #f8fafc;
}
#accountPage .pv1-order-delivery__tracking p {
  margin: 0 0 4px;
}
#accountPage .pv1-order-delivery__tracking-label {
  font-weight: 600;
  color: #475569;
}
#accountPage .pv1-order-delivery__track-link {
  color: #ea580c;
  font-weight: 600;
  text-decoration: none;
}
#accountPage .pv1-order-product {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #f1f5f9;
}
#accountPage .pv1-order-product:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  #accountPage .pv1-order-product {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: start;
  }
}
#accountPage .pv1-order-product__image {
  display: block;
  width: 72px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
#accountPage .pv1-order-product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#accountPage .pv1-order-product__title {
  display: block;
  margin: 0 0 6px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
  line-height: 1.35;
}
#accountPage .pv1-order-product__title:hover {
  color: #ea580c;
}
#accountPage .pv1-order-product__meta {
  margin: 0 0 4px;
  font-size: 0.8rem;
  color: #64748b;
}
#accountPage .pv1-order-product__price {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 800;
  color: #0f172a;
}
#accountPage .pv1-order-product__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
@media (min-width: 768px) {
  #accountPage .pv1-order-product__actions {
    grid-column: auto;
    flex-direction: column;
    min-width: 148px;
    margin-top: 0;
  }
}
#accountPage .pv1-order-product__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  background: #fff;
}
#accountPage .pv1-order-product__btn--primary {
  color: #fff;
  background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
  border-color: #ea580c;
}
#accountPage .pv1-order-product__btn--ghost {
  color: #334155;
  border-color: #e2e8f0;
}
#accountPage .pv1-order-product__btn--danger {
  color: #b91c1c;
  border-color: #fecaca;
  background: #fef2f2;
}
#accountPage .orderList .product {
  padding: 10px;
}
#evModals .rateGroup span[rate], #accountPage #yorumModal .rateGroup span[rate] {
  cursor: pointer;
  line-height: 1;
  color: #d1d5db;
  transition: color 0.15s ease, transform 0.15s ease;
}
#evModals .rateGroup span[rate]:hover, #accountPage #yorumModal .rateGroup span[rate]:hover {
  transform: scale(1.08);
}
#evModals .rateGroup span[rate].checked, #accountPage #yorumModal .rateGroup span[rate].checked {
  color: #f97316;
}
.evModal .pv1-auth-input.is-invalid, #accountPage .pv1-auth-input.is-invalid {
  border-color: #f87171 !important;
  box-shadow: 0 0 0 2px rgb(248 113 113 / 0.22);
}
.evModal .pv1-radio-group.is-invalid-group, #accountPage .pv1-radio-group.is-invalid-group {
  border-color: rgb(248 113 113);
  background-color: rgb(254 242 242 / 0.45);
}
#accountPage .pv1-auth-input {
  border-radius: 10px;
  border-color: #dde4ec;
  box-shadow: none;
}
#accountPage .pv1-auth-input:focus {
  border-color: #fdba74;
  box-shadow: 0 0 0 3px rgb(251 146 60 / 0.16);
}
.addressItem.addressItemActive {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, #fff6f0 40%, #ffffff);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-primary-50) 40%, var(--color-surface, #fff));
  }
  box-shadow: 0 0 0 1px color-mix(in srgb, #ff6c00 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 25%, transparent);
  }
}
.sepet-address-detail-btn {
  position: relative;
}
.sepet-address-detail-btn::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.35rem);
  z-index: 81;
  border: 7px solid transparent;
  border-top-color: #0f172a;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  pointer-events: none;
}
.sepet-address-detail-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.875rem);
  z-index: 80;
  max-width: min(100vw - 1rem, 22rem);
  width: max-content;
  min-width: 0;
  max-height: 11rem;
  overflow-y: auto;
  padding: 0.75rem 0.95rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #f8fafc;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
  pointer-events: none;
  background: linear-gradient(160deg, #1e293b 0%, #0f172a 100%);
  border-radius: 0.75rem;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 14px 44px rgba(15, 23, 42, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
  transform: translate(-50%, 4px);
}
#sepetInvoiceSummaryRow .sepet-address-detail-btn::before {
  border-top-color: #4c1d95;
}
#sepetInvoiceSummaryRow .sepet-address-detail-btn::after {
  background: linear-gradient(160deg, #5b21b6 0%, #1e1b4b 100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 14px 44px rgba(30, 27, 75, 0.45);
}
.sepet-address-detail-btn:hover::after, .sepet-address-detail-btn:focus-visible::after, .sepet-address-detail-btn.sepet-address-tooltip-open::after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.sepet-address-detail-btn:hover::before, .sepet-address-detail-btn:focus-visible::before, .sepet-address-detail-btn.sepet-address-tooltip-open::before {
  opacity: 1;
  visibility: visible;
}
.sepet-address-detail-btn:not([data-tooltip])::after, .sepet-address-detail-btn[data-tooltip=""]::after, .sepet-address-detail-btn:not([data-tooltip])::before, .sepet-address-detail-btn[data-tooltip=""]::before {
  content: none;
  display: none;
}
.basketItem--premium .basketItem__metaChips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.basketItem--premium .basketItem__metaChip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.4rem;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}
.basketItem--premium .basketItem__metaChip--stock {
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  color: #065f46;
  border-color: rgba(16, 185, 129, 0.28);
}
.basketItem--premium .basketItem__metaChip--cargo {
  background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
  color: #1e3a8a;
  border-color: rgba(59, 130, 246, 0.3);
}
@media (max-width: 1023px) {
  .sepet-products-stack {
    margin-inline: -0.125rem;
  }
  .basketItem--premium {
    border-radius: 1rem;
    background: linear-gradient(180deg, #fff 0%, #fcfdff 100%);
    padding: 0.75rem 0.65rem;
  }
  .basketItem--premium .basketItem__image {
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
    width: 4.25rem;
    height: 5.25rem;
    border-radius: 0.65rem;
  }
  .basketItem--premium .basketItem__layout {
    gap: 0.65rem;
  }
  .basketItem--premium .basketItem__top {
    min-width: 0;
    gap: 0.5rem;
  }
  .basketItem--premium .basketItem__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8125rem;
    line-height: 1.28;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
  .basketItem--premium .basketItem__info > p {
    margin-top: 0.3rem;
    font-size: 0.65rem;
    line-height: 1.35;
  }
  .basketItem--premium .basketItem__info > p.font-semibold.text-amber-700, .basketItem--premium .basketItem__info > p.text-rose-700 {
    font-size: 0.625rem;
    line-height: 1.3;
  }
  .basketItem--premium .basketItem__info > p.rounded-xl {
    margin-top: 0.45rem;
    padding: 0.45rem 0.55rem;
    font-size: 0.625rem;
    line-height: 1.35;
  }
  .basketItem--premium .basketItem__cargoLine {
    margin-top: 0.4rem;
    font-size: 0.625rem;
    line-height: 1.35;
    color: #64748b;
  }
  .basketItem--premium .basketItem__metaChip {
    min-height: 1.28rem;
    padding: 0.15rem 0.45rem;
    font-size: 0.625rem;
  }
  .basketItem--premium .basketItem__priceTotal {
    font-size: 0.9375rem;
  }
  .basketItem--premium .basketItem__priceTotal-label {
    font-size: 0.5625rem;
    letter-spacing: 0.04em;
  }
  @media (min-width: 640px) and (max-width: 1023px) {
    .basketItem--premium {
      padding: 0.875rem 0.75rem;
    }
    .basketItem--premium .basketItem__image {
      width: 6rem;
      height: 7rem;
    }
    .basketItem--premium .basketItem__title {
      font-size: 0.875rem;
    }
    .basketItem--premium .basketItem__info > p {
      font-size: 0.6875rem;
    }
    .basketItem--premium .basketItem__metaChip {
      font-size: 0.65rem;
      min-height: 1.35rem;
    }
  }
  .basketItem--premium .basketItem__qty {
    border-color: #dbe3ef;
    background: #f8fafc;
    border-radius: 0.85rem;
  }
  .basketItem--premium .basketItem__qty .minus, .basketItem--premium .basketItem__qty .plus {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.65rem;
  }
  .basketItem--premium .basketItem__price {
    min-width: 6.4rem;
  }
  .basketItem--premium .basketItem__actions {
    width: 100%;
    border-top: 1px solid #e2e8f0;
    padding-top: 0.6rem;
    margin-top: 0.1rem;
  }
  .basketItem--premium .basketItem__price .text-base {
    font-size: 1.02rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .basketItem--premium .basketItem__price .line-through {
    font-size: 0.7rem;
    line-height: 1.2;
  }
  .basketItem--premium .basketItem__remove {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid #e2e8f0;
    background: #fff;
  }
  .basketItem--premium .basketItem__remove:hover, .basketItem--premium .basketItem__remove:focus-visible {
    border-color: #fecaca;
  }
  .sepet-extras-section {
    border-radius: 1.1rem;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12), 0 14px 30px rgba(15, 23, 42, 0.08);
  }
  .sepet-extras-section #sepetAddressSummaryCard {
    border-radius: 1rem;
    border-color: #d8e1ef;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  }
  .sepet-extras-section .js-sepet-template-modal {
    min-height: 2.5rem;
    border-radius: 0.75rem;
  }
  .sepet-extras-section .js-sepet-template-modal:focus-visible {
    outline: 2px solid color-mix(in srgb, #ff6c00 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in srgb, var(--color-primary) 40%, transparent);
    }
    outline-offset: 2px;
  }
  #basketPageCartTotals .sticky {
    position: relative;
    top: auto;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.14), 0 10px 26px rgba(15, 23, 42, 0.08);
  }
  #basketPageCartTotals .sticky h3 {
    font-size: 0.95rem;
    letter-spacing: -0.01em;
  }
  #basketPageCartTotals .sticky .space-y-3 {
    gap: 0.62rem;
  }
  .mobile-checkout-bar {
    position: fixed;
    left: max(0.65rem, env(safe-area-inset-left));
    right: max(0.65rem, env(safe-area-inset-right));
    bottom: max(0.35rem, calc(var(--mobile-app-nav-height) + env(safe-area-inset-bottom) - 0.95rem));
    z-index: 84;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    max-width: calc(100vw - 1.3rem);
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #fed7aa;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18);
    padding: 0.42rem;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }
  .mobile-checkout-bar.is-hidden-by-modal {
    opacity: 0;
    transform: translateY(120%);
    pointer-events: none;
  }
  .mobile-checkout-bar.is-hidden-by-content {
    opacity: 0;
    transform: translateY(120%);
    pointer-events: none;
  }
  .mobile-checkout-bar__total {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
  }
  .mobile-checkout-bar__content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
  }
  .mobile-checkout-bar__compact {
    min-height: 2.4rem;
    padding: 0 0.72rem;
    border-radius: 999px;
    border: 1px solid #fb923c;
    display: none;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
    font-weight: 700;
    letter-spacing: -0.01em;
    white-space: nowrap;
    margin-left: auto;
    box-shadow: 0 8px 18px rgba(251, 146, 60, 0.26);
  }
  .mobile-checkout-bar.is-collapsed {
    width: auto;
    left: auto;
    right: max(0.65rem, env(safe-area-inset-right));
    padding: 0.28rem;
    border-radius: 999px;
    max-width: calc(100vw - 1.3rem);
  }
  .mobile-checkout-bar.is-collapsed .mobile-checkout-bar__content {
    display: none;
  }
  .mobile-checkout-bar.is-collapsed .mobile-checkout-bar__compact {
    display: inline-flex;
  }
  .mobile-checkout-bar__total span {
    font-size: 10px;
    color: #64748b;
  }
  .mobile-checkout-bar__total strong {
    font-size: 0.94rem;
    color: #0f172a;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-checkout-bar__btn {
    min-height: 2.45rem;
    padding: 0 0.82rem;
    border-radius: 0.72rem;
    border: 1px solid #fb923c;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
    font-weight: 700;
    letter-spacing: -0.01em;
    flex-shrink: 0;
    white-space: nowrap;
  }
  @media (max-width: 430px) {
    .mobile-checkout-bar {
      left: max(0.5rem, env(safe-area-inset-left));
      right: max(0.5rem, env(safe-area-inset-right));
      bottom: max(0.3rem, calc(var(--mobile-app-nav-height) + env(safe-area-inset-bottom) - 1.1rem));
      padding: 0.38rem;
      gap: 0.4rem;
    }
    .mobile-checkout-bar__btn {
      min-height: 2.35rem;
      padding: 0 0.72rem;
      font-size: 0.78rem;
    }
    .mobile-checkout-bar__compact {
      min-height: 2.25rem;
      padding: 0 0.72rem;
      font-size: 0.78rem;
    }
    .mobile-checkout-bar.is-collapsed {
      right: max(0.5rem, env(safe-area-inset-right));
      padding: 0.24rem;
    }
  }
  @media (max-width: 390px) {
    .basketItem--premium {
      padding: 0.75rem;
    }
    .basketItem--premium .basketItem__actions {
      width: 100%;
      margin-top: 0.25rem;
      align-items: center;
      gap: 0.5rem;
      padding-top: 0.55rem;
    }
    .basketItem--premium .basketItem__price {
      margin-left: auto;
      min-width: 0;
      flex: 1;
      text-align: right;
    }
  }
  @media (max-width: 360px) {
    .mobile-checkout-bar__total span {
      font-size: 10px;
    }
    .mobile-checkout-bar__total strong {
      font-size: 0.84rem;
      max-width: 7.5rem;
    }
    .mobile-checkout-bar__btn {
      min-height: 2.2rem;
      padding: 0 0.62rem;
      font-size: 0.74rem;
    }
    .mobile-checkout-bar__btn i {
      font-size: 0.82rem;
    }
    .mobile-checkout-bar__compact {
      min-height: 2.05rem;
      padding: 0 0.62rem;
      font-size: 0.72rem;
      gap: 0.25rem;
    }
    .basketItem--premium .basketItem__actions {
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .basketItem--premium .basketItem__qty {
      order: 1;
    }
    .basketItem--premium .basketItem__price {
      order: 2;
      width: 100%;
      text-align: right;
    }
    .basketItem--premium .basketItem__remove {
      order: 3;
      margin-left: auto;
    }
  }
  @media (min-width: 640px) {
    .basketItem--premium .basketItem__actions {
      width: auto;
      border-top: 0;
      padding-top: 0;
      margin-top: 0;
    }
  }
  .mobile-checkout-bar__btn--ghost {
    color: #9a3412;
    border-color: #fdba74;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
  }
  .mobile-app-nav {
    z-index: 70;
  }
}
@media (min-width: 1024px) {
  .sepet-products-stack {
    margin-inline: 0;
  }
  .basketItem.basketItem--premium {
    border-radius: 0.875rem;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12), 0 8px 22px rgba(15, 23, 42, 0.06);
  }
  .basketItem--premium .basketItem__layout {
    align-items: flex-start;
    gap: 1rem;
  }
  .basketItem--premium .basketItem__top {
    gap: 1rem;
  }
  .basketItem--premium .basketItem__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.9375rem;
    line-height: 1.4;
    letter-spacing: -0.01em;
  }
  .basketItem--premium .basketItem__metaChip {
    min-height: 1.45rem;
    padding: 0.22rem 0.65rem;
    font-size: 0.7rem;
  }
  .basketItem--premium .basketItem__actions {
    min-width: 10.5rem;
  }
  .basketItem--premium .basketItem__price {
    min-width: 7rem;
  }
  #basketPageCartTotals .cart-totals-card.sticky {
    top: 5.5rem;
  }
}
@media (max-width: 1023px) {
  .evc-sepetkasa-page .kasa-page__body {
    background: linear-gradient(180deg, #eef2f9 0%, #f8fafc 28%, #f1f5f9 100%);
    border-radius: 0;
  }
  .evc-sepetkasa-page .kasa-page__stepper {
    border-bottom-color: rgba(226, 232, 240, 0.92);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  }
  .evc-sepetkasa-page .kasa-page .container-evcimo > .grid {
    gap: 0.875rem;
  }
  .evc-sepetkasa-page .kasa-summary-card {
    border-radius: 1.125rem;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.16), 0 14px 32px rgba(15, 23, 42, 0.09);
    border-color: #e2e8f0;
  }
  .evc-sepetkasa-page .kasa-summary-card__total {
    padding-top: 0.85rem;
    margin-top: 0.15rem;
    font-size: 1.0625rem;
    letter-spacing: -0.02em;
  }
  .evc-sepetkasa-page .kasa-summary-card__total .text-primary {
    font-variant-numeric: tabular-nums;
  }
  .evc-sepetkasa-page .kasa-payment-card {
    border-radius: 1.125rem;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.14), 0 16px 36px rgba(15, 23, 42, 0.08);
    border-color: #e2e8f0;
  }
  .evc-sepetkasa-page .kasa-cart-preview {
    border-radius: 1.125rem;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12), 0 12px 28px rgba(15, 23, 42, 0.07);
  }
  .evc-sepetkasa-page .kasa-cart-preview__scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .evc-sepetkasa-page .kasa-odeme-form-wrap input[type='text'], .evc-sepetkasa-page .kasa-odeme-form-wrap input[type='tel'], .evc-sepetkasa-page .kasa-odeme-form-wrap input[type='email'], .evc-sepetkasa-page .kasa-odeme-form-wrap input[type='number'], .evc-sepetkasa-page .kasa-odeme-form-wrap select, .evc-sepetkasa-page .kasa-odeme-form-wrap textarea {
    border-radius: 0.75rem;
    min-height: 2.65rem;
  }
  .evc-sepetkasa-page .mobile-checkout-bar--kasa {
    border-color: rgba(148, 163, 184, 0.38);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(241, 245, 249, 0.98) 100%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 14px 40px rgba(15, 23, 42, 0.14);
  }
  .evc-sepetkasa-page .mobile-checkout-bar--kasa .mobile-checkout-bar__total strong {
    font-size: 1.0625rem;
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
    color: #0f172a;
  }
  .evc-sepetkasa-page .mobile-checkout-bar--kasa .mobile-checkout-bar__btn--ghost {
    color: #334155;
    border-color: #cbd5e1;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    font-weight: 600;
  }
  .evc-sepetkasa-page .mobile-checkout-bar--kasa .mobile-checkout-bar__btn--ghost:hover, .evc-sepetkasa-page .mobile-checkout-bar--kasa .mobile-checkout-bar__btn--ghost:focus-visible {
    border-color: #94a3b8;
    background: #f1f5f9;
  }
}
.evc-blog-content {
  max-width: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: #334155;
  font-size: 0.875rem;
  line-height: 1.75;
  @media (min-width: 640px) {
    font-size: 0.9375rem;
    line-height: 1.8;
  }
  > *:first-child {
    margin-top: 0;
  }
  > *:last-child {
    margin-bottom: 0;
  }
  > .blog-vitrin {
    min-width: 0;
    max-width: 100%;
    margin-block: 1.75rem;
    overflow-x: visible;
    @media (min-width: 640px) {
      margin-block: 2rem;
    }
    .vitrin-mini-list {
      min-width: 0;
      max-width: 100%;
    }
    .vitrin-mini-list__rail {
      min-width: 0;
      max-width: 100%;
      touch-action: pan-x;
    }
  }
  > p {
    margin: 0 0 1.125em;
    color: #475569;
  }
  > p:empty, > p:has(> br:only-child) {
    display: none;
  }
  > h2 {
    margin: 2em 0 0.75em;
    padding-bottom: 0.45em;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.02em;
    @media (min-width: 640px) {
      font-size: 1.375rem;
    }
  }
  > h3 {
    margin: 1.5em 0 0.6em;
    color: #0f172a;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.4;
    @media (min-width: 640px) {
      font-size: 1.125rem;
    }
  }
  > h2 + p, > h3 + p {
    margin-top: 0.5em;
  }
  > ul, > ol {
    margin: 0 0 1.25em;
    padding-left: 1.35em;
    color: #475569;
  }
  > ul {
    list-style-type: disc;
  }
  > ol {
    list-style-type: decimal;
  }
  > ul ul, > ol ol, > ul ol, > ol ul {
    margin-top: 0.35em;
    margin-bottom: 0.35em;
  }
  li {
    margin: 0.35em 0;
    padding-left: 0.15em;
    &::marker {
      color: #94a3b8;
    }
    > p {
      margin: 0.25em 0;
    }
  }
  > blockquote {
    margin: 1.5em 0;
    padding: 0.85em 1em 0.85em 1.1em;
    border-left: 3px solid var(--ev-primary, #ff6c00);
    border-radius: 0 0.5rem 0.5rem 0;
    background: #f8fafc;
    color: #475569;
    font-style: normal;
    p {
      margin: 0;
      + p {
        margin-top: 0.75em;
      }
    }
  }
  > img, p > img, li > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1.25em auto;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  }
  strong, b {
    font-weight: 600;
    color: #1e293b;
  }
  > p a, > li a, blockquote a {
    color: var(--ev-primary, #ff6c00);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: rgba(255, 108, 0, 0.35);
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
    &:hover {
      color: #ea580c;
      text-decoration-color: currentColor;
    }
  }
  > pre, > code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85em;
  }
  > pre {
    margin: 1.25em 0;
    padding: 0.85em 1em;
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #f8fafc;
    color: #1e293b;
  }
  > table, > table.evc-blog-table {
    width: 100%;
    margin: 1.25em 0;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: 0.875em;
    border: none;
  }
  > table th, > table td, > table.evc-blog-table th, > table.evc-blog-table td {
    padding: 0.75em 0;
    border: none;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
  }
  > table thead th, > table.evc-blog-table thead th {
    font-weight: 700;
    color: #0f172a;
    background: transparent;
    border-bottom: 1px solid #cbd5e1;
  }
  > table tbody tr:last-child td, > table.evc-blog-table tbody tr:last-child td {
    border-bottom: none;
  }
  > hr {
    margin: 2em 0;
    border: 0;
    border-top: 1px solid #e2e8f0;
  }
}
.blog-guide-links {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  padding: 1rem 1.25rem;
  @media (min-width: 640px) {
    padding: 1.25rem;
  }
}
.blog-guide-links--listing-bottom {
  margin-top: 2rem;
  margin-bottom: 2rem;
  @media (min-width: 640px) {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.evc-blog-toc {
  margin-top: 1.25rem;
  padding: 0.85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: #f8fafc;
  @media (min-width: 640px) {
    margin-top: 1.5rem;
    padding: 1rem 1.15rem;
  }
}
.evc-blog-toc__summary {
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #475569;
  list-style: none;
  &::-webkit-details-marker {
    display: none;
  }
  &::before {
    content: '▸';
    display: inline-block;
    margin-right: 0.4rem;
    transition: transform 0.15s ease;
  }
}
.evc-blog-toc[open] .evc-blog-toc__summary::before {
  transform: rotate(90deg);
}
.evc-blog-toc__list {
  margin: 0.65rem 0 0;
  padding-left: 1.15rem;
  color: #475569;
  font-size: 0.875rem;
  line-height: 1.55;
}
.evc-blog-toc__item {
  margin: 0.35rem 0;
}
.evc-blog-toc__link {
  color: var(--ev-primary, #ff6c00);
  font-weight: 600;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
.blog-home-trend__rail {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.blog-home-trend__rail::-webkit-scrollbar {
  display: none;
}
.blog-home-trend__item {
  scroll-snap-align: start;
}
.blog-home-hero .group.relative {
  min-height: 280px;
}
@media (min-width: 640px) {
  .blog-home-hero .group.relative {
    min-height: 320px;
  }
}
@media (max-width: 1023px) {
  .breadcrumb-list {
    touch-action: pan-x;
    cursor: grab;
    user-select: none;
  }
  .breadcrumb-list.is-dragging {
    cursor: grabbing;
  }
  .breadcrumb-item .breadcrumb-flyout {
    display: none !important;
  }
  .breadcrumb-mobile-sheet__body {
    max-height: min(50dvh, 22rem);
    overflow-y: auto;
    padding: 0.35rem 0;
  }
  .breadcrumb-mobile-sheet__body .breadcrumb-flyout-link {
    border-radius: 0.65rem;
    border: 1px solid transparent;
  }
  .breadcrumb-mobile-sheet__body .breadcrumb-flyout-link:hover {
    border-color: #e2e8f0;
  }
  .pdp-tab-mobile-sheet__body {
    max-height: none;
    height: 100%;
    overflow-y: auto;
    padding: 0.4rem 0;
    font-size: 13px;
  }
  .pdp-tab-mobile-sheet__tabs {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.15rem 0 0.65rem;
    margin-bottom: 0.35rem;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pdp-tab-mobile-sheet__tabs::-webkit-scrollbar {
    display: none;
  }
  .pdp-tab-mobile-sheet__tab-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    padding: 0.42rem 0.6rem;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    background: #ffffff;
  }
  .pdp-tab-mobile-sheet__tab-btn i {
    font-size: 0.78rem;
    line-height: 1;
  }
  .pdp-tab-mobile-sheet__tab-btn.is-active {
    border-color: #fdba74;
    color: #9a3412;
    background: #fff7ed;
  }
  .pdp-tab-mobile-sheet__body .tab-pane, .pdp-tab-mobile-sheet__body .tab-panel-premium {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
  }
  .pdp-tab-mobile-sheet__body .tab-comments-summary-card .product-img {
    max-width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  #evModals .evModal.pdpTabFullScreen {
    left: 0;
    top: 0;
    transform: none;
    width: 100vw;
    max-height: 100dvh;
    height: 100dvh;
    border-radius: 0;
    border: 0;
  }
  #evModals .evModal.pdpTabFullScreen .evModalHeader {
    min-height: 54px;
    padding: 0 12px;
  }
  #evModals .evModal.pdpTabFullScreen .evModalHeader .title {
    font-size: 14px;
  }
  #evModals .evModal.pdpTabFullScreen .evModalContent {
    height: calc(100dvh - 54px);
    padding: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  #evModals .evModal.pdpTabFullScreen .pdp-tab-mobile-sheet {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@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-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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: 0px;
}
@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-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 spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-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;
    }
  }
}