/* =====================================================================
   zumrutevlersutesisatcisi.com — çok sayfalı tasarım (kombiservistalebi tabanı)
   Tüm sınıflar kst- önekli; motorun header/footer'ı gizlenir, yerine
   bodyScript'teki header ve 3. içerik bloğundaki footer kullanılır.
   ===================================================================== */
:root{
    --kst-navy:#0f2f79; --kst-navy-2:#133584; --kst-navy-3:#163b90;
    --kst-fl-1:#0aabf5; --kst-fl-2:#0aabf5; --kst-fl-3:#42bef7;
    --kst-grad-fl:linear-gradient(135deg,#1bb0f6 0%,#0aabf5 55%,#23b3f6 100%);
    --kst-grad-navy:linear-gradient(135deg,#0f2f79 0%,#163b90 100%);
    --kst-grad-wa:linear-gradient(135deg,#1fb855 0%,#25d366 100%);
    --kst-bg:#f5f7fb; --kst-line:#e3e7f1; --kst-ink:#16213a; --kst-mute:#5b6782;
    --kst-r:18px; --kst-hdr-h:78px;
    --kst-font:'Rubik',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

/* ---------- motor şablonunu sustur ---------- */
#header, #footer, footer#footer, .page-header, .breadcrumb-wrp, .call-action, a.scroll-to-top, .scroll-to-top,
.header-nav-top, #revolutionSlider_wrapper{ display:none !important; }
html{ scroll-behavior:auto !important; }
body{ overflow-x:hidden; background:#fff; padding-top:var(--kst-hdr-h) !important; }
body, body p, body li, body a, body input, body textarea, body select, body button{ font-family:var(--kst-font); }
.body{ padding-top:0 !important; margin-top:0 !important; }
.kst-full{ position:relative; width:100vw; left:50%; margin-left:-50vw; }
.kst-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
[id]{ scroll-margin-top:calc(var(--kst-hdr-h) + 12px); }
.kst-sec{ padding:92px 0; }
.kst-sec-alt{ background:var(--kst-bg); }
.kst-bas{ text-align:center; max-width:760px; margin:0 auto 52px; }
.kst-kicker{
    display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:30px;
    background:rgba(10,171,245,.1); color:#0991d0; font-size:13px; font-weight:600; letter-spacing:.4px;
}
.kst-kicker:before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--kst-grad-fl); box-shadow:0 0 0 4px rgba(10,171,245,.18); }
.kst-bas h2, .kst-h2{
    font-size:40px; line-height:1.18; font-weight:700; color:var(--kst-ink); margin:16px 0 14px; letter-spacing:-.5px; text-transform:none;
}
.kst-bas h2 span, .kst-h2 span{ background:var(--kst-grad-fl); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kst-bas p{ font-size:17px; line-height:1.7; color:var(--kst-mute); margin:0; }

/* ---------- butonlar ---------- */
.kst-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    height:56px; padding:0 28px; border-radius:30px; font-size:16px; font-weight:600;
    text-decoration:none !important; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
    position:relative; overflow:hidden; white-space:nowrap;
}
.kst-btn svg{ width:20px; height:20px; flex:0 0 auto; }
.kst-btn:hover{ transform:translateY(-2px); }
.kst-btn-fl{ background:var(--kst-grad-fl); color:#fff !important; box-shadow:0 10px 26px rgba(10,171,245,.35); }
.kst-btn-fl:hover{ box-shadow:0 14px 30px rgba(10,171,245,.45); filter:brightness(1.05); }
.kst-btn-gh{ background:#fff; color:var(--kst-navy) !important; border:1.5px solid var(--kst-line); box-shadow:0 6px 18px rgba(12,24,51,.08); }
.kst-btn-gh:hover{ border-color:#7fd3fa; }
.kst-btn-wa{ background:var(--kst-grad-wa); color:#fff !important; box-shadow:0 10px 24px rgba(37,211,102,.3); }
.kst-btn:before{
    content:""; position:absolute; top:0; left:-140%; width:60%; height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-18deg);
}
.kst-btn:hover:before{ animation:kstParilti .85s ease; }
@keyframes kstParilti{ to{ left:160%; } }

/* =====================================================================
   HEADER
   ===================================================================== */
.kst-hdr{
    position:fixed; top:0; left:0; right:0; z-index:9990; height:var(--kst-hdr-h);
    background:rgba(255,255,255,.92); backdrop-filter:saturate(160%) blur(12px); -webkit-backdrop-filter:saturate(160%) blur(12px);
    border-bottom:1px solid rgba(12,24,51,.06); transition:box-shadow .25s ease, height .25s ease;
}
.kst-hdr.kst-kaydi{ box-shadow:0 8px 28px rgba(12,24,51,.1); }
.kst-hdr-in{ height:100%; display:flex; align-items:center; gap:28px; }
.kst-logo{ display:flex; align-items:center; gap:12px; text-decoration:none !important; flex:0 0 auto; }
.kst-emb{ width:52px; height:52px; display:block; filter:drop-shadow(0 6px 14px rgba(10,171,245,.28)); }
.kst-emb-ring{ transform-box:fill-box; transform-origin:50% 50%; animation:kstDon 3.2s linear infinite; }
.kst-emb-alev{ transform-box:fill-box; transform-origin:50% 100%; animation:kstAlev 1.6s ease-in-out infinite; }
.kst-emb-alev2{ transform-box:fill-box; transform-origin:50% 100%; animation:kstAlev2 1.1s ease-in-out infinite; }
.kst-logo-txt{ display:flex; flex-direction:column; line-height:1; }
.kst-logo-txt b{ font-size:19px; font-weight:800; color:#0c1833; letter-spacing:.6px; }
.kst-logo-txt em{
    font-style:normal; font-size:15px; font-weight:800; letter-spacing:5.2px; margin-top:4px;
    background:linear-gradient(90deg,#0aabf5,#0aabf5,#42bef7,#0aabf5,#0aabf5); background-size:220% 100%;
    -webkit-background-clip:text; background-clip:text; color:transparent; animation:kstYanar 3.6s linear infinite;
}
@keyframes kstDon{ to{ transform:rotate(360deg); } }
@keyframes kstAlev{ 0%,100%{ transform:scale(1,1) skewX(0); } 25%{ transform:scale(.96,1.06) skewX(-2deg); } 50%{ transform:scale(1.03,.95) skewX(1.5deg); } 75%{ transform:scale(.98,1.04) skewX(-1deg); } }
@keyframes kstAlev2{ 0%,100%{ transform:scale(1,1); opacity:1; } 50%{ transform:scale(.9,1.12); opacity:.85; } }
@keyframes kstYanar{ to{ background-position:-220% 0; } }

.kst-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; }
.kst-nav a{
    position:relative; padding:10px 14px; border-radius:10px; font-size:15px; font-weight:500;
    color:var(--kst-ink) !important; text-decoration:none !important; transition:color .2s ease, background .2s ease;
}
.kst-nav a:after{
    content:""; position:absolute; left:14px; right:14px; bottom:4px; height:2px; border-radius:2px;
    background:var(--kst-grad-fl); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.kst-nav a:hover{ color:#0996d7 !important; }
.kst-nav a.kst-aktif:after, .kst-nav a:hover:after{ transform:scaleX(1); }
.kst-nav a.kst-aktif{ color:#0996d7 !important; }
.kst-nav .kst-nav-talep{ display:none; }
.kst-hdr-tel{
    display:flex; align-items:center; gap:10px; padding:8px 18px 8px 8px; border-radius:30px;
    background:var(--kst-grad-navy); color:#fff !important; text-decoration:none !important; flex:0 0 auto;
    box-shadow:0 8px 20px rgba(12,24,51,.22); transition:transform .18s ease;
}
.kst-hdr-tel:hover{ transform:translateY(-2px); }
.kst-hdr-tel i{
    width:38px; height:38px; border-radius:50%; background:var(--kst-grad-fl); display:flex; align-items:center; justify-content:center;
    animation:kstCal 2.6s ease-in-out infinite;
}
.kst-hdr-tel i svg{ width:18px; height:18px; }
.kst-hdr-tel span{ display:flex; flex-direction:column; line-height:1.15; }
.kst-hdr-tel small{ font-size:11px; opacity:.75; letter-spacing:.4px; }
.kst-hdr-tel strong{ font-size:16px; font-weight:700; letter-spacing:.3px; }
@keyframes kstCal{ 0%,70%,100%{ transform:rotate(0); } 75%{ transform:rotate(-14deg); } 80%{ transform:rotate(12deg); } 85%{ transform:rotate(-10deg); } 90%{ transform:rotate(6deg); } }
.kst-burger{
    display:none; width:46px; height:46px; border:0; border-radius:12px; background:var(--kst-bg); margin-left:auto;
    position:relative; cursor:pointer; padding:0;
}
.kst-burger span, .kst-burger span:before, .kst-burger span:after{
    position:absolute; left:12px; width:22px; height:2px; border-radius:2px; background:var(--kst-navy); content:""; transition:transform .25s ease, top .25s ease, opacity .2s;
}
.kst-burger span{ top:22px; } .kst-burger span:before{ left:0; top:-7px; } .kst-burger span:after{ left:0; top:7px; }
.kst-acik .kst-burger span{ background:transparent; }
.kst-acik .kst-burger span:before{ top:0; transform:rotate(45deg); }
.kst-acik .kst-burger span:after{ top:0; transform:rotate(-45deg); }

/* ---------- HEADER: müşterinin istediği eski site düzeni ----------
   Solda aşağı taşan beyaz logo kartı; sağda üstte telefon hatları + 7/24 kutusu,
   altta büyük harfli mavi menü. Kaydırınca üst satır kapanır, header incelir. */
:root{ --kst-hdr-h:128px; --kst-mavi:#163b90; }
.kst-hdr{ background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:1px solid #e9ecf3; box-shadow:0 2px 10px rgba(12,24,51,.05); }
.kst-hdr-in{ align-items:stretch; gap:36px; }
.kst-logo-kart{
    align-self:flex-start; height:calc(var(--kst-hdr-h) + 20px); padding:12px 26px 12px 20px; gap:14px;
    background:#fff; border-radius:0 0 16px 16px; box-shadow:0 12px 30px rgba(12,24,51,.13);
    transition:height .25s ease, padding .25s ease;
}
.kst-logo-kart .kst-emb{ width:78px; height:78px; transition:width .25s ease, height .25s ease; }
.kst-logo-kart .kst-logo-txt b{ font-size:27px; letter-spacing:.4px; }
.kst-logo-kart .kst-logo-txt em{ font-size:19px; letter-spacing:9px; margin-top:3px; }
.kst-logo-kart .kst-logo-txt small{
    display:block; margin-top:8px; font-size:12px; font-weight:500; line-height:1.55; letter-spacing:1.6px; color:#3b4660;
    max-height:40px; overflow:hidden; transition:max-height .25s ease, opacity .2s ease, margin .25s ease;
}
.kst-hdr-sag{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:flex-end; min-width:0; }
.kst-hdr-ust{
    display:flex; justify-content:flex-end; align-items:center; gap:0; height:66px; overflow:hidden;
    transition:height .25s ease, opacity .2s ease;
}
.kst-hat{ display:flex; flex-direction:column; align-items:center; padding:0 22px; text-decoration:none !important; border-left:1px solid #e9ecf3; line-height:1.2; }
.kst-hat:first-child{ border-left:0; }
.kst-hat small{ font-size:13px; color:#4a5368; }
.kst-hat strong{ font-size:20px; font-weight:600; color:var(--kst-mavi); letter-spacing:.3px; white-space:nowrap; transition:color .2s ease; }
.kst-hat:hover strong{ color:#0996d7; }
.kst-saat{
    display:flex; flex-direction:column; margin-left:14px; padding:6px 10px; background:#f3f4f8; border-radius:4px;
    font-size:13px; line-height:1.45; color:#4a5368; white-space:nowrap;
}
.kst-saat i{ font-style:normal; display:inline-block; width:58px; }
.kst-saat b{ color:var(--kst-mavi); font-weight:600; }
.kst-hdr .kst-wrap{ max-width:1380px; }
.kst-hdr .kst-nav{ margin-left:0; justify-content:flex-end; gap:2px; height:56px; flex-wrap:nowrap; }
.kst-hdr .kst-nav a{
    font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.3px; color:var(--kst-mavi) !important; padding:10px 10px; white-space:nowrap;
}
.kst-hdr .kst-nav a:hover, .kst-hdr .kst-nav a.kst-aktif{ color:#0996d7 !important; }
.kst-hdr .kst-nav a:after{ left:12px; right:12px; bottom:2px; }
/* kaydırınca: üst satır kapanır, logo kartı küçülür */
.kst-hdr.kst-kaydi{ height:76px; }
.kst-kaydi .kst-hdr-ust{ height:0; opacity:0; }
.kst-kaydi .kst-hdr .kst-nav, .kst-hdr.kst-kaydi .kst-nav{ height:76px; }
.kst-kaydi .kst-logo-kart{ height:86px; padding-top:8px; padding-bottom:8px; }
.kst-kaydi .kst-logo-kart .kst-emb{ width:56px; height:56px; }
.kst-kaydi .kst-logo-kart .kst-logo-txt small{ max-height:0; opacity:0; margin-top:0; }
.kst-hdr{ transition:height .25s ease, box-shadow .25s ease; }
.kst-hdr.kst-kaydi{ box-shadow:0 8px 28px rgba(12,24,51,.1); }
@media (max-width:1399px){
    .kst-hat{ padding:0 14px; } .kst-hat strong{ font-size:18px; }
    .kst-hdr .kst-nav a{ font-size:13.5px; padding:10px 9px; }
    .kst-hdr-in{ gap:22px; }
}
@media (max-width:1199px){
    .kst-saat{ display:none; }
    .kst-logo-kart .kst-emb{ width:64px; height:64px; }
    .kst-logo-kart .kst-logo-txt b{ font-size:22px; } .kst-logo-kart .kst-logo-txt em{ font-size:16px; letter-spacing:7px; }
    .kst-logo-kart .kst-logo-txt small{ font-size:10.5px; letter-spacing:1px; }
    .kst-hat strong{ font-size:16.5px; } .kst-hat small{ font-size:12px; }
    .kst-hdr .kst-nav a{ font-size:12.5px; padding:10px 7px; letter-spacing:.2px; }
}
@media (max-width:991px){
    :root{ --kst-hdr-h:72px; }
    .kst-hdr, .kst-hdr.kst-kaydi{ height:var(--kst-hdr-h); }
    .kst-hdr-in{ align-items:center; }
    .kst-hdr-sag{ flex:0 0 0; }
    .kst-hdr-ust{ display:none; }
    .kst-logo-kart, .kst-kaydi .kst-logo-kart{ align-self:center; height:auto; padding:0; box-shadow:none; border-radius:0; background:none; }
    .kst-logo-kart .kst-emb, .kst-kaydi .kst-logo-kart .kst-emb{ width:48px; height:48px; }
    .kst-logo-kart .kst-logo-txt b{ font-size:18px; } .kst-logo-kart .kst-logo-txt em{ font-size:14px; letter-spacing:5px; }
    .kst-logo-kart .kst-logo-txt small{ display:none; }
    .kst-hdr .kst-nav, .kst-hdr.kst-kaydi .kst-nav{ height:auto; justify-content:flex-start; }
    .kst-hdr .kst-nav a{ font-size:15px; padding:14px 12px; color:var(--kst-ink) !important; }
    .kst-hdr .kst-nav .kst-nav-talep{ color:#fff !important; text-transform:none; }
}

/* =====================================================================
   HERO
   ===================================================================== */
.kst-hero{
    overflow:hidden; padding:72px 0 96px;
    background:
        radial-gradient(900px 520px at 88% 18%, rgba(10,171,245,.16), transparent 62%),
        radial-gradient(700px 480px at 4% 92%, rgba(25,41,77,.10), transparent 60%),
        linear-gradient(180deg,#fff 0%,#f6f8fc 100%);
}
.kst-hero-in{ display:grid; grid-template-columns:1.08fr .92fr; gap:48px; align-items:center; }
.kst-hero h1{
    font-size:54px; line-height:1.08; font-weight:800; color:var(--kst-ink); margin:20px 0 20px; letter-spacing:-1.2px; text-transform:none;
}
.kst-hero h1 span{ display:block; background:var(--kst-grad-fl); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kst-hero-p{ font-size:18px; line-height:1.75; color:var(--kst-mute); max-width:560px; margin:0 0 32px; }
.kst-hero-btn{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:30px; }
.kst-hero-ok{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px 22px; }
.kst-hero-ok li{ display:flex; align-items:center; gap:8px; font-size:15px; font-weight:500; color:var(--kst-ink); }
.kst-hero-ok li:before{
    content:""; width:22px; height:22px; border-radius:50%; flex:0 0 auto;
    background:#e9f9ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318a957' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;
}
.kst-hero-gor{ position:relative; }
.kst-hero-gor svg.kst-kombi{ width:100%; max-width:480px; height:auto; display:block; margin:0 auto; overflow:visible; }
.kst-kombi-dalga{ animation:kstDalga 3.2s ease-in-out infinite; opacity:0; }
.kst-kombi-dalga.d2{ animation-delay:1.05s; } .kst-kombi-dalga.d3{ animation-delay:2.1s; }
@keyframes kstDalga{ 0%{ opacity:0; transform:translateY(14px); } 30%{ opacity:.9; } 100%{ opacity:0; transform:translateY(-26px); } }
.kst-kombi-alev{ transform-box:fill-box; transform-origin:50% 100%; animation:kstAlev 1.4s ease-in-out infinite; }
.kst-kombi-alev2{ transform-box:fill-box; transform-origin:50% 100%; animation:kstAlev2 .9s ease-in-out infinite; }
.kst-kombi-isik{ animation:kstIsik 2.4s ease-in-out infinite; }
@keyframes kstIsik{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }
.kst-kombi-ibre{ transform-box:fill-box; transform-origin:50% 89.5%; animation:kstIbre 5s ease-in-out infinite; }
@keyframes kstIbre{ 0%,100%{ transform:rotate(-8deg); } 50%{ transform:rotate(6deg); } }
.kst-yuzen{
    position:absolute; display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:16px;
    background:#fff; box-shadow:0 18px 40px rgba(12,24,51,.14); font-size:14px; color:var(--kst-ink); line-height:1.3;
    animation:kstSuz 5s ease-in-out infinite;
}
.kst-yuzen b{ display:block; font-size:15px; }
.kst-yuzen small{ color:var(--kst-mute); font-size:12.5px; }
.kst-yuzen i{ width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.kst-yuzen i svg{ width:22px; height:22px; }
.kst-yuzen.y1{ left:-18px; top:0; } .kst-yuzen.y1 i{ background:#e7f7fe; color:#0aabf5; }
.kst-yuzen.y2{ right:-4px; bottom:16%; animation-delay:1.6s; } .kst-yuzen.y2 i{ background:#e8efff; color:#163b90; }
@keyframes kstSuz{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }

/* güven şeridi */
.kst-serit{ margin-top:-46px; position:relative; z-index:3; }
.kst-serit-in{
    display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border-radius:22px;
    box-shadow:0 22px 50px rgba(12,24,51,.1); border:1px solid var(--kst-line); overflow:hidden;
}
.kst-serit-k{ display:flex; align-items:center; gap:14px; padding:24px 26px; border-right:1px solid var(--kst-line); }
.kst-serit-k:last-child{ border-right:0; }
.kst-serit-k i{ width:50px; height:50px; border-radius:14px; background:var(--kst-grad-navy); display:flex; align-items:center; justify-content:center; flex:0 0 auto; color:#23b3f6; }
.kst-serit-k i svg{ width:24px; height:24px; }
.kst-serit-k b{ display:block; font-size:16px; color:var(--kst-ink); }
.kst-serit-k span{ font-size:13.5px; color:var(--kst-mute); }

/* =====================================================================
   HİZMETLER
   ===================================================================== */
.kst-kartlar{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.kst-kart{
    position:relative; display:flex; flex-direction:column; padding:34px 30px 28px; border-radius:var(--kst-r);
    background:#fff; border:1px solid var(--kst-line); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; overflow:hidden;
}
.kst-kart:before{
    content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--kst-grad-fl); transform:scaleX(0); transform-origin:left; transition:transform .35s ease;
}
.kst-kart:hover{ transform:translateY(-6px); box-shadow:0 24px 48px rgba(12,24,51,.12); border-color:transparent; }
.kst-kart:hover:before{ transform:scaleX(1); }
.kst-kart-ik{
    width:66px; height:66px; border-radius:18px; display:flex; align-items:center; justify-content:center; margin-bottom:22px;
    background:linear-gradient(135deg,#ebf8fe,#ceeefd); color:#0aabf5; transition:background .3s ease, color .3s ease;
}
.kst-kart-ik svg{ width:34px; height:34px; }
.kst-kart:hover .kst-kart-ik{ background:var(--kst-grad-fl); color:#fff; }
.kst-kart h3{ font-size:21px; font-weight:700; color:var(--kst-ink); margin:0 0 12px; text-transform:none; letter-spacing:-.2px; }
.kst-kart p{ font-size:15px; line-height:1.72; color:var(--kst-mute); margin:0 0 22px; flex:1 1 auto; }
.kst-kart ul{ list-style:none; padding:0; margin:0 0 22px; display:flex; flex-wrap:wrap; gap:8px; }
.kst-kart ul li{ font-size:12.5px; font-weight:500; padding:5px 11px; border-radius:20px; background:var(--kst-bg); color:var(--kst-navy-3); }
.kst-kart-link{
    display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:15px; color:#0996d7 !important; text-decoration:none !important;
}
.kst-kart-link svg{ width:18px; height:18px; transition:transform .2s ease; }
.kst-kart-link:hover svg{ transform:translateX(4px); }

/* =====================================================================
   NASIL ÇALIŞIRIZ
   ===================================================================== */
.kst-surec{ background:var(--kst-grad-navy); color:#fff; overflow:hidden; }
.kst-surec .kst-bas h2{ color:#fff; }
.kst-surec .kst-bas p{ color:rgba(255,255,255,.72); }
.kst-surec .kst-kicker{ background:rgba(35,179,246,.14); color:#42bef7; }
.kst-adimlar{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative; }
.kst-adimlar:before{
    content:""; position:absolute; top:38px; left:12%; right:12%; height:2px;
    background:repeating-linear-gradient(90deg,rgba(35,179,246,.6) 0 10px,transparent 10px 20px);
}
.kst-adim{ position:relative; text-align:center; padding:0 8px; }
.kst-adim-no{
    width:78px; height:78px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:var(--kst-navy); border:2px solid rgba(35,179,246,.55); position:relative; z-index:1; color:#42bef7;
    box-shadow:0 0 0 8px rgba(255,255,255,.04);
}
.kst-adim-no svg{ width:32px; height:32px; }
.kst-adim-no em{
    position:absolute; top:-4px; right:-4px; width:28px; height:28px; border-radius:50%; background:var(--kst-grad-fl);
    color:#fff; font-style:normal; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center;
}
.kst-adim h3{ font-size:19px; font-weight:700; color:#fff; margin:0 0 10px; text-transform:none; }
.kst-adim p{ font-size:14.5px; line-height:1.7; color:rgba(255,255,255,.72); margin:0; }

/* markalar */
.kst-marka{ text-align:center; }
.kst-marka-list{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin:0 auto; max-width:1000px; padding:0; list-style:none; }
.kst-marka-list li{
    background:#fff; border:1px solid var(--kst-line); border-radius:16px; padding:10px 14px;
    box-shadow:0 4px 12px rgba(12,24,51,.04); transition:transform .2s ease, box-shadow .2s ease;
}
.kst-marka-list li:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(12,24,51,.09); }
.kst-marka-list img{ display:block; width:100%; height:auto; max-width:200px; margin:0 auto; }
.kst-marka-diger{ margin:18px 0 0; font-weight:600; font-size:15px; color:var(--kst-navy-2); }
@media (max-width:991px){ .kst-marka-list{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:767px){ .kst-marka-list{ grid-template-columns:repeat(3,1fr); gap:10px; } .kst-marka-list li{ padding:6px 8px; border-radius:12px; } }
.kst-not{ font-size:13px; color:var(--kst-mute); margin:22px auto 0; max-width:760px; text-align:center; }

/* =====================================================================
   SERVİS TALEBİ (form modülü bu bölümün içine basılır)
   ===================================================================== */
.kst-talep{ background:var(--kst-bg); }
.kst-talep-in{ display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:start; }
.kst-talep-bilgi{
    background:var(--kst-grad-navy); color:#fff; border-radius:24px; padding:44px 38px; position:relative; overflow:hidden;
}
.kst-talep-bilgi:after{
    content:""; position:absolute; right:-80px; bottom:-80px; width:240px; height:240px; border-radius:50%;
    background:radial-gradient(closest-side,rgba(10,171,245,.45),transparent);
}
.kst-talep-bilgi .kst-kicker{ background:rgba(35,179,246,.14); color:#42bef7; }
.kst-talep-bilgi h2{ font-size:34px; line-height:1.2; font-weight:700; color:#fff; margin:16px 0 14px; text-transform:none; }
.kst-talep-bilgi p{ color:rgba(255,255,255,.75); font-size:15.5px; line-height:1.7; margin:0 0 26px; }
.kst-talep-hat{ display:flex; flex-direction:column; gap:12px; position:relative; z-index:1; }
.kst-talep-hat a{
    display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.1); color:#fff !important; text-decoration:none !important; transition:background .2s ease, transform .2s ease;
}
.kst-talep-hat a:hover{ background:rgba(255,255,255,.13); transform:translateX(4px); }
.kst-talep-hat i{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--kst-grad-fl); }
.kst-talep-hat a.wa i{ background:var(--kst-grad-wa); }
.kst-talep-hat i svg{ width:22px; height:22px; }
.kst-talep-hat small{ display:block; font-size:12px; opacity:.7; letter-spacing:.3px; }
.kst-talep-hat b{ font-size:18px; letter-spacing:.3px; }
.kst-talep-form{
    background:#fff; border-radius:24px; padding:40px 38px 30px; border:1px solid var(--kst-line); box-shadow:0 22px 50px rgba(12,24,51,.08);
}
.kst-talep-form > h3{ font-size:24px; font-weight:700; color:var(--kst-ink); margin:0 0 6px; text-transform:none; }
.kst-talep-form > p{ font-size:14.5px; color:var(--kst-mute); margin:0 0 22px; }
.kst-talep-form .row{ margin-left:-8px; margin-right:-8px; }
.kst-talep-form [class*="col-"]{ padding-left:8px; padding-right:8px; }
.kst-talep-form .form-group{ margin-bottom:16px; }
.kst-talep-form label{ font-size:13.5px; font-weight:600; color:var(--kst-ink); margin-bottom:6px; }
.kst-talep-form .form-control, .kst-talep-form select, .kst-talep-form textarea, .kst-talep-form input[type=text], .kst-talep-form input[type=tel]{
    height:52px; border-radius:12px !important; border:1.5px solid var(--kst-line) !important; background:#fbfcfe !important;
    box-shadow:none !important; font-size:15px; color:var(--kst-ink); padding:10px 14px; transition:border-color .2s ease, background .2s ease;
}
.kst-talep-form textarea, .kst-talep-form textarea.form-control{ height:auto; min-height:120px; }
.kst-talep-form .form-control:focus, .kst-talep-form select:focus, .kst-talep-form textarea:focus{ border-color:#45bff7 !important; background:#fff !important; }
.kst-talep-form [type=submit], .kst-talep-form .btn-primary, .kst-talep-form button.btn{
    height:56px; padding:0 34px; border:0 !important; border-radius:30px !important; background:var(--kst-grad-fl) !important;
    color:#fff !important; font-weight:600; font-size:16px; box-shadow:0 10px 26px rgba(10,171,245,.32); text-transform:none;
}
.kst-talep-form [type=submit]:hover, .kst-talep-form .btn-primary:hover{ filter:brightness(1.05); }
.kst-talep-form .modul-baslik-wrp, .kst-talep-form .divider{ display:none !important; }
/* reCAPTCHA geç yüklenince sayfayı itmesin: yerini baştan ayır */
.kst-talep-form .g-recaptcha{ min-height:78px; }

/* =====================================================================
   HİZMET BÖLGELERİ
   ===================================================================== */
.kst-bolge{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.kst-yaka{ background:#fff; border:1px solid var(--kst-line); border-radius:22px; padding:32px 30px; }
.kst-yaka-bas{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.kst-yaka-bas i{ width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--kst-grad-navy); color:#23b3f6; }
.kst-yaka-bas i svg{ width:24px; height:24px; }
.kst-yaka-bas h3{ font-size:21px; font-weight:700; color:var(--kst-ink); margin:0; text-transform:none; }
.kst-yaka-bas small{ display:block; font-size:13.5px; color:var(--kst-mute); }
.kst-ilceler{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; }
.kst-ilceler li{
    padding:8px 14px; border-radius:22px; font-size:14px; font-weight:500; color:var(--kst-navy-2); background:var(--kst-bg);
    border:1px solid transparent; transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.kst-ilceler li:hover{ background:#edf9fe; border-color:#a7e1fb; color:#0886c1; }

/* =====================================================================
   SSS
   ===================================================================== */
.kst-sss{ max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
.kst-sss details{ background:#fff; border:1px solid var(--kst-line); border-radius:18px; transition:box-shadow .25s ease, border-color .25s ease; }
.kst-sss details[open]{ box-shadow:0 16px 36px rgba(12,24,51,.08); border-color:#b6e6fc; }
.kst-sss summary{
    list-style:none; cursor:pointer; padding:22px 64px 22px 26px; font-size:17px; font-weight:600; color:var(--kst-ink); position:relative;
}
.kst-sss summary::-webkit-details-marker{ display:none; }
.kst-sss summary:after{
    content:""; position:absolute; right:22px; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%;
    background:var(--kst-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230aabf5' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;
    transition:transform .25s ease;
}
.kst-sss details[open] summary:after{ transform:rotate(45deg); }
.kst-sss .kst-sss-c{ padding:0 26px 24px; font-size:15.5px; line-height:1.75; color:var(--kst-mute); }
.kst-sss .kst-sss-c p{ margin:0; }

/* =====================================================================
   CTA + FOOTER
   ===================================================================== */
.kst-cta{ padding:0 0 92px; }
.kst-cta-in{
    border-radius:28px; padding:54px 56px; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap;
    background:var(--kst-grad-fl); color:#fff; position:relative; overflow:hidden; box-shadow:0 26px 60px rgba(10,171,245,.3);
}
.kst-cta-in:before{ content:""; position:absolute; right:-60px; top:-90px; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,.12); }
.kst-cta-in h2{ font-size:34px; line-height:1.2; font-weight:700; margin:0 0 8px; color:#fff; text-transform:none; }
.kst-cta-in p{ margin:0; font-size:16.5px; color:rgba(255,255,255,.88); }
.kst-cta-btn{ display:flex; gap:12px; flex-wrap:wrap; position:relative; z-index:1; }
.kst-cta-btn .kst-btn-gh{ border-color:#fff; }
.kst-cta-btn .kst-btn-nv{ background:var(--kst-navy); color:#fff !important; box-shadow:0 10px 24px rgba(12,24,51,.3); }

.kst-alt{ background:var(--kst-navy); color:rgba(255,255,255,.72); padding:72px 0 0; }
.kst-alt-in{ display:grid; grid-template-columns:1.3fr .8fr .9fr 1fr; gap:40px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.08); }
.kst-alt .kst-logo-txt b{ color:#fff; }
.kst-alt p{ font-size:14.5px; line-height:1.75; margin:18px 0 0; color:rgba(255,255,255,.65); }
.kst-alt h4{ font-size:16px; font-weight:700; color:#fff; margin:6px 0 18px; text-transform:none; letter-spacing:.2px; }
.kst-alt ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.kst-alt ul a{ color:rgba(255,255,255,.7) !important; text-decoration:none !important; font-size:14.5px; transition:color .2s ease; }
.kst-alt ul a:hover{ color:#23b3f6 !important; }
.kst-alt-tel a{ display:flex; align-items:center; gap:10px; }
.kst-alt-tel svg{ width:17px; height:17px; color:#23b3f6; flex:0 0 auto; }
.kst-alt-son{ display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:22px 0 26px; font-size:13px; color:rgba(255,255,255,.5); }
.kst-alt-son a{ color:rgba(255,255,255,.6) !important; }

/* =====================================================================
   SABİT BUTONLAR + 7/24 ROZET (alphavera deseni, kombi renkleri)
   ===================================================================== */
.kst-float{ position:fixed; right:14px; bottom:16px; z-index:9999; display:flex; align-items:center; justify-content:flex-end; }
.kst-float-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px; height:50px; padding:0 24px; margin-left:10px;
    border-radius:25px; color:#fff !important; text-decoration:none !important; font-size:13.5px; font-weight:600; letter-spacing:.2px; white-space:nowrap;
    box-shadow:0 4px 14px rgba(12,24,51,.22); border:1px solid rgba(255,255,255,.13);
    position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .25s ease, margin .25s ease;
}
.kst-float-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(12,24,51,.28); filter:brightness(1.04); }
.kst-float-btn:before{
    content:""; position:absolute; top:0; left:-140%; width:60%; height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent); transform:skewX(-18deg); pointer-events:none;
}
.kst-float-btn:hover:before{ animation:kstParilti .85s ease; }
.kst-float-btn svg{ width:17px; height:17px; }
.kst-float .kst-f-form{ background:var(--kst-grad-navy); }
.kst-float .kst-f-tel{ background:var(--kst-grad-fl); }
.kst-float .kst-f-wa{ background:var(--kst-grad-wa); }
.kst-float .kst-f-top{
    width:50px; padding:0; border-radius:50%; background:var(--kst-grad-navy);
    opacity:0; visibility:hidden; pointer-events:none; margin-left:-60px; transform:scale(.8);
}
.kst-float .kst-f-top svg{ width:19px; height:19px; }
.kst-float .kst-f-top.gorunur{ opacity:1; visibility:visible; pointer-events:auto; margin-left:10px; transform:scale(1); }
.kst-float .kst-f-top:hover{ background:var(--kst-grad-fl); }
.kst-lbl-kisa{ display:none; }

.kst-724{
    position:fixed; right:18px; bottom:82px; z-index:9998; width:92px; height:92px; display:block; border-radius:50%;
    -webkit-tap-highlight-color:transparent; animation:kst724suz 3.4s ease-in-out infinite;
}
.kst-724-svg{ position:relative; z-index:2; width:100%; height:100%; display:block; filter:drop-shadow(0 8px 20px rgba(12,24,51,.45)); }
.kst-724-glow{
    position:absolute; inset:-5px; border-radius:50%; background:radial-gradient(closest-side,rgba(10,171,245,.6),rgba(10,171,245,0));
    opacity:0; animation:kst724glow 3.4s ease-in-out infinite; z-index:1;
}
.kst-724-ring{ transform-box:fill-box; transform-origin:50% 50%; animation:kstDon 4s linear infinite; }
.kst-724-t1{ fill:#42bef7; font-family:var(--kst-font); font-weight:800; font-size:25px; letter-spacing:.3px; }
.kst-724-t2{ fill:#45bff7; font-family:var(--kst-font); font-weight:600; font-size:10.5px; letter-spacing:2.2px; }
@keyframes kst724suz{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
@keyframes kst724glow{ 0%,100%{ opacity:0; transform:scale(.9); } 50%{ opacity:1; transform:scale(1.08); } }

/* =====================================================================
   DUYARLI
   ===================================================================== */
@media (max-width:1199px){
    .kst-nav a{ padding:10px 10px; font-size:14.5px; }
    .kst-hero h1{ font-size:46px; }
}
@media (max-width:991px){
    :root{ --kst-hdr-h:70px; }
    .kst-burger{ display:block; }
    .kst-hdr-tel{ display:none; }
    .kst-nav{
        position:fixed; top:var(--kst-hdr-h); left:0; right:0; flex-direction:column; align-items:stretch; gap:2px; margin:0;
        background:#fff; padding:12px 16px 20px; box-shadow:0 20px 40px rgba(12,24,51,.14);
        transform:translateY(-8px); opacity:0; visibility:hidden; transition:opacity .22s ease, transform .22s ease, visibility .22s;
    }
    .kst-acik .kst-nav{ transform:none; opacity:1; visibility:visible; }
    .kst-nav a{ padding:14px 12px; font-size:16px; border-bottom:1px solid var(--kst-line); border-radius:0; }
    .kst-nav a:after{ display:none; }
    .kst-nav .kst-nav-talep{
        display:flex; justify-content:center; margin-top:12px; border:0; border-radius:30px; background:var(--kst-grad-fl); color:#fff !important;
    }
    .kst-sec{ padding:72px 0; }
    .kst-hero{ padding:48px 0 84px; }
    .kst-hero-in{ grid-template-columns:1fr; gap:28px; }
    .kst-hero-gor{ max-width:440px; margin:0 auto; }
    .kst-serit-in{ grid-template-columns:repeat(2,1fr); }
    .kst-serit-k:nth-child(2){ border-right:0; }
    .kst-serit-k:nth-child(-n+2){ border-bottom:1px solid var(--kst-line); }
    .kst-kartlar{ grid-template-columns:repeat(2,1fr); }
    .kst-adimlar{ grid-template-columns:repeat(2,1fr); row-gap:40px; }
    .kst-adimlar:before{ display:none; }
    .kst-talep-in{ grid-template-columns:1fr; }
    .kst-alt-in{ grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
    .kst-wrap{ padding:0 18px; }
    .kst-logo-txt b{ font-size:16px; } .kst-logo-txt em{ font-size:13px; letter-spacing:4.4px; }
    .kst-emb{ width:44px; height:44px; }
    .kst-hero h1{ font-size:34px; letter-spacing:-.6px; }
    .kst-hero-p{ font-size:16px; }
    .kst-hero-btn .kst-btn{ flex:1 1 100%; }
    .kst-yuzen{ display:none; }
    .kst-bas h2, .kst-h2{ font-size:29px; }
    .kst-bas{ margin-bottom:36px; }
    .kst-serit{ margin-top:-40px; }
    .kst-serit-in{ grid-template-columns:1fr; }
    .kst-serit-k{ border-right:0 !important; border-bottom:1px solid var(--kst-line); padding:18px 20px; }
    .kst-serit-k:last-child{ border-bottom:0; }
    .kst-kartlar{ grid-template-columns:1fr; }
    .kst-adimlar{ grid-template-columns:1fr; }
    .kst-bolge{ grid-template-columns:1fr; }
    .kst-talep-bilgi, .kst-talep-form{ padding:30px 22px; }
    .kst-talep-bilgi h2{ font-size:27px; }
    .kst-cta-in{ padding:38px 26px; }
    .kst-cta-in h2{ font-size:26px; }
    .kst-cta-btn .kst-btn{ flex:1 1 100%; }
    .kst-alt-in{ grid-template-columns:1fr; gap:30px; }
    .kst-alt-son{ padding-bottom:84px; }
    .kst-sss summary{ font-size:16px; padding:18px 58px 18px 20px; }

    .kst-float{ right:0; left:0; bottom:0; }
    .kst-float-btn{
        flex:1 1 0; height:56px; padding:0 6px; margin:0 !important; border-radius:0; gap:7px; font-size:13px; box-shadow:none;
        border:0; border-right:1px solid rgba(255,255,255,.18);
    }
    .kst-float-btn:last-child{ border-right:0; }
    .kst-float-btn:hover{ transform:none; }
    .kst-lbl-uzun{ display:none; } .kst-lbl-kisa{ display:inline; }
    .kst-float .kst-f-top{ flex:0 0 56px; width:56px; border-radius:0; margin-right:-56px !important; transform:none; transition:opacity .25s ease, margin-right .32s ease; }
    .kst-float .kst-f-top.gorunur{ margin-right:0 !important; transform:none; }
    .kst-724{ right:12px; bottom:68px; width:66px; height:66px; }
}
@media (prefers-reduced-motion:reduce){
    *, *:before, *:after{ animation:none !important; transition:none !important; }
    html{ scroll-behavior:auto; }
}

/* ---------- Çevrimiçi Görünüm balonu (panel › İletişim Araçları) ----------
   Varsayılan yeri sağ-alt = 7/24 rozetinin yeri; sol alta alındı. */
.wtcv{ right:auto !important; left:18px !important; bottom:20px !important; }
.wtcv .wtcv-panel{ right:auto !important; left:0 !important; }
@media (max-width:767px){
    .wtcv{ left:10px !important; bottom:68px !important; }
    .wtcv .wtcv-panel{ left:8px !important; right:8px !important; }
}
/* panel açıkken sabit buton şeridinin ve 7/24 rozetinin üstünde kalsın */
.wtcv.acik{ z-index:10002 !important; }

/* Çevrimiçi balonu: temanın link alt çizgisi kartlara bulaşmasın; tıklama sonrası siyah odak kutusu çıkmasın
   (klavyeyle gezene odak halkası kalır) */
.wtcv a, .wtcv a:hover, .wtcv a:focus, .wtcv a *{ text-decoration:none !important; }
.wtcv button:focus, .wtcv a:focus{ outline:none; }
.wtcv button:focus-visible, .wtcv a:focus-visible{ outline:2px solid #0aabf5; outline-offset:3px; border-radius:30px; }
/* Hero başlığı: "İstanbul Kombi Servisi" her genişlikte tek satır (ölçülerek seçildi) */
.kst-hero h1{ font-size:48px; }
.kst-hero h1 .kst-h1-ust{ display:block; white-space:nowrap; font-weight:inherit; }
@media (max-width:1199px){ .kst-hero h1{ font-size:40px; } }
@media (min-width:768px) and (max-width:991px){ .kst-hero h1{ font-size:46px; } }
@media (max-width:767px){ .kst-hero h1{ font-size:calc((100vw - 36px) * .08); letter-spacing:-.5px; } }
.kst-hero h1 .kst-nw{ font-style:normal; white-space:nowrap; }
.kst-btn-wa-ik svg{ color:#25d366; }

/* ---------- Logo: "TALEBİ" ortalı + iki yanda ayraç çizgisi (premium) ----------
   Harf aralığı em cinsinden (her boyutta aynı oran); son harften sonra kalan
   aralık sağ çizginin negatif marjıyla dengelenir → görsel olarak tam orta.
   Çizgi dışa doğru kaybolur. */
.kst-logo .kst-logo-txt{ align-items:stretch; }
.kst-logo .kst-logo-txt em{
    display:flex; align-items:center; justify-content:center; gap:.5em;
    letter-spacing:.42em !important; white-space:nowrap;
}
.kst-logo .kst-logo-txt em:before, .kst-logo .kst-logo-txt em:after{
    content:""; flex:1 1 0; min-width:14px; height:6px; background-repeat:no-repeat;
}
.kst-logo .kst-logo-txt em:before{
    background-image:linear-gradient(90deg, rgba(10,171,245,0), #0aabf5);
    background-size:100% 1.5px; background-position:left center;
}
.kst-logo .kst-logo-txt em:after{
    background-image:linear-gradient(90deg, #0aabf5, rgba(10,171,245,0));
    background-size:100% 1.5px; background-position:right center;
    margin-left:-.42em;
}

/* 7/24 rozeti logo gibi: lacivert daire, "7/24" logodaki TALEBİ turuncusu */
.kst-724-t1{ fill:url(#kst724t); }
.kst-724-t2{ fill:#45bff7; }
.kst-724-svg{ filter:drop-shadow(0 8px 20px rgba(12,24,51,.45)) drop-shadow(0 0 10px rgba(10,171,245,.25)); }

/* Tema başlıklara "Titillium Web" basıyordu; tüm site Rubik */
body h1, body h2, body h3, body h4, body h5, body h6,
.kst-hdr, .kst-hdr *, .kst-full, .kst-full *:not(svg):not(path), .kst-float, .kst-float *, .wtcv, .wtcv *{
    font-family:var(--kst-font) !important;
}

/* Çevrimiçi "xl" boyutu paneli 500px'e sabitliyor, mobilde geri almıyor (modül hatası) → ekrana sığdır */
@media (max-width:600px){
    .wtcv .wtcv-panel{ width:auto !important; max-width:none !important; }
}

/* =====================================================================
   FOTOĞRAFLAR: hero, hizmet kartları, sahadan kareler
   ===================================================================== */
.kst-hero-foto{
    position:relative; margin:0 auto; max-width:460px; aspect-ratio:4/5; border-radius:30px; overflow:hidden;
    box-shadow:0 30px 60px rgba(15,47,121,.18), 0 0 0 8px #fff;
}
.kst-hero-foto:after{ content:""; position:absolute; inset:auto 0 0 0; height:30%; background:linear-gradient(0deg, rgba(12,24,51,.35), transparent); pointer-events:none; }
.kst-hero-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.kst-hero-gor:before{
    content:""; position:absolute; width:78%; aspect-ratio:1; right:-8%; top:-6%; border-radius:50%;
    background:radial-gradient(circle, rgba(10,171,245,.22), rgba(10,171,245,0) 68%); z-index:0;
}
.kst-hero-gor > *{ position:relative; z-index:1; }
.kst-hero-gor > .kst-yuzen{ position:absolute; z-index:2; }

.kst-kart:before{ z-index:3; }
.kst-kart-foto{ margin:-34px -30px 0; aspect-ratio:16/10; overflow:hidden; background:#eef1f8; }
.kst-kart-foto img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.kst-kart:hover .kst-kart-foto img{ transform:scale(1.05); }
.kst-kart-foto + .kst-kart-ik{ position:relative; z-index:2; margin-top:-33px; border:4px solid #fff; box-shadow:0 10px 24px rgba(12,24,51,.12); }

.kst-galeri-in{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:18px; }
.kst-galeri figure{ position:relative; margin:0; border-radius:20px; overflow:hidden; background:#eef1f8; }
.kst-galeri .kst-g-buyuk{ grid-column:span 2; grid-row:span 2; }
.kst-galeri img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.kst-galeri figure:hover img{ transform:scale(1.05); }
.kst-galeri figcaption{
    position:absolute; left:14px; bottom:14px; padding:7px 14px; border-radius:30px; font-size:13.5px; font-weight:500;
    background:rgba(255,255,255,.94); color:var(--kst-ink); box-shadow:0 8px 20px rgba(12,24,51,.15);
}
@media (max-width:991px){
    .kst-galeri-in{ grid-template-columns:repeat(2,1fr); grid-auto-rows:200px; }
    .kst-galeri .kst-g-buyuk{ grid-row:span 2; }
}
@media (max-width:767px){
    .kst-hero-foto{ max-width:360px; }
    .kst-galeri-in{ grid-auto-rows:150px; gap:12px; }
    .kst-galeri figcaption{ font-size:12px; padding:5px 10px; left:10px; bottom:10px; }
}

/* WT34 imzası: motorun footer'ı gizli olduğu için kendi alt satırımızda; sabit butonların altında kalmasın */
.kst-alt{ padding-bottom:70px; }
.kst-alt-son{ align-items:center; }
.kst-imza{ display:inline-flex; align-items:center; opacity:.75; transition:opacity .2s ease; }
.kst-imza:hover{ opacity:1; }
.kst-imza img{ height:25px; width:auto; display:block; filter:brightness(1.6); }
@media (max-width:767px){
    .kst-alt{ padding-bottom:140px; }
    .kst-alt-son{ flex-direction:column; align-items:flex-start; gap:12px; padding-bottom:26px; }
}

/* =====================================================================
   zumrutevlersutesisatcisi.com — çok sayfalı yapı için ek kurallar
   (renkler build.py'de kaynak paletle aynı çeviriden geçer)
   ===================================================================== */
:root{ --zs-su:#0ea5e9; --zs-su-2:#083295; --zs-zumrut:#0b235b; --zs-zumrut-k:#0a1b44; }

/* ---------- logo: damla + uzun yazı ---------- */
.zs-damla{ transform-box:fill-box; transform-origin:50% 100%; animation:zsDamla 2.8s ease-in-out infinite; }
@keyframes zsDamla{ 0%,100%{ transform:translateY(0) scale(1,1); } 45%{ transform:translateY(-1.2px) scale(.97,1.04); } 60%{ transform:translateY(.6px) scale(1.03,.97); } }
.kst-logo-txt b{ color:#0a1b44; }
.kst-logo-kart .kst-logo-txt b{ font-size:24px; letter-spacing:1.2px; }
.kst-logo-kart .kst-logo-txt em{ font-size:15.5px; letter-spacing:3.1px; }
.kst-logo-txt em{ background-image:linear-gradient(90deg,#072979,#0ea5e9,#1f5def,#0ea5e9,#072979); }
.kst-logo-txt em:before, .kst-logo-txt em:after{ display:none !important; }
.kst-logo-kart .kst-logo-txt small{ letter-spacing:.6px; }
@media (max-width:1199px){
    .kst-logo-kart .kst-logo-txt b{ font-size:20px; } .kst-logo-kart .kst-logo-txt em{ font-size:13px; letter-spacing:2.4px; }
}
@media (max-width:991px){
    .kst-logo-kart .kst-logo-txt b{ font-size:17px; letter-spacing:.8px; } .kst-logo-kart .kst-logo-txt em{ font-size:11.5px; letter-spacing:2px; }
}
.kst-alt .kst-logo-txt b{ color:#fff; }
.kst-724-t2{ letter-spacing:3.4px; }

/* ---------- menü: Hizmetlerimiz açılır menüsü ---------- */
.zs-dd{ position:relative; display:flex; align-items:stretch; }
.zs-dd-bas{ display:inline-flex !important; align-items:center; gap:4px; }
.zs-dd-bas svg{ width:14px; height:14px; transition:transform .2s ease; }
.zs-dd:hover .zs-dd-bas svg{ transform:rotate(180deg); }
.zs-dd-menu{
    position:absolute; top:100%; left:-10px; z-index:20; min-width:330px; padding:10px; background:#fff; border-radius:16px;
    border:1px solid var(--kst-line); box-shadow:0 22px 48px rgba(12,24,51,.16);
    opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.zs-dd:hover .zs-dd-menu, .zs-dd:focus-within .zs-dd-menu{ opacity:1; visibility:visible; transform:none; }
.kst-hdr .kst-nav .zs-dd-menu a{
    display:block; padding:11px 14px !important; border-radius:10px; text-transform:none !important; letter-spacing:0 !important;
    font-size:15px !important; font-weight:600; color:var(--kst-ink) !important; line-height:1.3; white-space:nowrap;
}
.kst-hdr .kst-nav .zs-dd-menu a small{ display:block; font-size:12px; font-weight:400; color:var(--kst-mute); margin-top:2px; }
.kst-hdr .kst-nav .zs-dd-menu a:after{ display:none; }
.kst-hdr .kst-nav .zs-dd-menu a:hover, .kst-hdr .kst-nav .zs-dd-menu a.kst-aktif{ background:var(--kst-bg); color:var(--zs-su-2) !important; }
@media (max-width:991px){
    .kst-nav{ max-height:calc(100vh - var(--kst-hdr-h)); overflow-y:auto; }
    .zs-dd{ display:block; }
    .zs-dd-bas{ width:100%; justify-content:space-between; }
    .zs-dd-menu{ position:static; min-width:0; padding:4px 0 8px 10px; border:0; box-shadow:none; border-radius:0; display:none; opacity:1; visibility:visible; transform:none; }
    .zs-dd.zs-dd-acik .zs-dd-menu{ display:block; }
    .zs-dd.zs-dd-acik .zs-dd-bas svg{ transform:rotate(180deg); }
    .kst-hdr .kst-nav .zs-dd-menu a{ border-bottom:1px solid var(--kst-line); border-radius:0; white-space:normal; }
    .kst-hdr .kst-nav .zs-dd-menu a small{ display:none; }
}

/* ---------- ana sayfa ---------- */
.kst-hero .kst-kicker{ margin-bottom:18px; }
.kst-hero h1{ font-size:46px; }
.kst-hero h1 .kst-h1-ust{ white-space:normal; }
@media (max-width:1199px){ .kst-hero h1{ font-size:38px; } }
@media (min-width:768px) and (max-width:991px){ .kst-hero h1{ font-size:44px; } }
@media (max-width:767px){ .kst-hero h1{ font-size:calc((100vw - 36px) * .083); } .kst-hero h1 .kst-h1-ust{ font-size:.86em; } }
.kst-kart h3 a{ color:inherit; text-decoration:none !important; }
.kst-kart h3 a:hover{ color:var(--zs-su-2); }
a.kst-kart-foto{ display:block; }
.kst-ilceler li.zs-vurgu{ background:var(--kst-grad-navy); color:#fff; border-color:transparent; font-weight:600; }

.zs-liste{ list-style:none; padding:0; margin:0 0 22px; display:grid; gap:10px; }
.zs-liste li{ position:relative; padding-left:30px; font-size:15.5px; line-height:1.65; color:var(--kst-ink); }
.zs-liste li:before{
    content:""; position:absolute; left:0; top:4px; width:20px; height:20px; border-radius:50%;
    background:var(--zs-su) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;
}
.zs-metin-in{ display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
.zs-metin-in .kst-h2{ margin-top:16px; }
.zs-metin-in p{ font-size:16.5px; line-height:1.8; color:var(--kst-mute); }
.zs-metin-kutu{ background:#fff; border:1px solid var(--kst-line); border-radius:22px; padding:32px 30px; box-shadow:0 18px 40px rgba(12,24,51,.06); }
.zs-metin-kutu h3{ font-size:21px; font-weight:700; color:var(--kst-ink); margin:0 0 18px; text-transform:none; }
.zs-metin-btn{ margin-top:6px; }
.zs-bolge .kst-yaka p{ font-size:15.5px; line-height:1.75; color:var(--kst-mute); margin:0 0 22px; }
.zs-yaka-ana{ background:linear-gradient(180deg,#fff 0%,var(--kst-bg) 100%); }
@media (max-width:991px){ .zs-metin-in{ grid-template-columns:1fr; gap:28px; } }

/* ---------- alt sayfa hero'su ---------- */
.zs-sayfa-hero{
    padding:56px 0 64px; overflow:hidden; color:#fff;
    background:
        radial-gradient(700px 420px at 92% 10%, rgba(10,171,245,.22), transparent 62%),
        radial-gradient(600px 400px at 0% 100%, rgba(255,255,255,.07), transparent 60%),
        var(--kst-grad-navy);
}
.zs-sh-in{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.zs-sh-dar .zs-sh-txt{ max-width:760px; }
.zs-sayfa-hero h1{ font-size:46px; line-height:1.12; font-weight:800; color:#fff; margin:14px 0 16px; letter-spacing:-.6px; text-transform:none; }
.zs-sayfa-hero .zs-sh-txt > p{ font-size:17.5px; line-height:1.75; color:rgba(255,255,255,.86); margin:0 0 26px; }
.zs-sayfa-hero .kst-hero-ok li{ color:rgba(255,255,255,.88); }
.zs-sayfa-hero .kst-btn-wa{ box-shadow:0 10px 24px rgba(0,0,0,.18); }
.zs-sh-foto{ margin:0; border-radius:26px; overflow:hidden; aspect-ratio:4/3; box-shadow:0 30px 60px rgba(0,0,0,.28); border:6px solid rgba(255,255,255,.12); }
.zs-sh-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.zs-kirinti{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13.5px; color:rgba(255,255,255,.7); }
.zs-kirinti a{ color:rgba(255,255,255,.85) !important; text-decoration:none !important; }
.zs-kirinti a:hover{ color:#fff !important; text-decoration:underline !important; }
.zs-kirinti b{ color:#fff; font-weight:600; }
.zs-kirinti span{ opacity:.5; }
@media (max-width:991px){
    .zs-sh-in{ grid-template-columns:1fr; gap:30px; }
    .zs-sh-foto{ max-width:560px; }
    .zs-sayfa-hero h1{ font-size:36px; }
}
@media (max-width:767px){
    .zs-sayfa-hero{ padding:38px 0 46px; }
    .zs-sayfa-hero h1{ font-size:30px; }
    .zs-sayfa-hero .zs-sh-txt > p{ font-size:16px; }
    .zs-sayfa-hero .kst-hero-btn{ flex-direction:column; align-items:stretch; }
}

/* ---------- alt sayfa gövde + yan kutu ---------- */
.zs-govde{ padding-top:72px; }
.zs-govde-in{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:48px; align-items:start; }
.zs-yazi h2{ font-size:28px; line-height:1.25; font-weight:700; color:var(--kst-ink); margin:38px 0 14px; text-transform:none; letter-spacing:-.3px; }
.zs-yazi h2:first-child{ margin-top:0; }
.zs-yazi p{ font-size:16.5px; line-height:1.85; color:#3c4760; margin:0 0 16px; }
.zs-yazi a{ color:var(--zs-su-2); font-weight:600; }
.zs-adim-liste{ counter-reset:zs; list-style:none; padding:0; margin:0 0 22px; display:grid; gap:12px; }
.zs-adim-liste li{ counter-increment:zs; position:relative; padding:14px 16px 14px 58px; background:var(--kst-bg); border-radius:14px; font-size:15.5px; line-height:1.6; color:var(--kst-ink); }
.zs-adim-liste li:before{
    content:counter(zs); position:absolute; left:14px; top:12px; width:30px; height:30px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:#fff; background:var(--kst-grad-navy);
}
.zs-not{ margin:6px 0 22px; padding:16px 18px; border-left:4px solid var(--zs-su); background:#eef9fe; border-radius:0 14px 14px 0; font-size:15px; line-height:1.7; color:var(--kst-ink); }
.zs-yazi-cta{ margin-top:34px; padding:22px 24px; border-radius:18px; background:var(--kst-bg); border:1px dashed var(--kst-line); }
.zs-yazi-cta p{ margin:0; }
.zs-yan{ position:sticky; top:calc(var(--kst-hdr-h) + 20px); display:grid; gap:20px; }
.zs-yan-ara{ background:var(--kst-grad-navy); color:#fff; border-radius:22px; padding:26px 24px; display:grid; gap:12px; box-shadow:0 20px 44px rgba(12,24,51,.18); }
.zs-yan-ust{ font-size:12.5px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; color:rgba(255,255,255,.7); }
.zs-yan-tel{ display:flex; align-items:center; gap:10px; font-size:26px; font-weight:800; color:#fff !important; text-decoration:none !important; letter-spacing:.3px; }
.zs-yan-tel svg{ width:26px; height:26px; color:#7dd3fc; }
.zs-yan-ara p{ margin:0 0 4px; font-size:14.5px; line-height:1.6; color:rgba(255,255,255,.8); }
.zs-yan-ara .kst-btn{ height:50px; width:100%; }
.zs-yan-form{ display:flex; align-items:center; justify-content:center; gap:8px; font-size:14.5px; font-weight:600; color:#fff !important; opacity:.9; text-decoration:none !important; }
.zs-yan-form svg{ width:18px; height:18px; }
.zs-yan-form:hover{ opacity:1; text-decoration:underline !important; }
.zs-yan-liste{ background:#fff; border:1px solid var(--kst-line); border-radius:22px; padding:22px 18px; }
.zs-yan-liste h3{ font-size:18px; font-weight:700; color:var(--kst-ink); margin:0 0 12px 6px; text-transform:none; }
.zs-yan-liste ul{ list-style:none; margin:0; padding:0; display:grid; gap:4px; }
.zs-yan-liste li a{ display:flex; align-items:center; gap:10px; padding:10px; border-radius:12px; font-size:14.5px; font-weight:500; color:var(--kst-ink) !important; text-decoration:none !important; }
.zs-yan-liste li a svg{ width:26px; height:26px; flex:0 0 auto; color:var(--zs-su-2); }
.zs-yan-liste li a:hover, .zs-yan-liste li a.aktif{ background:var(--kst-bg); }
.zs-yan-liste li a.aktif{ font-weight:700; color:var(--zs-su-2) !important; }
.zs-yan-ana{ display:block; margin:12px 6px 0; font-size:13.5px; color:var(--kst-mute) !important; }
@media (max-width:991px){
    .zs-govde-in{ grid-template-columns:1fr; }
    .zs-yan{ position:static; }
}
@media (max-width:767px){ .zs-yazi h2{ font-size:23px; } .zs-govde{ padding-top:52px; } }

/* hizmet sayfası formu ve diğer hizmetler */
.zs-diger{ padding-bottom:40px; }
.zs-cta{ padding-top:40px; }
#servis-talebi{ scroll-margin-top:calc(var(--kst-hdr-h) + 12px); }

/* ---------- iletişim ---------- */
.zs-il-kartlar{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:34px; }
.zs-il-kart{
    display:flex; flex-direction:column; gap:4px; padding:26px 22px; border-radius:20px; background:#fff; border:1px solid var(--kst-line);
    text-decoration:none !important; box-shadow:0 12px 30px rgba(12,24,51,.06); transition:transform .2s ease, box-shadow .2s ease;
}
a.zs-il-kart:hover{ transform:translateY(-3px); box-shadow:0 18px 38px rgba(12,24,51,.1); }
.zs-il-kart i{ width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--kst-grad-navy); color:#7dd3fc; margin-bottom:10px; }
.zs-il-kart.zs-il-wa i{ background:var(--kst-grad-wa); color:#fff; }
.zs-il-kart i svg{ width:24px; height:24px; }
.zs-il-kart small{ font-size:13px; color:var(--kst-mute); }
.zs-il-kart b{ font-size:19px; color:var(--kst-ink); }
.zs-il-kart span{ font-size:14px; color:var(--kst-mute); }
.zs-harita{ border-radius:22px; overflow:hidden; border:1px solid var(--kst-line); line-height:0; }
.zs-harita iframe{ width:100%; height:420px; display:block; }
.zs-hizli{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.zs-hizli a{
    display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:16px; background:#fff; border:1px solid var(--kst-line);
    font-weight:600; font-size:15.5px; color:var(--kst-ink) !important; text-decoration:none !important; transition:border-color .2s ease, transform .2s ease;
}
.zs-hizli a svg{ width:34px; height:34px; flex:0 0 auto; color:var(--zs-su-2); }
.zs-hizli a:hover{ border-color:var(--zs-su); transform:translateY(-2px); }
.zs-il-hizmet{ background:var(--kst-bg); }
@media (max-width:991px){ .zs-il-kartlar{ grid-template-columns:repeat(2,1fr); } .zs-hizli{ grid-template-columns:1fr 1fr; } }
@media (max-width:575px){ .zs-il-kartlar, .zs-hizli{ grid-template-columns:1fr; } .zs-harita iframe{ height:320px; } }

/* footer: "7 gün 24 saat" satırı link değil */
.kst-alt-tel li > span{ display:flex; align-items:center; gap:10px; }
.kst-alt-tel li > span svg{ width:18px; height:18px; }


/* ==SABIT== bu satırdan sonrası renk çevirisinden geçmez */
:root{
    --kst-navy:#0b2a5b; --kst-navy-2:#16408a; --kst-navy-3:#1d4ed8; --kst-mavi:#16408a;
    --kst-fl-1:#0369a1; --kst-fl-2:#0ea5e9; --kst-fl-3:#7dd3fc;
    --kst-grad-fl:linear-gradient(135deg,#1d4ed8 0%,#0ea5e9 60%,#38bdf8 100%);
    --kst-grad-navy:linear-gradient(135deg,#071a3a 0%,#0f2f66 55%,#16408a 100%);
    --kst-ink:#0f1d33; --kst-mute:#55637a;
}
.kst-kicker{ color:#0369a1; }
.kst-nav a:hover, .kst-nav a.kst-aktif, .kst-hdr .kst-nav a:hover, .kst-hdr .kst-nav a.kst-aktif, .kst-hat:hover strong{ color:#0284c7 !important; }
.zs-sayfa-hero .kst-hero-btn .kst-btn{ flex:0 0 auto; height:54px; }
.kst-alt .kst-logo-txt em{ letter-spacing:2.6px; font-size:13px; }

/* ---------- PREMIUM FOOTER ---------- */
.zs-alt{
    position:relative; overflow:hidden; color:rgba(226,236,255,.72); padding:84px 0 70px;
    background:
        radial-gradient(800px 420px at 88% -10%, rgba(56,189,248,.18), transparent 60%),
        radial-gradient(700px 420px at -5% 110%, rgba(37,99,235,.28), transparent 60%),
        linear-gradient(180deg,#0b1f45 0%,#071631 55%,#050f24 100%);
}
.zs-alt:before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:.55;
    background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px); background-size:22px 22px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%); mask-image:linear-gradient(180deg,#000 0%,transparent 70%);
}
.zs-alt:after{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,transparent,#38bdf8 25%,#2563eb 60%,transparent); opacity:.9; }
.zs-alt > .kst-wrap{ position:relative; z-index:1; }
.zs-alt-filigran{ position:absolute; right:-70px; bottom:-60px; width:420px; height:420px; fill:#fff; opacity:.025; pointer-events:none; }

.zs-alt-ust{ display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center; padding-bottom:46px; border-bottom:1px solid rgba(255,255,255,.08); }
.zs-alt .kst-logo .kst-emb{ width:58px; height:58px; filter:drop-shadow(0 8px 22px rgba(56,189,248,.35)); }
.zs-alt .kst-logo-txt b{ color:#fff; font-size:22px; letter-spacing:1.4px; }
.zs-alt .kst-logo-txt em{ font-size:12.5px; letter-spacing:3.4px; margin-top:5px; }
.zs-alt-marka p{ max-width:470px; font-size:15px; line-height:1.8; margin:20px 0 0; color:rgba(226,236,255,.62); }
.zs-alt-aksiyon{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.zs-alt-kart{
    display:flex; align-items:center; gap:14px; padding:20px 22px; border-radius:20px; text-decoration:none !important;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 18px 40px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.zs-alt-kart:hover{ transform:translateY(-3px); border-color:rgba(56,189,248,.55); box-shadow:0 22px 48px rgba(0,0,0,.32), 0 0 0 4px rgba(56,189,248,.08); }
.zs-alt-kart i{ width:50px; height:50px; flex:0 0 auto; border-radius:15px; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#1d4ed8,#0ea5e9); box-shadow:0 10px 22px rgba(14,165,233,.35); }
.zs-alt-kart.zs-alt-wa i{ background:linear-gradient(135deg,#16a34a,#25d366); box-shadow:0 10px 22px rgba(37,211,102,.3); }
.zs-alt-kart i svg{ width:23px; height:23px; }
.zs-alt-kart small{ display:block; font-size:11.5px; font-weight:600; letter-spacing:1.3px; text-transform:uppercase; color:#93c5fd; margin-bottom:3px; }
.zs-alt-kart b{ display:block; font-size:20px; font-weight:700; color:#fff; letter-spacing:.3px; white-space:nowrap; }
.zs-alt-wa b{ font-size:17px; }

.zs-alt-in{ display:grid; grid-template-columns:1.5fr .8fr 1.1fr; gap:48px; padding:46px 0 44px; border-bottom:1px solid rgba(255,255,255,.08); }
.zs-alt h4{ position:relative; font-size:12.5px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; color:#93c5fd; margin:0 0 22px; padding-bottom:12px; }
.zs-alt h4:after{ content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; border-radius:2px; background:linear-gradient(90deg,#38bdf8,#2563eb); }
.zs-alt ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.zs-alt ul.zs-alt-iki{ display:grid; grid-template-columns:1fr 1fr; column-gap:28px; }
.zs-alt ul a{ position:relative; display:inline-block; color:rgba(226,236,255,.75) !important; font-size:14.5px; text-decoration:none !important; transition:color .2s ease, transform .2s ease; }
.zs-alt ul a:before{ content:""; position:absolute; left:-14px; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:#38bdf8; opacity:0; transition:opacity .2s ease; }
.zs-alt ul a:hover{ color:#fff !important; transform:translateX(6px); }
.zs-alt ul a:hover:before{ opacity:1; }
.zs-alt-bilgi li{ display:flex; gap:14px; align-items:flex-start; font-size:14.5px; line-height:1.5; color:#e6eeff; }
.zs-alt-bilgi li i{ width:38px; height:38px; flex:0 0 auto; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#7dd3fc; background:rgba(56,189,248,.1); border:1px solid rgba(56,189,248,.18); }
.zs-alt-bilgi li i svg{ width:18px; height:18px; }
.zs-alt-bilgi li small{ display:block; font-size:12px; color:rgba(226,236,255,.5); margin-bottom:1px; }
.zs-alt .kst-alt-son{ padding:24px 0 0; font-size:13px; color:rgba(226,236,255,.45); }
.zs-alt .kst-imza img{ filter:brightness(1.7); }
@media (max-width:991px){
    .zs-alt-ust{ grid-template-columns:1fr; gap:30px; }
    .zs-alt-in{ grid-template-columns:1fr 1fr; gap:36px; }
    .zs-alt-in > div:first-child{ grid-column:1 / -1; }
}
@media (max-width:575px){
    .zs-alt{ padding:64px 0 150px; }
    .zs-alt-aksiyon, .zs-alt-in, .zs-alt ul.zs-alt-iki{ grid-template-columns:1fr; }
    .zs-alt-kart b{ font-size:18px; }
}
.zs-alt .kst-logo-txt em{ background-image:linear-gradient(90deg,#7dd3fc,#bfdbfe,#93c5fd,#bfdbfe,#7dd3fc); }
.kst-hero-ok li:before{ background:#e0f2fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat !important; }
/* hero H1 ilk satır: "Zümrütevler Su Tesisatçısı" her ekranda TEK SATIR */
.kst-hero h1 .kst-h1-ust{ display:block; white-space:nowrap !important; font-size:.76em; letter-spacing:-.4px; }
@media (max-width:767px){ .kst-hero h1 .kst-h1-ust{ font-size:calc((100vw - 36px) * .058) !important; } }

/* =====================================================================
   SADE / ELLE YAPILMIŞ GÖRÜNÜM KATMANI
   gradyanlı yazı, hap etiket, parlama, cam efekti, yüzen rozet yok;
   az yuvarlak köşe, ince çizgi, düz renk.
   ===================================================================== */
:root{ --zs-lac:#0b2447; --zs-lac-2:#123566; --zs-mavi:#1d5fd1; --zs-acik:#eef3fa; --zs-cizgi:#dde4ee; --kst-bg:#f4f6f9; --kst-line:#dde4ee; }
body h1, body h2, body h3{ letter-spacing:-.2px !important; }

/* başlık vurguları düz renk */
.kst-bas h2 span, .kst-h2 span, .kst-hero h1 span, .kst-hero h1 span *{ background:none !important; -webkit-background-clip:initial !important; background-clip:initial !important; color:inherit !important; -webkit-text-fill-color:currentColor; }
.kst-hero h1 > span{ color:var(--zs-mavi) !important; }

/* bölüm etiketi: hap değil, küçük çizgili yazı */
.kst-kicker{ background:none !important; padding:0 !important; border-radius:0; color:var(--zs-mavi) !important; font-size:13px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; gap:10px; }
.kst-kicker:before{ width:22px !important; height:2px !important; border-radius:0 !important; background:currentColor !important; box-shadow:none !important; }
.kst-bas{ margin-bottom:42px; }
.kst-bas h2, .kst-h2{ font-size:36px; font-weight:700; }
#hizmetler .kst-bas, .kst-galeri .kst-bas, .zs-diger .kst-bas{ text-align:left; margin-left:0; max-width:680px; }

/* butonlar: düz, az yuvarlak, parlamasız */
.kst-btn{ height:52px; border-radius:8px; padding:0 24px; font-weight:600; box-shadow:none !important; }
.kst-btn:before{ display:none !important; }
.kst-btn:hover{ transform:none; filter:brightness(1.07); }
.kst-btn-fl{ background:var(--zs-mavi) !important; }
.kst-btn-wa{ background:#1fa855 !important; }
.kst-btn-nv{ background:var(--zs-lac) !important; }

/* logo: dönen halka ve kayan renk yok */
.kst-emb-ring, .zs-damla, .kst-logo-txt em{ animation:none !important; }
.kst-emb{ filter:none !important; }
.kst-logo-txt em{ background:none !important; color:var(--zs-mavi) !important; -webkit-text-fill-color:currentColor; }
.kst-logo-kart{ box-shadow:0 6px 18px rgba(11,36,71,.08) !important; border-radius:0 0 10px 10px !important; }

/* hero */
.kst-hero{ background:linear-gradient(180deg,#f3f6fa 0%,#fff 100%) !important; padding:64px 0 72px !important; }
.kst-hero:before, .kst-hero:after, .kst-hero-gor:before, .kst-hero-gor:after{ display:none !important; }
.kst-hero-foto{ border-radius:10px !important; box-shadow:0 14px 34px rgba(11,36,71,.14) !important; border:0 !important; transform:none !important; }
.kst-hero-foto:after{ display:none !important; }
.kst-hero-foto figcaption{ position:absolute; left:0; right:0; bottom:0; padding:14px 18px; background:rgba(11,36,71,.86); color:#dbe6f5; font-size:13.5px; line-height:1.35; }
.kst-hero-foto figcaption b{ display:block; color:#fff; font-size:16px; }
.kst-hero-ok li{ font-weight:500; }

/* bilgi bandı */
.zs-bant{ background:var(--zs-lac); color:#c9d6ea; }
.zs-bant ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); }
.zs-bant li{ padding:20px 22px; font-size:14.5px; line-height:1.4; border-left:1px solid rgba(255,255,255,.12); }
.zs-bant li:first-child{ border-left:0; padding-left:0; }
.zs-bant b{ display:block; color:#fff; font-size:17px; font-weight:700; margin-bottom:2px; }
@media (max-width:991px){ .zs-bant ul{ grid-template-columns:1fr 1fr; } .zs-bant li{ padding:16px 14px; border-top:1px solid rgba(255,255,255,.1); } .zs-bant li:nth-child(odd){ border-left:0; padding-left:0; } .zs-bant li:nth-child(-n+2){ border-top:0; } }

/* hizmet kartları */
.kst-kartlar{ gap:22px; }
.kst-kart{ border-radius:10px !important; box-shadow:none !important; border:1px solid var(--zs-cizgi) !important; padding:0 0 22px !important; overflow:hidden; transform:none !important; }
.kst-kart:hover{ border-color:#b9c8dd !important; }
.kst-kart:before, .kst-kart:after{ display:none !important; }
.kst-kart-foto{ margin:0 0 18px !important; border-radius:0; }
.kst-kart h3, .kst-kart p, .kst-kart .kst-kart-link{ margin-left:22px !important; margin-right:22px !important; }
.kst-kart h3{ font-size:19px; margin-bottom:8px !important; }
.kst-kart p{ font-size:14.5px; margin-bottom:16px !important; }
.kst-kart-link{ color:var(--zs-mavi) !important; font-weight:600; }

/* süreç: numaralı liste */
.kst-surec{ background:var(--zs-lac) !important; }
.kst-surec:before, .kst-surec:after{ display:none !important; }
.kst-surec .kst-bas{ text-align:left; margin-left:0; }
.kst-surec .kst-kicker{ color:#8fb4ea !important; }
.zs-adimlar{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.14); }
.zs-adimlar li{ padding:26px 24px 6px 0; margin-right:24px; }
.zs-adimlar span{ display:block; font-size:15px; font-weight:700; color:#8fb4ea; margin-bottom:12px; letter-spacing:1px; }
.zs-adimlar h3{ font-size:19px; font-weight:700; color:#fff; margin:0 0 8px; text-transform:none; }
.zs-adimlar p{ font-size:14.5px; line-height:1.7; color:rgba(220,230,245,.75); margin:0; }
@media (max-width:991px){ .zs-adimlar{ grid-template-columns:1fr 1fr; } }
@media (max-width:575px){ .zs-adimlar{ grid-template-columns:1fr; } .zs-adimlar li{ margin-right:0; padding-right:0; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:22px; } }

/* galeri, metin, bölge, sss */
.kst-galeri-in figure, .kst-galeri-in img{ border-radius:8px !important; }
.kst-galeri-in figcaption{ border-radius:4px !important; box-shadow:none !important; }
.zs-metin-kutu, .kst-yaka{ border-radius:10px !important; box-shadow:none !important; }
.zs-yaka-ana{ background:var(--zs-acik) !important; }
.kst-yaka-bas i{ border-radius:8px !important; background:var(--zs-lac) !important; }
.kst-ilceler li{ border-radius:4px !important; }
.zs-liste li:before{ border-radius:3px; background-color:var(--zs-mavi); }
.kst-sss{ gap:0 !important; border-top:1px solid var(--zs-cizgi); }
.kst-sss details{ border:0 !important; border-bottom:1px solid var(--zs-cizgi) !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; }
.kst-sss summary{ padding:20px 50px 20px 2px !important; }
.kst-sss summary:after{ right:4px !important; background-color:transparent !important; }
.kst-sss .kst-sss-c{ padding:0 2px 22px !important; }

/* form bölümü */
.kst-talep-bilgi{ border-radius:10px !important; background:var(--zs-lac) !important; box-shadow:none !important; }
.kst-talep-bilgi:before, .kst-talep-bilgi:after{ display:none !important; }
.kst-talep-bilgi .kst-kicker{ color:#8fb4ea !important; }
.kst-talep-hat a{ border-radius:8px !important; }
.kst-talep-hat i{ border-radius:6px !important; background:var(--zs-mavi) !important; }
.kst-talep-hat a.wa i{ background:#1fa855 !important; }
.kst-talep-form{ border-radius:10px !important; box-shadow:none !important; border:1px solid var(--zs-cizgi); }
.kst-talep-form .form-control, .kst-talep-form select, .kst-talep-form textarea, .kst-talep-form input[type=text], .kst-talep-form input[type=tel]{ border-radius:6px !important; }
.kst-talep-form [type=submit], .kst-talep-form .btn-primary, .kst-talep-form button.btn{ background:var(--zs-mavi) !important; border-radius:8px !important; box-shadow:none !important; }

/* çağrı bandı */
.kst-cta-in{ background:var(--zs-lac-2) !important; border-radius:10px !important; box-shadow:none !important; }
.kst-cta-in:before, .kst-cta-in:after{ display:none !important; }
.kst-cta-btn .kst-btn-nv{ background:#fff !important; color:var(--zs-lac) !important; }

/* alt sayfalar */
.zs-sayfa-hero{ background:var(--zs-lac) !important; }
.zs-sh-foto{ border-radius:8px !important; border:0 !important; box-shadow:none !important; }
.zs-yan-ara{ background:var(--zs-lac) !important; border-radius:10px !important; box-shadow:none !important; }
.zs-yan-liste, .zs-yazi-cta, .zs-il-kart, .zs-hizli a, .zs-harita{ border-radius:10px !important; box-shadow:none !important; }
.zs-il-kart i{ border-radius:8px !important; background:var(--zs-lac) !important; }
.zs-adim-liste li{ border-radius:8px; }
.zs-adim-liste li:before{ background:var(--zs-lac) !important; border-radius:4px; }

/* sabit öğeler: dönen 7/24 rozeti yok; masaüstünde yalnız WhatsApp düğmesi */
.kst-724{ display:none !important; }
@media (min-width:768px){
    .kst-float .kst-f-form{ display:none !important; }
    .kst-float-btn{ border-radius:8px !important; box-shadow:0 6px 16px rgba(0,0,0,.18) !important; }
}

/* footer: düz lacivert, sade */
.zs-alt{ background:#0a1f3d !important; }
.zs-alt:before, .zs-alt:after, .zs-alt-filigran{ display:none !important; }
.zs-alt-kart{ background:rgba(255,255,255,.04) !important; border-radius:8px !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
.zs-alt-kart:hover{ transform:none !important; box-shadow:none !important; border-color:rgba(255,255,255,.3) !important; }
.zs-alt-kart i{ border-radius:6px !important; box-shadow:none !important; background:var(--zs-mavi) !important; }
.zs-alt-kart.zs-alt-wa i{ background:#1fa855 !important; }
.zs-alt h4{ color:#fff !important; letter-spacing:1px !important; }
.zs-alt h4:after{ background:var(--zs-mavi) !important; }
.zs-alt-bilgi li i{ border-radius:6px !important; }
.zs-alt .kst-logo-txt em{ color:#8fb4ea !important; }
.zs-alt ul a:hover{ transform:none !important; text-decoration:underline !important; }
.zs-alt ul a:before{ display:none !important; }

/* menü açılır kutusu */
.zs-dd-menu{ border-radius:8px !important; box-shadow:0 12px 30px rgba(11,36,71,.12) !important; }
.kst-hdr .kst-nav .zs-dd-menu a{ border-radius:4px !important; }

/* Çevrimiçi balonu sağda, sabit iletişim butonlarının üstünde */
.wtcv{ left:auto !important; right:14px !important; bottom:84px !important; }
.wtcv .wtcv-panel{ left:auto !important; right:0 !important; }
.kst-float{ gap:8px; }
@media (max-width:767px){
    .wtcv{ left:auto !important; right:10px !important; bottom:68px !important; }
    .wtcv .wtcv-panel{ left:8px !important; right:8px !important; }
}

.kst-float .kst-f-tel{ background:#1d5fd1 !important; }
.kst-float .kst-f-form{ background:#0b2447 !important; }
.kst-float .kst-f-wa{ background:#1fa855 !important; }

/* çağrı bandı: sağda görsel, lacivertten yumuşak geçişle */
.zs-cta .kst-cta-in{ position:relative; overflow:hidden; background:linear-gradient(100deg,#0b2447 0%,#123566 60%,#1d4a8a 100%) !important; min-height:240px; }
.zs-cta .kst-cta-in:after{
    content:"" !important; display:block !important; position:absolute; top:0; right:0; bottom:0; width:52%; z-index:0; pointer-events:none;
    background:url(/upload/icerik/zse-cta-usta.webp) center 4%/cover no-repeat !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 55%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 55%);
}
.zs-cta .kst-cta-in:before{
    content:"" !important; display:block !important; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit;
    background:linear-gradient(100deg,rgba(11,36,71,0) 40%,rgba(29,95,209,.25) 75%,rgba(56,189,248,.18) 100%) !important;
    width:auto !important; height:auto !important; top:0 !important; right:0 !important;
}
.zs-cta .kst-cta-in > *{ position:relative; z-index:2; max-width:56%; }
@media (max-width:767px){
    .zs-cta .kst-cta-in:after{ width:100%; opacity:.22; -webkit-mask-image:none; mask-image:none; }
    .zs-cta .kst-cta-in > *{ max-width:none; }
}

/* ---------- PROJELER: liste + detay ---------- */
.zs-proje-modul{ padding-top:36px; padding-bottom:20px; }
/* detay başlığı: tam genişlik lacivert bant */
.blog-detail-wrap .blog-detail-header{ position:relative; isolation:isolate; padding:44px 0 34px; margin:-36px 0 28px; color:#fff; }
.blog-detail-wrap .blog-detail-header:before{ content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; margin-left:-50vw; background:#0b2447; z-index:-1; }
.blog-detail-wrap .blog-detail-h1{ color:#fff !important; font-size:36px; font-weight:700; line-height:1.2; margin:12px 0 6px; text-transform:none; }
.blog-detail-wrap .blog-detail-kat-badge{ display:inline-block; background:none !important; padding:0 !important; border-radius:0 !important; color:#8fb4ea !important; font-size:13px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; text-decoration:none !important; }
.blog-detail-wrap .blog-detail-kat-badge:before{ content:""; display:inline-block; width:22px; height:2px; background:currentColor; vertical-align:middle; margin:-2px 10px 0 0; }
.blog-detail-wrap .blog-detail-meta, .blog-detail-wrap .blog-detail-meta *{ color:rgba(220,230,245,.75) !important; }
.blog-detail-wrap .blog-hizmet-ozet{ background:#f4f6f9 !important; border:0 !important; border-left:3px solid #1d5fd1 !important; border-radius:0 6px 6px 0 !important; padding:16px 20px !important; font-size:16px; line-height:1.7; color:#0f1d33; margin-bottom:28px; }
/* künye */
.proje-kunye-tablo{ width:100%; border-collapse:collapse; border-top:1px solid #dde4ee; }
.proje-kunye-tablo th, .proje-kunye-tablo td{ padding:13px 12px !important; border:0 !important; border-bottom:1px solid #dde4ee !important; background:none !important; font-size:15px; vertical-align:top; }
.proje-kunye-tablo th, .proje-kunye-tablo td:first-child{ width:38%; color:#55637a; font-weight:600; }
.proje-kunye-tablo td{ color:#0f1d33; }
.proje-hero-galeri h2, .proje-hero-galeri h3, .proje-hero-galeri .proje-galeri-baslik{ font-size:20px; font-weight:700; color:#0f1d33; margin:0 0 14px; text-transform:none; }
.proje-hero-galeri img, .blog-block-img-wrap img{ border-radius:8px; }
.blog-detail-content p{ font-size:16.5px; line-height:1.85; color:#3c4a60; }
.blog-detail-content a{ color:#1d5fd1; font-weight:600; }
/* proje sonu çağrı kutusu */
.zs-pr-cta{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin:30px 0 10px; padding:28px 30px; border-radius:10px; background:#0b2447; color:#c9d6ea; }
.zs-pr-cta b{ display:block; font-size:21px; color:#fff; margin-bottom:4px; }
.zs-pr-cta span{ font-size:15px; }
.zs-pr-cta-btn{ display:flex; gap:10px; flex-wrap:wrap; }
.zs-pr-cta .kst-btn{ height:48px; padding:0 20px; }
.zs-pr-cta .kst-btn-gh{ background:transparent !important; color:#fff !important; border:1.5px solid rgba(255,255,255,.35) !important; }
.zs-pr-cta .kst-btn svg{ width:18px; height:18px; }
/* liste kartları ve filtre */
.blog-kat-btn{ border-radius:6px !important; }
.blog-kat-btn.aktif{ background:#0b2447 !important; border-color:#0b2447 !important; color:#fff !important; }
.zs-proje-modul .blog-card, .zs-proje-modul .blog-liste-kart, .blog-benzer .col-md-4 > *{ border-radius:10px !important; box-shadow:none !important; }
@media (max-width:767px){
    .blog-detail-wrap .blog-detail-h1{ font-size:27px; }
    .zs-pr-cta{ padding:22px 20px; }
    .zs-pr-cta-btn, .zs-pr-cta-btn .kst-btn{ width:100%; }
}