/* LIGHT (varsayılan) */
:root{--accent:#e51b23;--bg:#f6f7f8;--ink:#16181c;--card:#ffffff;--muted:#72767d;--line:rgba(128,128,128,.18)}
/* DARK (tema butonu ile) */
:root[data-theme="dark"]{--accent:#ff3b30;--bg:#080a0f;--ink:#f5f6f8;--card:#121722;--muted:#9aa0ab;--line:rgba(160,160,160,.18)}
html{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}
/* tema değiştirme butonu */
.navright{display:flex;align-items:center;gap:16px}
.themebtn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:18px;cursor:pointer;line-height:1;transition:.2s}
.themebtn:hover{border-color:var(--accent);transform:translateY(-2px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:42px;width:auto;object-fit:contain;display:block}
.navlinks{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:800}.navlinks a:hover{color:var(--accent)}.btn{display:inline-flex;padding:12px 18px;border-radius:12px;background:var(--accent);color:#fff!important;font-weight:900}.small{padding:8px 13px}
.hero{padding:75px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:620px}.kicker{color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 22px}h1 span{color:var(--accent)}.lead{font-size:19px;color:var(--muted);max-width:680px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ghost{padding:11px 17px;border:1px solid var(--line);border-radius:12px;font-weight:900}
section{padding:75px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h2{font-size:39px;line-height:1.1;margin:0;letter-spacing:-.04em}.head p{max-width:570px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;min-height:205px;transition:.22s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.icon{width:48px;height:48px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}
.band{padding:42px 0;background:var(--accent);color:#fff}.bandin{display:flex;justify-content:space-between;align-items:center;gap:20px}.band h2{font-size:29px}.band .btn{background:#fff;color:var(--accent)!important}
.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.feature{min-height:320px;border-radius:28px;padding:32px;background:linear-gradient(135deg,var(--accent),#111);color:#fff;display:flex;align-items:end;font-size:34px;font-weight:1000}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px}.num{color:var(--accent);font-size:28px;font-weight:1000}
.breadcrumb{padding-top:30px;color:var(--muted);font-size:13px}.servicehero{padding:45px 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.servicehero h1{font-size:55px}.serviceimage{border-radius:28px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.serviceimage img{display:block;width:100%}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{padding:17px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-weight:800}.check:before{content:"✓";color:var(--accent);margin-right:8px}
.contactgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contactbox{padding:27px;background:var(--card);border:1px solid var(--line);border-radius:18px}
footer{padding:48px 0;background:#0d0f12;color:#fff;margin-top:50px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer p{opacity:.68;font-size:14px}
@media(max-width:850px){.navlinks{display:none}.hero,.servicehero,.two{grid-template-columns:1fr}.grid,.steps,.contactgrid,.footergrid{grid-template-columns:1fr}.servicehero h1{font-size:43px}.checklist{grid-template-columns:1fr}.head,.bandin{display:block}.band .btn{margin-top:18px}}

/* Hizmet detay sayfası — mobil düzen */
@media(max-width:820px){
  .servicehero{grid-template-columns:1fr;gap:24px}
  .servicehero h1{font-size:44px}
  .serviceimage{order:2}
}

/* =========================================================
   ADZ PRO — geliştirmeler (mobil menü, hero, floatlar, animasyon)
   ========================================================= */
html{scroll-behavior:smooth}
body{transition:background .35s ease,color .35s ease}
*,*::before,*::after{transition-property:background-color,border-color,color,box-shadow}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:12px}

/* Header / mobil menü */
.navright{display:flex;align-items:center;gap:14px}
.hamb{display:none;width:44px;height:44px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;cursor:pointer;place-items:center;font-size:20px}
.hamb span{display:block;width:20px;height:2px;background:currentColor;position:relative}
.hamb span::before,.hamb span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor}
.hamb span::before{top:-6px}.hamb span::after{top:6px}

/* Buton cilası */
.btn{box-shadow:0 10px 24px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .18s,box-shadow .18s,filter .18s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.ghost{transition:.2s}.ghost:hover{border-color:var(--accent);color:var(--accent)}

/* HERO paneli */
.hero{min-height:auto;padding:70px 0 40px}
h1 span{background:linear-gradient(120deg,var(--accent),#ff6a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-panel{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--card);box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.hero-panel .banner{display:block;width:100%;aspect-ratio:1272/380;object-fit:cover;border-bottom:1px solid var(--line)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}
.hero-stats div{padding:20px 18px;text-align:center;border-right:1px solid var(--line)}
.hero-stats div:last-child{border-right:0}
.hero-stats b{display:block;font-size:26px;color:var(--accent);letter-spacing:-.02em}
.hero-stats small{color:var(--muted);font-size:12.5px;font-weight:700}
.trustrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.trustrow span{font-size:12.5px;font-weight:800;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:999px}

/* Kart cilası */
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px 120px at var(--mx,50%) 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);opacity:0;transition:.3s;pointer-events:none}
.card:hover::after{opacity:1}
.card:hover{box-shadow:0 20px 40px -22px rgba(0,0,0,.5)}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* Yüzen WhatsApp + yukarı çık */
.fab{position:fixed;right:18px;z-index:80;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.5);cursor:pointer;border:0;text-decoration:none}
.fab-wa{bottom:18px;background:#25d366;color:#fff;font-size:28px}
.fab-map{bottom:84px;background:var(--accent);color:#fff;font-size:26px}
.fab-top{bottom:150px;background:var(--card);color:var(--ink);border:1px solid var(--line);font-size:22px;opacity:0;pointer-events:none;transition:.3s}
.fab-top.show{opacity:1;pointer-events:auto}
.fab:hover{transform:translateY(-3px)}

/* Mobil */
@media(max-width:850px){
  .hamb{display:grid}
  .navlinks{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 6%}
  header.open .navlinks{display:flex}
  .navlinks a{padding:14px 4px;border-bottom:1px solid var(--line)}
  .navlinks a.btn{margin-top:10px;justify-content:center;border-bottom:0}
  .hero{grid-template-columns:1fr}
  .hero-stats b{font-size:22px}
}


/* Hero görseli — 3x3 gerçek ürün ikonları */
.hero-visual{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:
  radial-gradient(130% 150% at 100% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),
  linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--card)),var(--card))}
.hero-visual .vi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.hero-visual .vi:nth-child(3n){border-right:0}
.hero-visual .vi:nth-child(n+7){border-bottom:0}
.hero-visual .vi img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}
.hero-visual small{font-weight:800;font-size:11px;line-height:1.25}
@media(max-width:560px){
  .hero-visual{grid-template-columns:repeat(2,1fr)}
  .hero-visual .vi{padding:14px 6px;border-right:1px solid var(--line)}
  .hero-visual .vi img{width:48px;height:48px}
  .hero-visual small{font-size:10px}
  .hero-visual .vi:nth-child(2n){border-right:0}
  .hero-stats div{padding:14px 8px;min-width:0}
  .hero-stats b{font-size:20px}
  .hero-stats small{font-size:11px}
  .trustrow span{font-size:11.5px}
}

/* Yeni yatay logo — mobil ölçek */
@media(max-width:620px){.brand img{height:auto;max-width:min(58vw,240px)}}

/* Zengin footer */
footer{padding:56px 0 0;background:#0d0f12;color:#fff;margin-top:64px}
.footergrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:40px}
.fcol{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.fcol strong{font-size:15px;margin-bottom:6px;letter-spacing:.02em}
.fcol a,.fcol span{color:rgba(255,255,255,.66);font-size:14px}
.fcol a{transition:color .15s}.fcol a:hover{color:#fff}
.flogo{height:34px;width:auto;margin-bottom:8px}
.fbrand p{color:rgba(255,255,255,.6);font-size:14px;line-height:1.65;max-width:330px;margin:0 0 4px}
.fwa{color:#25d366!important;font-weight:800;margin-top:4px}.fwa:hover{filter:brightness(1.15)}
.fbottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:46px;padding:20px 0 30px;font-size:13px;color:rgba(255,255,255,.5)}
@media(max-width:850px){.footergrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}.fbottom{flex-direction:column;gap:6px}}
@media(max-width:520px){.footergrid{grid-template-columns:1fr}}

/* Tema butonu — native SVG ikonlar (emoji yerine) */
.themebtn .ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.themebtn .ico-sun{display:none}
:root[data-theme="dark"] .themebtn .ico-moon{display:none}
:root[data-theme="dark"] .themebtn .ico-sun{display:block}

/* Hizmet sayfası gerçek fotoğrafları (hi-res) */
.serviceimage img{aspect-ratio:4/3;object-fit:cover;object-position:center;height:auto;width:100%;display:block}

/* Anasayfa foto-kartları */
.pcard{padding:0;overflow:hidden;min-height:0;display:flex;flex-direction:column}
.pcard .cardimg{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)}
.pcard .pbody{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.pcard .icon{margin-top:-46px;position:relative;box-shadow:0 6px 16px rgba(0,0,0,.25);border:2px solid var(--card)}

/* İletişim — tıklanabilir kartlar + form */
a.contactbox{transition:transform .2s,border-color .2s;display:block}
a.contactbox:hover{border-color:var(--accent);transform:translateY(-3px)}
.contactbox h3{margin:0 0 8px;font-size:18px}
.contactbox p{margin:0;color:var(--muted)}
.qform{max-width:640px;margin-top:8px;display:flex;flex-direction:column;gap:14px}
.qrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qform input,.qform textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:15px}
.qform input::placeholder,.qform textarea::placeholder{color:var(--muted)}
.qform input:focus,.qform textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.qform button{align-self:flex-start;cursor:pointer;border:0}
@media(max-width:560px){.qrow{grid-template-columns:1fr}.qform button{align-self:stretch;justify-content:center}}

/* Hakkımızda — istatistik şeridi */
.abstats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}
.abstats div{padding:28px 18px;text-align:center;border-right:1px solid var(--line)}
.abstats div:last-child{border-right:0}
.abstats b{display:block;font-size:30px;color:var(--accent);letter-spacing:-.02em}
.abstats small{color:var(--muted);font-weight:700;font-size:13px}
@media(max-width:700px){.abstats{grid-template-columns:repeat(2,1fr)}.abstats div:nth-child(2n){border-right:0}.abstats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}