/* image-proportions-20260923.css
   Захист пропорцій зображень на всьому сайті (Claude, 23.09.2026).
   Причина проблеми: у main.css є глобальне правило
   img{max-width:100%;width:auto;height:auto;max-height:500px}.
   Коли інший стиль задає зображенню width:100% (типово для figure у статтях),
   обмеження висоти 500px сплющує все, що вище за 16:9 при ширині колонки ~890px. */

/* 1. Страхувальна сітка: якщо десь обидва розміри задані примусово,
      браузер вписує зображення без розтягування. Там, де пропорції
      і так правильні, це правило нічого не змінює. */
img { object-fit: contain; }

/* 2. Свідомі обрізання під рамку лишаємо як є. */
.about-kdm-photo img, .about-kdm-founder img, .about-kdm-media img,
.anes-kdm-hero-image img, .anes-kdm-image-card img, .cervix-figure img { object-fit: cover; }
.cervix-figure.original img { object-fit: contain; }

/* 3. Фігури у статтях нового формату (клас k-figure): повна ширина колонки,
      природні пропорції, без обмеження висоти. */
.k-figure img { max-height: none; }

/* 4. Точкове зняття обмеження висоти для фігур, де сторінковий CSS задає
      width:100% + height:auto (аудит рендерингу 1296 сторінок, 23.09.2026:
      76 сторінок, 155 зображень були сплющені обмеженням 500px).
      Після цього правила вони показуються на повну ширину з природними пропорціями. */
.article-figure img,
.bes-figure img,
.cdk-figure img,
.cds-figure img,
.codex-breastfed-support-figure img,
.codex-endometriosis-infertility-figure img,
.codex-kdm-media img,
.codex-polyhydramnion-figure img,
.codex-pregnancy-complications-figure img,
.codex-prp-ivf-figure img,
.codex-repro-consult-first-figure img,
.codex-vaginal-lasers150225-figure img,
.cr-figure img,
.defl-figure img,
.eg-figure img,
.embryo-media img,
.endo-figure img,
.eqip-img img,
.figure img,
.hero-media img,
.hym-figure img,
.intim-prp-section img,
.itc-figure img,
.iui-figure img,
.kdm-browlift-media img,
.kdm-circ-figure img,
.kdm-ecg-visual img,
.kdm-face-lipo__media img,
.kdm-filac-hero img,
.kdm-lpp-figure img,
.kdm-lymph-picture img,
.kdm-manchester-figure img,
.kdm-manchester-img img,
.kdm-media-block img,
.kdm-orch-full-media img,
.kdm-ot-figure img,
.kdm-pa-wide-img img,
.kdm-pal-full-media img,
.kdm-ssf-figure img,
.kdm-va-figure img,
.kdm-vlaser-img img,
.laparoscopy-kdm-figure img,
.lhp-media img,
.lmaj-media img,
.mam-figure img,
.obgyn-us-figure img,
.op-oncogyn-kdm-route-visual img,
.pes-figure img,
.pgo-media img,
.pregnancy-kdm-image-plain img,
.procto-figure img,
.prp-wide-figure img,
.pyelo-media img,
.repro-kdm-figure img,
.silac-image img,
.soft-us-figure img,
.sono-figure img,
.stenosis-figure img,
.tapp-image img,
.tubal-kdm-figure img,
.tubal-kdm-photo img,
.wide-image img,
img[src$="Adenomyosis.jpg"],
img[src$="anterior-colporrhaphy-cystocele-anatomy-chatgpt-image2-20260513.jpg.webp"],
img[src$="cytoreduction-omentum-peritoneum-chatgpt-image2-20260517.webp"],
img[src$="endometriosis_IVF.png"],
img[src$="greater-omentum-anatomy-chatgpt-image2-20260517.webp"],
img[src$="kidneys-bladder-ultrasound-chatgpt-image2-20260517.jpg"],
img[src$="labia-majora-reduction-recovery-image2-20260512.png"],
img[src$="pessary.jpg"],
img[src$="teleangioectasia_laser.png"],
img[src$="thin_endometrium.png"] {
  max-height: none;
}