@font-face {
  font-family: 'DM Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i5.8654104650c013677e3def7db9b31bfbaa34e59a.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i5.a0dc844d8a75a4232f255fc600ad5a295572bed9.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i5.8654104650c013677e3def7db9b31bfbaa34e59a.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_i5.a0dc844d8a75a4232f255fc600ad5a295572bed9.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2')
      format('woff2'),
    url('https://geberich.eu/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff')
      format('woff');
}

:root,
.color-scheme-1 {
  --color-background: 255, 255, 255;
  --color-secondary-background: 247, 247, 247;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 230, 230, 230;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 233, 233, 233;
  --color-secondary-button-border: 233, 233, 233;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 245, 245, 245;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #666666;
  --color-foreground-lighten-19: #cfcfcf;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-1 {
    --color-background: 255, 255, 255;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #666666;
    --color-foreground-lighten-19: #cfcfcf;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-1 {
    --color-background: 255, 255, 255;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #666666;
    --color-foreground-lighten-19: #cfcfcf;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-2 {
  --color-background: 243, 238, 234;
  --color-secondary-background: 243, 238, 234;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 233, 242, 246;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-border: 230, 230, 230;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 255, 255, 255;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #615f5e;
  --color-foreground-lighten-19: #c5c1be;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-2 {
    --color-background: 243, 238, 234;
    --color-secondary-background: 243, 238, 234;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 233, 242, 246;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 230, 230, 230;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #615f5e;
    --color-foreground-lighten-19: #c5c1be;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-2 {
    --color-background: 243, 238, 234;
    --color-secondary-background: 243, 238, 234;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 233, 242, 246;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 230, 230, 230;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #615f5e;
    --color-foreground-lighten-19: #c5c1be;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-3 {
  --color-background: 245, 245, 245;
  --color-secondary-background: 247, 247, 247;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 247, 247, 247;
  --color-button: 233, 233, 233;
  --color-button-text: 0, 0, 0;
  --color-secondary-button: 0, 0, 0;
  --color-secondary-button-border: 0, 0, 0;
  --color-secondary-button-text: 255, 255, 255;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 255, 255, 255;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #626262;
  --color-foreground-lighten-19: #c6c6c6;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-3 {
    --color-background: 245, 245, 245;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 247, 247, 247;
    --color-button: 233, 233, 233;
    --color-button-text: 0, 0, 0;
    --color-secondary-button: 0, 0, 0;
    --color-secondary-button-border: 0, 0, 0;
    --color-secondary-button-text: 255, 255, 255;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #626262;
    --color-foreground-lighten-19: #c6c6c6;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-3 {
    --color-background: 245, 245, 245;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 247, 247, 247;
    --color-button: 233, 233, 233;
    --color-button-text: 0, 0, 0;
    --color-secondary-button: 0, 0, 0;
    --color-secondary-button-border: 0, 0, 0;
    --color-secondary-button-text: 255, 255, 255;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #626262;
    --color-foreground-lighten-19: #c6c6c6;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-4 {
  --color-background: 232, 220, 208;
  --color-secondary-background: 247, 247, 247;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 230, 230, 230;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 233, 233, 233;
  --color-secondary-button-border: 233, 233, 233;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 245, 245, 245;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #5d5853;
  --color-foreground-lighten-19: #bcb2a8;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-4 {
    --color-background: 232, 220, 208;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #5d5853;
    --color-foreground-lighten-19: #bcb2a8;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-4 {
    --color-background: 232, 220, 208;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #5d5853;
    --color-foreground-lighten-19: #bcb2a8;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-inverse {
  --color-background: 0, 0, 0;
  --color-secondary-background: 0, 0, 0;
  --color-primary: 214, 58, 47;
  --color-text-heading: 255, 255, 255;
  --color-foreground: 255, 255, 255;
  --color-border: 255, 255, 255;
  --color-button: 255, 255, 255;
  --color-button-text: 0, 0, 0;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-border: 230, 230, 230;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 255, 255, 255;
  --color-field-text: 0, 0, 0;
  --color-link: 255, 255, 255;
  --color-link-hover: 255, 255, 255;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #999999;
  --color-foreground-lighten-19: #303030;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-inverse {
    --color-background: 0, 0, 0;
    --color-secondary-background: 0, 0, 0;
    --color-primary: 214, 58, 47;
    --color-text-heading: 255, 255, 255;
    --color-foreground: 255, 255, 255;
    --color-border: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 230, 230, 230;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 255, 255, 255;
    --color-link-hover: 255, 255, 255;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #999999;
    --color-foreground-lighten-19: #303030;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-inverse {
    --color-background: 0, 0, 0;
    --color-secondary-background: 0, 0, 0;
    --color-primary: 214, 58, 47;
    --color-text-heading: 255, 255, 255;
    --color-foreground: 255, 255, 255;
    --color-border: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 230, 230, 230;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 255, 255, 255;
    --color-link-hover: 255, 255, 255;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #999999;
    --color-foreground-lighten-19: #303030;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-6 {
  --color-background: 244, 228, 227;
  --color-secondary-background: 243, 238, 234;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 198, 191, 177;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-border: 230, 230, 230;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 255, 255, 255;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #625b5b;
  --color-foreground-lighten-19: #c6b9b8;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-6 {
    --color-background: 244, 228, 227;
    --color-secondary-background: 243, 238, 234;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 198, 191, 177;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 230, 230, 230;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #625b5b;
    --color-foreground-lighten-19: #c6b9b8;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-6 {
    --color-background: 244, 228, 227;
    --color-secondary-background: 243, 238, 234;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 198, 191, 177;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 230, 230, 230;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #625b5b;
    --color-foreground-lighten-19: #c6b9b8;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-7 {
  --color-background: 255, 255, 255;
  --color-secondary-background: 233, 233, 233;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 230, 230, 230;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 233, 233, 233;
  --color-secondary-button-border: 233, 233, 233;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 245, 245, 245;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #666666;
  --color-foreground-lighten-19: #cfcfcf;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-7 {
    --color-background: 255, 255, 255;
    --color-secondary-background: 233, 233, 233;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #666666;
    --color-foreground-lighten-19: #cfcfcf;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-7 {
    --color-background: 255, 255, 255;
    --color-secondary-background: 233, 233, 233;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #666666;
    --color-foreground-lighten-19: #cfcfcf;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-8 {
  --color-background: 239, 222, 217;
  --color-secondary-background: 247, 247, 247;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 230, 230, 230;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 233, 233, 233;
  --color-secondary-button-border: 233, 233, 233;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 245, 245, 245;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #605957;
  --color-foreground-lighten-19: #c2b4b0;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-8 {
    --color-background: 239, 222, 217;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #605957;
    --color-foreground-lighten-19: #c2b4b0;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-8 {
    --color-background: 239, 222, 217;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #605957;
    --color-foreground-lighten-19: #c2b4b0;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-9 {
  --color-background: 255, 255, 255;
  --color-secondary-background: 245, 245, 245;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 230, 230, 230;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-border: 204, 204, 204;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 245, 245, 245;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #666666;
  --color-foreground-lighten-19: #cfcfcf;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-9 {
    --color-background: 255, 255, 255;
    --color-secondary-background: 245, 245, 245;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 204, 204, 204;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #666666;
    --color-foreground-lighten-19: #cfcfcf;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-9 {
    --color-background: 255, 255, 255;
    --color-secondary-background: 245, 245, 245;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 230, 230;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-border: 204, 204, 204;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #666666;
    --color-foreground-lighten-19: #cfcfcf;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-10 {
  --color-background: 230, 234, 238;
  --color-secondary-background: 247, 247, 247;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 230, 234, 238;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 233, 233, 233;
  --color-secondary-button-border: 233, 233, 233;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 245, 245, 245;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #5c5e5f;
  --color-foreground-lighten-19: #babec1;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-10 {
    --color-background: 230, 234, 238;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 234, 238;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #5c5e5f;
    --color-foreground-lighten-19: #babec1;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-10 {
    --color-background: 230, 234, 238;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 230, 234, 238;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 245, 245, 245;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #5c5e5f;
    --color-foreground-lighten-19: #babec1;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-11 {
  --color-background: 243, 238, 234;
  --color-secondary-background: 247, 247, 247;
  --color-primary: 214, 58, 47;
  --color-text-heading: 0, 0, 0;
  --color-foreground: 0, 0, 0;
  --color-border: 255, 255, 255;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 233, 233, 233;
  --color-secondary-button-border: 233, 233, 233;
  --color-secondary-button-text: 0, 0, 0;
  --color-button-hover-background: 0, 0, 0;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #333333;
  --color-field: 255, 255, 255;
  --color-field-text: 0, 0, 0;
  --color-link: 0, 0, 0;
  --color-link-hover: 0, 0, 0;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #615f5e;
  --color-foreground-lighten-19: #c5c1be;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-11 {
    --color-background: 243, 238, 234;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 255, 255, 255;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #615f5e;
    --color-foreground-lighten-19: #c5c1be;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-11 {
    --color-background: 243, 238, 234;
    --color-secondary-background: 247, 247, 247;
    --color-primary: 214, 58, 47;
    --color-text-heading: 0, 0, 0;
    --color-foreground: 0, 0, 0;
    --color-border: 255, 255, 255;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 233, 233, 233;
    --color-secondary-button-border: 233, 233, 233;
    --color-secondary-button-text: 0, 0, 0;
    --color-button-hover-background: 0, 0, 0;
    --color-button-hover-text: 255, 255, 255;
    --color-button-before: #333333;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-link-hover: 0, 0, 0;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #615f5e;
    --color-foreground-lighten-19: #c5c1be;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-e299b630-7362-4c00-8233-7b1319b7d2cb {
  --color-background: 233, 242, 246;
  --color-secondary-background: 63, 122, 156;
  --color-primary: 11, 56, 70;
  --color-text-heading: 11, 56, 70;
  --color-foreground: 11, 56, 70;
  --color-border: 63, 122, 156;
  --color-button: 11, 56, 70;
  --color-button-text: 233, 242, 246;
  --color-secondary-button: 233, 242, 246;
  --color-secondary-button-border: 63, 122, 156;
  --color-secondary-button-text: 11, 56, 70;
  --color-button-hover-background: 233, 242, 246;
  --color-button-hover-text: 63, 122, 156;
  --color-button-before: #ffffff;
  --color-field: 233, 242, 246;
  --color-field-text: 11, 56, 70;
  --color-link: 11, 56, 70;
  --color-link-hover: 11, 56, 70;
  --color-product-price-sale: 11, 56, 70;
  --color-foreground-lighten-60: #64828c;
  --color-foreground-lighten-19: #bfcfd5;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-e299b630-7362-4c00-8233-7b1319b7d2cb {
    --color-background: 233, 242, 246;
    --color-secondary-background: 63, 122, 156;
    --color-primary: 11, 56, 70;
    --color-text-heading: 11, 56, 70;
    --color-foreground: 11, 56, 70;
    --color-border: 63, 122, 156;
    --color-button: 11, 56, 70;
    --color-button-text: 233, 242, 246;
    --color-secondary-button: 233, 242, 246;
    --color-secondary-button-border: 63, 122, 156;
    --color-secondary-button-text: 11, 56, 70;
    --color-button-hover-background: 233, 242, 246;
    --color-button-hover-text: 63, 122, 156;
    --color-button-before: #ffffff;
    --color-field: 233, 242, 246;
    --color-field-text: 11, 56, 70;
    --color-link: 11, 56, 70;
    --color-link-hover: 11, 56, 70;
    --color-product-price-sale: 11, 56, 70;
    --color-foreground-lighten-60: #64828c;
    --color-foreground-lighten-19: #bfcfd5;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-e299b630-7362-4c00-8233-7b1319b7d2cb {
    --color-background: 233, 242, 246;
    --color-secondary-background: 63, 122, 156;
    --color-primary: 11, 56, 70;
    --color-text-heading: 11, 56, 70;
    --color-foreground: 11, 56, 70;
    --color-border: 63, 122, 156;
    --color-button: 11, 56, 70;
    --color-button-text: 233, 242, 246;
    --color-secondary-button: 233, 242, 246;
    --color-secondary-button-border: 63, 122, 156;
    --color-secondary-button-text: 11, 56, 70;
    --color-button-hover-background: 233, 242, 246;
    --color-button-hover-text: 63, 122, 156;
    --color-button-before: #ffffff;
    --color-field: 233, 242, 246;
    --color-field-text: 11, 56, 70;
    --color-link: 11, 56, 70;
    --color-link-hover: 11, 56, 70;
    --color-product-price-sale: 11, 56, 70;
    --color-foreground-lighten-60: #64828c;
    --color-foreground-lighten-19: #bfcfd5;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

.color-scheme-01f41358-e954-4ebe-b594-3e1b5b6ba845 {
  --color-background: 233, 242, 246;
  --color-secondary-background: 63, 122, 156;
  --color-primary: 214, 58, 47;
  --color-text-heading: 255, 255, 255;
  --color-foreground: 255, 255, 255;
  --color-border: 230, 230, 230;
  --color-button: 255, 255, 255;
  --color-button-text: 11, 56, 70;
  --color-secondary-button: 233, 242, 246;
  --color-secondary-button-border: 63, 122, 156;
  --color-secondary-button-text: 11, 56, 70;
  --color-button-hover-background: 233, 242, 246;
  --color-button-hover-text: 11, 56, 70;
  --color-button-before: #ffffff;
  --color-field: 255, 255, 255;
  --color-field-text: 0, 0, 0;
  --color-link: 255, 255, 255;
  --color-link-hover: 255, 255, 255;
  --color-product-price-sale: 214, 58, 47;
  --color-foreground-lighten-60: #f6fafb;
  --color-foreground-lighten-19: #edf4f8;
}

@media (min-width: 768px) {
  body .desktop-color-scheme-01f41358-e954-4ebe-b594-3e1b5b6ba845 {
    --color-background: 233, 242, 246;
    --color-secondary-background: 63, 122, 156;
    --color-primary: 214, 58, 47;
    --color-text-heading: 255, 255, 255;
    --color-foreground: 255, 255, 255;
    --color-border: 230, 230, 230;
    --color-button: 255, 255, 255;
    --color-button-text: 11, 56, 70;
    --color-secondary-button: 233, 242, 246;
    --color-secondary-button-border: 63, 122, 156;
    --color-secondary-button-text: 11, 56, 70;
    --color-button-hover-background: 233, 242, 246;
    --color-button-hover-text: 11, 56, 70;
    --color-button-before: #ffffff;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 255, 255, 255;
    --color-link-hover: 255, 255, 255;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #f6fafb;
    --color-foreground-lighten-19: #edf4f8;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

@media (max-width: 767px) {
  body .mobile-color-scheme-01f41358-e954-4ebe-b594-3e1b5b6ba845 {
    --color-background: 233, 242, 246;
    --color-secondary-background: 63, 122, 156;
    --color-primary: 214, 58, 47;
    --color-text-heading: 255, 255, 255;
    --color-foreground: 255, 255, 255;
    --color-border: 230, 230, 230;
    --color-button: 255, 255, 255;
    --color-button-text: 11, 56, 70;
    --color-secondary-button: 233, 242, 246;
    --color-secondary-button-border: 63, 122, 156;
    --color-secondary-button-text: 11, 56, 70;
    --color-button-hover-background: 233, 242, 246;
    --color-button-hover-text: 11, 56, 70;
    --color-button-before: #ffffff;
    --color-field: 255, 255, 255;
    --color-field-text: 0, 0, 0;
    --color-link: 255, 255, 255;
    --color-link-hover: 255, 255, 255;
    --color-product-price-sale: 214, 58, 47;
    --color-foreground-lighten-60: #f6fafb;
    --color-foreground-lighten-19: #edf4f8;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }
}

body,
.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-inverse,
.color-scheme-6,
.color-scheme-7,
.color-scheme-8,
.color-scheme-9,
.color-scheme-10,
.color-scheme-11,
.color-scheme-e299b630-7362-4c00-8233-7b1319b7d2cb,
.color-scheme-01f41358-e954-4ebe-b594-3e1b5b6ba845 {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
}

:root {
  /* Animation variable */
  --animation-nav: 0.5s cubic-bezier(0.6, 0, 0.4, 1);
  --animation-default: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  --animation-fast: 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --transform-origin-start: left;
  --transform-origin-end: right;
  --duration-default: 200ms;
  --duration-image: 1000ms;

  --font-body-family: 'DM Sans', sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bolder: 500;
  --font-body-weight-bold: 700;
  --font-body-size: 1.6rem;
  --font-body-line-height: 1.625;

  --font-heading-family: 'DM Sans', sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 500;
  --font-heading-letter-spacing: -0.04em;
  --font-heading-transform: none;
  --font-heading-scale: 1;
  --font-heading-mobile-scale: 0.8;

  --font-hd1-transform: none;

  --font-subheading-family: 'DM Sans', sans-serif;
  --font-subheading-weight: 500;
  --font-subheading-scale: 1.12;
  --font-subheading-transform: capitalize;
  --font-subheading-letter-spacing: 0em;

  --font-navigation-family: 'DM Sans', sans-serif;
  --font-navigation-weight: 500;
  --navigation-transform: none;

  --font-button-family: 'DM Sans', sans-serif;
  --font-button-weight: 500;
  --buttons-letter-spacing: 0em;
  --buttons-transform: capitalize;
  --buttons-height: 4.8rem;
  --buttons-border-width: 1px;
  --inputs-border-width: 1px;

  --font-pcard-title-family: 'DM Sans', sans-serif;
  --font-pcard-title-style: normal;
  --font-pcard-title-weight: 500;
  --font-pcard-title-scale: 1.12;
  --font-pcard-title-transform: none;

  --font-hd1-size: 6rem;
  --font-hd2-size: 4.8rem;
  --font-hd3-size: 3.6rem;
  --font-h1-size: calc(var(--font-heading-scale) * 4rem);
  --font-h2-size: calc(var(--font-heading-scale) * 3.2rem);
  --font-h3-size: calc(var(--font-heading-scale) * 2.8rem);
  --font-h4-size: calc(var(--font-heading-scale) * 2.2rem);
  --font-h5-size: calc(var(--font-heading-scale) * 1.8rem);
  --font-h6-size: calc(var(--font-heading-scale) * 1.6rem);
  --font-subheading-size: calc(
    var(--font-subheading-scale) * var(--font-body-size)
  );
  --font-pcard-title-size: calc(
    var(--font-pcard-title-scale) * var(--font-body-size)
  );

  --color-badge-sale: #d63a2f;
  --color-badge-sale-text: #ffffff;
  --color-badge-soldout: #a5a4ab;
  --color-badge-soldout-text: #ffffff;
  --color-badge-hot: #3f7a9c;
  --color-badge-hot-text: #ffffff;
  --color-badge-new: #559b60;
  --color-badge-new-text: #ffffff;
  --color-cart-bubble: #d63a2f;
  --color-keyboard-focus: 11 97 205;

  --buttons-radius: 2.4rem;
  --inputs-radius: 2.4rem;
  --textareas-radius: 1.6rem;
  --blocks-radius: 2rem;
  --blocks-radius-mobile: 1.6rem;
  --small-blocks-radius: 0.6rem;
  --medium-blocks-radius: 1rem;
  --pcard-radius: 2rem;
  --pcard-inner-radius: 1rem;
  --badges-radius: 0.5rem;

  --page-width: 1410px;
  --page-width-margin: 0rem;
  --header-padding-bottom: 4rem;
  --header-padding-bottom-mobile: 3.2rem;
  --header-padding-bottom-large: 6rem;
  --header-padding-bottom-large-lg: 4rem;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
}

@media (min-width: 1485px) {
  .swiper-controls--outside {
    --swiper-navigation-offset-x: calc(
      (var(--swiper-navigation-size) + 2.7rem) * -1
    );
  }
}