/* =========================================================
   OzoneDTA – termékoldalak és fogászati alkalmazási terület blokk
   A style.css után töltődik be, ugyanazt a színvilágot használja
   (sötét petrol #0D3330, petrol #1F6E64, arany #B8863B).
   ========================================================= */
:root{
  --pp-dark:#0D3330;
  --pp-teal:#1F6E64;
  --pp-gold:#B8863B;
  --pp-mint:#EAF2EF;
  --pp-line:#D5E3DE;
  --pp-text:#22312F;
  --pp-muted:#5C6E6A;
  --pp-blue:#2F6FB5;
  --pp-amber:#D9A21B;
}

/* ---- Termékkártya linkként: ne legyen aláhúzás, maradjon a kártya színe ---- */
a.prod-card{ display:block; color:inherit; text-decoration:none; }
a.prod-card:focus-visible{ outline:3px solid var(--pp-gold); outline-offset:3px; }

/* ---- Fogászati alkalmazási területek (főoldal + termékoldalak) ---- */
.indications{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1rem;
  margin-top:1.75rem;
}
.ind-item{
  background:#fff;
  border:1px solid var(--pp-line);
  border-left:4px solid var(--pp-teal);
  border-radius:12px;
  padding:1.1rem 1.2rem;
}
.ind-item h3{
  font-family:'Nunito',sans-serif;
  font-size:1.05rem;
  color:var(--pp-dark);
  margin:0 0 .35rem;
}
.ind-item p{ margin:0; font-size:.95rem; color:var(--pp-muted); line-height:1.55; }
.ind-note{ margin-top:1.25rem; font-size:.9rem; color:var(--pp-muted); }

/* ---- Morzsamenü ---- */
.pp-breadcrumb{
  font-size:.875rem;
  color:var(--pp-muted);
  padding:1.1rem 0 0;
}
.pp-breadcrumb a{ color:var(--pp-teal); text-decoration:none; }
.pp-breadcrumb a:hover{ text-decoration:underline; }
.pp-breadcrumb span[aria-hidden]{ margin:0 .4rem; }

/* ---- Termék hero ---- */
.pp-hero{ padding:1.5rem 0 3rem; }
.pp-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.5rem;
  align-items:center;
}
.pp-hero-media{
  background:linear-gradient(160deg,#fff 0%,var(--pp-mint) 100%);
  border:1px solid var(--pp-line);
  border-radius:20px;
  padding:1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:320px;
}
.pp-hero-media img{ max-width:100%; height:auto; max-height:420px; object-fit:contain; }
.pp-tag{
  display:inline-block;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--pp-gold);
  margin-bottom:.6rem;
}
.pp-hero h1{
  font-family:'Nunito',sans-serif;
  font-size:clamp(1.7rem,3.4vw,2.5rem);
  line-height:1.15;
  color:var(--pp-dark);
  margin:0 0 1rem;
}
.pp-hero .lead{ font-size:1.075rem; line-height:1.65; color:var(--pp-text); }
.pp-ctas{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
.pp-contact-mini{ margin-top:1rem; font-size:.95rem; color:var(--pp-muted); }
.pp-contact-mini a{ color:var(--pp-teal); font-weight:600; text-decoration:none; }

/* Modell-színkód (gyári kezelőpanel-színek) */
.pp-accent-blue .pp-hero-media{ border-top:5px solid var(--pp-blue); }
.pp-accent-amber .pp-hero-media{ border-top:5px solid var(--pp-amber); }
.pp-accent-teal .pp-hero-media{ border-top:5px solid var(--pp-teal); }

/* ---- Jellemzők ---- */
.pp-features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
  margin-top:1.5rem;
}
.pp-feature{
  background:#fff;
  border:1px solid var(--pp-line);
  border-radius:14px;
  padding:1.2rem;
}
.pp-feature strong{
  display:block;
  font-family:'Nunito',sans-serif;
  color:var(--pp-dark);
  font-size:1.02rem;
  margin-bottom:.3rem;
}
.pp-feature span{ color:var(--pp-muted); font-size:.95rem; line-height:1.55; }

/* ---- Összehasonlító táblázat ---- */
.pp-table-wrap{ overflow-x:auto; margin-top:1.5rem; -webkit-overflow-scrolling:touch; }
.pp-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--pp-line);
  font-size:.95rem;
}
.pp-table th,.pp-table td{
  padding:.8rem 1rem;
  text-align:left;
  border-bottom:1px solid var(--pp-line);
  vertical-align:top;
}
.pp-table thead th{ background:var(--pp-dark); color:#fff; font-family:'Nunito',sans-serif; }
.pp-table tbody th{ color:var(--pp-dark); font-weight:600; width:26%; }
.pp-table td.is-current,.pp-table th.is-current{ background:rgba(184,134,59,.12); }
.pp-table thead th.is-current{ background:var(--pp-gold); }

/* ---- Kapcsolódó termékek ---- */
.pp-related{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
  margin-top:1.5rem;
}
.pp-related a{
  display:block;
  background:#fff;
  border:1px solid var(--pp-line);
  border-radius:14px;
  padding:1.1rem 1.2rem;
  text-decoration:none;
  color:var(--pp-text);
  transition:border-color .2s, transform .2s;
}
.pp-related a:hover{ border-color:var(--pp-teal); transform:translateY(-2px); }
.pp-related strong{ display:block; font-family:'Nunito',sans-serif; color:var(--pp-dark); margin-bottom:.25rem; }
.pp-related span{ font-size:.92rem; color:var(--pp-muted); }

/* ---- Termékoldali lábléc ---- */
.pp-footer-links a{ display:block; }

@media (max-width:860px){
  .pp-hero-grid{ grid-template-columns:1fr; gap:1.5rem; }
  .pp-hero-media{ min-height:240px; order:-1; }
}