/* ==========================================================================
   Componentes globais externos - imports injetados pelo generate
   ========================================================================== */
@font-face {
  font-family: "Caviar Dreams";
  font-display: swap;
  src: url("/fonts/CaviarDreams.woff2") format("woff2");
}
@font-face {
  font-family: "Caviar Dreams Bold";
  font-display: swap;
  src: url("/fonts/CaviarDreams_Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Catchye";
  font-display: swap;
  src: url("/fonts/Catchye.woff2") format("woff2");
}
@font-face {
  font-family: "MAREGY";
  font-display: swap;
  src: url("/fonts/MAREGY.woff2") format("woff2");
}
:root {
  --font-family-base: "Caviar Dreams", "Montserrat", sans-serif;
  --font-family-title: "Catchye", "Montserrat", sans-serif;
  --font-family-bold: "Caviar Dreams Bold", "Montserrat", sans-serif;
  --font-family-side: "MAREGY", "Montserrat", sans-serif;
}

body #header {
  --header-bg: #000;
  background-color: #000;
}
body #header > .container button,
body #header .actions > .account .account-button,
body #header .actions > .cart .cart-button {
  color: #fff;
}

body .products.carousel > .header .title {
  font-size: 3.8rem;
}

body .side-by-side > .side-by-side-content .title {
  font-size: 3.8rem;
}
body .side-by-side > .side-by-side-content .texts-inner h3 {
  font-family: var(--font-family-side);
  font-size: 2.5rem;
  font-weight: var(--font-weight-base);
  line-height: 1;
  text-transform: capitalize;
  color: #e0ac4b;
}
body .side-by-side > .side-by-side-content .texts-inner p {
  font-family: var(--font-family-side);
  font-size: 2.4rem;
  line-height: 1.5;
  color: var(--gray-3, #707070);
}
body .side-by-side > .side-by-side-content .button-default {
  font-family: var(--font-family-bold);
}