
/* === assets/css/style.css === */
:root{--bg:#050B12;--bg2:#07111D;--card:#0B1624;--card2:#101C2B;--gold:#F5B942;--gold2:#D99A19;--text:#fff;--muted:#9AA8B8;--border:rgba(255,255,255,.08);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;background-image:url('../img/dark-gradient-bg.svg');background-size:cover;background-attachment:fixed}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,11,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{height:84px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand img{width:48px;height:48px}.brand b{display:block;font-size:22px;letter-spacing:.08em}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.18em}.main-nav{display:flex;gap:20px;align-items:center;flex:1;justify-content:center}.main-nav a{color:#dbe6f4;font-size:14px}.main-nav a:hover{color:var(--gold)}.header-cta{display:flex;align-items:center;gap:14px}.phone{color:#e9eef7;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.25s}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;box-shadow:0 12px 40px rgba(245,185,66,.18)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(245,185,66,.25)}.btn-outline{border-color:var(--border);color:#fff;background:rgba(255,255,255,.03)}.btn-outline:hover{border-color:rgba(245,185,66,.6);color:var(--gold)}.hamburger{display:none;background:transparent;border:1px solid var(--border);color:#fff;border-radius:12px;padding:9px 12px}.hero{position:relative;overflow:hidden;padding:92px 0 72px}.hero:before{content:"";position:absolute;inset:0;background:url('../img/pattern-gold-lines.svg') center/cover no-repeat;opacity:.28;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,70px);line-height:1.02;margin:16px 0 18px;letter-spacing:-.05em}.hero h1 span{color:var(--gold)}.hero p,.page-hero p,.section-head p{font-size:18px;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.trust-grid div{border:1px solid var(--border);background:rgba(255,255,255,.035);padding:16px;border-radius:18px}.trust-grid b{display:block}.trust-grid small{display:block;color:var(--muted)}.hero-visual img{width:100%;filter:drop-shadow(0 30px 70px rgba(0,0,0,.55))}.section{padding:92px 0}.section.alt{background:rgba(255,255,255,.025);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-size:clamp(30px,3vw,48px);line-height:1.1;margin:10px 0}.section-head.row{text-align:left;display:flex;align-items:end;justify-content:space-between;gap:20px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card,.card-grid article,.content-card,.side-card,.form-card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 22px 70px rgba(0,0,0,.18)}.service-card{min-height:220px}.service-card:hover,.project-card:hover,.price-card:hover,.blog-card:hover{transform:translateY(-4px);border-color:rgba(245,185,66,.45)}.service-card,.project-card,.price-card,.blog-card{transition:.25s}.icon-line{width:46px;height:46px;border-radius:16px;border:1px solid rgba(245,185,66,.35);display:grid;place-items:center;color:var(--gold);background:rgba(245,185,66,.08)}.service-card h3,.card-grid h3{margin:18px 0 8px}.service-card p,.card-grid p,.blog-card p,.project-card p{color:var(--muted)}.service-card a,.blog-card a,.project-card a,.card-grid a{color:var(--gold);font-weight:800}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-card,.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.project-card img,.blog-card img{width:100%;height:180px;object-fit:cover;display:block}.project-card div,.blog-card div{padding:20px}.project-card small,.blog-card time{color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase}.stats{padding:36px 0;background:linear-gradient(90deg,rgba(245,185,66,.12),rgba(255,255,255,.02));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.stats b{display:block;font-size:40px;color:var(--gold)}.stats span{color:#d9e5f2}.four{grid-template-columns:repeat(4,1fr)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.price-card{position:relative;background:linear-gradient(180deg,#101d2c,#08111c);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.price-card.featured{border-color:rgba(245,185,66,.7);box-shadow:0 22px 90px rgba(245,185,66,.14)}.badge{position:absolute;right:22px;top:20px;background:var(--gold);color:#111;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900}.price{font-size:34px;font-weight:900;color:var(--gold);margin:12px 0}.price-card small{color:var(--muted)}.price-card ul{padding:0;margin:22px 0;list-style:none}.price-card li{padding:9px 0;border-bottom:1px solid var(--border);color:#dfe8f3}.price-card li:before{content:"✓";color:var(--gold);margin-right:8px}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cta-band{padding:70px 0;background:radial-gradient(circle at 20% 30%,rgba(245,185,66,.18),transparent 30%),linear-gradient(135deg,#07111D,#0B1624);border-top:1px solid var(--border)}.cta-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}.cta-grid h2{font-size:42px;margin:10px 0}.contact-card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:24px;padding:26px}.site-footer{padding:56px 0 26px;background:#03070c}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:36px}.footer-logo{width:86px}.site-footer p,.site-footer a{color:var(--muted);display:block;margin:7px 0}.site-footer a:hover{color:var(--gold)}.socials a{display:inline-flex;margin:0 8px 8px 0;border:1px solid var(--border);padding:8px 12px;border-radius:999px}.copyright{margin-top:28px;border-top:1px solid var(--border);padding-top:20px;color:#728093}.page-hero{padding:74px 0;background:radial-gradient(circle at 70% 20%,rgba(245,185,66,.16),transparent 30%),#07111D;border-bottom:1px solid var(--border)}.detail-grid{display:grid;grid-template-columns:1.4fr .55fr;gap:24px}.narrow{max-width:860px}.detail-cover{width:100%;border-radius:18px;margin-bottom:22px}.content-card h2,.content-card h3{color:#fff}.content-card p,.content-card li{color:#c9d4e2}.form-card label{display:block;color:#dce6f4;font-weight:700;margin-bottom:16px}.form-card input,.form-card textarea,.form-card select{width:100%;margin-top:7px;border:1px solid var(--border);background:#07111D;color:#fff;border-radius:14px;padding:13px 14px;outline:none}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:rgba(245,185,66,.7)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex!important;gap:10px;align-items:center;font-weight:500!important;color:var(--muted)!important}.check input{width:auto}.alert{margin-top:22px;padding:14px 18px;border-radius:14px}.alert.success{background:rgba(47,183,112,.14);border:1px solid rgba(47,183,112,.4)}.alert.error{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.3)}.float-whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;background:#25D366;color:#07111D;font-weight:900;padding:14px 18px;border-radius:999px;box-shadow:0 20px 50px rgba(0,0,0,.3)}@media(max-width:1000px){.header-cta .phone{display:none}.services-grid,.pricing-grid,.project-grid,.blog-grid,.four{grid-template-columns:repeat(2,1fr)}.hero-grid,.cta-grid,.detail-grid{grid-template-columns:1fr}.hero{padding-top:55px}.footer-grid{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;left:18px;right:18px;top:84px;background:#07111D;border:1px solid var(--border);border-radius:20px;padding:16px;flex-direction:column}.main-nav.open{display:flex}.hamburger{display:block;margin-left:auto}.header-inner{gap:12px}.brand{min-width:auto}.header-cta{display:none}}@media(max-width:640px){.container{width:min(100% - 24px,var(--max))}.hero h1,.page-hero h1{font-size:36px}.trust-grid,.services-grid,.pricing-grid,.project-grid,.blog-grid,.four,.stats-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.section-head.row{display:block}.section{padding:62px 0}.header-inner{height:74px}.main-nav{top:74px}.brand small{display:none}.brand img{width:42px}.cta-grid h2{font-size:32px}}

/* Paket 1.1 dinamik tema destekleri */
.header-static .site-header{position:relative}.theme-light{--bg:#f6f8fb;--bg2:#fff;--card:#fff;--card2:#fff;--text:#101828;--muted:#667085;--border:rgba(16,24,40,.12);background-image:none}.theme-light .site-header{background:rgba(255,255,255,.88)}.theme-light .main-nav a,.theme-light .phone{color:#182236}.theme-light .btn-outline{color:#182236;background:rgba(16,24,40,.03)}

/* Paket Görsel İçerik Güçlendirme */
.visual-services-grid .service-card,
.sector-grid .service-card{padding:0;overflow:hidden}
.visual-card .card-thumb{width:100%;height:165px;object-fit:cover;display:block;border-bottom:1px solid var(--border);background:#08111D}
.visual-card .icon-line{margin:22px 24px 0}
.visual-card h3{margin:18px 24px 8px}
.visual-card p{margin:0 24px 14px;color:var(--muted);min-height:72px}
.visual-card a{margin:0 24px 24px;display:inline-block}
.mini-list{list-style:none;padding:0;margin:18px 0 22px}.mini-list li{padding:10px 0;border-bottom:1px solid var(--border);color:#dce6f1}.mini-list li:before{content:"✓";color:var(--gold);margin-right:8px}
.info-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.info-chip-row span{display:inline-flex;padding:10px 14px;border:1px solid rgba(245,185,66,.28);background:rgba(245,185,66,.06);color:#f2d07d;border-radius:999px;font-size:13px;font-weight:700}
@media(max-width:640px){.visual-card .card-thumb{height:150px}}


/* === assets/css/premium-visuals.css === */
/* EWT Paket 1.4 - Premium gerçek görsel dokunuşları */
.hero{
  background:
    radial-gradient(circle at 72% 22%, rgba(245,185,66,.16), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(27,78,124,.28), transparent 34%),
    linear-gradient(180deg, rgba(5,11,18,.98), rgba(7,17,29,.98));
}
.hero:before{opacity:.38}
.hero-grid{gap:42px}
.hero-visual img{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 100px rgba(0,0,0,.55), 0 0 80px rgba(245,185,66,.14);
}
.project-card img,.blog-card img{
  height:210px;
  object-fit:cover;
  object-position:center;
}
.project-card,.blog-card,.service-card{
  background:linear-gradient(180deg, rgba(16,28,43,.96), rgba(7,17,29,.98));
}
.blog-card h3,.project-card h3{line-height:1.24}
@media(max-width:640px){
  .project-card img,.blog-card img{height:185px}
  .hero-visual img{border-radius:20px}
}


/* === assets/css/home-premium-1-5.css === */
/* EWT Paket 1.5 - Premium anasayfa blokları */
.premium-showcase-band{
  padding:42px 0;
  background:
    radial-gradient(circle at 18% 30%, rgba(245,185,66,.13), transparent 28%),
    linear-gradient(90deg, rgba(16,28,43,.72), rgba(7,17,29,.92));
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.premium-showcase-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:center;
}
.premium-showcase-grid h2{
  font-size:clamp(28px,3vw,44px);
  line-height:1.12;
  margin:10px 0 12px;
}
.premium-showcase-grid p{
  color:var(--muted);
  max-width:760px;
  margin:0;
}
.premium-showcase-points{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.premium-showcase-points div{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}
.premium-showcase-points b{
  color:var(--gold);
  font-size:22px;
  display:block;
  margin-bottom:6px;
}
.premium-showcase-points span{
  color:#e8eff7;
  font-weight:800;
}
.process-section{
  background:
    radial-gradient(circle at 80% 10%, rgba(245,185,66,.10), transparent 26%),
    rgba(255,255,255,.012);
}
.process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.process-grid article{
  position:relative;
  padding:28px 24px;
  border-radius:24px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  border:1px solid var(--border);
  overflow:hidden;
  min-height:240px;
}
.process-grid article:before{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(245,185,66,.09);
}
.process-grid b{
  display:inline-flex;
  width:48px;
  height:48px;
  border-radius:16px;
  align-items:center;
  justify-content:center;
  background:rgba(245,185,66,.10);
  border:1px solid rgba(245,185,66,.28);
  color:var(--gold);
  margin-bottom:18px;
}
.process-grid h3{
  margin:0 0 10px;
  font-size:22px;
}
.process-grid p{
  color:var(--muted);
  margin:0;
}
.hero .hero-copy h1{
  text-shadow:0 18px 55px rgba(0,0,0,.45);
}
.hero .trust-grid div{
  backdrop-filter:blur(8px);
}
@media(max-width:1000px){
  .premium-showcase-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .premium-showcase-points,.process-grid{grid-template-columns:1fr}
  .premium-showcase-band{padding:32px 0}
}


/* === assets/css/inner-premium-1-6.css === */
/* EWT Paket 1.6 - Premium iç sayfalar */
.inner-hero{
  position:relative;
  overflow:hidden;
  padding:86px 0 64px;
  background:
    radial-gradient(circle at 78% 24%, rgba(245,185,66,.15), transparent 30%),
    radial-gradient(circle at 14% 20%, rgba(31,82,140,.24), transparent 32%),
    linear-gradient(180deg, #06101d, #030811);
  border-bottom:1px solid var(--border);
}
.inner-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/pattern-gold-lines.svg') center/cover no-repeat;
  opacity:.22;
  pointer-events:none;
}
.inner-hero .container{position:relative}
.inner-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);
  gap:34px;
  align-items:center;
}
.inner-hero h1{
  font-size:clamp(38px,4.6vw,66px);
  line-height:1.05;
  margin:12px 0 14px;
  letter-spacing:-.045em;
}
.inner-hero p{
  color:var(--muted);
  font-size:18px;
  max-width:720px;
}
.inner-hero-visual{
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 70px rgba(245,185,66,.12);
}
.inner-hero-visual img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
.inner-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}
.inner-metrics div{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.inner-metrics b{
  display:block;
  color:var(--gold);
  font-size:24px;
  line-height:1.1;
}
.inner-metrics span{
  display:block;
  color:#dce6f2;
  font-size:13px;
  margin-top:5px;
}
.premium-list-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.premium-list-grid.four{
  grid-template-columns:repeat(4,1fr);
}
.premium-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--card2),var(--card));
  box-shadow:0 20px 70px rgba(0,0,0,.2);
  transition:.25s;
}
.premium-card:hover{
  transform:translateY(-5px);
  border-color:rgba(245,185,66,.38);
  box-shadow:0 24px 90px rgba(0,0,0,.28);
}
.premium-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border-bottom:1px solid var(--border);
}
.premium-card-body{
  padding:23px;
}
.premium-card-body small,.premium-meta{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.premium-card-body h3{
  margin:10px 0 9px;
  font-size:24px;
  line-height:1.18;
}
.premium-card-body p{
  color:var(--muted);
  margin:0 0 18px;
}
.premium-card-body a{
  color:var(--gold);
  font-weight:900;
}
.detail-premium-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.52fr);
  gap:26px;
  align-items:start;
}
.detail-premium-card{
  padding:0;
  overflow:hidden;
}
.detail-premium-card .detail-cover{
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:cover;
  border-radius:0;
  margin:0;
  border-bottom:1px solid var(--border);
}
.detail-content-inner{
  padding:30px;
}
.detail-content-inner h2{
  font-size:34px;
  line-height:1.12;
}
.detail-content-inner p,.detail-content-inner li{
  color:#cbd7e6;
  font-size:16px;
}
.premium-side-box{
  position:sticky;
  top:104px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  border:1px solid var(--border);
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.premium-side-box h3{
  margin:0 0 10px;
  font-size:24px;
}
.premium-side-box p{
  color:var(--muted);
}
.premium-check-list{
  list-style:none;
  padding:0;
  margin:18px 0 22px;
}
.premium-check-list li{
  padding:11px 0;
  border-bottom:1px solid var(--border);
  color:#dbe6f3;
}
.premium-check-list li:before{
  content:"✓";
  color:var(--gold);
  margin-right:8px;
  font-weight:900;
}
.premium-info-table{
  display:grid;
  gap:12px;
  margin:18px 0 22px;
}
.premium-info-table div{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
}
.premium-info-table b{
  display:block;
  color:var(--gold);
  font-size:13px;
  margin-bottom:3px;
}
.premium-info-table span{
  color:#e1ebf6;
}
.process-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:28px;
}
.process-mini-grid article{
  padding:20px;
  border-radius:22px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.025);
}
.process-mini-grid b{
  color:var(--gold);
}
.process-mini-grid h3{
  margin:8px 0 7px;
  font-size:19px;
}
.process-mini-grid p{
  color:var(--muted);
  margin:0;
  font-size:14px;
}
.blog-detail-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.blog-detail-meta span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(245,185,66,.08);
  border:1px solid rgba(245,185,66,.25);
  color:#f5d17c;
  font-size:13px;
  font-weight:800;
}
.about-premium-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.about-feature-card{
  padding:28px;
  border-radius:24px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--card2),var(--card));
}
.about-feature-card h3{font-size:24px;margin:0 0 10px}
.about-feature-card p{color:var(--muted)}
@media(max-width:1100px){
  .premium-list-grid,.premium-list-grid.four{grid-template-columns:repeat(2,1fr)}
  .inner-hero-grid,.detail-premium-grid,.about-premium-grid{grid-template-columns:1fr}
  .premium-side-box{position:relative;top:auto}
  .process-mini-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .inner-hero{padding:58px 0 46px}
  .inner-metrics,.premium-list-grid,.premium-list-grid.four,.process-mini-grid{grid-template-columns:1fr}
  .premium-card img{height:190px}
  .detail-content-inner{padding:22px}
  .inner-hero-visual img{height:230px}
}


/* === assets/css/services-premium-1-6-1.css === */
/* EWT Paket 1.6.1 - Üretilen görsele göre hizmetler sayfası */
.services-visual-hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 54px;
  background:
    radial-gradient(circle at 80% 25%, rgba(245,185,66,.17), transparent 30%),
    radial-gradient(circle at 16% 18%, rgba(35,91,150,.22), transparent 32%),
    linear-gradient(180deg,#050b12,#07111d);
  border-bottom:1px solid var(--border);
}
.services-visual-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/pattern-gold-lines.svg') center/cover no-repeat;
  opacity:.30;
  pointer-events:none;
}
.services-visual-hero .container{position:relative}
.breadcrumb-soft{
  color:#d5dfeb;
  font-size:13px;
  margin-bottom:18px;
  opacity:.85;
}
.breadcrumb-soft a{color:#d5dfeb}
.breadcrumb-soft span{color:var(--gold);margin:0 7px}
.services-visual-hero h1{
  font-size:clamp(38px,4.6vw,64px);
  margin:0 0 12px;
  line-height:1.05;
}
.services-visual-hero p{
  color:#cbd7e6;
  font-size:18px;
  max-width:760px;
  margin:0 auto;
}
.services-visual-hero .section-head{text-align:center;margin-bottom:0}
.service-visual-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.service-visual-card{
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,28,43,.98),rgba(7,17,29,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 70px rgba(0,0,0,.24);
  transition:.25s;
}
.service-visual-card:hover{
  transform:translateY(-5px);
  border-color:rgba(245,185,66,.42);
  box-shadow:0 28px 90px rgba(0,0,0,.32);
}
.service-visual-card img{
  width:100%;
  height:175px;
  display:block;
  object-fit:cover;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.service-visual-body{
  padding:22px 22px 24px;
}
.service-visual-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}
.service-visual-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--gold);
  border:1px solid rgba(245,185,66,.35);
  background:rgba(245,185,66,.08);
  font-weight:900;
}
.service-visual-card h3{
  margin:0;
  font-size:21px;
  line-height:1.18;
}
.service-visual-card p{
  color:var(--muted);
  margin:0 0 17px;
  min-height:74px;
}
.service-visual-card a{
  color:var(--gold);
  font-weight:900;
}
.service-stats-band{
  margin-top:30px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--border);
  background:linear-gradient(90deg,rgba(245,185,66,.11),rgba(255,255,255,.025));
}
.service-stats-band .stats-grid{
  padding:0;
}
.service-stats-band .stats-grid div{
  padding:24px 16px;
  border-right:1px solid rgba(255,255,255,.08);
}
.service-stats-band .stats-grid div:last-child{border-right:0}
.service-gallery-strip{
  margin-top:30px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.025);
  border:1px solid var(--border);
}
.service-gallery-strip h2{
  color:var(--gold);
  margin:0 0 16px;
  font-size:26px;
}
.service-gallery-row{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:10px;
}
.service-gallery-row div{
  overflow:hidden;
  border-radius:14px;
  border:1px solid var(--border);
  background:#07111d;
}
.service-gallery-row img{
  width:100%;
  height:92px;
  object-fit:cover;
  display:block;
}
.service-gallery-row span{
  display:block;
  padding:9px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  min-height:46px;
}
.service-detail-visual-hero{
  padding:74px 0 0;
  background:
    radial-gradient(circle at 84% 20%, rgba(245,185,66,.14), transparent 28%),
    linear-gradient(180deg,#050b12,#07111d);
  border-bottom:1px solid var(--border);
}
.service-detail-visual-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:36px;
  align-items:center;
}
.service-detail-visual-grid h1{
  font-size:clamp(36px,4vw,58px);
  line-height:1.08;
  margin:14px 0;
}
.service-detail-visual-grid p{
  color:#cbd7e6;
  font-size:18px;
}
.service-detail-hero-image{
  border-radius:28px 28px 0 0;
  border:1px solid rgba(255,255,255,.08);
  border-bottom:0;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
  overflow:hidden;
}
.service-detail-hero-image img{
  width:100%;
  height:330px;
  object-fit:cover;
  display:block;
}
.service-feature-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:28px;
  align-items:start;
}
.service-feature-card{
  padding:30px;
  border-radius:24px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  border:1px solid var(--border);
}
.service-feature-card h2{
  margin-top:0;
}
.service-feature-list{
  list-style:none;
  padding:0;
  margin:22px 0;
  display:grid;
  gap:12px;
}
.service-feature-list li{
  color:#dfe8f3;
  padding:13px 15px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--border);
}
.service-feature-list li:before{
  content:"✓";
  color:var(--gold);
  margin-right:10px;
  font-weight:900;
}
.service-offer-card{
  position:sticky;
  top:104px;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,28,43,.98),rgba(7,17,29,.98));
  border:1px solid rgba(245,185,66,.16);
  box-shadow:0 22px 75px rgba(0,0,0,.25);
}
.service-offer-card h3{
  margin:0 0 8px;
  font-size:28px;
}
.service-offer-card p{
  color:var(--muted);
}
.service-offer-card .btn{
  width:100%;
  margin-top:12px;
}
.detail-process-line{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.detail-process-line article{
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--border);
  text-align:center;
}
.detail-process-line b{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:999px;
  color:var(--gold);
  border:1px solid rgba(245,185,66,.32);
  margin-bottom:10px;
}
.detail-process-line h3{
  font-size:17px;
  margin:0 0 8px;
}
.detail-process-line p{
  color:var(--muted);
  margin:0;
  font-size:13px;
}
@media(max-width:1100px){
  .service-visual-grid{grid-template-columns:repeat(2,1fr)}
  .service-gallery-row{grid-template-columns:repeat(4,1fr)}
  .service-detail-visual-grid,.service-feature-layout{grid-template-columns:1fr}
  .service-offer-card{position:relative;top:auto}
}
@media(max-width:640px){
  .service-visual-grid,.service-gallery-row,.detail-process-line{grid-template-columns:1fr}
  .service-visual-card img{height:190px}
  .service-detail-hero-image img{height:240px}
}


/* === assets/css/video-fixes-1-6-2.css === */
/* EWT Paket 1.6.2 - Video kontrolüne göre düzeltmeler */

/* Header logo: video'da görünen çift/bozuk logo hissini düzeltir */
.brand-clean{
  min-width:265px;
  gap:10px;
}
.brand-clean .brand-mark{
  font-size:32px;
  line-height:1;
  font-weight:950;
  letter-spacing:.02em;
  color:#fff;
}
.brand-clean .brand-mark::first-letter{
  color:var(--gold);
}
.brand-clean .brand-divider{
  width:1px;
  height:34px;
  background:rgba(255,255,255,.32);
}
.brand-clean .brand-sub{
  display:flex;
  flex-direction:column;
  line-height:1.03;
}
.brand-clean .brand-sub b{
  font-size:15px;
  letter-spacing:.08em;
}
.brand-clean .brand-sub small{
  font-size:13px;
  color:#fff;
  letter-spacing:.09em;
}
.main-nav a.active{
  color:var(--gold);
}
.main-nav a.active:after{
  content:"";
  display:block;
  height:2px;
  background:var(--gold);
  border-radius:999px;
  margin-top:7px;
}

/* Hizmetler: video'daki aşırı boşluğu azaltır */
.services-visual-hero{
  padding:64px 0 48px;
}
.services-visual-hero + .section{
  padding-top:58px;
}
.service-visual-grid{
  align-items:stretch;
}
.service-visual-card img{
  height:188px;
  object-position:center;
}
.service-visual-card p{
  min-height:82px;
}

/* İstatistik metinleri bitişmesin */
.service-stats-band .stats-grid b,
.service-stats-band .stats-grid span{
  display:block;
}
.service-stats-band .stats-grid b{
  color:var(--gold);
  font-size:26px;
  line-height:1.1;
  margin-bottom:7px;
}
.service-stats-band .stats-grid span{
  color:#dfe8f3;
  font-size:14px;
}
.service-stats-band .stats-grid div{
  text-align:center;
}

/* Alt hizmet görsel şeridi: video'da çok sıkışıktı, 4 + 4 düzene alındı */
.service-gallery-row{
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px;
}
.service-gallery-row img{
  height:132px!important;
  object-fit:cover;
}
.service-gallery-row span{
  min-height:auto!important;
  font-size:14px!important;
  line-height:1.25;
}

/* Kurumsal sayfada placeholder hissini azalt */
.about-premium-grid{
  margin-top:24px;
}
.detail-premium-card .detail-cover{
  background:#07111d;
}

/* İletişim sayfası video'da çok aşağıdan başlıyordu */
.contact-premium-hero{
  padding:68px 0 50px!important;
}
.contact-premium-section{
  padding-top:58px!important;
}
.contact-premium-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:28px;
  align-items:start;
}
.contact-info-premium{
  position:sticky;
  top:104px;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  border:1px solid var(--border);
}
.contact-info-premium h3{
  margin-top:0;
  font-size:26px;
}
.contact-info-premium p{
  color:#dfe8f3;
}
.contact-info-premium b{
  color:#fff;
}
@media(max-width:1100px){
  .contact-premium-grid{grid-template-columns:1fr}
  .contact-info-premium{position:relative;top:auto}
}
@media(max-width:720px){
  .brand-clean{min-width:auto}
  .brand-clean .brand-mark{font-size:27px}
  .brand-clean .brand-divider,.brand-clean .brand-sub{display:none}
  .service-gallery-row{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .service-gallery-row{grid-template-columns:1fr!important}
}


/* === assets/css/lead-premium-1-8.css === */
/* EWT Paket 1.8 - Lead Formları */
.lead-hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 58px;
  background:
    radial-gradient(circle at 80% 18%, rgba(245,185,66,.16), transparent 28%),
    radial-gradient(circle at 15% 22%, rgba(38,90,150,.20), transparent 34%),
    linear-gradient(180deg,#050b12,#07111d);
  border-bottom:1px solid var(--border);
}
.lead-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/pattern-gold-lines.svg') center/cover no-repeat;
  opacity:.25;
  pointer-events:none;
}
.lead-hero .container{position:relative}
.lead-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:30px;
  align-items:center;
}
.lead-hero h1{
  font-size:clamp(38px,4.6vw,66px);
  line-height:1.05;
  margin:12px 0 14px;
  letter-spacing:-.045em;
}
.lead-hero p{color:#cbd7e6;font-size:18px;max-width:740px}
.lead-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
  margin-top:26px;
}
.lead-trust-grid div,.lead-hero-card,.lead-side-card{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(16,28,43,.92),rgba(7,17,29,.96));
  border-radius:22px;
  padding:18px;
}
.lead-trust-grid b{display:block;color:var(--gold);font-size:24px;line-height:1.1}
.lead-trust-grid span{display:block;color:#e3edf8;font-weight:800;font-size:14px;margin-top:5px}
.lead-hero-card{padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.lead-hero-card h3{margin:0 0 8px;font-size:24px}
.lead-hero-card strong{display:block;color:var(--gold);font-size:34px;line-height:1.1;margin-bottom:8px}
.lead-section{padding-top:62px}
.lead-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:28px;
  align-items:start;
}
.lead-form{padding:30px}
.lead-form .form-grid{grid-template-columns:1fr 1fr}
.lead-form input,.lead-form select,.lead-form textarea{
  background:#07111d;
}
.lead-submit{width:100%;margin-top:8px}
.lead-small-note{color:var(--muted);font-size:13px;margin:14px 0 0}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.lead-side{display:grid;gap:18px;position:sticky;top:104px}
.lead-side-card h3{margin:0 0 12px;font-size:24px}
.lead-side-card ul{list-style:none;padding:0;margin:0}
.lead-side-card li{padding:11px 0;border-bottom:1px solid var(--border);color:#dfe8f3}
.lead-side-card li:before{content:"✓";color:var(--gold);margin-right:8px;font-weight:900}
.lead-action{
  display:block;
  padding:13px 15px;
  border-radius:16px;
  margin-top:10px;
  border:1px solid rgba(245,185,66,.24);
  background:rgba(245,185,66,.06);
  color:#f2ce72;
  font-weight:900;
}
.contact-lead-hero .lead-hero-card p{margin:8px 0}
@media(max-width:1000px){
  .lead-hero-grid,.lead-grid{grid-template-columns:1fr}
  .lead-side{position:relative;top:auto}
}
@media(max-width:640px){
  .lead-hero{padding:58px 0 44px}
  .lead-trust-grid,.lead-form .form-grid{grid-template-columns:1fr}
}


/* === assets/css/portfolio-whatsapp-2-1.css === */
/* EWT Paket 2.1 - Proje Galerisi + Portföy Vitrini + Modern WhatsApp */

.portfolio-hero,.portfolio-detail-hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 58px;
  background:
    radial-gradient(circle at 78% 22%, rgba(245,185,66,.16), transparent 30%),
    radial-gradient(circle at 14% 20%, rgba(35,91,150,.22), transparent 34%),
    linear-gradient(180deg,#050b12,#07111d);
  border-bottom:1px solid var(--border);
}
.portfolio-hero:before,.portfolio-detail-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/pattern-gold-lines.svg') center/cover no-repeat;
  opacity:.24;
  pointer-events:none;
}
.portfolio-hero .container,.portfolio-detail-hero .container{position:relative}
.portfolio-hero-grid,.portfolio-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:34px;
  align-items:center;
}
.portfolio-hero h1,.portfolio-detail-hero h1{
  font-size:clamp(38px,4.7vw,66px);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:12px 0 14px;
}
.portfolio-hero p,.portfolio-detail-hero p{
  color:#cbd7e6;
  font-size:18px;
  max-width:760px;
}
.portfolio-hero-visual,.portfolio-detail-cover{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 60px rgba(245,185,66,.12);
}
.portfolio-hero-visual img,.portfolio-detail-cover img{
  display:block;
  width:100%;
  height:330px;
  object-fit:cover;
}
.portfolio-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
  margin-top:26px;
}
.portfolio-metrics div{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.portfolio-metrics b{
  display:block;
  color:var(--gold);
  font-size:24px;
}
.portfolio-metrics span{
  display:block;
  color:#e3edf8;
  font-size:13px;
  margin-top:5px;
  font-weight:800;
}
.portfolio-filter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:26px;
}
.portfolio-filter a{
  padding:11px 16px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.035);
  color:#dfe8f3;
  font-weight:900;
}
.portfolio-filter a.active,.portfolio-filter a:hover{
  background:rgba(245,185,66,.12);
  border-color:rgba(245,185,66,.34);
  color:var(--gold);
}
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.portfolio-card{
  overflow:hidden;
  border-radius:28px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--card2),var(--card));
  box-shadow:0 22px 70px rgba(0,0,0,.22);
  transition:.25s;
}
.portfolio-card:hover{
  transform:translateY(-6px);
  border-color:rgba(245,185,66,.38);
  box-shadow:0 28px 95px rgba(0,0,0,.32);
}
.portfolio-card-image{
  position:relative;
  display:block;
  overflow:hidden;
}
.portfolio-card-image img{
  display:block;
  width:100%;
  height:240px;
  object-fit:cover;
  transition:.35s;
}
.portfolio-card:hover .portfolio-card-image img{
  transform:scale(1.045);
}
.portfolio-card-image span{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(5,11,18,.78);
  border:1px solid rgba(245,185,66,.28);
  color:var(--gold);
  font-size:12px;
  font-weight:900;
}
.portfolio-card-body{
  padding:24px;
}
.portfolio-card-body h3{
  font-size:25px;
  line-height:1.15;
  margin:0 0 10px;
}
.portfolio-card-body p{
  color:var(--muted);
  min-height:78px;
}
.portfolio-card-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:14px;
  border-top:1px solid var(--border);
  margin-top:16px;
}
.portfolio-card-meta small{
  color:#dce6f2;
  font-weight:800;
}
.portfolio-link{
  display:inline-block;
  margin-top:18px;
  color:var(--gold);
  font-weight:900;
}
.portfolio-empty{
  padding:36px;
  border-radius:28px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--card2),var(--card));
  text-align:center;
}
.portfolio-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.portfolio-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:28px;
  align-items:start;
}
.portfolio-content-card,.portfolio-side-card,.portfolio-gallery-block{
  padding:28px;
  border-radius:26px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--card2),var(--card));
  box-shadow:0 20px 70px rgba(0,0,0,.18);
}
.portfolio-content-card{
  color:#cbd7e6;
}
.portfolio-process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:24px 0;
}
.portfolio-process article{
  padding:20px;
  border-radius:22px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
  text-align:center;
}
.portfolio-process b{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(245,185,66,.34);
  color:var(--gold);
  margin-bottom:10px;
}
.portfolio-process h3{
  margin:0 0 8px;
  font-size:18px;
}
.portfolio-process p{
  color:var(--muted);
  font-size:13px;
  margin:0;
}
.portfolio-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:18px;
}
.portfolio-gallery a{
  position:relative;
  overflow:hidden;
  display:block;
  border-radius:18px;
  border:1px solid var(--border);
  background:#07111d;
}
.portfolio-gallery img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
  transition:.3s;
}
.portfolio-gallery a:hover img{
  transform:scale(1.05);
}
.portfolio-gallery span{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(5,11,18,.76);
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.portfolio-side{
  position:sticky;
  top:104px;
  display:grid;
  gap:18px;
}
.portfolio-side-card h3{
  margin-top:0;
  font-size:24px;
}
.portfolio-info{
  display:grid;
  gap:12px;
  margin:16px 0;
}
.portfolio-info div{
  padding:14px;
  border-radius:16px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
}
.portfolio-info b{
  display:block;
  color:var(--gold);
  font-size:13px;
  margin-bottom:4px;
}
.portfolio-info span{
  color:#e2eaf6;
}
.portfolio-side-card .btn{
  width:100%;
  margin-top:10px;
}
.modern-wa{
  position:fixed!important;
  right:22px!important;
  left:auto!important;
  bottom:28px!important;
  z-index:9999;
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:12px 15px 12px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,#25D366,#128C7E)!important;
  color:#fff!important;
  font-weight:950;
  box-shadow:0 18px 55px rgba(18,140,126,.38),0 0 0 1px rgba(255,255,255,.18) inset;
  text-decoration:none!important;
  border:0!important;
}
.modern-wa .wa-icon{
  width:46px;
  height:46px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.17);
  color:#fff;
}
.modern-wa .wa-text{
  padding-right:4px;
  letter-spacing:.01em;
}
.modern-wa .wa-pulse{
  position:absolute;
  inset:-7px;
  border-radius:999px;
  border:1px solid rgba(37,211,102,.45);
  animation:waPulse 1.8s ease-out infinite;
}
@keyframes waPulse{
  0%{opacity:.9;transform:scale(.92)}
  100%{opacity:0;transform:scale(1.25)}
}
.modern-wa:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 70px rgba(18,140,126,.50),0 0 0 1px rgba(255,255,255,.22) inset;
}
@media(max-width:1100px){
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-detail-layout,.portfolio-hero-grid,.portfolio-detail-grid{grid-template-columns:1fr}
  .portfolio-side{position:relative;top:auto}
  .portfolio-process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .portfolio-grid,.portfolio-process,.portfolio-gallery,.portfolio-metrics{grid-template-columns:1fr}
  .portfolio-hero,.portfolio-detail-hero{padding:58px 0 46px}
  .portfolio-card-image img{height:210px}
  .modern-wa{
    right:16px!important;
    bottom:18px!important;
    padding:10px!important;
  }
  .modern-wa .wa-text{display:none}
  .modern-wa .wa-icon{width:48px;height:48px}
}


/* Paket 2.1.1 - WhatsApp sadece ikon */
.modern-wa{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  padding:0!important;
  justify-content:center!important;
  align-items:center!important;
  border-radius:999px!important;
  right:22px!important;
  bottom:28px!important;
}
.modern-wa .wa-text{
  display:none!important;
}
.modern-wa .wa-icon{
  width:62px!important;
  height:62px!important;
  background:transparent!important;
}
.modern-wa .wa-icon svg{
  width:32px!important;
  height:32px!important;
}
@media(max-width:720px){
  .modern-wa{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    right:16px!important;
    bottom:18px!important;
  }
  .modern-wa .wa-icon{
    width:56px!important;
    height:56px!important;
  }
  .modern-wa .wa-icon svg{
    width:30px!important;
    height:30px!important;
  }
}


/* Paket 2.1.2 - Daha modern WhatsApp ikon tasarımı */
.modern-wa-v2{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  padding:0!important;
  right:24px!important;
  bottom:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.44)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.32),
    0 12px 34px rgba(22,199,101,.26),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  overflow:visible!important;
}
.modern-wa-v2 .wa-icon,
.modern-wa-v2 .wa-pulse,
.modern-wa-v2 .wa-text{
  display:none!important;
}
.modern-wa-v2 .wa-modern-img{
  position:relative;
  z-index:3;
  width:54px!important;
  height:54px!important;
  display:block!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
  transition:transform .24s ease;
}
.modern-wa-v2 .wa-ring{
  position:absolute;
  inset:-7px;
  border-radius:26px;
  border:1px solid rgba(35,234,116,.46);
  animation:waModernRing 1.9s ease-out infinite;
}
.modern-wa-v2 .wa-soft{
  position:absolute;
  inset:7px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(43,234,116,.24),rgba(14,143,99,.10));
  z-index:1;
}
.modern-wa-v2:hover{
  transform:translateY(-4px) scale(1.02)!important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.38),
    0 16px 42px rgba(22,199,101,.36),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.modern-wa-v2:hover .wa-modern-img{
  transform:scale(1.06) rotate(-2deg);
}
@keyframes waModernRing{
  0%{opacity:.86;transform:scale(.88)}
  100%{opacity:0;transform:scale(1.22)}
}
@media(max-width:720px){
  .modern-wa-v2{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    right:16px!important;
    bottom:18px!important;
    border-radius:20px!important;
  }
  .modern-wa-v2 .wa-modern-img{
    width:50px!important;
    height:50px!important;
  }
  .modern-wa-v2 .wa-ring{
    border-radius:24px;
  }
}


/* === assets/css/logo-favicon-2-1-3.css === */

/* Paket 2.1.3 - dinamik logo ve favicon görünümü */
.brand.brand-image{
  min-width:auto;
  gap:0;
}
.brand-logo-img{
  display:block;
  width:auto;
  height:50px;
  max-width:240px;
  object-fit:contain;
}
.footer-logo.dynamic-logo{
  display:block;
  width:auto;
  height:58px;
  max-width:220px;
  object-fit:contain;
}
@media(max-width:1000px){
  .brand-logo-img{
    height:46px;
    max-width:210px;
  }
}
@media(max-width:640px){
  .brand-logo-img{
    height:40px;
    max-width:170px;
  }
  .footer-logo.dynamic-logo{
    height:50px;
    max-width:190px;
  }
}


/* === assets/css/logo-brand-system-2-1-4.css === */
/* Paket 2.1.4 - Logo marka sistemi + mobil header düzeltmesi */
.brand.brand-image{
  min-width:310px!important;
  display:flex!important;
  align-items:center!important;
}
.brand.brand-image picture{
  display:block;
}
.brand-logo-img{
  height:64px!important;
  width:auto!important;
  max-width:330px!important;
  object-fit:contain!important;
  display:block!important;
}
.site-header .header-inner{
  min-height:92px;
}
.footer-logo.dynamic-logo{
  height:72px!important;
  width:auto!important;
  max-width:310px!important;
  object-fit:contain!important;
}
.hamburger{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:16px!important;
  font-size:0!important;
  position:relative!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(245,185,66,.34)!important;
  background:rgba(255,255,255,.045)!important;
}
.hamburger:before,
.hamburger:after,
.hamburger span{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  height:3px;
  border-radius:999px;
  background:#F5B942;
  box-shadow:0 0 16px rgba(245,185,66,.18);
}
.hamburger:before{top:16px}
.hamburger span{top:24px}
.hamburger:after{top:32px}
@media(max-width:1000px){
  .brand.brand-image{
    min-width:auto!important;
    flex:1;
  }
  .brand-logo-img{
    height:58px!important;
    max-width:300px!important;
  }
  .hamburger{
    display:flex!important;
  }
  .site-header .header-inner{
    min-height:84px;
    height:84px;
  }
}
@media(max-width:700px){
  .brand-logo-img{
    height:50px!important;
    max-width:235px!important;
  }
  .site-header .header-inner{
    min-height:78px;
    height:78px;
  }
  .main-nav{
    top:78px!important;
  }
}
@media(max-width:420px){
  .brand-logo-img{
    height:46px!important;
    max-width:205px!important;
  }
  .hamburger{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
}


/* === assets/css/performance-mobile-2-2.css === */
/* Paket 2.2 - Performans, mobil hız ve teknik stabilizasyon */
/* Agresif cache/lazy/WebP sistemi yoktur. Sadece güvenli responsive ve görünüm düzeltmeleri vardır. */

html{
  overflow-x:hidden;
}

body{
  overflow-x:hidden;
}

img,
svg,
video,
canvas{
  max-width:100%;
}

img{
  height:auto;
}

.site-header{
  will-change:transform;
}

.site-header .header-inner{
  width:min(var(--max), calc(100% - 32px));
}

.brand-logo-img,
.brand img,
.footer-logo{
  object-fit:contain;
}

.main-nav a{
  white-space:nowrap;
}

/* Kart ve görsel taşmalarını engeller */
.service-card,
.project-card,
.blog-card,
.price-card,
.content-card,
.side-card,
.form-card,
.contact-card,
.panel,
.stat{
  min-width:0;
}

.project-card img,
.blog-card img,
.detail-cover,
.service-detail-visual img,
.about-visual img,
.gallery-strip img{
  display:block;
  max-width:100%;
  object-fit:cover;
}

/* Büyük görsellerin ani taşmasını önler */
.hero-visual img{
  max-height:560px;
  object-fit:contain;
}

.detail-cover{
  max-height:520px;
  object-fit:cover;
}

/* Uzun kelime/URL taşmalarını engeller */
.content-card,
.side-card,
.form-card,
.contact-card,
.site-footer,
.page-hero,
.section{
  overflow-wrap:anywhere;
}

/* Formlarda mobil taşma kontrolü */
input,
textarea,
select,
button{
  max-width:100%;
}

/* Mobil header ve menü stabilizasyonu */
@media(max-width:1000px){
  .site-header .header-inner{
    width:min(var(--max), calc(100% - 24px));
    gap:10px;
  }

  .header-cta{
    display:none!important;
  }

  .hamburger{
    margin-left:auto;
  }

  .main-nav{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 104px);
    overflow:auto;
    overscroll-behavior:contain;
  }

  .main-nav a{
    width:100%;
    text-align:left;
    padding:12px 14px;
    border-radius:12px;
  }

  .main-nav a.active{
    background:rgba(245,185,66,.10);
    color:var(--gold);
  }

  .hero-grid,
  .detail-grid,
  .cta-grid{
    gap:28px;
  }

  .project-grid,
  .blog-grid,
  .services-grid,
  .pricing-grid,
  .four{
    gap:16px;
  }
}

@media(max-width:760px){
  .container{
    width:min(100% - 24px, var(--max));
  }

  .hero{
    padding-top:42px;
    padding-bottom:48px;
  }

  .section{
    padding:56px 0;
  }

  .page-hero{
    padding:54px 0;
  }

  .hero h1,
  .page-hero h1{
    font-size:clamp(34px, 10vw, 44px);
    line-height:1.05;
  }

  .hero p,
  .page-hero p,
  .section-head p{
    font-size:16px;
  }

  .card-grid,
  .project-grid,
  .blog-grid,
  .services-grid,
  .pricing-grid,
  .four,
  .stats-grid,
  .trust-grid,
  .form-grid,
  .footer-grid{
    grid-template-columns:1fr!important;
  }

  .section-head.row{
    display:block!important;
  }

  .project-card img,
  .blog-card img{
    height:210px;
  }

  .stats b{
    font-size:34px;
  }

  .cta-grid h2{
    font-size:30px;
  }

  .site-footer{
    padding-bottom:76px;
  }
}

@media(max-width:420px){
  .container{
    width:min(100% - 20px, var(--max));
  }

  .hero h1,
  .page-hero h1{
    font-size:32px;
  }

  .btn{
    width:100%;
  }

  .hero-actions{
    width:100%;
  }

  .hero-actions .btn{
    flex:1 1 100%;
  }

  .project-card img,
  .blog-card img{
    height:190px;
  }
}

/* Hareket azaltma tercihi olan kullanıcılar için */
@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}


/* === assets/css/hero-lcp-2-2-2.css === */
/* Paket 2.2.2 - Gerçek Hero LCP optimizasyonu */
/* Ana sayfadaki en büyük hero görseli artık küçük WebP olarak gelir. */

.hero-lcp-visual{
  min-height:0!important;
}

.hero-lcp-visual picture,
.hero-lcp-visual img{
  display:block;
  width:100%;
}

.hero-lcp-visual img{
  height:auto;
  max-height:560px;
  object-fit:contain;
  aspect-ratio:980/650;
  filter:drop-shadow(0 24px 58px rgba(0,0,0,.45));
}

/* LCP için hero görsel alanı baştan ayrılır, CLS oluşmaz */
.hero-grid{
  align-items:center;
}

.card-thumb,
.project-card img,
.blog-card img{
  aspect-ratio:16/10;
  object-fit:cover;
  height:auto;
}

@media(max-width:760px){
  .hero-lcp-visual{
    margin-top:12px;
  }

  .hero-lcp-visual img{
    max-height:330px;
    aspect-ratio:520/345;
  }

  .hero-grid{
    gap:22px;
  }
}

@media(max-width:480px){
  .hero-lcp-visual img{
    max-height:285px;
  }
}


/* === assets/css/premium-motion-2-3.css === */
/* Paket 2.3 - Premium animasyon ve micro-interaction sistemi */
/* PageSpeed'i bozmamak için transform/opacity animasyonları kullanılır. */

:root{
  --motion-fast:.22s;
  --motion-mid:.55s;
  --motion-slow:.9s;
  --ease-premium:cubic-bezier(.22,1,.36,1);
}

/* İlk yükleme: hero premium giriş */
body.motion-ready .hero-copy .eyebrow{
  animation:motionFadeUp .65s var(--ease-premium) both;
}
body.motion-ready .hero-copy h1{
  animation:motionFadeUp .75s var(--ease-premium) .08s both;
}
body.motion-ready .hero-copy p{
  animation:motionFadeUp .75s var(--ease-premium) .16s both;
}
body.motion-ready .hero-actions{
  animation:motionFadeUp .75s var(--ease-premium) .24s both;
}
body.motion-ready .trust-grid > div{
  animation:motionFadeUp .7s var(--ease-premium) both;
}
body.motion-ready .trust-grid > div:nth-child(1){animation-delay:.30s}
body.motion-ready .trust-grid > div:nth-child(2){animation-delay:.37s}
body.motion-ready .trust-grid > div:nth-child(3){animation-delay:.44s}
body.motion-ready .trust-grid > div:nth-child(4){animation-delay:.51s}

body.motion-ready .hero-lcp-visual,
body.motion-ready .hero-visual{
  animation:motionHeroIn .95s var(--ease-premium) .14s both, motionFloat 6.5s ease-in-out 1.2s infinite;
}

/* Scroll reveal */
.motion-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .72s var(--ease-premium), transform .72s var(--ease-premium);
  will-change:opacity, transform;
}
.motion-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

.motion-reveal.motion-left{
  transform:translateX(-30px);
}
.motion-reveal.motion-right{
  transform:translateX(30px);
}
.motion-reveal.motion-left.is-visible,
.motion-reveal.motion-right.is-visible{
  transform:translateX(0);
}

/* Premium kart hover */
.service-card,
.project-card,
.blog-card,
.price-card,
.content-card,
.side-card,
.contact-card,
.premium-showcase-points > div,
.trust-grid > div{
  position:relative;
  transition:
    transform var(--motion-mid) var(--ease-premium),
    border-color var(--motion-mid) var(--ease-premium),
    box-shadow var(--motion-mid) var(--ease-premium),
    background var(--motion-mid) var(--ease-premium);
}

.service-card:before,
.project-card:before,
.blog-card:before,
.price-card:before,
.content-card:before,
.side-card:before,
.contact-card:before,
.premium-showcase-points > div:before,
.trust-grid > div:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg, rgba(245,185,66,.20), transparent 38%, rgba(255,255,255,.055));
  transition:opacity var(--motion-mid) var(--ease-premium);
}

.service-card:hover,
.project-card:hover,
.blog-card:hover,
.price-card:hover,
.content-card:hover,
.side-card:hover,
.contact-card:hover,
.premium-showcase-points > div:hover,
.trust-grid > div:hover{
  transform:translateY(-7px);
  border-color:rgba(245,185,66,.52)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.26), 0 0 0 1px rgba(245,185,66,.08);
}

.service-card:hover:before,
.project-card:hover:before,
.blog-card:hover:before,
.price-card:hover:before,
.content-card:hover:before,
.side-card:hover:before,
.contact-card:hover:before,
.premium-showcase-points > div:hover:before,
.trust-grid > div:hover:before{
  opacity:1;
}

/* Görsel hover: ajans işi hissi */
.project-card img,
.blog-card img,
.card-thumb,
.detail-cover{
  transition:transform .85s var(--ease-premium), filter .85s var(--ease-premium);
  will-change:transform;
}
.project-card:hover img,
.blog-card:hover img,
.service-card:hover .card-thumb{
  transform:scale(1.045);
  filter:saturate(1.06) contrast(1.04);
}

/* Butonlar daha canlı */
.btn{
  transition:transform var(--motion-fast) var(--ease-premium), box-shadow var(--motion-fast) var(--ease-premium), border-color var(--motion-fast) var(--ease-premium), background var(--motion-fast) var(--ease-premium);
}
.btn:hover{
  transform:translateY(-3px);
}
.btn-gold{
  position:relative;
  overflow:hidden;
}
.btn-gold:after{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  width:42px;
  left:-70px;
  transform:rotate(18deg);
  background:rgba(255,255,255,.32);
  filter:blur(2px);
  transition:left .75s var(--ease-premium);
}
.btn-gold:hover:after{
  left:calc(100% + 70px);
}

/* Menü premium underline */
.main-nav a{
  position:relative;
}
.main-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-9px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity:0;
  transition:left .28s var(--ease-premium), right .28s var(--ease-premium), opacity .28s var(--ease-premium);
}
.main-nav a:hover:after,
.main-nav a.active:after{
  left:8px;
  right:8px;
  opacity:1;
}

/* Section başlıkları daha premium gelsin */
.section-head .eyebrow,
.page-hero .eyebrow{
  position:relative;
}
.section-head .eyebrow:before,
.page-hero .eyebrow:before{
  content:"";
  display:inline-block;
  width:26px;
  height:1px;
  margin-right:10px;
  vertical-align:middle;
  background:var(--gold);
  box-shadow:0 0 18px rgba(245,185,66,.45);
}

/* Arka plan çok hafif canlılık */
.hero:after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-110px;
  top:12%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,185,66,.16), transparent 62%);
  animation:motionGlow 7.5s ease-in-out infinite;
}

/* WhatsApp biraz daha premium hover */
.modern-wa-image{
  transition:transform .28s var(--ease-premium), filter .28s var(--ease-premium);
}
.modern-wa-image:hover{
  transform:translateY(-5px) scale(1.035)!important;
  filter:saturate(1.08);
}

@keyframes motionFadeUp{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes motionHeroIn{
  from{opacity:0;transform:translateY(26px) scale(.965)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes motionFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@keyframes motionGlow{
  0%,100%{opacity:.55;transform:scale(1)}
  50%{opacity:.9;transform:scale(1.12)}
}

/* Mobilde animasyon hafif kalsın; performans korunur */
@media(max-width:760px){
  body.motion-ready .hero-lcp-visual,
  body.motion-ready .hero-visual{
    animation:motionHeroIn .75s var(--ease-premium) .08s both;
  }

  .motion-reveal{
    transform:translateY(18px);
    transition-duration:.55s;
  }

  .service-card:hover,
  .project-card:hover,
  .blog-card:hover,
  .price-card:hover,
  .content-card:hover,
  .side-card:hover,
  .contact-card:hover{
    transform:translateY(-3px);
  }

  .main-nav a:after{
    bottom:6px;
  }
}

/* Kullanıcı hareket azaltmayı seçtiyse animasyonları kapat */
@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .motion-reveal{
    opacity:1!important;
    transform:none!important;
  }
}


/* === Paket 2.4 Temiz Stabilizasyon Final Override === */

/* Eski WhatsApp paketlerinden kalan bütün stilleri tek sistem altında ezer */
.float-whatsapp,
.float-whatsapp.modern-wa,
.float-whatsapp.modern-wa-image,
.float-whatsapp.ewt-wa-fixed,
.ewt-whatsapp-clean{
  position:fixed!important;
  right:22px!important;
  bottom:24px!important;
  z-index:99999!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  box-shadow:none!important;
  text-decoration:none!important;
  color:#fff!important;
}

.ewt-whatsapp-clean .ewt-wa-circle{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:50%;
  background:linear-gradient(145deg,#4FF36A 0%,#23D34D 45%,#0FB83A 100%);
  box-shadow:
    0 18px 46px rgba(0,0,0,.34),
    0 8px 24px rgba(37,211,102,.36),
    inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .22s cubic-bezier(.22,1,.36,1), filter .22s cubic-bezier(.22,1,.36,1);
}

.ewt-whatsapp-clean .ewt-wa-svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  color:#fff!important;
  fill:none!important;
  stroke:#fff!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.12));
}

.ewt-whatsapp-clean .ewt-wa-pulse{
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(37,211,102,.46);
  animation:ewtCleanWaPulse 1.9s ease-out infinite;
  pointer-events:none;
}

.ewt-whatsapp-clean:hover .ewt-wa-circle{
  transform:translateY(-4px) scale(1.045);
  filter:saturate(1.08) brightness(1.04);
}

/* Önceki ikon dosyaları / picture / img kalıntıları kesinlikle görünmesin */
.ewt-whatsapp-clean img,
.ewt-whatsapp-clean picture,
.ewt-whatsapp-clean .wa-site-icon,
.ewt-whatsapp-clean .wa-modern-img,
.ewt-whatsapp-clean .wa-image-ring,
.ewt-whatsapp-clean .wa-ring,
.ewt-whatsapp-clean .wa-soft,
.ewt-whatsapp-clean .wa-text{
  display:none!important;
}

@keyframes ewtCleanWaPulse{
  0%{opacity:.78;transform:scale(.88)}
  100%{opacity:0;transform:scale(1.25)}
}

/* Header logo netliği */
.brand.brand-image{
  min-width:300px!important;
}

.brand-logo-img{
  display:block!important;
  width:auto!important;
  max-width:300px!important;
  height:58px!important;
  object-fit:contain!important;
}

.site-header .header-inner{
  min-height:88px;
}

.hamburger{
  color:transparent!important;
  font-size:0!important;
}

/* Mobil menü çizgileri büyük ve görünür */
.hamburger::before,
.hamburger::after,
.hamburger span{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  height:3px;
  border-radius:99px;
  background:#F5B942;
}
.hamburger::before{top:16px}
.hamburger span{top:24px}
.hamburger::after{top:32px}

/* Hero performansı korunur */
.hero-lcp-visual img{
  max-height:560px;
  object-fit:contain;
}

/* Görsel kartlar gereksiz büyümesin */
.card-thumb,
.project-card img,
.blog-card img{
  aspect-ratio:16/10;
  object-fit:cover;
}

/* Eski image-diet modern-wa kuralları etkisizleşti */
.modern-wa-image,
.modern-wa-image picture,
.modern-wa-image .wa-site-icon{
  all:unset;
}

/* Mobil */
@media(max-width:1000px){
  .brand.brand-image{
    min-width:auto!important;
    flex:1;
  }

  .brand-logo-img{
    max-width:240px!important;
    height:50px!important;
  }

  .site-header .header-inner{
    min-height:80px;
    height:80px;
  }

  .hamburger{
    display:flex!important;
    position:relative!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:16px!important;
    border:1px solid rgba(245,185,66,.32)!important;
    background:rgba(255,255,255,.045)!important;
  }

  .main-nav{
    top:80px!important;
  }
}

@media(max-width:720px){
  .ewt-whatsapp-clean{
    right:16px!important;
    bottom:18px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }

  .ewt-whatsapp-clean .ewt-wa-circle{
    width:56px;
    height:56px;
  }

  .ewt-whatsapp-clean .ewt-wa-svg{
    width:33px!important;
    height:33px!important;
  }

  .brand-logo-img{
    max-width:210px!important;
    height:46px!important;
  }
}

@media(max-width:420px){
  .brand-logo-img{
    max-width:190px!important;
    height:43px!important;
  }
}

/* Hareket azaltma tercihi */
@media(prefers-reduced-motion:reduce){
  .ewt-whatsapp-clean .ewt-wa-pulse{
    animation:none!important;
  }
}


/* === 2.4.1 WhatsApp Hardfix Inline === */
/* Paket 2.4.1 - WhatsApp kesin düzeltme */
/* Amaç: Eski PNG/WebP/SVG çocuk ikonlarını ne olursa olsun gizleyip temiz yuvarlak buton çizmek. */

body a.float-whatsapp,
body a.float-whatsapp.modern-wa,
body a.float-whatsapp.modern-wa-image,
body a.float-whatsapp.ewt-wa-fixed,
body a.float-whatsapp.ewt-whatsapp-clean,
body a.float-whatsapp.ewt-wa-hardfix{
  position:fixed!important;
  right:22px!important;
  bottom:24px!important;
  z-index:2147483000!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  border:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:0!important;
  line-height:0!important;
  color:#fff!important;
  transform:none!important;
}

/* Eski paketlerden kalan tüm çocuk ikonları kesin kapat */
body a.float-whatsapp > *,
body a.float-whatsapp img,
body a.float-whatsapp picture,
body a.float-whatsapp svg,
body a.float-whatsapp .wa-site-icon,
body a.float-whatsapp .wa-modern-img,
body a.float-whatsapp .wa-image-ring,
body a.float-whatsapp .wa-ring,
body a.float-whatsapp .wa-soft,
body a.float-whatsapp .wa-text,
body a.float-whatsapp .ewt-wa-svg,
body a.float-whatsapp .ewt-wa-circle,
body a.float-whatsapp .ewt-wa-pulse{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
}

/* Ana yeşil yuvarlak buton */
body a.float-whatsapp::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:60px!important;
  height:60px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.34), transparent 24%),
    linear-gradient(145deg,#42F464 0%,#22D24C 46%,#0EAF35 100%)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.34),
    0 9px 26px rgba(37,211,102,.34),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  transition:transform .22s cubic-bezier(.22,1,.36,1), filter .22s cubic-bezier(.22,1,.36,1)!important;
}

/* Beyaz WhatsApp sembolü */
body a.float-whatsapp::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:13px!important;
  top:13px!important;
  width:34px!important;
  height:34px!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 48.5 21 39.8a18.2 18.2 0 1 1 7.1 5.8L18.5 48.5Z' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.9 20.6c.7-1.5 1.4-1.6 2.2-1.6h1.7c.6 0 1.3.1 1.9 1.5.7 1.6 2.3 5.4 2.5 5.9.2.5.3 1 0 1.6-.3.7-.6 1.1-1.1 1.6-.5.5-1 1.1-1.4 1.5-.5.5-.9.9-.3 1.9.5 1 2.4 4 5.3 6.4 3.6 3.2 6.7 4.2 7.6 4.7.9.5 1.5.4 2.1-.2.6-.8 2.4-2.8 3.1-3.8.6-1 1.3-.8 2.2-.4.9.3 5.8 2.7 6.8 3.3 1 .5 1.6.8 1.9 1.2.2.4.2 2.4-.6 4.7-.8 2.3-4.8 4.3-6.7 4.6-1.8.2-4.1.3-6.7-.5-1.5-.5-3.5-1.1-6.1-2.2-10.7-4.6-17.7-15.1-18.2-15.8-.5-.7-4.3-5.8-4.3-11.1 0-5.3 2.7-7.9 3.7-8.9 1-1.1 2.1-1.3 2.8-1.3h1.6Z' fill='white' transform='translate(-7 -7) scale(.93)'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.14))!important;
}

body a.float-whatsapp:hover::before{
  transform:translateY(-4px) scale(1.045)!important;
  filter:saturate(1.08) brightness(1.04)!important;
}

/* Pulse efekti */
body a.float-whatsapp:focus-visible{
  outline:3px solid rgba(245,185,66,.72)!important;
  outline-offset:5px!important;
}

@media(max-width:720px){
  body a.float-whatsapp,
  body a.float-whatsapp.modern-wa,
  body a.float-whatsapp.modern-wa-image,
  body a.float-whatsapp.ewt-wa-fixed,
  body a.float-whatsapp.ewt-whatsapp-clean,
  body a.float-whatsapp.ewt-wa-hardfix{
    right:16px!important;
    bottom:18px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
  }

  body a.float-whatsapp::before{
    width:56px!important;
    height:56px!important;
  }

  body a.float-whatsapp::after{
    left:12px!important;
    top:12px!important;
    width:32px!important;
    height:32px!important;
  }
}


/* === 2.4.2 FINAL HEADER/WHATSAPP OVERRIDE === */
/* Paket 2.4.2 - Header Logo + WhatsApp Final Düzeltme */
/* Veritabanındaki büyük/çift logo görselinden bağımsız temiz marka görünümü. */

/* HEADER LOGO: Eski img/picture/span çocukları gizle, tek marka çiz */
.site-header .brand,
.site-header .brand.brand-image,
.site-header .brand.brand-clean{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:300px!important;
  width:auto!important;
  height:64px!important;
  overflow:visible!important;
  text-decoration:none!important;
}

.site-header .brand img,
.site-header .brand picture,
.site-header .brand-logo-img,
.site-header .brand > span,
.site-header .brand .brand-mark,
.site-header .brand .brand-divider,
.site-header .brand .brand-sub{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

.site-header .brand::before{
  content:"EWT"!important;
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:44px!important;
  min-width:54px!important;
  border:2px solid #F5B942!important;
  border-radius:12px!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-1.2px!important;
  background:linear-gradient(145deg,rgba(245,185,66,.16),rgba(255,255,255,.035))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}

.site-header .brand::after{
  content:"ERZURUM\A WEB TASARIM"!important;
  white-space:pre!important;
  display:block!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:17px!important;
  line-height:1.05!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.22)!important;
}

.site-header .brand:hover::before{
  box-shadow:0 12px 34px rgba(245,185,66,.18), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}

/* WHATSAPP FINAL: yuvarlak değil, app ikonu gibi oval kare */
body a.float-whatsapp,
body a.float-whatsapp.modern-wa,
body a.float-whatsapp.modern-wa-image,
body a.float-whatsapp.ewt-wa-fixed,
body a.float-whatsapp.ewt-whatsapp-clean,
body a.float-whatsapp.ewt-wa-hardfix,
body a.float-whatsapp.ewt-wa-appicon-final{
  position:fixed!important;
  right:22px!important;
  bottom:24px!important;
  z-index:2147483000!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  border:0!important;
  border-radius:18px!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:0!important;
  line-height:0!important;
  color:#fff!important;
  transform:none!important;
}

/* Eski çocuk ikonlar kesin gizli */
body a.float-whatsapp > *,
body a.float-whatsapp img,
body a.float-whatsapp picture,
body a.float-whatsapp svg,
body a.float-whatsapp .wa-site-icon,
body a.float-whatsapp .wa-modern-img,
body a.float-whatsapp .wa-image-ring,
body a.float-whatsapp .wa-ring,
body a.float-whatsapp .wa-soft,
body a.float-whatsapp .wa-text,
body a.float-whatsapp .ewt-wa-svg,
body a.float-whatsapp .ewt-wa-circle,
body a.float-whatsapp .ewt-wa-pulse{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
}

/* Yeşil app ikonu arka planı */
body a.float-whatsapp::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:60px!important;
  height:60px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 24%),
    linear-gradient(180deg,#50F06A 0%,#2FDC52 48%,#12B83A 100%)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.34),
    0 9px 28px rgba(37,211,102,.33),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
  transition:transform .22s cubic-bezier(.22,1,.36,1), filter .22s cubic-bezier(.22,1,.36,1)!important;
}

/* Beyaz WhatsApp sembolü */
body a.float-whatsapp::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:12px!important;
  top:12px!important;
  width:36px!important;
  height:36px!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 48.5 21 39.8a18.2 18.2 0 1 1 7.1 5.8L18.5 48.5Z' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.4 21.7c.7-1.5 1.4-1.6 2.2-1.6h1.7c.6 0 1.3.1 1.9 1.5.7 1.6 2.3 5.4 2.5 5.9.2.5.3 1 0 1.6-.3.7-.6 1.1-1.1 1.6-.5.5-1 1.1-1.4 1.5-.5.5-.9.9-.3 1.9.5 1 2.4 4 5.3 6.4 3.6 3.2 6.7 4.2 7.6 4.7.9.5 1.5.4 2.1-.2.6-.8 2.4-2.8 3.1-3.8.6-1 1.3-.8 2.2-.4.9.3 5.8 2.7 6.8 3.3 1 .5 1.6.8 1.9 1.2.2.4.2 2.4-.6 4.7-.8 2.3-4.8 4.3-6.7 4.6-1.8.2-4.1.3-6.7-.5-1.5-.5-3.5-1.1-6.1-2.2-10.7-4.6-17.7-15.1-18.2-15.8-.5-.7-4.3-5.8-4.3-11.1 0-5.3 2.7-7.9 3.7-8.9 1-1.1 2.1-1.3 2.8-1.3h1.6Z' fill='white' transform='translate(-7.5 -7.3) scale(.93)'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))!important;
}

body a.float-whatsapp:hover::before{
  transform:translateY(-4px) scale(1.045)!important;
  filter:saturate(1.08) brightness(1.04)!important;
}

body a.float-whatsapp:focus-visible{
  outline:3px solid rgba(245,185,66,.72)!important;
  outline-offset:5px!important;
}

/* Mobil */
@media(max-width:1000px){
  .site-header .brand,
  .site-header .brand.brand-image,
  .site-header .brand.brand-clean{
    min-width:225px!important;
    height:58px!important;
  }

  .site-header .brand::before{
    width:48px!important;
    height:40px!important;
    min-width:48px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }

  .site-header .brand::after{
    font-size:14px!important;
    letter-spacing:1.1px!important;
  }
}

@media(max-width:720px){
  body a.float-whatsapp,
  body a.float-whatsapp.modern-wa,
  body a.float-whatsapp.modern-wa-image,
  body a.float-whatsapp.ewt-wa-fixed,
  body a.float-whatsapp.ewt-whatsapp-clean,
  body a.float-whatsapp.ewt-wa-hardfix,
  body a.float-whatsapp.ewt-wa-appicon-final{
    right:16px!important;
    bottom:18px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    border-radius:17px!important;
  }

  body a.float-whatsapp::before{
    width:56px!important;
    height:56px!important;
    border-radius:17px!important;
  }

  body a.float-whatsapp::after{
    left:11px!important;
    top:11px!important;
    width:34px!important;
    height:34px!important;
  }
}

@media(max-width:420px){
  .site-header .brand,
  .site-header .brand.brand-image,
  .site-header .brand.brand-clean{
    min-width:195px!important;
  }

  .site-header .brand::before{
    width:44px!important;
    height:38px!important;
    min-width:44px!important;
    font-size:15px!important;
  }

  .site-header .brand::after{
    font-size:12px!important;
    letter-spacing:.9px!important;
  }
}


/* === 2.4.3 WHATSAPP REMOVE OVERRIDE === */
/* Paket 2.4.3 - WhatsApp tamamen kaldırma */
/* Eski footer veya eski CSS kalsa bile tüm WhatsApp floating butonlarını kesin gizler. */

.float-whatsapp,
a.float-whatsapp,
body a.float-whatsapp,
.modern-wa,
.modern-wa-image,
.ewt-wa-fixed,
.ewt-whatsapp-clean,
.ewt-wa-hardfix,
.ewt-wa-appicon-final,
.wa-image-ring,
.wa-site-icon,
.wa-modern-img,
.wa-ring,
.wa-soft{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

body a.float-whatsapp::before,
body a.float-whatsapp::after,
.float-whatsapp::before,
.float-whatsapp::after{
  content:none!important;
  display:none!important;
}
