:root{--navy:#12385b;--gold:#c6a05b;--text:#18344d;--page:#f0f6fb;--hero:#e2edf7}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:16px/1.7 system-ui,Arial,sans-serif;padding-bottom:65px}.wrap{max-width:1080px;margin:auto;padding:0 20px}header{background:var(--navy);color:white;padding:18px 0}header .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header a{color:white;font-weight:800;text-decoration:none}h1,h2{color:var(--navy);line-height:1.2}h1{font-size:clamp(32px,5vw,52px)}h2{font-size:clamp(23px,3vw,28px)}.hero{background:linear-gradient(125deg,var(--hero),#fff);border-radius:26px;padding:clamp(24px,5vw,55px);margin:35px 0}.hero small{color:var(--gold);font-weight:800;letter-spacing:.1em}.hero p{font-size:19px;max-width:850px}.card{background:white;padding:clamp(22px,4vw,38px);border-radius:24px;box-shadow:0 8px 28px #12385b10;margin:30px 0}main section{margin-bottom:40px}.btn{display:inline-block;background:var(--navy);color:white;text-decoration:none;border-radius:30px;padding:12px 23px;font-weight:800}.btn.wa{background:#218f51}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:20px}.video{background:white;border-radius:20px;padding:12px;text-align:center;max-width:300px;width:100%;margin:0 auto}.video iframe{width:100%;aspect-ratio:9/16;border:0;border-radius:12px}.video a{display:block;color:var(--navy);font-weight:700}footer{background:var(--navy);color:white;text-align:center;padding:25px}.sticky{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:99}.sticky a{width:50%;padding:14px;text-align:center;color:white;font-weight:800;text-decoration:none;background:var(--navy)}.sticky .wa{background:#218f51}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery figure{margin:0;min-width:0}.gallery img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#f3f6f9;border-radius:16px}.gallery figcaption{font-size:13px;color:#667;margin-top:6px}
body[data-theme="ocean"]{--navy:#12385b;--gold:#b48a50;--text:#18344d;--page:#f0f6fb;--hero:#e2edf7}body[data-theme="emerald"]{--navy:#145b4a;--gold:#c49a57;--text:#173e36;--page:#edf8f3;--hero:#d9f0e6}body[data-theme="violet"]{--navy:#513977;--gold:#aa82c6;--text:#352849;--page:#f5f0fa;--hero:#e9ddf4}body[data-theme="terracotta"]{--navy:#914d36;--gold:#c48b5d;--text:#54392f;--page:#fbf3ee;--hero:#f5e1d5}body[data-theme="teal"]{--navy:#116c79;--gold:#d1a45b;--text:#21464b;--page:#ecf8fa;--hero:#d7eef2}body[data-theme="burgundy"]{--navy:#783c52;--gold:#d1a6a0;--text:#50303c;--page:#faf0f4;--hero:#f1dce5}body[data-theme="gold"]{--navy:#1d3048;--gold:#b68a40;--text:#27364b;--page:#fbf7ef;--hero:#f5e9cf}
@media(max-width:520px){.gallery{gap:9px}.gallery img{max-height:240px}.videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video{padding:7px}.video iframe{border-radius:9px}}

/* TEDAVİ KARTLARI - MODERN TASARIM */

.treatment-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.treatment-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #dce6ed;
  box-shadow: 0 6px 24px #12385b12;
}

.treatment-item > a:has(img) {
  display: block;
}

.treatment-item img {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.treatment-item h2 {
  font-size: 22px;
  margin: 20px 22px 10px;
}

.treatment-item p {
  margin: 0 22px 15px;
  flex: 1;
}

.treatment-item > a:last-child {
  align-self: flex-start;
  background: var(--navy);
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 25px;
  margin: 10px 22px 24px;
  font-weight: 700;
}

@media (max-width: 650px) {
  .treatment-list {
    grid-template-columns: 1fr;
  }

  .treatment-item img {
    height: 220px;
  }
}

.treatment-item {
  min-width: 0;
  height: 100%;
}

.treatment-item h2 a {
  color: var(--navy);
  text-decoration: none;
}

.treatment-item h2 a:hover {
  text-decoration: underline;
}

.treatment-item > a:last-child:hover {
  opacity: .9;
}