/* Trailblazer: flytta endast sökikonen på desktop */
@media screen and (min-width: 1024px) {
  .trailblazer--header {
    position: relative;
  }

  .trailblazer--search-button {
    position: absolute;
    left: 80px; /* justera vid behov */
    right: auto;
  }
}
/*-------------------------
ONERVO FAQ STARTPAGE
--------------------------*/

.onervo-faq-startpage {
  max-width: 1400px;
  margin: 60px auto !important;
  padding: 0 24px;
  box-sizing: border-box;
}

.onervo-faq-startpage h2 {
  text-align: center;
  margin: 0 0 42px !important;
  font-size: 28px;
  font-weight: 800;
  color: #000;
  line-height: 1.3;
  letter-spacing: 0.3px;
}

.onervo-faq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.onervo-faq-column {
  width: 100%;
}

.onervo-faq-item {
  margin: 0 0 6px;
}

.onervo-faq-question {
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  background: #d6f7f2 !important;
  color: #000 !important;
  cursor: pointer;
  padding: 14px 52px 14px 22px !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  text-align: left;
  outline: none;
  font-size: 16.5px !important;
  font-weight: 650 !important;
  line-height: 1.35;
  letter-spacing: 0.25px;
  margin: 0 !important;
  position: relative;
  transition: background 0.25s ease;
}

.onervo-faq-question:hover {
  background: #a7e9dd !important;
}

.onervo-faq-question:after {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-weight: 800;
  font-size: 19px;
}

.onervo-faq-question.active:after {
  content: "−";
}

.onervo-faq-answer {
  box-sizing: border-box;
  padding: 0 22px;
  background: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out;
  border-bottom: 1px solid #000;
}

.onervo-faq-answer p {
  margin: 18px 0 22px;
  color: #000;
  font-size: 15.5px;
  line-height: 1.6;
}

@media(max-width: 991px) {
  .onervo-faq-startpage {
    margin: 45px auto !important;
    padding: 0 15px;
  }

  .onervo-faq-startpage h2 {
    font-size: 23px;
    margin-bottom: 28px !important;
  }

  .onervo-faq-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .onervo-faq-question {
    font-size: 16px !important;
    padding: 14px 48px 14px 18px !important;
  }

  .onervo-faq-question:after {
    right: 18px;
  }

  .onervo-faq-answer {
    padding: 0 18px;
  }

  .onervo-faq-answer p {
    font-size: 15px;
  }
}

/* --- END ONERVO FAQ STARTPAGE --- */

/* =====================================
   Produktkort - textfärg och tydlighet
===================================== */

/* Produktnamn */
.tws-article-list--article-name,
.tws-article-list--article-name a,
.tws-article-list--article-name h2,
.tws-article-list--article-name h3 {
    color: #222222 !important;
    font-weight: 600 !important;
}

/* Produktbeskrivning */
.tws-article-list--introduction-text,
.tws-article-list--introduction-text p,
.tws-article-list--introduction-text div,
.tws-article-list--introduction-text span {
    color: #333333 !important;
    font-weight: 400 !important;
}

/* Pris */
.tws-article-list--price,
.tws-article-list--price span {
    color: #111111 !important;
    font-weight: 700 !important;
}
/* FAQ - Onervo startsida */
.onervo-faq-startpage {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

/* FAQ-rubrik */
.onervo-faq-startpage h2 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    text-align: center !important;
}

/* Frågerutor */
.onervo-faq-item {
    background: #f4fbfa !important;
    border-bottom: 1px solid #222222 !important;
    margin-bottom: 10px !important;
}

/* Frågetext */
.onervo-faq-question {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    padding: 13px 18px !important;
    margin: 0 !important;
}

/* Plus-tecken */
.onervo-faq-question::after {
    color: #111111 !important;
    font-weight: 600 !important;
}

/* Svarstext */
.onervo-faq-answer p {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 1.5 !important;
}
.trailblazer--top-bar {
  background: #00878f !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.trailblazer--top-bar * {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.trailblazer--body-wrapper {
  padding-top: 15px !important;
}
.onervo-mobile-img {
  display: none !important;
}

.onervo-desktop-img {
  display: block !important;
  width: 100% !important;
  max-width: 1500px !important;
  height: auto !important;
  margin: 25px auto !important;
}

@media screen and (max-width: 768px) {
  .onervo-desktop-img {
    display: none !important;
  }

  .onervo-mobile-img {
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    margin: 20px auto !important;
  }
}