/* ==========================================================================
   INTEGRÁL HEALING — SZOLGÁLTATÁSOK (katalógus)
   Minden szabály .ih- prefixet kap, hogy ne ütközzön a Divi CSS-ével.
   ========================================================================== */
/* A betűtípusokat az ih-fonts.css tölti be, helyben, minden oldalon
   (Divi → Integráció → fejléc). Ezért itt nincs Google Fonts @import. */

.ih-szolg{
  --navy:#17475D;   /* a lábléccel egyező navy */
  --navy-soft:#17475D;
  --teal:#148F8A;
  --teal-pale:#DDF4F0;
  --gold:#C99A32;
  --gold-deep:#B87C2D;
  --ivory:#FBF8F1;

  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;

  font-family:var(--sans);
  color:var(--navy-soft);
  font-size:18px;          /* törzsszöveg minimum */
  font-weight:500;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  container-type:inline-size;
}
.ih-szolg *,.ih-szolg *::before,.ih-szolg *::after{box-sizing:border-box}
.ih-szolg p{margin:0 0 .8em}
.ih-szolg p:last-child{margin-bottom:0}
.ih-szolg img,.ih-szolg svg{display:block;max-width:100%}

.ih-szolg h1,.ih-szolg h2,.ih-szolg h3{
  font-family:var(--serif);color:var(--navy-soft);
  margin:0 0 .38em;line-height:1.18;letter-spacing:.01em;
}
.ih-szolg h1{font-size:clamp(34px,5vw,40px);font-weight:600}
.ih-szolg h2{font-size:clamp(27px,3.4vw,33px);font-weight:700}

/* arany elválasztó pötty */
.ih-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 22px}
.ih-rule::before,.ih-rule::after{content:"";height:1px;width:46px;background:var(--gold);opacity:.75}
.ih-rule i{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}

.ih-sec{padding:clamp(28px,3vw,48px) clamp(20px,4vw,56px)}
.ih-wrap{max-width:1600px;margin:0 auto}

/* ==========================================================================
   1 — FEJLÉC
   ========================================================================== */
.ih-head{
  position:relative;
  min-height:clamp(200px,15vw,250px);
  display:flex;flex-direction:column;justify-content:center;
  padding-block:clamp(24px,2.4vw,38px);
  background:
    linear-gradient(90deg,rgba(251,248,241,0) 0%,rgba(251,248,241,.10) 30%,rgba(251,248,241,.14) 50%,rgba(251,248,241,.10) 70%,rgba(251,248,241,0) 100%),
    url("https://tisztanegyszeruen.hu/wp-content/uploads/ih/hero-sav.jpg?v=1") center/cover no-repeat,
    var(--ivory);
  border-top:1px solid var(--gold);
  text-align:center;
}
.ih-head p{max-width:64ch;margin-inline:auto;color:var(--navy-soft)}
.ih-head h1,.ih-head .ih-lead,.ih-head p{text-shadow:0 1px 2px rgba(255,255,255,.95),0 2px 10px rgba(251,248,241,.9),0 0 26px rgba(251,248,241,.8)}
.ih-lead{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(20px,2.2vw,26px);color:var(--gold-deep);
  line-height:1.4;margin:0 0 .7em
}

/* ==========================================================================
   2 — KÁRTYÁK
   ========================================================================== */
.ih-cards{background:#fff;}
.ih-grid{
  display:grid;gap:clamp(16px,1.6vw,24px);
  grid-template-columns:repeat(3,1fr);   /* 6 kartya -> kiegyensulyozott 3+3 */
}
@container (max-width:900px){  .ih-grid{grid-template-columns:repeat(2,1fr)} }
@container (max-width:560px){  .ih-grid{grid-template-columns:1fr} }

.ih-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(20px,2vw,30px) clamp(14px,1.4vw,22px);
  background:var(--ivory);
  border:1px solid rgba(201,154,50,.28);
  border-radius:5px;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ih-card:hover{
  border-color:rgba(201,154,50,.7);
  transform:translateY(-2px);
  box-shadow:0 6px 22px rgba(1,57,96,.07);
}
.ih-card-ico{width:clamp(88px,7.8vw,116px);height:auto;margin:0 auto 16px}
.ih-card h3{
  font-family:var(--sans);font-weight:600;
  font-size:16px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--navy-soft);margin:0 0 .5em;line-height:1.45;
}
.ih-card-nev{
  font-family:var(--serif);font-size:20px;color:var(--gold-deep);
  margin:0 0 .6em;line-height:1.3
}
.ih-card p{font-size:18px;line-height:1.55;color:#4A5A61;margin:0 0 18px}
.ih-card a{
  margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--sans);font-weight:600;font-size:14px;
  letter-spacing:.11em;text-transform:uppercase;text-decoration:none;
  color:var(--gold-deep);
  border:1px solid rgba(201,154,50,.55);
  border-radius:3px;padding:10px 18px;
  transition:background .2s ease,color .2s ease;
}
.ih-card a:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.ih-card a span{transition:transform .2s ease}
.ih-card a:hover span{transform:translateX(3px)}

/* ==========================================================================
   3 — ZÁRÓ FELHÍVÁS
   ========================================================================== */
.ih-cta{
  background:var(--navy);color:#E8EEF2;text-align:center;
  position:relative;overflow:hidden;
}
.ih-cta h2{color:#fff;margin-bottom:.3em}
.ih-cta p{max-width:56ch;margin-inline:auto;color:#DCE6EC}
.ih-cta .ih-rule::before,.ih-cta .ih-rule::after{opacity:.6}
.ih-btn{
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;
  font-family:var(--sans);font-weight:600;font-size:15px;
  letter-spacing:.11em;text-transform:uppercase;text-decoration:none;
  background:var(--gold);color:#fff;
  padding:15px 30px;border-radius:3px;
  transition:background .2s ease;
}
.ih-btn:hover{background:var(--gold-deep)}
.ih-cta-mark{
  position:absolute;right:-60px;bottom:-60px;width:260px;
  opacity:.09;color:#fff;pointer-events:none
}

/* ==========================================================================
   4 — ÁRAK
   ========================================================================== */
.ih-arak{
  background:var(--ivory);
  border-top:1px solid rgba(201,154,50,.35);
  text-align:center;
}
.ih-arak h2{margin-bottom:.3em}
.ih-arak .ih-rule{justify-content:center}
.ih-arak-grid{
  display:grid;gap:clamp(14px,1.6vw,24px);
  grid-template-columns:repeat(3,1fr);
  margin-top:clamp(20px,2.2vw,30px);
}
.ih-ar{
  display:flex;flex-direction:column;align-items:center;
  background:#fff;border:1px solid rgba(201,154,50,.28);
  border-top:3px solid var(--gold);
  border-radius:5px;
  padding:clamp(22px,2.2vw,32px) clamp(16px,1.8vw,26px);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.ih-ar:hover{border-color:rgba(201,154,50,.7);box-shadow:0 6px 22px rgba(1,57,96,.07)}
.ih-ar-ico{
  width:52px;height:52px;margin:0 auto 14px;
  color:var(--gold-deep);
  border:1px solid rgba(201,154,50,.45);border-radius:50%;
  padding:11px;background:var(--ivory);
}
.ih-ar-nev{
  font-family:var(--sans);font-weight:600;font-size:15px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--navy-soft);
  margin:0 0 .5em;line-height:1.45;
  min-height:2.9em;               /* a harom ar egy vonalban alljon */
  display:flex;align-items:center;justify-content:center;
}
.ih-ar-ertek{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(26px,2.8vw,32px);color:var(--gold-deep);
  line-height:1.15;margin:0;
}
.ih-ar-megj{
  font-family:var(--sans);font-size:16px;color:#6E7F86;
  margin:6px 0 0;line-height:1.4;
}
.ih-arak-alj{
  margin-top:clamp(20px,2.2vw,30px);
  font-size:18px;line-height:1.55;color:#62757C;
  max-width:70ch;margin-inline:auto;
}

@container (max-width:900px){ .ih-arak-grid{grid-template-columns:1fr} }