/* Oldal: Vizelettartási panaszok nőknél. Kivizsgálás és kezelés Szegeden.
   Az aloldal.css UTÁN töltődik, csak ezen az oldalon. Forrás: a jóváhagyott végleges oldal
   (design/mockup/valtozatok/), a közös drbado.css-ből és az oldal saját CSS-éből kiválogatva.
   Kézzel ne írd át: ha valami nem egyezik, a mérés (ellenorzes.py) mutatja meg, hol. */

/* ---- a jóváhagyott mockup közös stíluslapjából (drbado.css), ami élesben még nincs meg ---- */
.g2b-ter{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:36px clamp(40px,6vw,88px); align-items:start; margin-top:clamp(72px,8vw,120px)}
.g2b-panel{margin-top:18px; border-radius:28px; padding:clamp(24px,3vw,36px); background:#fff; border:1px solid var(--outline); display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 22px; align-items:start; min-height:210px}
.g2b-panel[hidden]{display:none}
.g2b-panel .mini{width:64px; height:64px; grid-row:span 2}
.g2b-panel h3{font-weight:600; font-size:clamp(20px,1.8vw,25px); line-height:1.2}
.g2b-panel p{color:var(--mute); margin-top:6px}
.g2b-photo{border-radius:30px; overflow:hidden; aspect-ratio:1; position:relative}
.g2b-photo img{position:absolute; inset:0}
@media (max-width:900px){
  .g2b-ter{grid-template-columns:1fr}
  .g2b-photo{aspect-ratio:16/10}
}
@media (max-width:560px){
  .g2b-panel{grid-template-columns:1fr}
  .g2b-panel .mini{grid-row:auto}
}

/* ---- az oldal saját szabályai ---- */
.t3 .i1-cta{justify-content:space-between; align-items:flex-start; background:linear-gradient(150deg,#fff 0%,var(--h1) 70%,var(--h2) 100%)}
.t3 .i1-cta .btn{margin-top:auto}
.t3 .i1-cta .link{font-size:14.5px}
.i2b-top{display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:36px clamp(40px,6vw,96px); align-items:start}
.venn{margin-top:28px; max-width:520px}
.venn svg{width:100%; height:auto; display:block; overflow:visible}
.venn .c1{fill:rgba(35,115,126,.14); stroke:var(--acc); stroke-width:1.5}
.venn .c2{fill:rgba(35,115,126,.22); stroke:var(--acc); stroke-width:1.5; stroke-dasharray:5 5}
.venn .vt{font-family:var(--display); font-weight:600; font-size:21px; fill:var(--ink)}
.venn .vs{font-family:var(--body); font-size:14px; fill:var(--mute)}
.venn .vm{fill:var(--acc)}
.i2b-types{display:flex; flex-direction:column}
.i2b-types li{padding:22px 0; border-top:1px solid var(--line)}
.i2b-types li:first-child{border-top:0; padding-top:6px}
.i2b-types .tg{display:inline-flex; padding:5px 11px; border-radius:999px; font-size:13px; font-weight:700; letter-spacing:.02em; background:rgba(35,115,126,.12); color:var(--acc)}
.i2b-types .tg.t1{background:rgba(35,115,126,.2)}
.i2b-types .tg.t2{background:var(--acc); color:#fff}
.i2b-types h3{font-weight:600; font-size:clamp(20px,1.8vw,24px); line-height:1.2; margin-top:10px}
.i2b-types p{color:var(--mute); margin-top:6px; font-size:16px}
.i2b-factors{margin-top:clamp(40px,5vw,64px); padding:clamp(22px,2.6vw,32px); display:grid; grid-template-columns:64px minmax(0,1fr); gap:6px 22px; align-items:start}
.i2b-factors h3{font-weight:600; font-size:clamp(19px,1.6vw,22px)}
.i2b-factors p{color:var(--mute); margin-top:4px; max-width:70ch}
.i2b-factors .b1-chips{margin-top:18px}
@media (max-width:900px){
  .i2b-top{grid-template-columns:1fr}
}
@media (max-width:560px){
  .i2b-factors{grid-template-columns:1fr}
}
.b1-quote .in.solo{grid-template-columns:1fr}
.g2b-ter .tabs{flex-wrap:wrap; border-radius:24px; overflow:visible}
.g4a-box{max-width:620px}
.b1-quote .in.solo .big{max-width:38ch; font-size:clamp(24px,2.6vw,36px)}
.g2b-photo, .g3a-ph{min-height:260px}
@media (max-width:900px){
  .g2b-photo{min-height:0}
}
.drbado-page img.kep-inko-fejlec{object-position:50% 17%}
.drbado-page img.kep-inko-konzervativ{object-position:50% 36%}
.drbado-page img.kep-inko-mutet{object-position:50% 0%}
.drbado-page img.kep-inko-vizsgalat{object-position:50% 25%}
.drbado-page img.kep-inko-zaro{object-position:50% 43%}
@media (max-width:640px){
  .drbado-page img.kep-inko-zaro{object-position:76% 50%}
}
@media (max-width:560px){
  .menu4 li{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 14px}
  .menu4 .ld{display:none}
}