/*-------------------- Roboto -----------------------------------------*/



@font-face {
   font-family: 'RobotoCondensed-Light';
   src: url("/fonts/RobotoCondensed-Light.woff2") format("woff2"),
      url("/fonts/RobotoCondensed-Light.ttf") format("truetype");

}




/* Maax-Bold */

@font-face {
   font-family: 'Maax-Bold';
   src:

      url("./fonts/maax_-_bold-205tf-webfont.woff") format("woff"),
      url("./fonts/maax_-_bold-205tf-webfont.woff2") format("woff2");

}

/* Maax-Medium */

@font-face {
   font-family: 'Maax-Medium';
   src:

      url("./fonts/maax_-_medium-205tf-webfont.woff") format("woff"),
      url("./fonts/maax_-_medium-205tf-webfont.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;

}


/* Maax-Regular */

@font-face {
   font-family: 'Maax-Regular';
   src:

      url("./fonts/maax_-_regular-205tf-webfont.woff") format("woff"),
      url("./fonts/maax_-_regular-205tf-webfont.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;

}



/* Halvar-Black */

@font-face {
   font-family: 'Halvar-Black';
   src:

      url("./fonts/halvar-engschrift-black-webfont.woff") format("woff"),
      url("./fonts/halvar-engschrift-black-webfont.woff2") format("woff2");

}


/* Halvar-Bold */

@font-face {
   font-family: 'Halvar-Bold';
   src:

      url("./fonts/halvar-engschrift-bold-webfont.woff") format("woff"),
      url("./fonts/halvar-engschrift-bold-webfont.woff2") format("woff2");

}


/* Halvar-Medium */

@font-face {
   font-family: 'Halvar-Medium';
   src:
      url("/fonts/Halvar-Engschrift-Medium.otf") format("otf");

}






:root {

   --header-h: 64px;
   /* set your real header height */


}


html, body {
  height: 100dvh;        /* full viewport height */
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  scroll-behavior: smooth;     /* prevent window scrollbar */
}


html {

   overflow-x: hidden;
   margin: 0;

}


body {
   font-family: 'Maax-Regular', sans-serif;
   color: #1D1D1D;
   /* prevent content from hiding under the fixed header */
   margin-top: 60px;
   /* adjust to match header height */
   margin: 0;
   height: 100dvh;
   /* mobile-safe vh */
   display: flex;
   grid-template-rows: var(--header-h) 1fr;
   overflow: hidden;
   /* hide window scrollbar */
   flex-direction: column;
}




/* WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
   width: 8px;
   height: 8px;
   /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
   background: var(--neutral-50, #F7F6F6);
   border-radius: 27px;
}

::-webkit-scrollbar-thumb {
   background: var(--neutral-300, #DFDCDD);
   border-radius: 27px;
   border: 2px solid var(--neutral-50, #F7F6F6);
   /* keeps rounded look */
}

::-webkit-scrollbar-thumb:hover {
   background: var(--neutral-400, #C8C5C5);
}

/* Firefox */
* {
   scrollbar-width: thin;
   scrollbar-color: var(--neutral-300, #DFDCDD) var(--neutral-50, #F7F6F6);
}


a,
.card,
.category,
section,
button,
textarea,
svg * {

   transition-duration: 0.2s;
}

a:hover {
   color: #1a0641;

}