/* İletim Teknik — Premium Corporate (Mockup E) */
:root{
  --bg:#FFFFFF; --soft:#F5F7F9; --ink:#0E1B2C; --mut:#5C6B7E;
  --line:#E4E9EF; --navy:#12335E; --gold:#C9A24B; --r:10px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:'Manrope',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.serif{font-family:'Newsreader',serif;font-style:italic;font-weight:500;color:var(--navy)}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* TOPBAR */
.topbar{background:var(--ink);color:#B9C4D2;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:10px}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
.topbar .tb-r{display:flex;gap:20px}
.topbar i{color:var(--gold);margin-right:5px}

/* NAV */
nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.logo-mark{width:42px;height:42px;background:var(--navy);border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;position:relative;flex:0 0 auto}
.logo-mark::after{content:"";position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;background:var(--gold);border-radius:3px}
.logo b{font-weight:800;font-size:17px;letter-spacing:-.01em;display:block;line-height:1.1}
.logo small{color:var(--mut);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links>a{color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:600}
.nav-links>a:hover,.nav-links>a.act{color:var(--navy)}
.nav-toggle{display:none;background:none;border:none;font-size:22px;color:var(--ink);cursor:pointer;padding:8px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--navy);color:#fff;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:var(--r);text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-family:'Manrope'}
.btn:hover{background:var(--ink);transform:translateY(-1px);box-shadow:0 10px 26px rgba(18,51,94,.25)}
.btn.gold{background:var(--gold);color:var(--ink)}
.btn.gold:hover{background:#B8913B;box-shadow:0 10px 26px rgba(201,162,75,.35)}
.btn.line{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn.line:hover{border-color:var(--ink);box-shadow:none;background:#fff}
.btn.navy{background:var(--navy)}
.btn.wa{background:#25D366;color:#fff;width:100%;margin-top:10px}
.btn.wa:hover{background:#1EBE5A;box-shadow:0 10px 26px rgba(37,211,102,.35)}

/* HERO */
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:600px}
.hero-l{padding:80px 56px 80px calc((100vw - 1200px)/2 + 22px);display:flex;flex-direction:column;justify-content:center}
@media(max-width:1244px){.hero-l{padding-left:22px}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--gold)}
h1{font-weight:800;font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-.03em}
.hero p{color:var(--mut);font-size:17px;margin:22px 0 30px;max-width:50ch}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero-badges{display:flex;gap:22px;margin-top:38px;flex-wrap:wrap}
.hb{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}
.hb i{width:34px;height:34px;border-radius:50%;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font-size:14px;color:var(--navy)}
.hero-r{position:relative;overflow:hidden;min-height:360px}
.hero-r img{width:100%;height:100%;object-fit:cover}
.float-card{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-radius:14px;padding:18px 22px;box-shadow:0 18px 50px rgba(14,27,44,.22);max-width:290px}
.float-card b{font-size:14.5px;display:block;margin-bottom:3px}
.float-card span{color:var(--mut);font-size:13px}
.float-card .stars{color:var(--gold);font-size:12px;margin-bottom:6px;display:flex;gap:2px}

/* STATS STRIP */
.stats-strip{background:var(--navy);color:#fff}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:26px 22px;border-left:1px solid rgba(255,255,255,.12);text-align:center}
.stat:first-child{border-left:none}
.stat b{font-size:30px;font-weight:800;display:block}
.stat span{color:#A9B6C6;font-size:12.5px}

/* LOGO WALL */
.logowall{border-bottom:1px solid var(--line);padding:42px 0}
.logowall .lbl{text-align:center;color:var(--mut);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:26px}
.logos{display:flex;justify-content:center;align-items:center;gap:20px 44px;flex-wrap:wrap}
.logos span{font-family:'Newsreader',serif;font-weight:600;font-size:20px;color:#9AA6B5;transition:color .2s;white-space:nowrap}
.logos span:hover{color:var(--ink)}
.logos img{height:38px;width:auto;filter:grayscale(1);opacity:.65;transition:all .25s}
.logos img:hover{filter:none;opacity:1}

/* SECTIONS */
section{padding:88px 0}
.sec-head{max-width:680px;margin-bottom:50px}
.sec-head.center{margin:0 auto 50px;text-align:center}
h2{font-weight:800;font-size:clamp(28px,3.8vw,42px);letter-spacing:-.025em;line-height:1.12}
.sec-head p{color:var(--mut);font-size:16px;margin-top:12px}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:all .25s;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.svc:hover{transform:translateY(-5px);box-shadow:0 24px 56px rgba(14,27,44,.12);border-color:transparent}
.svc .ph{height:180px;overflow:hidden;position:relative}
.svc .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.svc:hover .ph img{transform:scale(1.06)}
.svc .ph .code{position:absolute;top:12px;left:12px;background:rgba(14,27,44,.85);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.1em;padding:6px 11px;border-radius:100px;z-index:2}
.svc .bd{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.svc h3{font-weight:800;font-size:17.5px;margin-bottom:7px}
.svc h3 i{color:var(--navy);margin-right:6px;font-size:15px}
.svc p{color:var(--mut);font-size:13.5px;flex:1}
.svc .more{color:var(--navy);font-weight:700;font-size:13px;margin-top:14px;display:inline-flex;align-items:center;gap:6px}

/* PROJECTS */
.projects{background:var(--soft)}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proj{position:relative;border-radius:16px;overflow:hidden;height:320px;display:block;text-decoration:none}
.proj img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.proj:hover img{transform:scale(1.05)}
.proj .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,27,44,.9));display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff}
.proj .ov small{color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.proj .ov b{font-size:18px;font-weight:800;margin-top:5px}
.proj .ov span{color:#C4CEDA;font-size:13px;margin-top:3px}

/* TRUST BAND */
.trustband{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center}
blockquote{font-family:'Newsreader',serif;font-style:italic;font-weight:500;font-size:clamp(21px,2.6vw,28px);line-height:1.45}
blockquote::before{content:"\201C";color:var(--gold);font-size:1.6em;line-height:0;vertical-align:-.25em;margin-right:4px}
.who{display:flex;align-items:center;gap:13px;margin-top:24px}
.who img,.who-ic{width:50px;height:50px;border-radius:50%;object-fit:cover}
.who-ic{background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;color:var(--navy);font-size:18px}
.who b{display:block;font-size:14.5px}
.who span{color:var(--mut);font-size:13px}
.certs{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.cert{border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center;background:#fff}
.cert b{display:block;font-size:14.5px;font-weight:800}
.cert small{color:var(--mut);font-size:12px}
.cert .ic{width:42px;height:42px;margin:0 auto 11px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:17px;color:var(--navy)}

/* QUOTE FORM */
.quote{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.quote::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(201,162,75,.18),transparent)}
.quote-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.quote h2{color:#fff}
.quote .lead{color:#A9B6C6;font-size:16px;margin:14px 0 26px}
.q-points{list-style:none}
.q-points li{padding:9px 0 9px 34px;position:relative;color:#D6DEE8;font-size:14.5px}
.q-points li::before{content:"\2713";position:absolute;left:0;top:9px;width:22px;height:22px;background:var(--gold);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.form{background:#fff;border-radius:18px;padding:32px;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.form h3{font-weight:800;font-size:19px;margin-bottom:5px}
.form .sub{color:var(--mut);font-size:13px;margin-bottom:20px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}
.form input,.form select,.form textarea{width:100%;border:1.5px solid var(--line);border-radius:9px;padding:13px 14px;font-family:'Manrope';font-size:14px;color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235C6B7E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--navy)}
.form textarea{resize:vertical;min-height:84px;margin-bottom:11px}
.form .btn{width:100%}
.form .kvkk{font-size:11px;color:var(--mut);text-align:center;margin-top:11px}
.form-ok{text-align:center;padding:34px 10px}
.form-ok i{font-size:44px;color:#25a55f;display:block;margin-bottom:14px}
.form-ok b{display:block;font-size:19px;margin-bottom:6px}
.form-ok span{color:var(--mut);font-size:14px}
.form-err{background:#FDECEC;color:#B23A3A;border:1px solid #F3C6C6;border-radius:9px;padding:11px 14px;font-size:13.5px;margin-bottom:12px}

/* PAGE HERO (iç sayfalar) */
.page-hero{background:var(--navy) center/cover no-repeat;color:#fff;padding:70px 0 56px}
.page-hero.plain{background:linear-gradient(120deg,var(--navy),#0E1B2C)}
.page-hero h1{font-size:clamp(28px,4vw,44px)}
.page-hero h1 i{color:var(--gold);margin-right:8px;font-size:.8em}
.page-hero p{color:#B9C4D2;margin-top:8px;max-width:60ch}
.crumb{display:block;color:#8FA0B5;font-size:13px;margin-bottom:12px}
.crumb a{color:#C9D3E0;text-decoration:none}
.crumb i{font-size:10px;margin:0 5px}
.sector-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(201,162,75,.18);color:var(--gold);font-size:13px;font-weight:700;padding:7px 15px;border-radius:100px;margin-top:14px}
.page-pad{padding:64px 0}

/* SERVICE DETAIL */
.svc-detail{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}
.svc-body{font-size:16px;color:#2A3746}
.svc-body p{margin-bottom:18px}
.svc-body ul{margin:0 0 18px 22px}
.svc-body li{margin-bottom:8px}
.svc-body h2,.svc-body h3{margin:26px 0 12px}
.side-card{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px}
.side-card h4{font-weight:800;font-size:15.5px;margin-bottom:14px}
.side-card>a{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
.side-card>a:last-child{border:none}
.side-card>a i{color:var(--navy);width:18px;text-align:center}
.side-card>a:hover{color:var(--navy)}
.cta-card{background:var(--navy);color:#fff;border:none}
.cta-card p{color:#A9B6C6;font-size:13.5px;margin-bottom:14px}
.cta-card .btn.gold{width:100%}
.mini-stat{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.mini-stat:last-child{border:none}
.mini-stat b{font-size:24px;font-weight:800;color:var(--navy)}
.mini-stat span{color:var(--mut);font-size:13px}
.post-img{border-radius:16px;margin-bottom:28px;width:100%;max-height:420px;object-fit:cover}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.c-card{border:1px solid var(--line);border-radius:14px;padding:26px 22px;text-align:center;background:#fff}
.c-card i{font-size:22px;color:var(--navy);margin-bottom:12px;display:block}
.c-card b{display:block;margin-bottom:8px;font-size:15px}
.c-card a,.c-card span{display:block;color:var(--mut);font-size:14px;text-decoration:none;margin-bottom:4px}
.c-card a:hover{color:var(--navy)}
.map-wrap{border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.map-wrap iframe{width:100%;height:380px;border:0;display:block}

/* FOOTER */
footer{padding:56px 0 max(28px, env(safe-area-inset-bottom));font-size:14px;color:var(--mut);border-top:1px solid var(--line)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:42px}
.foot h5{color:var(--ink);font-weight:800;font-size:14px;margin-bottom:14px}
.foot a{display:block;color:var(--mut);text-decoration:none;margin-bottom:9px}
.foot a:hover{color:var(--navy)}
.foot a i{width:18px;color:var(--navy)}
.legal{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:9px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;padding:13px 20px;border-radius:100px;box-shadow:0 10px 32px rgba(37,211,102,.45);transition:transform .2s}
.wa-float:hover{transform:translateY(-3px)}
.wa-float i{font-size:21px}
@media(max-width:640px){.wa-float span{display:none}.wa-float{padding:15px;border-radius:50%}}

/* MOBILE */
@media(max-width:960px){
  .topbar .tb-r a:last-child{display:none}
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:16px 22px 22px;gap:0;box-shadow:0 20px 40px rgba(14,27,44,.12)}
  .nav-links.open{display:flex}
  .nav-links>a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:15.5px}
  .nav-links .btn{margin-top:14px}
  .hero{grid-template-columns:1fr}
  .hero-r{height:340px;order:-1}
  .hero-l{padding:40px 22px 52px}
  .stats-in{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:none}
  .svc-grid,.proj-grid,.contact-grid{grid-template-columns:1fr}
  .trustband,.quote-in,.svc-detail{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
  section{padding:56px 0}
  .page-pad{padding:44px 0}
}
@media(max-width:520px){
  .certs{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr}
  .topbar .wrap{justify-content:center}
  .topbar .tb-r{display:none}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* BRAND WALL (footer üstü) */
.brandwall{background:var(--soft);border-top:1px solid var(--line);padding:36px 0}
.brandwall .lbl{text-align:center;color:var(--mut);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:22px}
.brands{display:flex;justify-content:center;align-items:center;gap:18px 48px;flex-wrap:wrap}
.brands span{font-weight:800;font-size:19px;color:#8C99A8;letter-spacing:.04em;text-transform:uppercase;transition:color .2s}
.brands span:hover{color:var(--navy)}
.brands img{height:34px;width:auto;filter:grayscale(1);opacity:.6;transition:all .25s}
.brands img:hover{filter:none;opacity:1}

/* ═══ FİYAT TEKLİFİ SAYFASI ═══ */
.prop-page{background:var(--soft)}
.prop-flash{background:#EAF7EF;color:#1E7A46;border:1px solid #BFE6CD;border-radius:12px;padding:14px 18px;font-weight:600;margin-bottom:16px}
.prop-expired{background:#FDF3E7;color:#9A6B00;border:1px solid #EAD9A8;border-radius:12px;padding:14px 18px;font-weight:600;margin-bottom:16px}
.prop-expired a{color:#9A6B00}
.prop-doc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:44px;box-shadow:0 24px 60px rgba(14,27,44,.08)}
.prop-head{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:24px;margin-bottom:24px}
.prop-brand{display:flex;gap:14px;align-items:flex-start}
.prop-brand img{height:52px;width:auto}
.prop-brand b{display:block;font-size:17px;font-weight:800}
.prop-brand small{color:var(--mut);font-size:12.5px;line-height:1.5;display:block;margin-top:4px}
.prop-meta{text-align:right}
.prop-no{display:block;font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:800}
.prop-meta b{font-size:20px;font-weight:800;display:block;margin:2px 0 6px}
.prop-meta small{display:block;color:var(--mut);font-size:12.5px}
.prop-meta small.exp{color:#B23A3A;font-weight:700}
.prop-to{background:var(--soft);border-radius:12px;padding:16px 20px;margin-bottom:22px}
.prop-to small{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--mut);font-weight:800;margin-bottom:4px}
.prop-to b{font-size:16px;font-weight:800}
.prop-to span{display:block;color:var(--mut);font-size:14px}
.prop-title{font-size:clamp(20px,3vw,26px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.prop-intro{color:#2A3746;font-size:14.5px;margin-bottom:24px}
.prop-table{width:100%;border-collapse:collapse;margin-bottom:20px}
.prop-table th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:10px 12px;border-bottom:2px solid var(--line)}
.prop-table td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.prop-table td b{font-weight:700}
.prop-table td small{display:block;color:var(--mut);font-size:12.5px;margin-top:3px}
.prop-totals{max-width:340px;margin-left:auto}
.prop-totals div{display:flex;justify-content:space-between;padding:8px 12px;font-size:14px}
.prop-totals .disc b{color:#1E7A46}
.prop-totals .grand{background:var(--ink);color:#fff;border-radius:10px;margin-top:8px;padding:14px 16px;font-size:16px}
.prop-totals .grand b{color:var(--gold)}
.prop-notes{margin-top:22px;border-top:1px dashed var(--line);padding-top:16px}
.prop-notes small{font-size:10.5px;letter-spacing:.18em;color:var(--mut);font-weight:800}
.prop-notes p{font-size:13.5px;color:#2A3746;margin-top:6px}
.prop-foot{margin-top:22px;background:var(--soft);border-radius:10px;padding:14px 18px;font-size:12.5px;color:var(--mut)}
.prop-decided{margin-top:24px;border-radius:12px;padding:16px;text-align:center;font-weight:800;font-size:15px}
.prop-decided.kabul{background:#EAF7EF;color:#1E7A46}
.prop-decided.red{background:#FDECEC;color:#B23A3A}
.prop-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.prop-actions .btn{flex:1;min-width:160px}
@media(max-width:640px){.prop-doc{padding:24px 18px}.prop-meta{text-align:left}}
@media print{nav,.topbar,footer,.wa-float,.prop-actions,.brandwall{display:none!important}.prop-doc{box-shadow:none;border:none}}

/* GERÇEK LOGO */
.logo-img{height:60px;width:auto;display:block}
@media(max-width:520px){.logo-img{height:46px}}

/* HERO GÖRSEL YERLEŞİM MODLARI */
/* contain: dikey poster için — grid daralır, görsel kolonu doldurur, boşluk kalmaz */
.hero.has-contain{grid-template-columns:1.35fr .65fr}
.hero-r.fit-contain{background:
  radial-gradient(420px 420px at 85% 15%, rgba(201,162,75,.14), transparent 60%),
  radial-gradient(360px 360px at 10% 90%, rgba(18,51,94,.10), transparent 60%),
  linear-gradient(160deg,#F0F4F9,#E3EBF3);
  display:flex;align-items:center;justify-content:center;padding:34px 30px;min-height:auto;position:relative}
.hero-r.fit-contain::after{content:"";position:absolute;inset:18px;border:1px dashed rgba(18,51,94,.14);border-radius:18px;pointer-events:none}
.hero-r.fit-contain img{width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:12px;box-shadow:0 28px 64px rgba(14,27,44,.22);position:relative;z-index:1}
.hero-r.fit-contain::before{display:none}
.hero-r.fit-contain .float-card{display:none}
@media(max-width:960px){
  .hero.has-contain{grid-template-columns:1fr}
  .hero-r.fit-contain{padding:22px}
  .hero-r.fit-contain img{max-width:420px;margin:0 auto;max-height:none}
}

/* ═══ TEKLİF SAYFASI v2 ═══ */
.prop2-wrap{background:linear-gradient(160deg,#F2F6FA,#E7EEF5)}
.prop-newer{background:#EAF1FB;color:#1F4FA0;border:1px solid #C3D7F2;border-radius:12px;padding:14px 18px;font-weight:600;margin-bottom:16px}
.prop-newer a{color:#1F4FA0;font-weight:800}
.prop2{background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(14,27,44,.14);overflow:hidden}
.prop2-top{background:var(--ink);color:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.prop2-top .l{display:flex;gap:14px;align-items:center}
.prop2-top .l img{height:40px;width:auto;background:#fff;border-radius:8px;padding:5px 9px}
.prop2-top .l b{display:block;font-size:15px}
.prop2-top .l small{color:#8FA0B5;font-size:11.5px}
.validchip{background:rgba(201,162,75,.16);border:1px solid rgba(201,162,75,.4);color:var(--gold);font-size:12px;font-weight:800;padding:7px 14px;border-radius:100px;display:flex;gap:8px;align-items:center}
.prop2-body{padding:28px 32px}
.prop2-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.prop2-meta small{display:block;color:var(--mut);font-size:10.5px;letter-spacing:.12em;font-weight:800}
.prop2-meta b{font-size:14.5px}
.prop2-meta b span{font-size:11px;color:var(--mut);font-weight:600}
.prop2-title{font-size:clamp(19px,3vw,24px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.prop2-intro{color:#2A3746;font-size:14px;margin-bottom:20px}
.csec{background:var(--soft);border-radius:10px;padding:9px 14px;font-weight:800;font-size:12.5px;color:var(--navy);letter-spacing:.04em;margin:14px 0 4px;display:flex;justify-content:space-between}
.csec .mono{font-family:ui-monospace,Menlo,monospace}
.csec i{color:var(--gold);margin-right:6px}
.crow{display:flex;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.crow .n b{font-weight:700;display:block}
.crow .n small{color:var(--mut);font-size:12px}
.crow .p{font-family:ui-monospace,Menlo,monospace;white-space:nowrap;text-align:right;font-size:12.5px}
.crow .p b{font-size:13.5px}
.crow .p small{display:block;color:#1E7A46;font-size:10.5px;font-family:'Manrope'}
.cust-tot{background:var(--ink);color:#fff;border-radius:14px;padding:18px 22px;margin-top:18px}
.cust-tot .r{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:#B9C4D2}
.cust-tot .r b{font-family:ui-monospace,Menlo,monospace;color:#fff}
.cust-tot .r b.disc{color:#7FD4A5}
.cust-tot .g{border-top:1px solid rgba(255,255,255,.15);margin-top:8px;padding-top:12px;font-size:15px;color:#fff}
.cust-tot .g b{color:var(--gold);font-size:21px}
.cust-tot .tl{font-size:11px;color:#8FA0B5;text-align:right;margin-top:6px}
.payplan{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.pp{flex:1;min-width:150px;background:var(--soft);border-radius:10px;padding:12px 14px}
.pp b{display:block;font-size:14.5px;font-family:ui-monospace,Menlo,monospace}
.pp small{color:var(--mut);font-size:11px;font-weight:700}
.approve{margin-top:22px;border:2px dashed var(--gold);border-radius:14px;padding:20px;background:#FFFDF7}
.approve h3{font-size:14px;margin-bottom:12px;display:flex;gap:8px;align-items:center}
.approve h3 i{color:var(--gold)}
.approve .arow{display:flex;gap:10px;flex-wrap:wrap}
.approve .arow input[type=text]{flex:1;min-width:150px;border:1.5px solid var(--line);border-radius:9px;padding:11px 13px;font-size:13.5px;font-family:'Manrope',sans-serif}
.approve-note{font-size:11.5px;color:var(--mut);margin-top:10px}
.rev-req{margin-top:12px}
.rev-req summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--mut)}
.prop-decided.rev{background:#FFF4DE;color:#9A6B00}
.prop2-footbar{display:flex;justify-content:space-between;padding:13px 32px;background:var(--soft);font-size:11.5px;color:var(--mut);flex-wrap:wrap;gap:8px}
.prop2-footbar a{color:var(--navy);font-weight:700;text-decoration:none}
@media(max-width:640px){.prop2-body{padding:20px 16px}.prop2-top{padding:16px 18px}.crow .p{font-size:11.5px}}
@media print{.prop-newer,.rev-req,.approve .arow button,.prop2-footbar{display:none!important}.prop2{box-shadow:none}}

/* contain + YATAY görsel: görsel kolonu genişler, tam sığar */
.hero.has-contain.hero-wide{grid-template-columns:.8fr 1.2fr}
.hero.has-contain.hero-wide .hero-r{padding:26px}
.hero.has-contain.hero-wide .hero-r img{max-height:none;width:100%}
@media(max-width:960px){
  .hero.has-contain.hero-wide{grid-template-columns:1fr}
  .hero.has-contain.hero-wide .hero-r img{max-width:100%}
}

/* contain modu: kutu görsel kadar — sabit yükseklik iptali (mobil dahil) */
.hero.has-contain{min-height:auto;align-items:stretch}
.hero.has-contain .hero-l{padding-top:56px;padding-bottom:56px}
.hero-r.fit-contain{min-height:auto!important;height:auto!important}
.hero-r.fit-contain img{display:block}
@media(max-width:960px){
  .hero.has-contain .hero-l{padding-top:34px;padding-bottom:40px}
  .hero-r.fit-contain{height:auto!important;padding:14px!important}
  .hero-r.fit-contain::after{inset:8px}
  .hero-r.fit-contain img{width:100%;max-width:100%;max-height:none;border-radius:10px}
}

/* ═══ YEDEK PARÇA ═══ */
.parts-grid{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}
.parts-side{position:sticky;top:96px}
.parts-search input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;font-family:'Manrope',sans-serif}
.parts-cats{margin-top:20px}
.parts-cats .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-weight:800;margin-bottom:9px}
.pcat{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:600}
.pcat span{background:var(--soft);border-radius:100px;font-size:11px;padding:2px 9px;color:var(--mut);font-weight:700}
.pcat:hover{background:var(--soft)}
.pcat.on{background:var(--navy);color:#fff}
.pcat.on span{background:rgba(255,255,255,.15);color:#fff}
.pcat.sub{font-size:12.5px;padding-left:20px;font-weight:500}
.parts-intro{background:var(--soft);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:13px 16px;font-size:14px;color:#2A3746;margin-bottom:18px}
.parts-empty{background:var(--soft);border-radius:12px;padding:26px;text-align:center;color:var(--mut);font-size:14.5px}
.parts-empty i{font-size:26px;display:block;margin-bottom:10px;color:var(--navy)}
.parts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.part-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:all .2s}
.part-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 14px 34px rgba(14,27,44,.10)}
.part-card img{width:100%;height:150px;object-fit:contain;background:#FBFCFD;padding:12px}
.part-ph{height:150px;display:grid;place-items:center;background:linear-gradient(160deg,#F2F6FA,#E9EFF6);color:#B9C7D6;font-size:34px}
.part-ph.big{height:280px;border-radius:14px;font-size:54px}
.pc-body{padding:13px 15px;display:flex;flex-direction:column;gap:5px;flex:1}
.pc-body small{color:var(--mut);font-size:11.5px}
.pc-body small b{color:var(--navy)}
.pc-body>b{font-size:14px;font-weight:700;line-height:1.35;flex:1}
.pc-cta{color:var(--gold);font-size:12.5px;font-weight:800;margin-top:4px}
.part-detail{display:grid;grid-template-columns:340px 1fr;gap:34px;margin-top:16px;align-items:start}
.pd-img img{width:100%;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:16px;object-fit:contain;max-height:340px}
.pd-brand{display:inline-block;background:var(--soft);color:var(--navy);font-weight:800;font-size:12px;letter-spacing:.08em;padding:5px 13px;border-radius:100px;margin-bottom:10px}
.pd-body h1{font-size:clamp(20px,3vw,28px);letter-spacing:-.02em;line-height:1.2}
.pd-code{color:var(--mut);font-size:13.5px;margin:8px 0 12px}
.pd-code b{color:var(--ink);font-family:ui-monospace,Menlo,monospace}
.pd-body p{color:#2A3746;font-size:14.5px}
.pd-note{background:#FFF8E8;border:1px solid #EAD9A8;color:#8A6A15;border-radius:10px;padding:12px 15px;font-size:13px;margin:16px 0}
.pd-cta{display:flex;gap:11px;flex-wrap:wrap}
.pd-cta .btn{width:auto;margin:0}
@media(max-width:960px){
  .parts-grid{grid-template-columns:1fr}
  .parts-side{position:static}
  .part-detail{grid-template-columns:1fr}
  .pd-img{max-width:340px}
}

/* ═══ BELGE ŞABLONLARI (Klasik & Detaylı) ═══ */
.doc{background:#fff;border-radius:14px;box-shadow:0 24px 64px rgba(14,27,44,.12);padding:44px 48px;font-size:13.5px;color:#111}
.doc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}
.doc-logo{height:56px;width:auto}
.doc-date{font-size:13px;margin-top:6px}
.doc-firm{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.doc-firm b{font-weight:800;font-size:13.5px}
.doc-firm span{font-size:13px}
.doc-title{text-align:center;font-weight:800;font-size:15px;letter-spacing:.02em;margin:10px 0 12px}
.doc-custbox{border:1.5px solid #111;padding:10px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:2px}
.doc-custbox b{font-weight:800}
.doc-cust{margin-bottom:14px;display:flex;flex-direction:column;gap:4px}
.doc-cust b{font-weight:800}
.doc-intro{margin:0 0 12px;line-height:1.55}
.doc-table{width:100%;border-collapse:collapse;margin:6px 0 8px}
.doc-table th{background:#FFF200;border:1.5px solid #111;font-size:11px;font-weight:800;padding:7px 6px;text-align:center}
.doc-table td{border:1px solid #111;padding:7px 8px;font-size:12.5px;vertical-align:top}
.doc-table td.c{text-align:center}
.doc-table td.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.doc-table td.b{font-weight:700}
.doc-table .mut{color:#555;font-size:11.5px}
.doc-table tr.sec td{background:#EFEFEF;font-weight:800;font-size:11.5px;letter-spacing:.03em}
.doc-table tr.tot td{background:#FFF200;font-weight:800}
.doc-table tr.tot td:first-child{color:#C00000}
.doc-kdv{font-size:12px;color:#333;margin-bottom:14px}
.doc-signs{display:flex;justify-content:space-between;gap:20px;margin:26px 0 14px}
.doc-signs div{display:flex;flex-direction:column;gap:2px}
.doc-signs div:last-child{text-align:right}
.doc-signs b{font-weight:800}
.doc-signs span{font-size:12.5px}
.doc-signs .lnk{color:#1155CC;text-decoration:underline}
.doc-order-note{font-size:12px;margin:14px 0;line-height:1.5}
.doc-conds{margin:18px 0;display:flex;flex-direction:column;gap:9px}
.doc-conds .row{display:grid;grid-template-columns:170px 1fr;gap:12px;font-size:12.5px}
.doc-conds .row span{font-weight:800}
.doc-conds .row b{font-weight:500;text-decoration:underline;text-underline-offset:3px}
.doc-terms{font-style:italic;font-size:11.5px;line-height:1.6;color:#222;margin:18px 0;border-top:1px solid #ddd;padding-top:14px;white-space:pre-line}
.doc-sign-single{margin:26px 0;display:flex;flex-direction:column;gap:6px}
.doc-sign-single b{font-weight:800}
.stamp{display:inline-block;border:1.5px solid #7A8CA6;border-radius:6px;padding:8px 14px;max-width:300px;margin-top:6px;transform:rotate(-1.2deg);color:#12335E}
.stamp b{font-size:12px;letter-spacing:.06em}
.stamp small{font-size:9.5px;color:#5C6B7E;line-height:1.4;display:block}
.doc-bank{font-size:11.5px;color:#333;border-top:1px solid #ddd;padding-top:10px;margin-top:6px}
.doc-foot{text-align:center;font-size:12px;color:#333;border-top:1.5px solid #111;margin-top:26px;padding-top:12px;line-height:1.6}
@media(max-width:640px){.doc{padding:22px 16px}.doc-conds .row{grid-template-columns:1fr}.doc-table{display:block;overflow-x:auto}}
@media print{
  .noprint,nav,.topbar,footer,.wa-float,.brandwall,.prop-newer,.prop-flash{display:none!important}
  .prop2-wrap{background:#fff!important;padding:0!important}
  .doc{box-shadow:none;border-radius:0;padding:10mm 6mm}
  body{background:#fff}
}


/* Belge toplam kutusu — sağ hizalı dar kutu, renksiz, kalın çizgisiz */
/* Toplam satırları ana tablonun içinde — çizgiler birebir hizalı */
.doc-table tr.tt td{border:1px solid #111;padding:7px 8px;font-size:12.5px}
.doc-table tr.tt .lab{text-align:right;font-weight:700;white-space:nowrap}
.doc-table tr.tt .val{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.doc-table tr.tt.grand td{background:#FFF200;font-weight:800}
/* eski ayrı toplam tablosu (geri uyumluluk) */
.doc-tot-wrap{display:flex;justify-content:flex-end;margin-top:-1px}
.doc-tot{border-collapse:collapse;width:300px;max-width:60%}
.doc-tot td{border:1px solid #111;padding:7px 10px;font-size:12.5px}
.doc-tot .lab{text-align:right;font-weight:700;white-space:nowrap;border-right:none}
.doc-tot .val{text-align:right;white-space:nowrap;width:120px;font-variant-numeric:tabular-nums}
.doc-tot .grand .lab,.doc-tot .grand .val{font-weight:800}

/* Belge sertifika şeridi */
.doc-certs{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;border-top:1px solid #ddd;margin-top:22px;padding-top:18px}
.dcert{display:flex;align-items:center;gap:10px}
.dcert img{height:52px;width:52px}
.dcert i{font-size:26px;color:#12335E}
.dcert b{display:block;font-size:12.5px;font-weight:800;color:#12335E}
.dcert small{display:block;font-size:10.5px;color:#5C6B7E}
@media print{.doc-certs img{height:48px;width:48px}}
.hb-logo{width:34px;height:34px;object-fit:contain}

/* Teklif kaşesi */
.doc-kase{display:block;max-width:230px;height:auto;margin-top:8px}
.doc-signs div:last-child .doc-kase{margin-left:auto}
@media print{.doc-kase{max-width:200px}}

/* ═══ MÜŞTERİ PANELİ ═══ */
.cust-login-wrap{padding-top:120px;min-height:70vh}
.cust-login{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:38px 34px;box-shadow:0 20px 50px rgba(14,27,44,.10)}
.cl-head{text-align:center;margin-bottom:22px}
.cl-head i{font-size:34px;color:var(--gold);margin-bottom:10px}
.cl-head h1{font-size:24px;letter-spacing:-.02em}
.cl-head p{color:var(--mut);font-size:13.5px;margin-top:6px}
.cust-login label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}
.cust-login input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px;font-family:inherit}
.cust-login input:focus{outline:none;border-color:var(--gold)}
.cl-err{background:#FDECEC;border:1px solid #F5C2C2;color:#B23A3A;border-radius:10px;padding:11px 14px;font-size:13.5px;margin-bottom:14px}
.cl-foot{text-align:center;font-size:13px;color:var(--mut);margin-top:20px}
.cust-wrap{padding-top:100px}
.cust-grid{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.cust-side{position:sticky;top:96px}
.cust-me{background:var(--navy);color:#fff;border-radius:14px;padding:16px 18px;margin-bottom:14px}
.cust-me b{display:block;font-size:14.5px;line-height:1.3}
.cust-me small{color:rgba(255,255,255,.7);font-size:12px;word-break:break-all}
.cust-nav{display:flex;flex-direction:column;gap:3px}
.cust-nav a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.cust-nav a i{width:18px;text-align:center;color:var(--mut)}
.cust-nav a:hover{background:var(--soft)}
.cust-nav a.on{background:var(--navy);color:#fff}
.cust-nav a.on i{color:var(--gold)}
.cust-nav a.logout{margin-top:10px;color:#B23A3A}
.cust-nav a.logout i{color:#B23A3A}
.cust-h1{font-size:23px;letter-spacing:-.02em;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.cust-h1 i{color:var(--gold);font-size:20px}
.cust-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.cc{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink);transition:all .2s}
.cc:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 30px rgba(14,27,44,.10)}
.cc i{font-size:22px;color:var(--navy);display:block;margin-bottom:8px}
.cc b{font-size:26px;letter-spacing:-.02em;display:block}
.cc span{color:var(--mut);font-size:12.5px}
.cust-box{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:16px}
.cust-box h2{font-size:16px;display:flex;align-items:center;gap:9px;margin-bottom:10px}
.cust-box h2 i{color:var(--gold)}
.cust-box p{font-size:14px;margin:4px 0}
.cust-box .mut{color:var(--mut);font-size:13px}
.cust-empty{background:var(--soft);border-radius:14px;padding:34px;text-align:center;color:var(--mut);font-size:14.5px}
.cust-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
.cust-tbl th{background:var(--soft);text-align:left;font-size:12px;font-weight:800;padding:11px 13px;color:var(--navy)}
.cust-tbl td{border-top:1px solid var(--line);padding:11px 13px;font-size:13.5px}
.cust-item{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px}
.ci-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.ci-head b{font-size:15px}
.ci-date{color:var(--mut);font-size:12.5px}
.ci-meta{color:var(--mut);font-size:12.5px;margin-bottom:6px}
.cust-item p{font-size:13.5px;margin:6px 0;line-height:1.55}
.ci-action{background:var(--soft);border-radius:8px;padding:9px 12px;margin-top:8px!important}
.pill{display:inline-block;background:var(--soft);color:var(--mut);border-radius:100px;font-size:11px;font-weight:700;padding:3px 11px}
.pill.on{background:#E4F5EA;color:#1E7A46}
.pill.off{background:#FDECEC;color:#B23A3A}
.btn.sm{padding:6px 12px;font-size:12.5px;width:auto;display:inline-flex;gap:6px}
@media(max-width:820px){
  .cust-grid{grid-template-columns:1fr}
  .cust-side{position:static}
  .cust-nav{flex-direction:row;flex-wrap:wrap}
  .cust-nav a{flex:1;min-width:130px;font-size:13px}
  .cust-tbl{display:block;overflow-x:auto;white-space:nowrap}
}
.nav-cust{background:var(--navy);color:#fff!important;padding:8px 16px!important;border-radius:100px;font-size:13.5px}
.nav-cust:hover{background:var(--gold)!important}
.nav-cust.act{background:var(--gold)!important}

/* ═══ BLOG ═══ */
.blog-filter{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.bf-cats{display:flex;gap:8px;flex-wrap:wrap}
.bf-cats a{padding:7px 15px;border-radius:100px;background:var(--soft);color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:600}
.bf-cats a span{color:var(--mut);font-size:11.5px}
.bf-cats a:hover{background:#E4EBF2}
.bf-cats a.on{background:var(--navy);color:#fff}
.bf-cats a.on span{color:rgba(255,255,255,.7)}
.bf-search{display:flex;gap:0;border:1.5px solid var(--line);border-radius:100px;overflow:hidden}
.bf-search input{border:none;padding:9px 16px;font-size:14px;font-family:inherit;outline:none;min-width:180px}
.bf-search button{border:none;background:var(--navy);color:#fff;padding:0 16px;cursor:pointer}
.blog-card .ph{position:relative}
.blog-badge{position:absolute;top:10px;left:10px;background:rgba(18,51,94,.92);color:#fff;font-size:11px;font-weight:700;padding:4px 11px;border-radius:100px}
.blog-detail{max-width:820px}
.blog-body{font-size:16px;line-height:1.75}
.blog-body h2{font-size:22px;margin:30px 0 12px;letter-spacing:-.01em;color:var(--navy)}
.blog-body p{margin:0 0 16px}
.blog-body strong{color:var(--ink)}
.blog-rel{margin-top:44px;border-top:1px solid var(--line);padding-top:26px}
.blog-rel h2{font-size:19px;margin-bottom:16px}
.blog-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.blog-rel-grid a{display:block;text-decoration:none;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:all .2s}
.blog-rel-grid a:hover{border-color:var(--gold);transform:translateY(-3px)}
.blog-rel-grid img{width:100%;height:96px;object-fit:cover;display:block}
.blog-rel-grid span{display:block;padding:11px 13px;font-size:13.5px;font-weight:600;line-height:1.35}
.blog-cta{margin-top:40px;background:linear-gradient(135deg,var(--navy),#1c4a82);color:#fff;border-radius:16px;padding:30px 32px;text-align:center}
.blog-cta h3{font-size:20px;margin-bottom:8px}
.blog-cta p{color:rgba(255,255,255,.85);font-size:14.5px;margin-bottom:18px}
@media(max-width:600px){.blog-filter{flex-direction:column;align-items:stretch}.bf-search{width:100%}.bf-search input{flex:1}}
.ai-box{background:linear-gradient(135deg,#FFFBEF,#FFF7E0);border:1.5px solid #EAD9A8}

/* Teklif bölümü — Müşteri Girişi butonu (mavi) */
.cust-login-btn{display:flex;align-items:center;gap:14px;margin-top:24px;background:linear-gradient(135deg,#1663B0,#0E4C8F);color:#fff;text-decoration:none;border-radius:14px;padding:16px 20px;box-shadow:0 12px 30px rgba(14,76,143,.28);transition:all .2s}
.cust-login-btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(14,76,143,.36)}
.cust-login-btn>i:first-child{font-size:26px;flex-shrink:0}
.cust-login-btn span{display:flex;flex-direction:column;line-height:1.3;flex:1}
.cust-login-btn b{font-size:16px}
.cust-login-btn small{font-size:12px;color:rgba(255,255,255,.82);margin-top:2px}
.cust-login-btn .ar{font-size:15px;opacity:.85;transition:transform .2s}
.cust-login-btn:hover .ar{transform:translateX(4px)}
@media(max-width:520px){.cust-login-btn small{display:none}}

/* ═══════════ ANA SAYFA — TASARIM v2 ═══════════ */
/* Topbar müşteri girişi */
.tb-cust{background:rgba(255,255,255,.12);padding:5px 14px;border-radius:100px;color:#fff!important;font-weight:600}
.tb-cust:hover{background:var(--gold);color:var(--ink)!important}
.tb-cust i{color:inherit!important}

/* HERO v2 */
.hero{display:block;min-height:auto;background:linear-gradient(180deg,#F8FAFC,#EEF3F8);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:64px 22px 72px}
.hero-l{padding:0;display:block}
.hero .eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--navy);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.hero .eyebrow::before{display:none}
.eb-line{width:36px;height:3px;background:var(--gold);border-radius:2px;display:inline-block}
.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-.03em;font-weight:800;color:var(--ink)}
.hero h1 .serif{color:var(--navy)}
.hero p{color:var(--mut);font-size:16.5px;margin:22px 0 32px;max-width:46ch;line-height:1.7}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-cta .btn{padding:14px 26px;font-size:14.5px}
.hero-cta .btn.navy{background:var(--navy);color:#fff}
.hero-cta .btn.navy:hover{background:#0E2A4E}
.hero-cta .btn.line{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.hero-feats{display:flex;gap:26px;margin-top:44px;flex-wrap:wrap}
.hf{display:flex;align-items:center;gap:11px}
.hf i{width:38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--navy);font-size:15px;flex-shrink:0}
.hf span{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.3}
/* Hero görsel açılı kolaj */
.hero-r{position:relative}
.hero-img{border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(14,27,44,.22);transform:perspective(1400px) rotateY(-6deg);aspect-ratio:4/3.2}
.hero-img img{width:100%;height:100%;object-fit:cover}
.hero-support{position:absolute;left:-18px;bottom:44px;background:#fff;border-radius:14px;padding:14px 20px;box-shadow:0 18px 44px rgba(14,27,44,.18);display:flex;align-items:center;gap:13px}
.hero-support i{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:19px}
.hero-support b{display:block;font-size:19px;font-weight:800;color:var(--navy);line-height:1}
.hero-support span{font-size:11.5px;color:var(--mut)}

/* STATS ikonlu */
.stats-strip{background:var(--navy);color:#fff;margin-top:-36px;position:relative;z-index:5;border-radius:16px;max-width:1160px;margin-left:auto;margin-right:auto;box-shadow:0 24px 60px rgba(14,27,44,.28)}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);padding:0}
.stats-strip .stat{display:flex;align-items:center;gap:14px;padding:26px 28px;border-left:1px solid rgba(255,255,255,.1);text-align:left}
.stats-strip .stat:first-child{border-left:none}
.stats-strip .stat>i{font-size:26px;color:var(--gold);opacity:.9}
.stats-strip .stat b{font-size:28px;font-weight:800;display:block;line-height:1}
.stats-strip .stat span{color:#A9B6C6;font-size:12px}

/* SEC eyebrow */
.sec-eyebrow{display:block;text-align:center;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.sec-eyebrow.light{color:var(--gold);text-align:left}
.services{padding:74px 0}
.services .sec-head h2,.why .sec-head h2{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.02em}

/* HİZMET kartları — görselsiz, watermark ikonlu */
.svc-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc2{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:30px 28px 26px;text-decoration:none;color:var(--ink);overflow:hidden;transition:all .25s}
.svc2:hover{border-color:var(--navy);box-shadow:0 20px 44px rgba(14,27,44,.12);transform:translateY(-4px)}
.svc2-watermark{position:absolute;right:-12px;bottom:-14px;font-size:96px;color:var(--soft);z-index:0;pointer-events:none}
.svc2-ic{width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:21px;margin-bottom:18px;position:relative;z-index:1}
.svc2 h3{font-size:18px;font-weight:800;margin-bottom:9px;position:relative;z-index:1}
.svc2 p{color:var(--mut);font-size:14px;line-height:1.6;position:relative;z-index:1;min-height:66px}
.svc2-arrow{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--navy);margin-top:14px;position:relative;z-index:1;transition:all .2s}
.svc2:hover .svc2-arrow{background:var(--gold);color:#fff}

/* PROJELER — koyu lacivert bölüm */
.projects{background:linear-gradient(160deg,#0E2A4E,#12335E);color:#fff;padding:66px 0;position:relative}
.proj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.proj-head h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;color:#fff;max-width:600px}
.proj-head h2 .serif{color:#fff;opacity:.95}
.btn.line-light{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);color:#fff;white-space:nowrap}
.btn.line-light:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.proj-grid2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.proj2{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;transition:all .25s}
.proj2:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 22px 48px rgba(0,0,0,.35)}
.proj2-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.proj2-img img{width:100%;height:100%;object-fit:cover}
.proj2-tag{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);color:var(--navy);font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:4px 11px;border-radius:6px;text-transform:uppercase}
.proj2-bd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px}
.proj2-bd b{display:block;font-size:14.5px;line-height:1.3}
.proj2-bd span{font-size:12px;color:#A9B6C6}
.proj2-arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:13px;transition:all .2s}
.proj2:hover .proj2-arrow{background:var(--gold);color:var(--ink)}

/* NEDEN BİZ */
.why{padding:74px 0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:52px}
.why-item{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:26px 22px;text-align:left}
.why-ic{width:46px;height:46px;border-radius:12px;background:var(--soft);color:var(--navy);display:grid;place-items:center;font-size:19px;margin-bottom:14px}
.why-item b{font-size:16px;display:block;margin-bottom:7px}
.why-item p{color:var(--mut);font-size:13.5px;line-height:1.6}
/* Marka şeridi */
.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:16px;padding:26px 40px;background:#fff}
.brand-strip img{height:38px;width:auto;opacity:.9;transition:all .2s}
.brand-strip img:hover{opacity:1;transform:scale(1.05)}
.brand-strip span{font-size:19px;font-weight:800;color:#8494A6;letter-spacing:.02em}

/* Responsive */
@media(max-width:1000px){
  .svc-grid2{grid-template-columns:repeat(2,1fr)}
  .proj-grid2{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .stats-strip .stat:nth-child(3){border-left:none}
}
@media(max-width:860px){
  .hero-in{grid-template-columns:1fr;gap:26px;padding:40px 20px 48px}
  .hero-r{order:2;margin-top:6px}
  .hero-img{transform:none;aspect-ratio:16/10;box-shadow:0 18px 40px rgba(14,27,44,.16)}
  .hero-support{left:12px;bottom:12px;padding:11px 16px}
  .hero-support i{width:38px;height:38px;font-size:16px}
  .hero-support b{font-size:16px}
}
@media(max-width:600px){
  .svc-grid2,.proj-grid2,.why-grid,.stats-in{grid-template-columns:1fr}
  .stats-strip .stat{border-left:none;border-top:1px solid rgba(255,255,255,.1)}
  .stats-strip .stat:first-child{border-top:none}
  .brand-strip{justify-content:center;gap:22px}
  .proj-head{flex-direction:column;align-items:flex-start}
}

/* ═══════════ MÜŞTERİ GİRİŞ SAYFASI — TASARIM v2 ═══════════ */
.login2{min-height:100vh;background:#F4F7FA;display:flex;flex-direction:column}
.login2-top{padding:20px 32px}
.login2-top a{color:var(--mut);text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.login2-top a:hover{color:var(--navy)}
.login2-grid{flex:1;display:grid;grid-template-columns:1fr 1.1fr;gap:0;max-width:1360px;margin:0 auto;width:100%;padding:0 32px 40px;align-items:center}
/* Sol tanıtım */
.login2-intro{padding:50px 54px;border-radius:20px;background-size:cover;background-position:center;min-height:560px;display:flex;flex-direction:column;justify-content:center}
.login2-intro h1{font-size:clamp(30px,3.6vw,42px);letter-spacing:-.02em;line-height:1.12;color:var(--ink)}
.login2-intro h1 span{color:var(--navy)}
.login2-intro>p{color:var(--mut);font-size:15px;line-height:1.7;margin:18px 0 34px;max-width:42ch}
.login2-feats{display:flex;flex-direction:column;gap:22px}
.l2f{display:flex;align-items:flex-start;gap:15px}
.l2f-ic{width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(14,27,44,.10);display:grid;place-items:center;color:var(--navy);font-size:18px;flex-shrink:0}
.l2f b{display:block;font-size:15px;margin-bottom:3px}
.l2f small{color:var(--mut);font-size:13px;line-height:1.5}
/* Sağ form */
.login2-form{padding:40px 40px 40px 54px;display:flex;align-items:center}
.l2-card{background:#fff;border-radius:22px;box-shadow:0 30px 70px rgba(14,27,44,.12);padding:40px 42px;width:100%}
.l2-head{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.l2-lock{width:56px;height:56px;border-radius:14px;background:#EAF0F7;color:var(--navy);display:grid;place-items:center;font-size:22px;flex-shrink:0}
.l2-head h2{font-size:24px;letter-spacing:-.02em}
.l2-head p{color:var(--mut);font-size:13.5px;margin-top:4px}
.l2-card label{display:block;font-size:13.5px;font-weight:700;margin:16px 0 8px}
.l2-input{position:relative;display:flex;align-items:center}
.l2-input>i:first-child{position:absolute;left:16px;color:#9AA8B8;font-size:15px}
.l2-input input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px 14px 44px;font-size:15px;font-family:inherit;background:#FBFCFD}
.l2-input input:focus{outline:none;border-color:var(--navy);background:#fff}
.l2-eye{position:absolute;right:12px;background:none;border:none;color:#9AA8B8;cursor:pointer;padding:6px;font-size:15px}
.l2-eye:hover{color:var(--navy)}
.l2-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 22px}
.l2-check{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin:0!important;cursor:pointer}
.l2-check input{width:17px;height:17px;accent-color:var(--navy)}
.l2-forgot{color:var(--navy);font-size:13.5px;font-weight:700;text-decoration:none}
.l2-forgot:hover{text-decoration:underline}
.l2-submit{width:100%;background:var(--navy);color:#fff;border:none;border-radius:12px;padding:15px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:all .2s}
.l2-submit:hover{background:#0E2A4E;box-shadow:0 12px 30px rgba(18,51,94,.28)}
.l2-secure{text-align:center;color:var(--mut);font-size:12.5px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px}
.l2-secure i{color:#4A9A6A}
/* Alt bar */
.login2-bar{background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:30px;padding:24px 48px;align-items:center}
.l2b-item{display:flex;align-items:center;gap:13px}
.l2b-item>i{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--gold);font-size:17px;flex-shrink:0}
.l2b-item b{display:block;font-size:14px}
.l2b-item span{color:#A9B6C6;font-size:12.5px}
.l2b-social{text-align:right}
.l2b-social>span{display:block;font-size:12px;color:#A9B6C6;margin-bottom:8px}
.l2b-social div{display:flex;gap:8px;justify-content:flex-end}
.l2b-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff;font-size:15px;transition:all .2s}
.l2b-social a:hover{background:var(--gold);color:var(--ink)}
@media(max-width:900px){
  .login2-grid{grid-template-columns:1fr;padding:0 18px 30px}
  .login2-intro{min-height:auto;padding:34px 28px;margin-bottom:20px}
  .login2-form{padding:0}
  .login2-bar{grid-template-columns:1fr;gap:18px;text-align:left}
  .l2b-social{text-align:left}
  .l2b-social div{justify-content:flex-start}
}

/* Giriş sayfasında site header/footer gizle (tam ekran düzen) */
body.login-page .topbar,body.login-page nav#mainnav,body.login-page footer,body.login-page .wa-float{display:none!important}
body.login-page{background:#F4F7FA}

/* ═══════════ MÜŞTERİ GİRİŞ — TASARIM v3 (tek kart + yan görsel) ═══════════ */
.login3{display:grid;grid-template-columns:minmax(480px,44%) 1fr;min-height:100vh}
.login3-left{display:flex;align-items:center;justify-content:center;padding:40px 48px;background:#F4F7FA}
.l3-card{background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(14,27,44,.14);padding:48px 46px;width:100%;max-width:480px}
.l3-logo{display:flex;justify-content:center;margin-bottom:26px}
.l3-logo img{height:56px;width:auto}
.l3-logo b{font-size:24px;color:var(--navy)}
.l3-card h1{text-align:center;font-size:30px;letter-spacing:-.02em;color:var(--ink)}
.l3-sub{text-align:center;color:var(--mut);font-size:14px;line-height:1.6;margin:12px auto 30px;max-width:38ch}
.l3-card label{display:block;font-size:13.5px;font-weight:700;margin:16px 0 8px}
.login3 .l2-input{position:relative;display:flex;align-items:center}
.login3 .l2-input>i:first-child{position:absolute;left:16px;color:#9AA8B8;font-size:15px}
.login3 .l2-input input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:15px 16px 15px 46px;font-size:15px;font-family:inherit;background:#FBFCFD}
.login3 .l2-input input:focus{outline:none;border-color:var(--navy);background:#fff}
.login3 .l2-eye{position:absolute;right:14px;background:none;border:none;color:#9AA8B8;cursor:pointer;padding:6px;font-size:15px}
.login3 .l2-eye:hover{color:var(--navy)}
.login3 .l2-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}
.login3 .l2-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0!important;cursor:pointer}
.login3 .l2-check input{width:18px;height:18px;accent-color:var(--navy)}
.login3 .l2-forgot{color:var(--navy);font-size:14px;font-weight:700;text-decoration:none}
.login3 .l2-forgot:hover{text-decoration:underline}
.login3 .l2-submit{width:100%;background:var(--navy);color:#fff;border:none;border-radius:12px;padding:16px;font-size:15.5px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}
.login3 .l2-submit:hover{background:#0E2A4E;box-shadow:0 14px 34px rgba(18,51,94,.3)}
.login3 .l2-secure{text-align:center;color:var(--mut);font-size:13px;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:8px}
.login3 .l2-secure i{color:#4A9A6A}
.login3 .cl-err{background:#FDECEC;border:1px solid #F5C2C2;color:#B23A3A;border-radius:10px;padding:11px 14px;font-size:13.5px;margin-bottom:16px}
.login3-right{position:relative;overflow:hidden;background:linear-gradient(155deg,#12335E 0%,#0E2A4E 55%,#0A2140 100%);display:flex;align-items:center}
.login3-right::before{content:"";position:absolute;top:-80px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.14),transparent 70%)}
.login3-right::after{content:"";position:absolute;bottom:-120px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%)}
.l3r-inner{position:relative;z-index:2;padding:56px 60px;max-width:560px;color:#fff}
.l3r-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:22px}
.l3r-eyebrow .eb-line{width:34px;height:3px;background:var(--gold);border-radius:2px}
.l3r-inner h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.02em;font-weight:800;color:#fff}
.l3r-inner h2 span{color:var(--gold)}
.l3r-inner>p{color:#B9C7D8;font-size:15px;line-height:1.7;margin:20px 0 34px;max-width:46ch}
.l3r-feats{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;margin-bottom:38px}
.l3rf{display:flex;align-items:flex-start;gap:14px}
.l3rf-ic{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(201,162,75,.35);display:grid;place-items:center;color:var(--gold);font-size:18px}
.l3rf b{display:block;font-size:14.5px;font-weight:700;color:#fff;margin-bottom:3px}
.l3rf small{font-size:12.5px;color:#9DB0C6;line-height:1.5}
.l3r-stats{display:flex;gap:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:26px}
.l3r-stats>div{flex:1}
.l3r-stats b{display:block;font-size:26px;font-weight:800;color:#fff;line-height:1}
.l3r-stats span{font-size:12px;color:#9DB0C6}
@media(max-width:1100px){.l3r-feats{grid-template-columns:1fr}.l3r-inner{padding:44px 42px}}
@media(max-width:900px){
  .login3{grid-template-columns:1fr}
  .login3-right{display:none}
  .login3-left{padding:30px 18px}
}

/* Bakım takvimi — genişletilebilir detay */
.mnt-hint{background:var(--soft);border-radius:10px;padding:11px 15px;font-size:13px;color:var(--mut);margin-bottom:16px}
.mnt-hint i{color:var(--navy);margin-right:6px}
.mnt-list{display:flex;flex-direction:column;gap:10px}
.mnt-item{background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}
.mnt-item:has(.mnt-row.open){border-color:var(--navy)}
.mnt-row{width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}
.mnt-row:hover{background:var(--soft)}
.mnt-cal{flex-shrink:0;width:54px;height:54px;border-radius:12px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.mnt-cal b{font-size:20px;font-weight:800}
.mnt-cal small{font-size:10px;letter-spacing:.05em;margin-top:2px;color:var(--gold)}
.mnt-main{flex:1;display:flex;flex-direction:column;gap:3px}
.mnt-main b{font-size:15px;color:var(--ink)}
.mnt-main small{font-size:12.5px;color:var(--mut)}
.mnt-stat{flex-shrink:0}
.mnt-chev{flex-shrink:0;color:var(--mut);transition:transform .2s}
.mnt-row.open .mnt-chev{transform:rotate(180deg);color:var(--navy)}
.mnt-detail{display:none;padding:4px 18px 20px;border-top:1px solid var(--line)}
.mnt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;padding:18px 0}
.mnt-f{display:flex;flex-direction:column;gap:3px}
.mnt-f span{font-size:11.5px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.mnt-f b{font-size:14.5px;color:var(--ink);font-weight:700}
.mnt-notes{background:var(--soft);border-radius:10px;padding:13px 16px;margin-top:6px}
.mnt-notes span{font-size:11.5px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:5px}
.mnt-notes p{font-size:14px;line-height:1.6;margin:0}
.mnt-cta{margin-top:16px}
@media(max-width:600px){.mnt-grid{grid-template-columns:1fr}.mnt-stat{display:none}}

/* ═══════════ MÜŞTERİ PANELİ — DASHBOARD (profesyonel, mobil-öncelikli) ═══════════ */
body.panel-page .topbar,body.panel-page nav#mainnav,body.panel-page footer,body.panel-page .wa-float{display:none!important}
body.panel-page{background:#EEF1F5}
.cpanel{display:grid;grid-template-columns:264px 1fr;min-height:100vh}

/* ---- SIDEBAR ---- */
.cp-side,.cp-side .cp-nav,.cp-side .cp-logo{background:#0B1D38}
.cp-side{color:#fff;display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}
.cp-logo{display:flex;align-items:center;padding:22px 22px 18px}
.cp-logo img{height:46px;width:auto;max-width:180px}
.cp-logo b{font-size:18px;color:#fff}
.cp-nav{display:flex;flex-direction:column;gap:3px;padding:8px 14px}
.cp-nav a{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:10px;color:#E4EAF2;text-decoration:none;font-size:15px;font-weight:500;line-height:1.2;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}
.cp-nav a i{width:22px;text-align:center;font-size:17px;flex-shrink:0;color:#8DA0BC;transition:color .15s}
.cp-nav a:hover,.cp-nav a:active{background:rgba(255,255,255,.08);color:#fff}
.cp-nav a:hover i{color:#fff}
.cp-nav a.on{background:#1D4E89;color:#fff;font-weight:600}
.cp-nav a.on i{color:#fff}
.cp-sep{height:1px;background:rgba(255,255,255,.12);margin:10px 24px}
.cp-support{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px 18px;margin:14px 16px;text-align:center}
.cp-support-ic{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;font-size:20px;margin:0 auto 12px}
.cp-support b{display:block;font-size:15px;color:#fff;margin-bottom:5px;font-weight:600}
.cp-support p{font-size:12.5px;color:#A6B6CB;line-height:1.5;margin-bottom:15px}
.cp-support-btn{display:block;width:100%;background:#fff;border:none;color:#0B1D38;text-decoration:none;font-size:13.5px;font-weight:600;padding:12px;border-radius:9px;transition:background .15s;cursor:pointer;font-family:inherit}
.cp-support-btn:hover{background:var(--gold)}
.cp-logout{display:flex;align-items:center;gap:14px;padding:17px 24px;margin-top:auto;color:#E4EAF2;text-decoration:none;font-size:15px;font-weight:500;border-top:1px solid rgba(255,255,255,.12)}
.cp-logout i{font-size:17px;color:#8DA0BC}
.cp-logout:hover{color:#fff}
.cp-logout:hover i{color:#fff}

/* ---- ÜST BAR ---- */
.cp-body{display:flex;flex-direction:column;min-height:100vh;min-width:0}
.cp-top{background:#fff;border-bottom:1px solid #E4E9EF;display:flex;align-items:center;gap:14px;padding:15px 26px;position:sticky;top:0;z-index:30}
.cp-burger{display:none;background:none;border:none;font-size:21px;color:var(--ink);cursor:pointer;padding:4px;line-height:1}
.cp-title{font-size:20px;font-weight:800;letter-spacing:-.01em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-top-r{display:flex;align-items:center;gap:16px;flex-shrink:0}
.cp-bell{position:relative;color:var(--mut);font-size:19px;text-decoration:none}
.cp-bell:hover{color:var(--navy)}
.cp-badge{position:absolute;top:-7px;right:-8px;background:var(--gold);color:#0E1B2C;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:100px;display:grid;place-items:center;padding:0 4px}
.cp-avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;flex-shrink:0}
.cp-content{padding:26px;flex:1;min-width:0}

/* ---- MOBİL ÖRTÜ ---- */
.cp-overlay{display:none;position:fixed;inset:0;background:rgba(11,29,56,.5);z-index:45;opacity:0;transition:opacity .25s}
.cp-overlay.show{display:block;opacity:1}

/* ---- ÖZET KARTLAR ---- */
.cp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.cp-card{background:#fff;border:1px solid #E4E9EF;border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);transition:box-shadow .2s,transform .2s}
.cp-card:hover{box-shadow:0 12px 30px rgba(14,27,44,.09);transform:translateY(-2px)}
.cp-card-ic{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.cp-card-ic.blue{background:#E8F0FA;color:#1663B0}
.cp-card-ic.amber{background:#FDF3E0;color:#B4841F}
.cp-card-ic.red{background:#FDECEC;color:#C34848}
.cp-card-ic.green{background:#E6F5EC;color:#2E8B57}
.cp-card b{font-size:25px;font-weight:800;display:block;line-height:1}
.cp-card span{font-size:12.5px;color:var(--mut)}

/* ---- İKİ SÜTUN ---- */
.cp-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}
.cp-panel{background:#fff;border:1px solid #E4E9EF;border-radius:15px;padding:20px 22px;margin-bottom:18px}
.cp-grid .cp-panel:last-child{margin-bottom:0}
.cp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}
.cp-panel-head h2{font-size:16px;font-weight:800;letter-spacing:-.01em}
.cp-all{color:var(--navy);font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cp-all:hover{color:var(--gold)}
.cp-empty{background:#F5F7FA;border-radius:12px;padding:28px;text-align:center;color:var(--mut);font-size:14px}
.cp-empty.sm{padding:18px;font-size:13px}

/* ---- TABLO ---- */
.cp-tbl{width:100%;border-collapse:collapse}
.cp-tbl th{text-align:left;font-size:11.5px;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;padding:0 10px 10px}
.cp-tbl td{border-top:1px solid #E4E9EF;padding:12px 10px;font-size:13.5px}
.cp-tbl td b{font-weight:700}
.cp-pill{display:inline-block;background:#F1EFE8;color:#5F5E5A;border-radius:100px;font-size:11px;font-weight:700;padding:3px 11px;white-space:nowrap}
.cp-pill.on{background:#E6F5EC;color:#2E8B57}
.cp-pill.off{background:#FDECEC;color:#C34848}
.cp-pill.wait{background:#FDF3E0;color:#B4841F}

/* ---- YAKLAŞAN SERVİS ---- */
.cp-srv{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #E4E9EF}
.cp-srv:first-of-type{border-top:none}
.cp-srv-date{flex-shrink:0;width:48px;height:48px;border-radius:11px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.cp-srv-date b{font-size:18px;font-weight:800}
.cp-srv-date small{font-size:9px;color:var(--gold);margin-top:2px}
.cp-srv-txt{min-width:0}
.cp-srv-txt b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-srv-txt span{font-size:12px;color:var(--mut)}

/* ---- SON ARIZA ---- */
.cp-frow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #E4E9EF}
.cp-frow:first-of-type{border-top:none}
.cp-frow b{display:block;font-size:14px}
.cp-frow span{font-size:12px;color:var(--mut)}

/* ---- KISAYOLLAR ---- */
.cp-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cp-shortcuts a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:#F5F7FA;border-radius:13px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;text-align:center;transition:background .18s,color .18s}
.cp-shortcuts a:hover{background:var(--navy);color:#fff}
.cp-shortcuts a span{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:19px;color:var(--navy);transition:background .18s,color .18s}
.cp-shortcuts a:hover span{background:var(--gold);color:#fff}

/* ---- HESAP ---- */
.cp-acc-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #E4E9EF}
.cp-acc-row:first-child{border-top:none}
.cp-acc-row span{color:var(--mut);font-size:13.5px}
.cp-acc-row b{font-size:14px;text-align:right}
.cp-acc-note{margin-top:16px;font-size:13px;color:var(--mut)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1050px){
  .cp-cards{grid-template-columns:repeat(2,1fr)}
  .cp-grid{grid-template-columns:1fr}
  .cp-shortcuts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .cpanel{display:block}
  .cp-side{position:fixed;top:0;left:0;width:280px;max-width:84vw;height:100vh;height:100dvh;transform:translateX(-100%);transition:transform .28s ease;box-shadow:0 0 50px rgba(0,0,0,.35);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .cp-side.open{transform:translateX(0)}
  .cp-support{margin-top:16px}
  .cp-logout{margin-top:0}
  .cp-burger{display:block}
  .cp-top{padding:14px 18px}
  .cp-title{font-size:18px}
  .cp-content{padding:18px}
}
@media(max-width:560px){
  .cp-cards{grid-template-columns:1fr}
  .cp-top-r{gap:14px}
}

/* Destek talebi formu + ticket'lar */
.cp-alert{border-radius:10px;padding:12px 15px;font-size:13.5px;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.cp-alert.ok{background:#E6F5EC;color:#2E8B57;border:1px solid #B6E0C6}
.cp-alert.err{background:#FDECEC;color:#C34848;border:1px solid #F2C4C4}
.cp-form label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px;color:var(--ink)}
.cp-form label:first-child{margin-top:0}
.cp-form input,.cp-form select,.cp-form textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;background:#FBFCFD}
.cp-form input:focus,.cp-form select:focus,.cp-form textarea:focus{outline:none;border-color:var(--navy);background:#fff}
.cp-form textarea{resize:vertical}
.cp-form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cp-btn-primary{width:100%;margin-top:18px;background:var(--navy);color:#fff;border:none;border-radius:10px;padding:13px;font-size:14.5px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:all .18s}
.cp-btn-primary:hover{background:#0E2A4E;box-shadow:0 10px 26px rgba(18,51,94,.26)}
.cp-ticket{border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:10px}
.cp-ticket-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}
.cp-ticket-h b{font-size:14px}
.cp-ticket-m{font-size:12px;color:var(--mut)}
.cp-ticket-reply{background:var(--soft);border-radius:9px;padding:10px 12px;margin-top:10px;font-size:13px;line-height:1.55}
.cp-ticket-reply b{color:var(--navy);font-size:12.5px}
.cp-pill.wait{background:#FDF3E0;color:#854F0B}

/* Ana sayfa ISO/kalite belgeleri şeridi */
.cert-strip{margin-top:40px;padding-top:34px;border-top:1px solid var(--line)}
.cert-strip-title{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--mut);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:26px}
.cert-strip-title .eb-line{width:30px;height:2px;background:var(--gold);border-radius:2px}
.cert-strip-list{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.cert-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 22px;min-width:220px;transition:box-shadow .2s,transform .2s}
.cert-item:hover{box-shadow:0 14px 32px rgba(14,27,44,.09);transform:translateY(-2px)}
.cert-item img{height:52px;width:auto;flex-shrink:0}
.cert-ic{width:52px;height:52px;border-radius:12px;background:var(--soft);color:var(--navy);display:grid;place-items:center;font-size:24px;flex-shrink:0}
.cert-txt b{display:block;font-size:15px;color:var(--ink);letter-spacing:-.01em}
.cert-txt span{font-size:12.5px;color:var(--mut)}
@media(max-width:600px){
  .cert-strip-list{flex-direction:column;align-items:stretch}
  .cert-item{min-width:0}
}

/* PWA / iOS safe-area — çentikli telefonlarda tam ekran uyum */
@supports(padding:max(0px)){
  .cp-top{padding-top:max(15px,env(safe-area-inset-top));padding-left:max(26px,env(safe-area-inset-left));padding-right:max(26px,env(safe-area-inset-right))}
  .cp-side{padding-top:env(safe-area-inset-top)}
  .cp-content{padding-bottom:max(26px,env(safe-area-inset-bottom))}
  @media(max-width:860px){
    .cp-top{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  }
}
/* PWA standalone modda body tam ekran */
@media(display-mode:standalone){
  body{overscroll-behavior-y:none}
}

/* Referanslar bölümü */
.refs{padding:80px 0;background:var(--soft)}
.refs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.ref-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 20px;display:flex;align-items:center;justify-content:center;min-height:110px;transition:box-shadow .2s,transform .2s}
.ref-item:hover{box-shadow:0 14px 32px rgba(14,27,44,.09);transform:translateY(-3px)}
.ref-item img{max-height:64px;max-width:100%;width:auto;object-fit:contain}
.ref-text{flex-direction:column;gap:12px;text-align:center}
.ref-text i{font-size:30px;color:var(--navy)}
.ref-text span{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}
@media(max-width:900px){.refs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.refs-grid{grid-template-columns:1fr}.refs{padding:54px 0}}

/* Mobil hamburger içi Müşteri Girişi butonu */
.nav-cust-m{display:none}
@media(max-width:960px){
  .nav-cust-m{display:flex!important;align-items:center;gap:8px;color:var(--navy)!important;font-weight:700}
  .nav-cust-m i{color:var(--gold)}
}

/* ═══ Giriş — Tasarım H (kurumsal split, ISO rozetleri) ═══ */
.lh-design{grid-template-columns:1.12fr 1fr}
.lh-design .lh-left{order:0;position:relative}
.lh-design .login3-left{order:1;background:#fff}
.lh-design .lh-left::after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(201,162,75,.6),transparent);z-index:3}
.lh-brand{display:flex;align-items:center;margin-bottom:26px}
.lh-brand img{height:44px;width:auto}
.lh-brand b{color:#fff;font-size:18px}
.lh-feats .l3rf{align-items:center}
.lh-feats .l3rf b{margin-bottom:0}
.lh-certs{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.lh-cert{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 14px;font-size:11.5px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:7px}
.lh-cert i{color:var(--gold)}
.lh-formcard{box-shadow:none;border-radius:0;max-width:420px}
.lh-design .login3-left{padding:40px 44px}
.lh-shield{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#12335E,#1D4E89);color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:18px;box-shadow:0 12px 28px rgba(18,51,94,.28)}
.lh-legal{text-align:center;margin-top:14px;font-size:12px;color:var(--mut)}
.lh-legal a{color:var(--mut);text-decoration:none}
.lh-legal a:hover{color:var(--navy);text-decoration:underline}
@media(max-width:900px){
  .lh-design{grid-template-columns:1fr}
  .lh-design .lh-left{display:flex;order:1;min-height:auto}
  .lh-design .lh-left .l3r-inner{padding:34px 26px}
  .lh-design .login3-left{order:0}
  .lh-certs{margin-top:22px}
}

/* Yasal sayfalar (KVKK, Çerez) */
.legal-body{max-width:820px;font-size:15px;line-height:1.75;color:#2A3644}
.legal-body h2{font-size:19px;margin:30px 0 12px;letter-spacing:-.01em;color:var(--ink)}
.legal-body p{margin-bottom:14px}
.legal-body ul{margin:0 0 16px 22px}
.legal-body li{margin-bottom:7px}
.legal-body a{color:var(--navy);font-weight:600}
.legal-note{font-size:12.5px;color:var(--mut);margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}
.legal-table{width:100%;border-collapse:collapse;margin:14px 0 16px;font-size:13.5px}
.legal-table th{background:var(--soft);text-align:left;padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.legal-table td{border-top:1px solid var(--line);padding:10px 12px}
.legal-links a{color:inherit;text-decoration:none}
.legal-links a:hover{color:#fff;text-decoration:underline}

/* Minimal çerez bandı */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:#0E1B2C;color:#C9D4E2;border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:13px;box-shadow:0 16px 40px rgba(0,0,0,.3);z-index:200}
.cookie-bar[hidden]{display:none!important}
.cookie-bar i{color:var(--gold);margin-right:7px}
.cookie-bar a{color:#fff;font-weight:700;text-decoration:underline}
.cookie-bar button{background:var(--gold);border:none;color:#0E1B2C;font-weight:800;font-size:12.5px;padding:9px 18px;border-radius:9px;cursor:pointer;font-family:inherit;flex-shrink:0}
.cookie-bar button:hover{background:#D9B65E}
@media(max-width:520px){.cookie-bar{flex-direction:row;font-size:12px;padding:11px 13px}}

/* ═══ Giriş sayfası — boşluk fix + tam PWA mobil uyum ═══ */
html{margin:0;padding:0}
body.login-page{margin:0;padding:0;background:#F4F7FA}
body.login-page .brandwall,body.panel-page .brandwall{display:none!important}
body.login-page .cookie-bar{display:none!important}
.lh-design,.es-login{min-height:100vh;min-height:100dvh;margin:0}
.lh-design .lh-left{min-height:100vh;min-height:100dvh}
/* PWA safe-area (çentikli cihaz + standalone) */
.lh-design .lh-left .l3r-inner{padding-top:max(46px,env(safe-area-inset-top))}
.lh-design .login3-left{padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom))}
/* Mobil: form üstte, koyu panel altta — her ikisi doğal yükseklikte */
@media(max-width:900px){
  .lh-design{min-height:100dvh;display:flex;flex-direction:column}
  .lh-design .login3-left{order:0;padding:max(28px,env(safe-area-inset-top)) 20px 30px;flex:0 0 auto}
  .lh-design .lh-formcard{padding:0;max-width:460px;margin:0 auto}
  .lh-design .lh-left{order:1;min-height:auto;flex:1 0 auto}
  .lh-design .lh-left .l3r-inner{padding:30px 22px max(34px,env(safe-area-inset-bottom))}
  .lh-design .lh-left::after{display:none}
  .lh-design .lh-left h2{font-size:24px}
  .lh-shield{width:50px;height:50px;font-size:21px;border-radius:13px;margin-bottom:14px}
  .lh-certs{gap:8px}
  .lh-cert{padding:8px 12px;font-size:11px}
}

/* ═══ Bakım Anlaşması Paketleri ═══ */
.mplans{padding:80px 0;background:#fff}
.mplan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.mplan{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.mplan:hover{box-shadow:0 18px 44px rgba(14,27,44,.10);transform:translateY(-4px)}
.mplan.hot{border-color:var(--gold);box-shadow:0 18px 44px rgba(201,162,75,.18)}
.mplan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:6px 16px;border-radius:100px;white-space:nowrap}
.mplan-head{text-align:center;margin-bottom:20px}
.mplan-head i{width:54px;height:54px;border-radius:14px;background:var(--soft);color:var(--navy);display:inline-grid;place-items:center;font-size:22px;margin-bottom:12px}
.mplan.hot .mplan-head i{background:rgba(201,162,75,.14);color:var(--gold)}
.mplan-head b{display:block;font-size:19px;letter-spacing:-.01em}
.mplan-head span{font-size:12.5px;color:var(--mut)}
.mplan ul{list-style:none;margin:0 0 22px;flex:1}
.mplan li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;padding:8px 0;border-top:1px solid var(--line);line-height:1.45}
.mplan li:first-child{border-top:none}
.mplan li i{color:#2E8B57;margin-top:3px;flex-shrink:0}
.mplan .btn{width:100%;justify-content:center}
@media(max-width:900px){.mplan-grid{grid-template-columns:1fr;gap:26px}}

/* ═══ Yedek Parça Vitrini ═══ */
.hparts{padding:80px 0;background:var(--soft)}
.hparts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:44px}
.hpart{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--ink);text-align:center;transition:box-shadow .2s,transform .2s}
.hpart:hover{box-shadow:0 14px 32px rgba(14,27,44,.10);transform:translateY(-3px)}
.hpart img{height:56px;width:auto;object-fit:contain}
.hpart>i{font-size:34px;color:var(--navy);height:56px;display:grid;place-items:center}
.hpart b{font-size:12.5px;font-weight:700;line-height:1.3}
.hparts-cta{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}
@media(max-width:900px){.hparts-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.hparts-grid{grid-template-columns:repeat(2,1fr)}}

/* ═══ Türkiye Servis Haritası ═══ */
.srvmap{padding:80px 0;background:#fff}
.trmap-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 28px 22px;margin-top:44px;box-shadow:0 16px 44px rgba(14,27,44,.06)}
.trmap{width:100%;height:auto;display:block}
.trmap path{fill:#DCE5EF;stroke:#fff;stroke-width:2.5;cursor:pointer;transition:fill .22s}
.trmap path:hover,.trmap path.hot{fill:var(--navy)}
.trmap-tip{position:fixed;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:9px 14px;border-radius:9px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:99;box-shadow:0 10px 26px rgba(0,0,0,.25);max-width:250px}
.trmap-tip.on{opacity:1}
.trmap-tip small{display:block;color:var(--gold);font-size:11px;font-weight:700;margin-top:3px}
.trmap-tip small i{font-size:10px}
.trmap-foot{display:flex;justify-content:center;gap:26px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}
.trmap-foot span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);font-weight:600}
.trmap-foot i{color:var(--navy)}
@media(max-width:600px){.srvmap,.mplans,.hparts{padding:54px 0}.trmap-card{padding:20px 14px 16px}}

/* ═══ IoT Cihaz İzleme (müşteri paneli) ═══ */
.iot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.iot-card{background:#fff;border:1.5px solid #E4E9EF;border-radius:16px;padding:20px}
.iot-card.alarm{border-color:#E8B4B4;background:#FFFBFB}
.iot-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}
.iot-head b{display:block;font-size:15px}
.iot-head span{font-size:12px;color:var(--mut)}
.iot-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px}
.iot-dot.green{background:#2E8B57;box-shadow:0 0 0 4px rgba(46,139,87,.15)}
.iot-dot.red{background:#C34848;box-shadow:0 0 0 4px rgba(195,72,72,.15);animation:iotPulse 1.4s infinite}
.iot-dot.gray{background:#B0BCCB}
@keyframes iotPulse{0%,100%{opacity:1}50%{opacity:.45}}
.iot-vals{display:flex;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.iot-v{flex:1;min-width:80px;background:#F5F7FA;border-radius:11px;padding:12px 10px;text-align:center}
.iot-v i{color:var(--navy);font-size:15px;display:block;margin-bottom:6px}
.iot-v b{font-size:17px;font-weight:800;display:block;line-height:1}
.iot-v span{font-size:10.5px;color:var(--mut)}
.iot-spark{width:100%;height:46px;display:block;margin-bottom:6px}
.iot-range{font-size:11px;color:var(--mut);margin-bottom:8px}
.iot-time{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:7px}
.iot-alarm{margin-top:12px;background:#FDECEC;color:#B23A3A;border-radius:10px;padding:10px 13px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px}

/* Hakkımızda — Markalar (hizmet + yetkili servis) */
.brands-sec{background:var(--soft);border-top:1px solid var(--line)}
.bl-block{margin-bottom:50px}
.bl-block:last-child{margin-bottom:0}
.bl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.bl-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 18px;font-size:14.5px;font-weight:600;color:var(--ink);text-align:center;transition:box-shadow .18s,transform .18s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px}
.bl-item:hover{box-shadow:0 10px 24px rgba(14,27,44,.08);transform:translateY(-2px)}
.bl-grid.auth .bl-item{text-align:left;justify-content:flex-start}
.bl-grid.auth .bl-item i{color:#2E8B57;flex-shrink:0}
@media(max-width:820px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.bl-grid{grid-template-columns:1fr}}

/* ═══ Marka Tabelası (birebir tabela düzeni) ═══ */
.brandboard{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 46px rgba(14,27,44,.09)}
.bb-bar{text-align:center;font-weight:800;letter-spacing:.03em;padding:14px 16px;font-size:17px;line-height:1.25}
.bb-bar.blue{background:#1B6FC4;color:#fff}
.bb-bar.dark{background:#3B3128;color:#fff}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.bb-cell{display:flex;align-items:center;justify-content:center;padding:18px 16px;min-height:96px;border-bottom:1px solid #F0F2F5;border-right:1px solid #F0F2F5}
.bb-cell:nth-child(2n){border-right:none}
.bb-cell img{max-height:56px;max-width:100%;width:auto;object-fit:contain;display:block}
.bb-cell span{font-size:16px;font-weight:800;color:var(--ink);text-align:center;letter-spacing:-.01em;line-height:1.25}
.bb-foot{height:14px;background:#1B6FC4}
@media(max-width:560px){
  .bb-bar{font-size:13.5px;padding:11px 12px}
  .bb-cell{min-height:74px;padding:12px 10px}
  .bb-cell img{max-height:42px}
  .bb-cell span{font-size:13px}
}

/* ═══════════════════════════════════════════════════════════
   MÜŞTERİ GİRİŞİ — "Editorial Split"
   ═══════════════════════════════════════════════════════════ */
body.login-page .es-login{--es-navy:#0F2C52;--es-navy-deep:#081B35;--es-blue:#1D5FA8;--es-gold:#C9A24B;--es-gold-soft:#E4C77E;--es-ink:#0C1622;--es-slate:#5B6B7E;--es-line:#E3E8EF}
.es-login{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;min-height:100dvh;background:#fff;padding:0!important;margin:0}

/* ── Sol görsel panel ── */
.es-vis{position:relative;background:linear-gradient(160deg,#0F2C52 0%,#081B35 100%);padding:clamp(36px,5vw,56px) clamp(28px,4.4vw,52px);display:flex;flex-direction:column;overflow:hidden}
.es-vis::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 68px);pointer-events:none}
.es-vis::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-250px;bottom:-280px;background:radial-gradient(circle,rgba(201,162,75,.20),transparent 66%);pointer-events:none}
.es-mark{position:relative;z-index:2;display:inline-flex;align-items:center;text-decoration:none;align-self:flex-start}
.es-mark img{height:46px;width:auto;max-width:210px}
.es-mark b{color:#fff;font-size:19px;font-weight:600;letter-spacing:-.01em}
.es-mid{margin-top:auto;position:relative;z-index:2}
.es-eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:10.5px;font-weight:800;letter-spacing:.19em;margin-bottom:20px}
.es-eyebrow::before{content:"";width:34px;height:1.5px;background:var(--gold);flex-shrink:0}
.es-mid h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.4vw,42px);line-height:1.09;color:#fff;font-weight:400;letter-spacing:-.02em;margin-bottom:16px}
.es-mid h1 em{font-style:italic;color:#E4C77E}
.es-mid p{font-size:clamp(13.5px,1.05vw,14.5px);line-height:1.65;color:#A9BDD4;max-width:420px}
.es-stats{display:flex;gap:clamp(20px,3vw,34px);margin-top:clamp(24px,3.4vw,34px);padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.es-stats div b{display:block;font-size:clamp(20px,2vw,25px);color:#fff;font-weight:600;letter-spacing:-.02em;line-height:1}
.es-stats div span{font-size:11.5px;color:#8FA6C2;margin-top:5px;display:block}

/* ── Sağ form ── */
.es-form{display:flex;align-items:center;justify-content:center;padding:clamp(36px,5vw,56px) clamp(24px,4.4vw,52px);background:#fff}
.es-form-in{width:100%;max-width:400px}
.es-form h2{font-size:clamp(23px,2.4vw,27px);font-weight:700;color:#0C1622;letter-spacing:-.025em;margin-bottom:8px;line-height:1.2}
.es-sub{font-size:14.5px;color:#5B6B7E;margin-bottom:30px;line-height:1.55}
.es-err{display:flex;align-items:center;gap:9px;background:#FDECEC;border:1px solid #F2C4C4;color:#B23A3A;border-radius:10px;padding:12px 14px;font-size:13.5px;margin-bottom:20px}
.es-label{display:block;font-size:12px;font-weight:600;color:#5B6B7E;letter-spacing:.01em;margin-bottom:7px}
.es-field{display:flex;align-items:center;gap:11px;border:1.5px solid #E3E8EF;background:#fff;border-radius:10px;padding:0 14px;height:52px;transition:border-color .15s,box-shadow .15s;margin-bottom:16px}
.es-field:focus-within{border-color:#1D5FA8;box-shadow:0 0 0 4px rgba(29,95,168,.12)}
.es-field>i{color:#9AA9BA;font-size:14px;width:15px;text-align:center;flex-shrink:0}
.es-field input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:14.5px;color:#0C1622;min-width:0;height:100%}
.es-field input::placeholder{color:#A8B4C2}
.es-eye{background:none;border:none;color:#9AA9BA;font-size:14px;cursor:pointer;padding:6px;line-height:1;flex-shrink:0}
.es-eye:hover{color:#5B6B7E}
.es-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 22px;flex-wrap:wrap}
.es-check{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:#5B6B7E;cursor:pointer;user-select:none}
.es-check input{position:absolute;opacity:0;width:0;height:0}
.es-check span{width:18px;height:18px;border-radius:5px;border:1.5px solid #C9D3DE;display:inline-grid;place-items:center;transition:.15s;flex-shrink:0}
.es-check span::after{content:"\\2713";color:#fff;font-size:11px;font-weight:700;opacity:0;transform:scale(.6);transition:.15s}
.es-check input:checked+span{background:#1D5FA8;border-color:#1D5FA8}
.es-check input:checked+span::after{opacity:1;transform:scale(1)}
.es-check input:focus-visible+span{box-shadow:0 0 0 4px rgba(29,95,168,.18)}
.es-forgot{font-size:13.5px;font-weight:600;color:#1D5FA8;text-decoration:none}
.es-forgot:hover{text-decoration:underline}
.es-submit{width:100%;height:52px;border:none;border-radius:10px;background:#0F2C52;color:#fff;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px rgba(15,44,82,.26);transition:transform .15s,box-shadow .15s,background .15s}
.es-submit i{font-size:13px}
.es-submit:hover{background:#153B68;box-shadow:0 14px 30px rgba(15,44,82,.32);transform:translateY(-1px)}
.es-submit:active{transform:none}
.es-help{margin-top:24px;padding-top:20px;border-top:1px solid #E3E8EF;display:flex;align-items:flex-start;gap:12px}
.es-help-ic{width:34px;height:34px;border-radius:9px;background:#FAFBFC;border:1px solid #E3E8EF;color:#0F2C52;display:grid;place-items:center;font-size:14px;flex-shrink:0}
.es-help b{display:block;font-size:13.5px;color:#0C1622;font-weight:600;margin-bottom:2px}
.es-help>div>span{font-size:12.5px;color:#5B6B7E;line-height:1.5;display:block}
.es-help a{color:#1D5FA8;text-decoration:none;font-weight:600}
.es-legal{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:12px;color:#8A98A8}
.es-legal a{color:#8A98A8;text-decoration:none;border-bottom:1px solid #D8DFE7}
.es-legal a:hover{color:#0F2C52;border-color:#0F2C52}

/* ── Safe-area / PWA ── */
@supports(padding:max(0px)){
  .es-vis{padding-top:max(clamp(36px,5vw,56px),env(safe-area-inset-top));padding-left:max(clamp(28px,4.4vw,52px),env(safe-area-inset-left))}
  .es-form{padding-top:max(clamp(36px,5vw,56px),env(safe-area-inset-top));padding-bottom:max(clamp(36px,5vw,56px),env(safe-area-inset-bottom));padding-right:max(clamp(24px,4.4vw,52px),env(safe-area-inset-right))}
}

/* ── Tablet / Mobil ── */
@media(max-width:900px){
  .es-login{display:flex;flex-direction:column;min-height:100dvh;padding:0!important}
  .es-vis{order:0;padding:26px 22px 28px;min-height:auto;flex:0 0 auto}
  .es-vis::after{width:340px;height:340px;right:-160px;bottom:-190px}
  .es-mark{margin-bottom:22px}
  .es-mark img{height:38px}
  .es-mid{margin-top:0}
  .es-mid h1{font-size:26px;margin-bottom:0}
  .es-mid p,.es-stats{display:none}
  .es-eyebrow{margin-bottom:12px;font-size:9.5px}
  .es-form{order:1;flex:1 1 auto;align-items:flex-start;padding:28px 22px 30px}
  .es-form-in{max-width:460px;margin:0 auto}
  .es-form h2{font-size:22px}
  .es-sub{margin-bottom:24px;font-size:14px}
}
@media(max-width:420px){
  .es-mid h1{font-size:23px}
  .es-field{height:50px}
}