/* Oldal: Nőgyógyászati magánrendelés árak Szegeden 2026.
   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. */


/* ---- az oldal saját szabályai ---- */
.hl3{margin-top:0}
.a2-ins{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px}
.a2-in{padding:clamp(22px,2.4vw,30px); display:flex; flex-direction:column; gap:12px}
.a2-in h3{font-weight:600; font-size:19px; line-height:1.25}
.a2-in p{color:var(--mute); font-size:15.5px}
.a3c{display:grid; gap:var(--gut); margin-top:36px; grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-areas:"ph r1 r2" "ph r3 r4" "hz hz ph2" "fiz fiz ph2"}
.a3c>*{border-radius:30px}
.a3c .c-ph{grid-area:ph; min-height:460px; position:relative; overflow:hidden}
.a3c .c-ph2{grid-area:ph2; min-height:360px; position:relative; overflow:hidden}
.a3c .c-r{padding:26px; display:flex; flex-direction:column; gap:10px}
.a3c .c-r1{grid-area:r1}
.a3c .c-r2{grid-area:r2}
.a3c .c-r3{grid-area:r3}
.a3c .c-r4{grid-area:r4}
.a3c .c-r .mini{width:52px; height:52px; margin-bottom:6px}
.a3c .c-r b{font-family:var(--display); font-weight:600; font-size:19px; line-height:1.25}
.a3c .c-r span{color:var(--mute); font-size:15px; line-height:1.5}
.a3c .c-hozza{grid-area:hz; padding:26px}
.a3c h3{font-weight:600; font-size:20px}
.a3c .c-hozza .rows5{margin-top:8px}
.a3c .c-fiz{grid-area:fiz; padding:26px; background:linear-gradient(135deg,var(--h1) 0%,var(--h2) 60%,var(--h3) 100%); display:flex; flex-direction:column; gap:10px}
.a3c .c-fiz p{color:var(--mute); font-size:15px}
.a3c .c-fiz .pay{margin-top:6px}
.g4a-box{max-width:620px}
@media (max-width:1100px){
  .a3c{grid-template-columns:1fr 1fr; grid-template-areas:"ph r1" "ph r2" "r3 r4" "hz hz" "ph2 fiz"}
}
@media (max-width:900px){
  .hl3, .a2-ins{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tabs4 .tabs{display:grid; grid-template-columns:1fr 1fr; border-radius:20px; width:100%}
  .tabs4 .tabs button{white-space:normal; padding:10px 10px; font-size:14px; line-height:1.25; border-radius:15px}
  .menu4 li{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 14px}
  .menu4 .ld{display:none}
}
@media (max-width:640px){
  .a3c{grid-template-columns:1fr; grid-template-areas:"r1" "r2" "ph" "r3" "r4" "hz" "ph2" "fiz"}
  .a3c .c-ph{min-height:380px}
}
.drbado-page img.kep-arak-hozza{object-position:50% 45%}
.drbado-page img.kep-arak-miert{object-position:38% 50%}
.drbado-page img.kep-arak-zaro{object-position:50% 62%}
@media (max-width:640px){
  .drbado-page img.kep-arak-zaro{object-position:78% 50%}
}
@media (max-width:560px){
  .menu4 li{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 14px}
  .menu4 .ld{display:none}
}