/* Vesta Klinik / Dengeli tasarım v2 / 2026-11-01
   V1'in fazla sadeleştirdiği alanlara kontrollü hacim ve marka karakteri eklenir.
   Seçiciler yalnızca ana sayfadaki beş alana aittir. JS, SEO metni ve veri korunur. */

/* HERO — eski kompozisyona yakın; cam/blur ve parlama yerine fotoğraf + net bilgi etiketi */
.vesta-editorial-hero {
  background:#f6f8f6;
  background-image:radial-gradient(circle at 8% 25%,rgba(12,118,110,.045),transparent 38%);
}
.vesta-editorial-hero > .pointer-events-none.absolute {display:none}
.vesta-editorial-hero .vesta-hero-eyebrow {
  background:#e9f4ef;border:1px solid #c9ded5;color:#165f58;
  border-radius:7px;padding:9px 13px;box-shadow:none;
  font-size:11px;font-weight:700;letter-spacing:.035em;
}
.vesta-editorial-hero .vesta-hero-eyebrow > span:first-child {
  display:block;background:#13816f;box-shadow:none;width:6px;height:6px;
}
.vesta-editorial-hero .vesta-hero-heading {font-weight:780;letter-spacing:-.045em;line-height:1.12;max-width:720px}
.vesta-editorial-hero .vesta-hero-heading > span {
  font-style:normal;font-family:inherit;font-weight:600;letter-spacing:-.034em;
  font-size:.94em;color:#11736b;
}
.vesta-editorial-hero .vesta-hero-facts {border-color:#d4e1da;gap:14px}
.vesta-editorial-hero .vesta-hero-facts > div {border-left-color:#258778;padding-left:12px}
.vesta-editorial-hero .vesta-hero-facts .font-mono {font-family:inherit;letter-spacing:-.025em}
.vesta-editorial-hero .vesta-hero-visual {
  position:relative;overflow:visible;background:white;padding:9px;margin:0;
  border:1px solid #dce6e1;border-radius:20px;
  box-shadow:0 24px 55px rgba(22,54,46,.11),0 2px 8px rgba(22,54,46,.05);
}
.vesta-editorial-hero .vesta-hero-visual > div:first-child {border-radius:12px;overflow:hidden}
.vesta-editorial-hero .vesta-hero-visual img {transition:transform .5s ease}
.vesta-editorial-hero .vesta-hero-visual:hover img {transform:scale(1.012)}
.vesta-editorial-hero .vesta-hero-scrim {display:block;background:linear-gradient(to top,rgba(11,40,35,.22),transparent 58%)}
.vesta-editorial-hero .vesta-hero-caption {
  position:absolute;left:26px;right:26px;bottom:-22px;
  padding:17px 19px;display:flex;gap:12px;align-items:center;
  background:#fff;border:1px solid #dce7e1;border-left:3px solid #12816f;
  border-radius:12px;box-shadow:0 12px 26px rgba(19,54,44,.13);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.vesta-editorial-hero .vesta-hero-caption > div:first-child {
  width:37px;height:37px;border-radius:9px;flex-shrink:0;
  background:#ebf5f0;color:#116b60;border:1px solid #d4e7dc;
  box-shadow:none;
}
.vesta-editorial-hero .vesta-hero-caption h4 {font-weight:740;letter-spacing:-.015em}
.vesta-editorial-hero .vesta-hero-caption p {line-height:1.5}

/* HEKİMLER — fotoğraf, isim ve bilgi net; eski kart sıcaklığına geri dönüş */
.vesta-editorial-doctors {background:#f7f9f7}
.vesta-editorial-doctors .vesta-doctor-card {
  padding:10px;border-radius:18px;overflow:hidden;background:#fff;
  border:1px solid #dce5e1;box-shadow:0 7px 25px rgba(24,57,48,.055);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.vesta-editorial-doctors .vesta-doctor-card:hover {
  transform:translateY(-3px);border-color:#9abeb2;
  box-shadow:0 15px 32px rgba(18,63,51,.11);
}
.vesta-editorial-doctors .vesta-doctor-card > div:first-child {
  aspect-ratio:4/4.15;margin:0;border-radius:11px;overflow:hidden;
}
.vesta-editorial-doctors .vesta-doctor-card > div:first-child img {transition:transform .4s ease}
.vesta-editorial-doctors .vesta-doctor-card:hover > div:first-child img {transform:scale(1.017)}
.vesta-editorial-doctors .vesta-doctor-card > div:first-child > span {display:none}
.vesta-editorial-doctors .vesta-doctor-card > div:first-child > div.absolute {display:none}
.vesta-editorial-doctors .vesta-doctor-card > .space-y-1\.5 {padding:18px 10px 0}
.vesta-editorial-doctors .vesta-doctor-card > div.mt-6 {margin-top:18px;padding:14px 10px 8px;border-color:#e7ece8}
.vesta-editorial-doctors .vesta-doctor-card h3 {letter-spacing:-.023em;font-weight:740}
.vesta-editorial-doctors .vesta-doctor-card button[title="Randevu Sihirbazında Seç"] {
  border:1px solid #d1e6dc;border-radius:8px;background:#eff8f3;
}

/* HAKKIMIZDA — gerçek konum bilgisine küçük bilgi modülü karakteri */
.vesta-editorial-about .vesta-about-location {
  display:grid;grid-template-columns:1fr;gap:7px;position:relative;
  margin-top:12px;padding:20px 22px 21px 24px;
  border:1px solid #d9e7df;border-left:4px solid #16776c;border-radius:0 13px 13px 0;
  background:#f3f8f4;box-shadow:0 6px 20px rgba(30,79,57,.045);
}
.vesta-editorial-about .vesta-about-location-label {
  color:#176d60;font-weight:750;letter-spacing:.09em;font-size:10px;
}
.vesta-editorial-about .vesta-about-location-address {font-style:normal;font-size:14px;line-height:1.55;color:#203b34;font-weight:630}
.vesta-editorial-about .vesta-about-location-note {font-size:12px;line-height:1.55;color:#60756b}
.vesta-editorial-about .lg\:col-span-5 > div {padding:8px;background:#fff;border:1px solid #dce5df;border-radius:18px;box-shadow:0 16px 38px rgba(23,66,51,.08)}
.vesta-editorial-about .lg\:col-span-5 > div > div {border-radius:10px}

/* TEDAVİLER — iki sütunlu editoryal kartlar; ikonlar geri geldi, kartlar sakin ve farklılaştırılmış */
.vesta-editorial-treatments {background:#f7f9f7}
.vesta-editorial-treatments .vesta-treatments-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 19px}
.vesta-editorial-treatments .vesta-treatment-row {
  position:relative;min-height:238px;padding:23px 25px 19px;
  background:#fff;border:1px solid #dce6df;border-radius:17px;
  box-shadow:0 6px 19px rgba(24,63,50,.045);
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;
}
.vesta-editorial-treatments .vesta-treatment-row:hover {
  transform:translateY(-2px);border-color:#9bc2b2;box-shadow:0 14px 29px rgba(24,63,50,.085);
}
.vesta-editorial-treatments .vesta-treatment-row > div:first-child > div:first-child {
  margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;
}
.vesta-editorial-treatments .vesta-treatment-icon {
  width:42px;height:42px;border-radius:10px;display:flex;
  background:#eaf5ef!important;color:#176d61!important;
  border:1px solid #d2e8dd;box-shadow:none;
}
.vesta-editorial-treatments .vesta-treatment-number {
  font-size:12px;font-weight:700;color:#9bb2a9;letter-spacing:.035em;
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
.vesta-editorial-treatments .vesta-treatment-row h3 {font-size:18px;line-height:1.35;letter-spacing:-.022em;font-weight:760}
.vesta-editorial-treatments .vesta-treatment-row p {font-size:13px;line-height:1.65;max-width:510px}
.vesta-editorial-treatments .vesta-treatment-row > details {margin-top:13px}
.vesta-editorial-treatments .vesta-treatment-row > div.mt-8 {margin-top:18px;padding-top:15px;border-color:#e9efea}
.vesta-editorial-treatments .vesta-treatment-row > div.mt-8 a {white-space:nowrap}

/* SSS — açıklık korunur; ayrımlı yüzey kartları sertleşmeden geri gelir */
.vesta-editorial-faq {background:#f7f9f7}
.vesta-editorial-faq #faqAccordionGroup {display:grid;gap:11px}
.vesta-editorial-faq .vesta-faq-row {
  margin:0;padding:20px 22px;background:#fff;
  border:1px solid #dce6e0;border-radius:13px;
  box-shadow:0 4px 12px rgba(22,58,46,.035);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.vesta-editorial-faq .vesta-faq-row[open] {
  border-color:#9dc3b5;box-shadow:0 9px 20px rgba(22,58,46,.07);
}
.vesta-editorial-faq .vesta-faq-row summary > span:first-child > span:first-child {
  background:#ebf5ef;color:#176c60;padding:4px 7px;border-radius:6px;font-size:11px;
}
.vesta-editorial-faq .vesta-faq-row summary > span:last-child {
  border:1px solid #d5e4da;background:#f2f7f3;border-radius:50%;
}
.vesta-editorial-faq .vesta-faq-row p {margin-top:16px;border-color:#e4ede6}

@media(max-width:767px){
  .vesta-editorial-hero {padding-top:40px;padding-bottom:72px}
  .vesta-editorial-hero .vesta-hero-heading {line-height:1.14}
  .vesta-editorial-hero .vesta-hero-visual {padding:6px;border-radius:15px}
  .vesta-editorial-hero .vesta-hero-visual > div:first-child {border-radius:9px}
  .vesta-editorial-hero .vesta-hero-caption {left:12px;right:12px;bottom:-27px;padding:11px 12px;gap:9px;border-radius:10px}
  .vesta-editorial-hero .vesta-hero-caption > div:first-child {width:31px;height:31px}
  .vesta-editorial-hero .vesta-hero-caption h4 {font-size:12px}
  .vesta-editorial-hero .vesta-hero-caption p {font-size:10px}
  .vesta-editorial-hero .vesta-hero-facts {gap:8px}
  .vesta-editorial-doctors .vesta-doctor-card {padding:8px;border-radius:14px}
  .vesta-editorial-treatments .vesta-treatments-grid {grid-template-columns:1fr;gap:12px}
  .vesta-editorial-treatments .vesta-treatment-row {min-height:0;padding:20px 21px 17px;border-radius:14px}
  .vesta-editorial-treatments .vesta-treatment-row h3 {font-size:17px}
  .vesta-editorial-faq .vesta-faq-row {padding:17px 15px}
  .vesta-editorial-about .vesta-about-location {padding:17px 17px 18px 19px}
}
@media(prefers-reduced-motion:reduce){
  .vesta-editorial-hero *, .vesta-editorial-doctors *,
  .vesta-editorial-treatments *, .vesta-editorial-faq * {transition:none!important;animation:none!important}
}