/* ============================================
   TAŞDAN NAKLİYAT & DEPOLAMA — style.css v3
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@700;800;900&display=swap');

/* ===== DEĞİŞKENLER ===== */
:root {
  --accent:       #f97316;
  --accent-dark:  #ea6a0a;
  --accent-light: #fff7ed;

  --bg:           #ffffff;
  --bg-soft:      #f8fafc;
  --bg-card:      #ffffff;
  --bg-input:     #f1f5f9;
  --border:       #e2e8f0;

  --text:         #1e293b;
  --text-muted:   #64748b;

  /* Koyu sabit alanlar (header, footer, hero, nav) */
  --dk:           #0a2540;
  --dk-mid:       #1a3a5c;

  --success:      #10b981;
  --star:         #f59e0b;
  --hh:           72px;   /* header height */
  --r:            12px;
  --rl:           20px;
  --sh:           0 4px 24px rgba(0,0,0,0.07);
  --shl:          0 16px 48px rgba(0,0,0,0.13);
  --tr:           0.26s cubic-bezier(0.4,0,0.2,1);
}

/* ===== GECE MODU ===== */
body.dark {
  --accent-light: #431407;
  --bg:           #0f172a;
  --bg-soft:      #1e293b;
  --bg-card:      #1e293b;
  --bg-input:     #0f172a;
  --border:       #334155;
  --text:         #e2e8f0;
  --text-muted:   #94a3b8;
  --dk:           #020c18;
  --dk-mid:       #0f2035;
  --sh:           0 4px 24px rgba(0,0,0,0.4);
  --shl:          0 16px 48px rgba(0,0,0,0.55);
}

/* ===== RESET ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  font-family:'Barlow',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  font-size:16px;
  transition:background var(--tr), color var(--tr);
}

a  { text-decoration:none; color:inherit; }
ul { list-style:none; }
img{ max-width:100%; display:block; }

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--bg-soft); }
::-webkit-scrollbar-thumb { background:var(--accent); border-radius:99px; }

/* ===========================
   HEADER
=========================== */
.site-header {
  position:fixed;
  top:0; left:0; right:0;
  height:var(--hh);
  background:var(--dk);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 5%;
  z-index:1000;
  box-shadow:0 2px 12px rgba(0,0,0,0.25);
}

.logo {
  display:flex; align-items:center; gap:10px;
  text-decoration:none;
}

.logo-img {
  width:40px; height:40px;
  border-radius:8px;
  background:rgba(255,255,255,0.1);
  padding:6px; object-fit:contain;
}

.logo-text { display:flex; flex-direction:column; line-height:1.1; }

.logo-text .brand {
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.3rem; font-weight:900;
  letter-spacing:0.5px; color:#fff;
}

.logo-text .sub {
  font-size:0.6rem; font-weight:600;
  color:var(--accent);
  letter-spacing:1.5px; text-transform:uppercase;
}

/* Header sağ taraf */
.header-right {
  display:flex; align-items:center; gap:12px;
}

.header-phone {
  display:flex; align-items:center; gap:7px;
  color:var(--accent); font-weight:700; font-size:0.95rem;
  white-space:nowrap;
  transition:opacity var(--tr);
}
.header-phone:hover { opacity:0.8; }

/* Dark toggle */
.dark-toggle {
  display:flex; align-items:center; gap:6px; cursor:pointer;
}

.toggle-track {
  width:40px; height:21px;
  background:rgba(255,255,255,0.18);
  border-radius:99px; position:relative; cursor:pointer;
}
.toggle-track input { display:none; }

.toggle-thumb {
  position:absolute; top:3px; left:3px;
  width:15px; height:15px;
  background:var(--accent); border-radius:50%;
  transition:transform var(--tr);
}
.toggle-track input:checked ~ .toggle-thumb { transform:translateX(19px); }

/* ===========================
   HAMBURGER — HER ZAMAN GÖRÜNÜR
=========================== */
.hamburger {
  display:flex;          /* hiçbir zaman none değil */
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:38px; height:38px;
  background:rgba(255,255,255,0.08);
  border:1.5px solid rgba(255,255,255,0.15);
  border-radius:8px;
  cursor:pointer;
  padding:6px;
  flex-shrink:0;
  transition:background var(--tr);
}
.hamburger:hover { background:rgba(255,255,255,0.15); }

.hamburger span {
  display:block; height:2px;
  background:#fff; border-radius:99px;
  transition:all 0.28s ease;
  transform-origin:center;
}

.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ===========================
   BACKDROP
=========================== */
.backdrop {
  position:fixed; inset:0;
  background:rgba(0,0,0,0.55);
  backdrop-filter:blur(3px);
  z-index:900;
  opacity:0; visibility:hidden;
  transition:opacity var(--tr), visibility var(--tr);
}
.backdrop.show { opacity:1; visibility:visible; }

/* ===========================
   NAV DRAWER — sağdan kayar
=========================== */
.nav-drawer {
  position:fixed;
  top:0; right:-310px;
  width:290px; height:100vh;
  background:var(--dk);
  z-index:950;
  display:flex; flex-direction:column;
  padding-top:var(--hh);
  transition:right 0.32s cubic-bezier(0.4,0,0.2,1);
  overflow-y:auto;
}
.nav-drawer.open { right:0; }

.nav-links { padding:16px 0; flex:1; }

.nav-links li a {
  display:flex; align-items:center; gap:12px;
  padding:14px 26px;
  color:rgba(255,255,255,0.7);
  font-weight:600; font-size:0.95rem;
  border-left:3px solid transparent;
  transition:all var(--tr);
}
.nav-links li a i { width:18px; text-align:center; }

.nav-links li a:hover,
.nav-links li.active a {
  color:#fff;
  background:rgba(255,255,255,0.08);
  border-left-color:var(--accent);
}

.nav-drawer-footer {
  padding:18px 26px 28px;
  border-top:1px solid rgba(255,255,255,0.08);
}

.nav-call-btn {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:13px; margin-bottom:14px;
  background:var(--accent); color:#fff;
  border-radius:var(--r);
  font-weight:700; font-size:0.95rem;
  transition:background var(--tr);
}
.nav-call-btn:hover { background:var(--accent-dark); }

.nav-socials { display:flex; gap:8px; justify-content:center; }

.nav-socials a {
  width:34px; height:34px; border-radius:7px;
  background:rgba(255,255,255,0.09);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.6); font-size:0.88rem;
  transition:all var(--tr);
}
.nav-socials a:hover { background:var(--accent); color:#fff; }

/* ===========================
   BUTONLAR
=========================== */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 26px; border-radius:var(--r);
  font-family:'Barlow',sans-serif;
  font-weight:700; font-size:0.95rem;
  cursor:pointer; border:none;
  transition:all var(--tr); white-space:nowrap;
}

.btn-primary {
  background:var(--accent); color:#fff;
  box-shadow:0 4px 16px rgba(249,115,22,0.35);
}
.btn-primary:hover {
  background:var(--accent-dark);
  box-shadow:0 6px 24px rgba(249,115,22,0.45);
  transform:translateY(-1px);
}

.btn-outline {
  background:transparent; color:#fff;
  border:2px solid rgba(255,255,255,0.4);
}
.btn-outline:hover { background:rgba(255,255,255,0.1); border-color:#fff; }

.btn-dark { background:var(--dk); color:#fff; }
.btn-dark:hover { background:var(--dk-mid); transform:translateY(-1px); }

.btn-ghost {
  background:rgba(255,255,255,0.12); color:#fff;
  border:1.5px solid rgba(255,255,255,0.3);
}
.btn-ghost:hover { background:rgba(255,255,255,0.2); }

/* ===========================
   SECTION
=========================== */
.section    { padding:80px 5%; background:var(--bg); }
.section-sm { padding:50px 5%; background:var(--bg); }
.section-gray { background:var(--bg-soft); padding:80px 5%; }
.section-dark { background:var(--dk); padding:80px 5%; }

.section-title {
  font-family:'Barlow Condensed',sans-serif;
  font-size:2.3rem; font-weight:900;
  color:var(--text); margin-bottom:8px; line-height:1.1;
}
.section-dark .section-title { color:#fff; }

.section-subtitle { font-size:1rem; color:var(--text-muted); max-width:560px; }
.section-dark .section-subtitle { color:rgba(255,255,255,0.55); }

.section-header { margin-bottom:44px; }
.section-header.center { text-align:center; }
.section-header.center .section-subtitle { margin:0 auto; }

.accent-bar {
  width:44px; height:4px;
  background:var(--accent); border-radius:99px; margin-bottom:12px;
}
.center .accent-bar { margin:0 auto 12px; }

/* ===========================
   HERO (index)
=========================== */
.hero {
  min-height:100vh;
  background:var(--dk);
  display:flex; align-items:center;
  padding:calc(var(--hh) + 60px) 5% 80px;
  position:relative; overflow:hidden;
}
.hero::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 70% 50% at 100% 50%, rgba(249,115,22,0.13),transparent 70%),
    radial-gradient(ellipse 50% 80% at 0% 100%, rgba(255,255,255,0.03),transparent 60%);
  pointer-events:none;
}

.hero-wrap {
  display:grid; grid-template-columns:1fr 1fr; gap:60px;
  align-items:center; max-width:1200px;
  margin:0 auto; position:relative; z-index:1; width:100%;
}

.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(249,115,22,0.15); color:var(--accent);
  border:1px solid rgba(249,115,22,0.3);
  border-radius:99px; padding:5px 14px;
  font-size:0.78rem; font-weight:700;
  letter-spacing:0.5px; text-transform:uppercase; margin-bottom:18px;
}

.hero h1 {
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(2.4rem,5vw,4rem); font-weight:900;
  color:#fff; line-height:1.05; margin-bottom:18px;
}
.hero h1 em { color:var(--accent); font-style:normal; }

.hero-desc {
  font-size:1.05rem; color:rgba(255,255,255,0.68);
  max-width:460px; margin-bottom:32px; line-height:1.7;
}

.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }

.hero-stats {
  display:flex; gap:28px;
  margin-top:44px; padding-top:28px;
  border-top:1px solid rgba(255,255,255,0.1);
}

.stat-num {
  font-family:'Barlow Condensed',sans-serif;
  font-size:2rem; font-weight:900; color:var(--accent); line-height:1;
}
.stat-lbl {
  font-size:0.75rem; color:rgba(255,255,255,0.5);
  margin-top:3px; font-weight:600;
  text-transform:uppercase; letter-spacing:0.5px;
}

/* Hero kartları */
.hero-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

.h-card {
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:14px; padding:20px;
  transition:all var(--tr);
}
.h-card:hover { background:rgba(255,255,255,0.09); border-color:var(--accent); transform:translateY(-3px); }
.h-card.wide  { grid-column:span 2; background:rgba(249,115,22,0.11); border-color:rgba(249,115,22,0.25); }

.h-card-ico {
  width:40px; height:40px; background:var(--accent);
  border-radius:9px; display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1rem; margin-bottom:10px;
}
.h-card h3 { color:#fff; font-weight:700; font-size:0.92rem; margin-bottom:3px; }
.h-card p  { color:rgba(255,255,255,0.48); font-size:0.78rem; line-height:1.5; }

/* ===========================
   PAGE HERO (alt sayfalar)
=========================== */
.page-hero {
  background:var(--dk);
  padding:calc(var(--hh) + 48px) 5% 48px;
  position:relative; overflow:hidden;
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 80% 50%, rgba(249,115,22,0.12),transparent 60%);
}
.page-hero-inner { position:relative; z-index:1; }

.page-hero h1 {
  font-family:'Barlow Condensed',sans-serif;
  font-size:2.8rem; font-weight:900; color:#fff; margin-bottom:8px;
}
.page-hero p { color:rgba(255,255,255,0.58); font-size:1rem; margin-top:6px; }

.breadcrumb {
  display:flex; align-items:center; gap:7px;
  font-size:0.82rem; color:rgba(255,255,255,0.45);
  margin-bottom:10px;
}
.breadcrumb a { color:var(--accent); }
.breadcrumb i { font-size:0.65rem; }

/* ===========================
   HİZMET KARTLARI
=========================== */
.cards-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:22px; }

.svc-card {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--rl); padding:30px;
  position:relative; overflow:hidden;
  transition:all var(--tr);
}
.svc-card::before {
  content:''; position:absolute; top:0; left:0;
  width:4px; height:100%; background:var(--accent);
  transform:scaleY(0); transform-origin:bottom;
  transition:transform var(--tr);
}
.svc-card:hover { transform:translateY(-5px); box-shadow:var(--shl); border-color:var(--accent); }
.svc-card:hover::before { transform:scaleY(1); }

.svc-ico {
  width:52px; height:52px; background:var(--accent-light);
  border-radius:var(--r); display:flex; align-items:center; justify-content:center;
  color:var(--accent); font-size:1.3rem; margin-bottom:18px;
  transition:all var(--tr);
}
.svc-card:hover .svc-ico { background:var(--accent); color:#fff; }

.svc-card h3 { font-size:1.1rem; font-weight:800; color:var(--text); margin-bottom:8px; }
.svc-card p  { color:var(--text-muted); font-size:0.9rem; line-height:1.6; margin-bottom:18px; }

.card-lnk {
  display:inline-flex; align-items:center; gap:5px;
  color:var(--accent); font-weight:700; font-size:0.85rem;
  transition:gap var(--tr);
}
.card-lnk:hover { gap:9px; }

/* ===========================
   FEATURES (neden biz)
=========================== */
.feat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:28px; }

.feat-item { text-align:center; padding:28px 16px; }
.feat-num  {
  font-family:'Barlow Condensed',sans-serif;
  font-size:3.2rem; font-weight:900; color:var(--accent);
  line-height:1; margin-bottom:7px;
}
.feat-item h3 { font-size:0.95rem; font-weight:700; color:#fff; margin-bottom:6px; }
.feat-item p  { color:rgba(255,255,255,0.48); font-size:0.83rem; }

/* ===========================
   FORM ELEMANLARI
=========================== */
.form-group { display:flex; flex-direction:column; gap:5px; }
.form-group.full { grid-column:span 2; }

.form-group label {
  font-size:0.8rem; font-weight:700;
  color:var(--text); text-transform:uppercase; letter-spacing:0.3px;
}

.form-group input,
.form-group select,
.form-group textarea {
  padding:11px 14px;
  border:1.5px solid var(--border); border-radius:var(--r);
  font-family:'Barlow',sans-serif; font-size:0.94rem;
  color:var(--text); background:var(--bg-input);
  transition:border-color var(--tr), background var(--tr);
  outline:none; -webkit-appearance:none;
}
.form-group select {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 11px center; padding-right:34px;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color:var(--accent); background:var(--bg-card); }

.form-group textarea { resize:vertical; min-height:110px; }

.form-msg { padding:11px 14px; border-radius:var(--r); font-size:0.87rem; font-weight:600; margin-top:14px; display:none; }
.form-msg.ok  { display:block; background:#d1fae5; color:#065f46; border:1px solid #a7f3d0; }
.form-msg.err { display:block; background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; }
body.dark .form-msg.ok  { background:#064e3b; color:#a7f3d0; border-color:#065f46; }
body.dark .form-msg.err { background:#7f1d1d; color:#fca5a5; border-color:#991b1b; }

/* ===========================
   HESAPLAMA
=========================== */
.calc-box {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--rl); box-shadow:var(--shl);
  padding:36px; max-width:680px; margin:0 auto;
}

.calc-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:20px; }

.calc-result {
  background:var(--dk); border-radius:var(--r);
  padding:22px; text-align:center; margin-top:20px; display:none;
}
.calc-result.show { display:block; }

.res-label { color:rgba(255,255,255,0.58); font-size:0.82rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px; }
.res-price { font-family:'Barlow Condensed',sans-serif; font-size:2.8rem; font-weight:900; color:var(--accent); line-height:1; }
.res-note  { color:rgba(255,255,255,0.4); font-size:0.75rem; margin-top:7px; }

/* DEPO HESAP */
.dcalc-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:20px; }
#custom-size { display:none; }

.depo-res {
  background:var(--bg-soft); border:1.5px solid var(--border);
  border-radius:var(--r); padding:18px; margin-top:18px;
}
.depo-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:9px 0; border-bottom:1px solid var(--border); font-size:0.9rem;
}
.depo-row:last-child { border-bottom:none; }
.depo-row .lbl { color:var(--text-muted); font-weight:600; }
.depo-row .val { font-weight:800; color:var(--text); }
.depo-row .val.ac { color:var(--accent); }

/* ===========================
   DEPO KARTLARI
=========================== */
.stor-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:22px; }

.stor-card {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--rl); overflow:hidden; position:relative;
  transition:all var(--tr);
}
.stor-card:hover { transform:translateY(-5px); box-shadow:var(--shl); border-color:var(--accent); }
.stor-card.pop  { border-color:var(--accent); }

.stor-badge {
  position:absolute; top:14px; right:14px; z-index:1;
  background:var(--accent); color:#fff;
  font-size:0.7rem; font-weight:700; padding:3px 9px;
  border-radius:99px; text-transform:uppercase; letter-spacing:0.5px;
}

.stor-head {
  background:var(--dk); padding:22px; text-align:center; color:#fff;
}
.stor-head .ico { font-size:2.2rem; margin-bottom:8px; }
.stor-head h3   { font-family:'Barlow Condensed',sans-serif; font-size:1.3rem; font-weight:800; margin-bottom:3px; }
.stor-head .m2  { font-size:0.82rem; color:var(--accent); font-weight:700; }

.stor-body { padding:22px; background:var(--bg-card); }

.stor-price { text-align:center; margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--border); }
.stor-price .amt { font-family:'Barlow Condensed',sans-serif; font-size:2rem; font-weight:900; color:var(--accent); line-height:1; }
.stor-price .per { font-size:0.78rem; color:var(--text-muted); }

.feat-list { display:flex; flex-direction:column; gap:9px; margin-bottom:20px; }
.feat-list li { display:flex; align-items:center; gap:9px; font-size:0.86rem; color:var(--text-muted); }
.feat-list li i { color:var(--success); font-size:0.88rem; flex-shrink:0; }

/* ===========================
   TESTIMONIALS
=========================== */
.test-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:22px; }

.test-card {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--rl); padding:26px; transition:all var(--tr);
}
.test-card:hover { box-shadow:var(--shl); transform:translateY(-3px); }

.stars { display:flex; gap:3px; color:var(--star); margin-bottom:12px; font-size:0.88rem; }

.test-text {
  color:var(--text-muted); font-size:0.91rem;
  line-height:1.7; margin-bottom:18px; font-style:italic;
}

.test-author { display:flex; align-items:center; gap:11px; }

.t-avatar {
  width:40px; height:40px; border-radius:50%;
  background:var(--accent); display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:800; font-size:0.95rem; flex-shrink:0;
}
.t-name { font-weight:700; font-size:0.9rem; color:var(--text); }
.t-loc  { font-size:0.75rem; color:var(--text-muted); }

/* ===========================
   BLOG
=========================== */
.blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:22px; }

.blog-card {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--rl); overflow:hidden; transition:all var(--tr);
}
.blog-card:hover { transform:translateY(-4px); box-shadow:var(--shl); }

.blog-thumb { height:190px; overflow:hidden; background:var(--bg-soft); }
.blog-thumb img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.blog-card:hover .blog-thumb img { transform:scale(1.06); }

.blog-body { padding:22px; }
.blog-meta { display:flex; gap:12px; font-size:0.76rem; color:var(--text-muted); margin-bottom:9px; }
.blog-meta span { display:flex; align-items:center; gap:4px; }
.blog-body h3 { font-size:1rem; font-weight:800; color:var(--text); margin-bottom:7px; line-height:1.35; }
.blog-body p  { color:var(--text-muted); font-size:0.86rem; line-height:1.6; margin-bottom:14px; }

/* ===========================
   GALERİ
=========================== */
.gal-filter { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:28px; }

.filter-btn {
  padding:7px 18px; border-radius:99px;
  border:1.5px solid var(--border); background:var(--bg-card);
  color:var(--text-muted); font-family:'Barlow',sans-serif;
  font-weight:700; font-size:0.83rem; cursor:pointer; transition:all var(--tr);
}
.filter-btn:hover, .filter-btn.active { background:var(--accent); border-color:var(--accent); color:#fff; }

.gal-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:14px; }

.gal-item {
  border-radius:var(--r); overflow:hidden;
  aspect-ratio:4/3; position:relative; cursor:pointer;
}
.gal-item img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.gal-item:hover img { transform:scale(1.08); }

.gal-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(10,37,64,0.85),transparent);
  opacity:0; transition:opacity var(--tr);
  display:flex; align-items:flex-end; padding:18px;
}
.gal-item:hover .gal-overlay { opacity:1; }
.gal-overlay h3 { color:#fff; font-size:0.92rem; font-weight:700; }
.gal-overlay p  { color:rgba(255,255,255,0.7); font-size:0.76rem; }

/* ===========================
   CTA
=========================== */
.cta-sec { background:var(--accent); padding:64px 5%; text-align:center; }
.cta-sec h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-size:2.6rem; font-weight:900; color:#fff; margin-bottom:10px;
}
.cta-sec p  { color:rgba(255,255,255,0.88); font-size:1rem; max-width:480px; margin:0 auto 28px; }
.cta-btns   { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ===========================
   İLETİŞİM
=========================== */
.contact-wrap { display:grid; grid-template-columns:1fr 1.4fr; gap:44px; align-items:start; }

.cinfo-list { display:flex; flex-direction:column; gap:22px; }
.cinfo-item { display:flex; gap:14px; align-items:flex-start; }

.cinfo-ico {
  width:46px; height:46px; background:var(--accent-light);
  border-radius:var(--r); display:flex; align-items:center; justify-content:center;
  color:var(--accent); font-size:1.05rem; flex-shrink:0;
}
.cinfo-item h4 { font-size:0.75rem; text-transform:uppercase; letter-spacing:0.5px; color:var(--text-muted); font-weight:700; margin-bottom:3px; }
.cinfo-item p, .cinfo-item a { font-weight:600; color:var(--text); font-size:0.93rem; }
.cinfo-item a:hover { color:var(--accent); }

.cform-box {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--rl); padding:32px; box-shadow:var(--sh);
}
.cform-box h3 { font-size:1.3rem; font-weight:800; color:var(--text); margin-bottom:22px; }

.form-2col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

/* ===========================
   HARİTA
=========================== */
.map-wrap {
  border-radius:var(--rl); overflow:hidden;
  box-shadow:var(--sh); height:390px;
  border:1px solid var(--border);
}
.map-wrap iframe { width:100%; height:100%; border:0; }

/* ===========================
   SSS
=========================== */
.faq-list { display:flex; flex-direction:column; gap:10px; max-width:740px; margin:0 auto; }

.faq-item {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--r); overflow:hidden; transition:border-color var(--tr);
}
.faq-item.open { border-color:var(--accent); }

.faq-q {
  display:flex; justify-content:space-between; align-items:center;
  padding:18px 22px; cursor:pointer; user-select:none;
}
.faq-q h3 { font-size:0.97rem; font-weight:700; color:var(--text); }
.faq-q i  { color:var(--accent); transition:transform var(--tr); flex-shrink:0; }
.faq-item.open .faq-q i { transform:rotate(180deg); }

.faq-a {
  padding:0 22px; max-height:0; overflow:hidden;
  transition:max-height 0.38s ease, padding 0.28s ease;
}
.faq-item.open .faq-a { max-height:280px; padding:0 22px 18px; }
.faq-a p { color:var(--text-muted); font-size:0.9rem; line-height:1.7; }

/* ===========================
   STEPS (esya sayfası)
=========================== */
.steps-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:0; counter-reset:step;
}
.step { padding:28px 20px; text-align:center; counter-increment:step; }
.step::before {
  content:counter(step); display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; background:var(--accent); color:#fff;
  border-radius:50%; font-family:'Barlow Condensed',sans-serif;
  font-size:1.4rem; font-weight:900; margin:0 auto 14px;
}
.step h3 { font-size:0.92rem; font-weight:800; color:var(--text); margin-bottom:7px; }
.step p  { font-size:0.83rem; color:var(--text-muted); line-height:1.6; }

/* ===========================
   BLOG MAKALE
=========================== */
.art-hero {
  background:var(--dk); padding:calc(var(--hh) + 56px) 5% 52px;
  position:relative; overflow:hidden;
}
.art-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 80% 50%, rgba(249,115,22,0.12),transparent 60%);
}
.art-meta {
  display:flex; gap:14px; font-size:0.8rem;
  color:rgba(255,255,255,0.5); margin-bottom:12px;
  position:relative; z-index:1; flex-wrap:wrap;
}
.art-meta span { display:flex; align-items:center; gap:5px; }
.art-title {
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(2rem,4vw,3rem); font-weight:900;
  color:#fff; line-height:1.1; max-width:780px;
  position:relative; z-index:1;
}

.art-body { max-width:760px; margin:0 auto; padding:56px 5%; }
.art-body h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.7rem; font-weight:900; color:var(--text);
  margin:36px 0 12px; padding-bottom:9px; border-bottom:2px solid var(--border);
}
.art-body p  { color:var(--text-muted); line-height:1.8; margin-bottom:14px; font-size:0.98rem; }
.art-body ul { margin:8px 0 22px; display:flex; flex-direction:column; gap:9px; }
.art-body li { display:flex; gap:9px; align-items:flex-start; color:var(--text-muted); line-height:1.6; font-size:0.95rem; }
.art-body li::before { content:''; width:7px; height:7px; background:var(--accent); border-radius:50%; flex-shrink:0; margin-top:8px; }
.art-body strong { color:var(--text); font-weight:700; }
.art-tip {
  background:var(--accent-light); border-left:4px solid var(--accent);
  border-radius:0 var(--r) var(--r) 0; padding:14px 18px; margin:22px 0;
  font-size:0.91rem; color:var(--text);
}
.art-tip i { color:var(--accent); margin-right:5px; }

/* ===========================
   QUICK BAR (floating)
=========================== */
.quick-bar {
  position:fixed; bottom:22px; right:22px;
  display:flex; flex-direction:column; gap:9px; z-index:800;
}
.q-btn {
  width:50px; height:50px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1.25rem;
  box-shadow:0 4px 14px rgba(0,0,0,0.25);
  transition:all var(--tr);
}
.q-btn:hover { transform:scale(1.1); box-shadow:0 7px 22px rgba(0,0,0,0.3); }
.q-btn.call { background:var(--accent); }
.q-btn.wa   { background:#25d366; }
.q-btn.top  { background:var(--dk); font-size:0.95rem; display:none; }
.q-btn.top.show { display:flex; }

/* ===========================
   FOOTER
=========================== */
.site-footer { background:var(--dk); }

.footer-top {
  padding:56px 5%;
  display:grid; grid-template-columns:2fr 1fr 1fr; gap:36px;
}

.foot-brand { }
.foot-desc { color:rgba(255,255,255,0.42); font-size:0.86rem; margin:12px 0 18px; max-width:270px; line-height:1.7; }

.foot-contacts { display:flex; flex-direction:column; gap:9px; }
.foot-ci { display:flex; align-items:flex-start; gap:9px; font-size:0.86rem; color:rgba(255,255,255,0.52); }
.foot-ci i { color:var(--accent); width:15px; margin-top:2px; flex-shrink:0; }
.foot-ci a { color:rgba(255,255,255,0.52); }
.foot-ci a:hover { color:var(--accent); }

.foot-soc { display:flex; gap:8px; margin-top:18px; }
.foot-soc a {
  width:34px; height:34px; border-radius:7px;
  background:rgba(255,255,255,0.07);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.52); font-size:0.86rem; transition:all var(--tr);
}
.foot-soc a:hover { background:var(--accent); color:#fff; }

.foot-col h4 { color:#fff; font-size:0.85rem; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:16px; }
.foot-links li { margin-bottom:9px; }
.foot-links a  { color:rgba(255,255,255,0.48); font-size:0.86rem; transition:color var(--tr); display:flex; align-items:center; gap:5px; }
.foot-links a:hover { color:var(--accent); }

.footer-bot {
  border-top:1px solid rgba(255,255,255,0.08);
  padding:18px 5%;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:10px;
  font-size:0.8rem; color:rgba(255,255,255,0.28);
}
.footer-bot a { color:rgba(255,255,255,0.28); transition:color var(--tr); }
.footer-bot a:hover { color:var(--accent); }
.footer-bot-links { display:flex; gap:18px; }

/* ===========================
   ANİMASYON
=========================== */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(22px); }
  to   { opacity:1; transform:translateY(0); }
}
.fu  { animation:fadeUp 0.6s ease forwards; }
.d1  { animation-delay:0.1s; opacity:0; }
.d2  { animation-delay:0.2s; opacity:0; }
.d3  { animation-delay:0.3s; opacity:0; }

/* ===========================
   RESPONSİVE
=========================== */
@media (max-width:1024px) {
  .hero-wrap    { grid-template-columns:1fr; }
  .hero-cards   { display:none; }
  .footer-top   { grid-template-columns:1fr 1fr; }
  .contact-wrap { grid-template-columns:1fr; }
}

@media (max-width:768px) {
  :root { --hh:62px; }

  /* Mobilde telefon numarası gizle, sadece ikon */
  .header-phone .ph-text { display:none; }
  .dark-toggle { display:none; }

  .hero   { padding:calc(var(--hh) + 24px) 5% 44px; }
  .hero h1 { font-size:2.1rem; }
  .hero-stats { gap:18px; }

  .section, .section-gray, .section-dark { padding:48px 5%; }
  .section-title { font-size:1.85rem; }
  .page-hero h1  { font-size:2.1rem; }

  .calc-grid   { grid-template-columns:1fr; }
  .dcalc-grid  { grid-template-columns:1fr; }
  .form-2col   { grid-template-columns:1fr; }
  .form-2col .form-group.full { grid-column:span 1; }

  .footer-top  { grid-template-columns:1fr; }
  .footer-bot  { flex-direction:column; text-align:center; }
  .footer-bot-links { justify-content:center; }
}

@media (max-width:480px) {
  .hero-actions .btn { width:100%; justify-content:center; }
  .stor-grid     { grid-template-columns:1fr; }
  .test-grid     { grid-template-columns:1fr; }
  .calc-box      { padding:22px 16px; }
  .cta-sec h2    { font-size:1.9rem; }
  .steps-grid    { grid-template-columns:1fr 1fr; }
  .footer-top    { grid-template-columns:1fr; }
}