/*
Theme Name: ZER Tente v6 - Kesintisiz Video
Author: SitemioNet
Description: ZER Tente için özel kurumsal WordPress teması.
Version: 1.0.0
*/
:root{--dark:#111315;--dark2:#1a1d20;--sand:#b49a72;--cream:#f5f1ea;--white:#fff;--muted:#a7aaad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{background:#0d0f10;color:#ddd;font-size:14px}.top .wrap{display:flex;justify-content:space-between;padding:10px 0}.header{position:sticky;top:0;z-index:50;background:rgba(17,19,21,.96);color:#fff;border-bottom:1px solid #333}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:3px;font-size:24px}.brand span{color:var(--sand)}.menu{display:flex;gap:26px;align-items:center}.menu a{font-size:14px;font-weight:700}.btn{display:inline-block;background:var(--sand);color:#111;padding:14px 20px;border-radius:4px;font-weight:800}.btn.alt{background:transparent;color:#fff;border:1px solid #aaa}.hero{min-height:78vh;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22)),url('assets/images/project-1.jpg') center/cover;display:flex;align-items:center;color:#fff}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:10px 0 20px;max-width:820px}.eyebrow{color:#d8c09b;letter-spacing:3px;font-weight:800}.hero p{font-size:19px;max-width:640px;color:#e6e6e6;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:88px 0}.section.dark{background:var(--dark);color:#fff}.section.soft{background:var(--cream)}.title{max-width:760px;margin-bottom:42px}.title h2{font-size:42px;margin:8px 0 12px}.title p{line-height:1.7;color:#666}.dark .title p{color:#bbb}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e5e5e5;overflow:hidden}.dark .card{background:var(--dark2);border-color:#303337}.card img{width:100%;height:250px;object-fit:cover;display:block}.card .pad{padding:24px}.card h3{margin:0 0 10px;font-size:22px}.card p{color:#666;line-height:1.65;margin:0}.dark .card p{color:#bbb}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery img{width:100%;height:280px;object-fit:cover}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.split img{width:100%;height:520px;object-fit:cover}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.check{padding:16px;background:#fff;border-left:3px solid var(--sand);font-weight:700}.cta{background:var(--sand);padding:60px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:36px;margin:0 0 8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contactbox{padding:32px;background:#1b1e20;border:1px solid #303438}.contactbox h3{font-size:26px}.contactline{padding:13px 0;border-bottom:1px solid #333}.map-placeholder{min-height:320px;background:#222;display:grid;place-items:center;text-align:center;padding:30px;color:#aaa;border:1px dashed #555}.footer{background:#090a0b;color:#aaa;padding:30px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.wa{position:fixed;right:20px;bottom:20px;z-index:80;background:#25D366;color:#fff;border-radius:50px;padding:15px 20px;font-weight:800;box-shadow:0 8px 30px #0005}.mobile{display:none}@media(max-width:800px){.menu{display:none}.mobile{display:block}.hero{min-height:70vh}.grid3,.gallery,.split,.contact{grid-template-columns:1fr}.gallery img{height:240px}.split img{height:380px}.checks{grid-template-columns:1fr}.cta .wrap,.footer .wrap{display:block}.cta .btn{margin-top:18px}.section{padding:62px 0}.title h2{font-size:34px}.top .wrap{display:block;line-height:1.8}}


/* Sayfa kaydırma yüzdesi */
.scroll-progress{
  position:fixed;
  right:22px;
  bottom:92px;
  z-index:9998;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
.scroll-progress.is-visible{opacity:1;transform:translateY(0)}
.scroll-progress__ring{
  --progress:0deg;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(#c6a15b var(--progress), rgba(255,255,255,.18) 0);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  position:relative;
}
.scroll-progress__ring::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:#171717;
}
#scroll-progress-value{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
}
@media(max-width:700px){
  .scroll-progress{right:14px;bottom:84px}
  .scroll-progress__ring{width:52px;height:52px}
}

/* V4 - görünür scroll ilerleme göstergesi */
#zer-scroll-track{
  position:fixed!important; top:0!important; left:0!important; right:0!important;
  height:5px!important; z-index:2147483000!important;
  background:rgba(20,20,20,.28)!important;
  pointer-events:none!important;
}
#zer-scroll-bar{
  width:0%; height:100%;
  background:#c6a15b!important;
  transition:width .08s linear;
}
#zer-scroll-percent{
  position:fixed!important;
  right:18px!important;
  top:84px!important;
  z-index:2147483000!important;
  min-width:58px!important;
  height:36px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#171717!important;
  color:#fff!important;
  border:1px solid rgba(198,161,91,.75)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  font:800 13px/1 Arial,sans-serif!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  #zer-scroll-percent{right:12px!important;top:72px!important}
}

/* V5 video hero */
.hero-video{position:relative;overflow:hidden;background:#111;isolation:isolate}.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.32) 58%,rgba(0,0,0,.18));z-index:-2}.hero-content{position:relative;z-index:2}.hero-video .eyebrow,.hero-video h1,.hero-video p,.hero-video .actions{animation:zerHeroIn .8s ease both}.hero-video h1{animation-delay:.08s}.hero-video p{animation-delay:.16s}.hero-video .actions{animation-delay:.24s}@keyframes zerHeroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-bg-video{display:none}.hero-video{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.25)),url('assets/images/project-1.jpg') center/cover}.hero-video *{animation:none!important}}

/* V6: ilk karede fotograf gosterme; video hazir olana kadar temiz koyu zemin */
.hero-video-loading{position:absolute;inset:0;background:#111;z-index:-2;transition:opacity .25s ease}.zer-video-ready .hero-video-loading{opacity:0;pointer-events:none}.hero-bg-video{background:#111} .hero-shade{z-index:-1}