/* @import url('http://example.com/example_style.css'); */

@font-face {
  font-family: 'OldschoolGrotesk';
  src: url('https://25262360.fs1.hubspotusercontent-eu1.net/hubfs/25262360/OldschoolGroteskClassicVar%20%281%29.ttf') format('truetype');
  font-display: swap; 
} 

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body {
  font-family: 'OldschoolGrotesk', sans-serif;
}

h1, h2, h3, h4, h5, h6, blockquote { font-family: 'OldschoolGrotesk', sans-serif; !important } 

/* Anton test below */
div .btn_with_link {
  a {
    padding: 1em 1.5em;
    border-radius: 28px;
    text-decoration: none;
  }
}

.faq-question {
  color: #1E1C1B !important;
  .icon {
    background-color: transparent; 
  }
}

/* Remove Swiper behavior */
.swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  transform: none !important;
}

.swiper-slide {
  width: calc((100% - 60px) / 3) !important;
  margin-right: 0 !important;
}

.swiper-slide-duplicate {
  display: none;
}

/* Equal height cards */
.product-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Force consistent image sizing */
.product-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}