/* =========================
   GLOBAL CONTENT TEXT
========================= */

body.content-page main p {
  color: #555;
}
.hero-lead {
  color: #fff;
}
/* ===== HERO ===== */

.hero-quality{
  padding:5.5rem 1rem 4.5rem;
  background:#ffffff;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.hero-quality .inner{
  max-width:1100px;
  margin:0 auto;
}
.hero-quality .eyebrow{
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#777;
  margin-bottom:1rem;
}
.hero-quality h1{
  font-size:2.6rem;
  font-weight:700;
  margin-bottom:1.2rem;
}
.hero-quality p{
  font-size:1.05rem;
  color:#555;
  max-width:760px;
  line-height:1.6;
}

/* ===== KVALITET ===== */

.qx-section{
  max-width:1100px;
  margin:5rem auto;
  padding:0 1rem;
}

.qx-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.6rem;
  margin-top:3.5rem;
}

.qx-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:1.8rem 1.9rem;
  background:#fff;
}

.qx-icon{
  font-size:1.4rem;
  color:#111;
  margin-bottom:.8rem;
}

.qx-card h4{
  font-size:.95rem;
  font-weight:600;
  margin-bottom:.5rem;
  color:#111;
}

.qx-card p{
  font-size:.88rem;
  color:#666;
  line-height:1.55;
  margin:0;
}

@media (max-width:991px){
  .qx-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:575px){
  .qx-grid{grid-template-columns:1fr;}
}

.qx-emphasis{
  max-width:900px;
  margin:6rem auto 5rem;
  padding:0 1rem;
}

.qx-emphasis h3{
  font-size:1.9rem;
  font-weight:700;
  margin-bottom:1rem;
}

.qx-emphasis p{
  font-size:1rem;
  color:#555;
  line-height:1.6;
  max-width:760px;
}

.qx-box{
  max-width:1100px;
  margin:0 auto 6rem;
  padding:2.8rem 3rem;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  display:flex;
  flex-wrap:wrap;
  gap:2.5rem;
  align-items:center;
  justify-content:space-between;
}

.qx-box p{
  margin:0;
  font-size:.95rem;
  color:#444;
  max-width:720px;
  line-height:1.6;
}

/* ===== CTA ===== */

.sm-cta-inline{
  margin-top:2.5rem;
  font-size:.95rem;
  color:#111;
}

.sm-cta-inline a{
  margin-left:.5rem;
  text-decoration:none;
  font-weight:600;
}

.sm-cta-inline a:hover{
  text-decoration:underline;
}