/* ============================================================
   Karavanmax – Ortak Stiller (shared.css)
   Her sayfada yüklenir
   ============================================================ */

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* Design Tokens */
:root{
  --green:#1a6b45;
  --green-light:#edf7f1;
  --green-mid:#2d9468;
  --green-dark:#104028;
  --amber:#f59e0b;
  --amber-light:#fffbeb;
  --text:#1c1917;
  --text-2:#57534e;
  --text-3:#a8a29e;
  --border:#e7e5e4;
  --bg:#fafaf9;
  --white:#ffffff;
  --radius:12px;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);
  --shadow-md:0 4px 20px rgba(0,0,0,.1);
  --shadow-lg:0 8px 40px rgba(0,0,0,.14);
}

/* Base */
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block}
button{cursor:pointer;font-family:'DM Sans',sans-serif}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 28px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}
.btn-primary{background:var(--green);color:var(--white)}
.btn-primary:hover{background:var(--green-dark)}
.btn-ghost{background:transparent;color:var(--text-2);border:1.5px solid var(--border)}
.btn-ghost:hover{border-color:var(--text-2)}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;flex-shrink:0}

/* Typography helpers */
.section-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.section-title{font-family:'DM Serif Display',serif;font-size:34px;line-height:1.15;letter-spacing:-.5px;color:var(--text)}
.section-subtitle{font-size:16px;color:var(--text-2);margin-top:10px;line-height:1.65}

/* Divider */
.divider{height:1px;background:var(--border);margin:28px 0}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.fade-up{opacity:0;animation:fadeUp .6s ease forwards}
.d1{animation-delay:.05s}.d2{animation-delay:.12s}.d3{animation-delay:.2s}.d4{animation-delay:.28s}