:root{
  --ana:#0f766e; --ana-koyu:#0b5a54; --ana-acik:#ccfbf1;
  --vurgu:#f59e0b; --wa:#25d366;
  --metin:#1f2937; --soluk:#6b7280; --cizgi:#e5e7eb; --zemin:#f8fafc;
  --r:14px; --golge:0 10px 30px rgba(15,118,110,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--metin);line-height:1.6;font-size:16px;background:#fff}
a{color:var(--ana)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
.kap{max-width:1140px;margin:0 auto;padding:0 20px}
.dar{max-width:780px}
.orta{text-align:center}

/* Butonlar */
.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:16px;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-ana{background:var(--vurgu);color:#1f1300}
.btn-ana:hover{background:#d97706}
.btn-wa{background:var(--wa);color:#fff}
.btn-cizgi{border-color:var(--ana);color:var(--ana);background:#fff}
.btn-kucuk{padding:8px 16px;font-size:14px}
.btn-tam{display:block;width:100%;text-align:center}

/* Üst */
.ust{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;color:var(--metin);text-decoration:none}
.logo-ikon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ana);color:#fff;font-size:18px}
.menu{display:flex;gap:22px}
.menu a{color:var(--metin);text-decoration:none;font-weight:500;font-size:15px}
.menu a:hover{color:var(--ana)}

/* Hero */
.hero{background:linear-gradient(160deg,#0f766e 0%,#115e59 60%,#134e4a 100%);color:#fff;padding:56px 0 64px}
.hero-ic{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.etiket{display:inline-block;background:rgba(255,255,255,.15);padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:14px}
.hero h1{font-size:clamp(30px,4.4vw,48px);font-weight:800}
.vurgu{color:#fcd34d}
.hero-alt{font-size:18px;opacity:.92;max-width:560px}
.tikler{list-style:none;padding:0;margin:18px 0}
.tikler li{position:relative;padding-left:30px;margin:8px 0}
.tikler li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--ana-acik);color:var(--ana);font-size:13px;font-weight:800;display:grid;place-items:center}
.fiyat-kutu{display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:12px 20px;border-radius:var(--r);margin-top:8px}
.fiyat{font-size:34px;font-weight:800;color:#fcd34d}
.fiyat-eski{opacity:.7;font-size:20px}
.fiyat-not{font-size:14px;opacity:.85}

/* Form */
.form-kart{background:#fff;color:var(--metin);border-radius:20px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.form-kart h2{font-size:26px;margin-bottom:4px}
.form-alt{color:var(--soluk);margin:0 0 16px}
.form-kart label{display:block;font-weight:600;font-size:14px;margin:12px 0 6px}
.opsiyonel{font-weight:400;color:var(--soluk)}
.form-kart input[type=text],.form-kart input[type=tel],.form-kart select{width:100%;padding:13px 14px;border:1.5px solid var(--cizgi);border-radius:10px;font-size:16px;font-family:inherit;background:#fff}
.form-kart input:focus,.form-kart select:focus{outline:none;border-color:var(--ana);box-shadow:0 0 0 3px var(--ana-acik)}
.form-kart input.hatali{border-color:#dc2626}
.form-kart .onay{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--soluk);margin:16px 0}
.onay input{margin-top:3px;width:18px;height:18px;flex:none}
.form-kart button{margin-top:6px;font-size:18px}
.form-dip{text-align:center;font-size:13px;color:var(--soluk);margin:10px 0 0}
.gizli{position:absolute;left:-9999px}
.uyari{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:8px}

/* Bölümler */
.bolum{padding:72px 0}
.bolum-acik{background:var(--zemin)}
.bolum-baslik{text-align:center;font-size:clamp(26px,3vw,34px);font-weight:800}
.bolum-baslik.sol{text-align:left}
.bolum-alt{text-align:center;color:var(--soluk);margin:0 0 36px}
.adimlar{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.adimlar li{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:24px;position:relative}
.adim-no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ana);color:#fff;font-weight:800;margin-bottom:12px}
.adimlar h3{font-size:18px}
.adimlar p{color:var(--soluk);margin:0;font-size:15px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.kart{background:#fff;border-radius:var(--r);padding:22px;border-top:4px solid var(--ana);box-shadow:var(--golge)}
.kart h3{font-size:18px}
.kart p{margin:0;color:var(--soluk);font-size:15px}
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.vurgu-kart{background:var(--ana-acik);border-radius:20px;padding:28px}
.vurgu-kart h3{font-size:22px}
.vurgu-kart .tikler li::before{background:var(--ana);color:#fff}
details{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:16px 20px;margin:10px 0}
summary{font-weight:700;cursor:pointer}
details p{margin:10px 0 0;color:var(--soluk)}
.iletisim{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.il-kart{display:flex;flex-direction:column;gap:4px;padding:22px;border:1px solid var(--cizgi);border-radius:var(--r);text-decoration:none;color:var(--metin);font-size:15px}
.il-kart span{font-size:26px}
a.il-kart:hover{border-color:var(--ana)}

/* Teşekkürler */
.tesekkur{padding:80px 0 100px}
.tesekkur-ikon{width:84px;height:84px;margin:0 auto 20px;border-radius:50%;background:var(--ana);color:#fff;font-size:44px;display:grid;place-items:center}
.tesekkur-btn{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0 30px}
.metin h2{font-size:20px;margin-top:28px}

/* Alt */
.alt{background:#0b1f1d;color:#cbd5d1;padding:36px 0 90px;font-size:14px}
.alt a{color:#99f6e4}
.alt-ic{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.alt-link{display:flex;flex-direction:column;gap:6px;text-align:right}

/* WhatsApp & mobil bar */
.wa-yuzen{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:30}
.mobil-bar{display:none}

@media (max-width:900px){
  .menu{display:none}
  .hero{padding:28px 0 36px}
  .hero .tikler{display:none}
  .hero-alt{font-size:16px}
  .fiyat-kutu{padding:8px 16px}
  .fiyat{font-size:28px}
  .hero-ic,.iki-sutun{grid-template-columns:1fr;gap:28px}
  .adimlar{grid-template-columns:1fr 1fr}
  .iletisim{grid-template-columns:1fr 1fr}
  .bolum{padding:52px 0}
}
@media (max-width:560px){
  .ust .btn{display:none}
  .adimlar,.iletisim{grid-template-columns:1fr}
  .form-kart{padding:22px}
  .alt-link{text-align:left}
  .wa-yuzen{display:none}
  .mobil-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;box-shadow:0 -4px 14px rgba(0,0,0,.12)}
  .mobil-bar a{padding:15px;text-align:center;font-weight:700;text-decoration:none;color:#fff}
  .mb-ara{background:var(--ana)}
  .mb-wa{background:var(--wa)}
}