:root {

  /* Direction */
  --direction: ltr;

  /* Font variables */

  --font-stack-headings: "DM Sans", sans-serif;
  --font-weight-headings: 500;
  --font-style-headings: normal;

  --font-stack-body: "DM Sans", sans-serif;
  --font-weight-body: 400;
  --font-weight-body-bold: 500;
  --font-style-body: normal;
  --font-weight-buttons: var(--font-weight-body-bold);
  --font-weight-menu: var(--font-weight-body-bold);
  --base-headings-size: 70;
  --base-headings-line: 1;
  --base-headings-spacing: 0.0em;
  --base-body-size: 16;
  --base-body-line: 1.4;
  --base-body-spacing: 0.0em;

  --base-menu-size: 17;

  /* Color variables */
  --color-background-header: #ffffff;
  --color-secondary-background-header: rgba(10, 49, 97, 0.08);
  --color-opacity-background-header: rgba(255, 255, 255, 0);
  --color-text-header: #000000;
  --color-foreground-header: #ffffff;
  --color-accent-header: #000000;
  --color-foreground-accent-header: #ffffff;
  --color-borders-header: rgba(10, 49, 97, 0.1);

  --color-background-main: #ffffff;
  --color-secondary-background-main: rgba(29, 29, 29, 0.08);
  --color-third-background-main: rgba(29, 29, 29, 0.04);
  --color-fourth-background-main: rgba(29, 29, 29, 0.02);
  --color-opacity-background-main: rgba(255, 255, 255, 0);
  --color-text-main: #1d1d1d;
  --color-foreground-main: #ffffff;
  --color-secondary-text-main: rgba(29, 29, 29, 0.62);
  --color-accent-main: #000000;
  --color-foreground-accent-main: #ffffff;
  --color-borders-main: rgba(29, 29, 29, 0.15);

  --color-background-cards: #ffffff;
  --color-gradient-cards: ;
  --color-text-cards: #1d1d1d;
  --color-foreground-cards: #ffffff;
  --color-secondary-text-cards: rgba(29, 29, 29, 0.6);
  --color-accent-cards: #000000;
  --color-foreground-accent-cards: #ffffff;
  --color-borders-cards: #dfdfdf;

  --color-background-footer: #000000;
  --color-text-footer: #c7c7c7;
  --color-accent-footer: #ffffff;
  --color-borders-footer: rgba(199, 199, 199, 0.15);

  --color-borders-forms-primary: rgba(29, 29, 29, 0.3);
  --color-borders-forms-secondary: rgba(29, 29, 29, 0.6);

  /* Borders */

  --border-width-cards: 1px;
  --border-radius-cards: 12px;
  --border-width-buttons: 1px;
  --border-radius-buttons: 30px;
  --border-width-forms: 1px;
  --border-radius-forms: 5px;

  /* Shadows */
  --shadow-x-cards: 0px;
  --shadow-y-cards: 0px;
  --shadow-blur-cards: 0px;
  --color-shadow-cards: rgba(0, 0, 0, 0);
  --shadow-x-buttons: 0px;
  --shadow-y-buttons: 0px;
  --shadow-blur-buttons: 0px;
  --color-shadow-buttons: rgba(0, 0, 0, 0);

  /* Layout */

  --grid-gap-original-base: 36px;
  --theme-max-width: 1680px;
  --container-vertical-space-base: 100px;
  --image-fit-padding: 5%;

}

@media screen and (max-width: 767px) {
  :root {
    --border-radius-cards: clamp(8px, 6px, 12px);
  }
}


.facets__summary,
#main select,
.sidebar select,
.modal-content select {
  background-image: url('data:image/svg+xml;utf8,<svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="%231d1d1d"/><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="%231d1d1d"/></svg>');
}

.card .star-rating__stars {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" stroke="%231d1d1d" stroke-width="1"/></svg>');
}

.card .star-rating__stars-active {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" fill="%231d1d1d" stroke-width="0"/></svg>');
}

.star-rating__stars {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" stroke="%231d1d1d" stroke-width="1"/></svg>');
}

.star-rating__stars-active {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7 0 1.572 4.837h5.085l-4.114 2.99 1.572 4.836L7 9.673l-4.114 2.99 1.571-4.837-4.114-2.99h5.085L7 0Z" fill="%231d1d1d" stroke-width="0"/></svg>');
}

.product-item {
  --color-borders-cards: #e9e9e9;
}