*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #fbfbfc;
  --text: #1f1f1f;
  --text-soft: #666b73;
  --text-muted: #8b9098;
  --border: #e8eaed;
  --border-strong: #d9dde3;

  --yellow: #ffe600;
  --blue: #3483fa;
  --blue-dark: #2968c8;
  --green: #00a650;
  --green-soft: #e7f8ef;
  --green-text: #137333;

  --amber-soft: #fff7db;
  --amber-text: #8a5a00;

  --red-soft: #ffe8e8;
  --red-text: #c62828;

  --discount: #00a650;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 4px 10px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 10px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 22px;

  --container: 1280px;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:#E3E6E6;
  color: var(--text);
  font-family: "GellixRegular", Arial, sans-serif;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  line-height: 1;
  user-select: none;
}

.badge.badge--soldout {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  order: 2;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #f2362f !important;
  background-color: #f2362f !important;
  color: #ffffff !important;
  font-family: "Proxima Nova", -apple-system, "Helvetica Neue", helvetica, roboto, arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(242, 54, 47, 0.18) !important;
  border: none !important;
}

.badge.badge--soldout .material-symbols-outlined {
  font-size: 14px !important;
  color: #ffffff !important;
}