:root{
  --bg:#f3f7f8;--surface:#fff;--soft:#e5eef0;--ink:#17333b;
  --muted:#60747a;--line:rgba(23,51,59,.12);--accent:#2d7f86;
  --accent2:#173f49;--max:1180px;--r:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}
header{position:fixed;z-index:100;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),var(--max));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:18px;background:rgba(16,52,61,.90);color:#fff;backdrop-filter:blur(16px)}
.logo{font-weight:900;letter-spacing:.15em}.logo span{color:#9dd8dc}
nav{display:flex;gap:17px;font-size:14px}nav a:hover{color:#b7e4e7}
.header-cta{padding:10px 16px;border-radius:999px;background:#fff;color:#17333b;font-weight:800}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:21px}
.mobile-menu{display:none;position:fixed;z-index:99;top:78px;left:12px;right:12px;padding:16px;border-radius:20px;background:#17434d;color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.25)}
.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.1)}
.hero-content{padding-top:110px;max-width:690px}.eyebrow{color:#9dd8dc;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:12px}
h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(56px,8vw,104px);line-height:.9;margin:18px 0 22px}h2{font-size:clamp(38px,5.5vw,68px);line-height:.98;margin:0}h3{font-size:27px;margin:0}
.lead{font-size:20px;line-height:1.7;color:rgba(255,255,255,.82)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
section{padding:88px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:36px}.section-head p{color:var(--muted);line-height:1.8;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(22,67,76,.12)}.card p{color:var(--muted);line-height:1.7}.card small{color:var(--accent);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.soft{background:var(--soft)}.page-hero{padding:150px 0 70px;background:linear-gradient(135deg,#173f49,#397b82);color:#fff}.page-hero p{max-width:720px;color:rgba(255,255,255,.8);font-size:18px;line-height:1.7}
.content{display:grid;grid-template-columns:1fr .75fr;gap:42px}.content p,.content li{color:var(--muted);line-height:1.8}
.contact-card{padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}.contact-list{display:grid;gap:12px;margin-top:20px}.contact-list a,.contact-list div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f7faf5}.contact-list small{display:block;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.contact-list strong{display:block;margin-top:5px;overflow-wrap:anywhere}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);cursor:pointer}.gallery-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.gallery-grid figcaption{padding:12px 14px;font-weight:800}
.lightbox{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:rgba(4,10,6,.92);padding:20px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:84vh;border-radius:18px}.lightbox button{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;width:48px;height:48px;font-size:26px}.close{top:18px;right:18px}.prev{left:18px}.next{right:18px}
footer{background:#153c45;color:#dcebed;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid p{display:block;color:#dcebed;margin:8px 0}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
@media(max-width:900px){nav,.header-cta{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.section-head,.content{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){h1{font-size:clamp(48px,14vw,70px)}.grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.hero-content{padding-top:120px}.page-hero{padding-top:125px}}


/* =========================================================
   SUKONTRASI V9 — MOBİL MENÜ + FOOTER DÜZELTMELERİ
   ========================================================= */

.mobile-menu{
  display:none;
  position:fixed;
  z-index:99;
  top:78px;
  left:12px;
  right:12px;
  padding:16px;
  border-radius:20px;
  background:#17434d;
  color:#fff;
  box-shadow:0 25px 60px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(-14px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.mobile-menu.open{
  display:block;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.mobile-menu a{
  display:block;
  padding:13px 8px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.mobile-menu a:last-child{
  border-bottom:0;
}

.mobile-menu a.active{
  color:#b7e4e7;
  font-weight:900;
}

body.menu-open{
  overflow:hidden;
}

footer{
  min-height:auto !important;
}

.footer-grid{
  align-items:start;
}

.footer-grid > div{
  min-height:auto !important;
}

@media(max-width:900px){
  .mobile-menu{
    max-height:calc(100vh - 92px);
    overflow:auto;
  }

  footer{
    padding:38px 0 22px;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:22px 28px;
  }

  .footer-grid > div:first-child{
    grid-column:1 / -1;
  }

  .footer-grid h4{
    margin:0 0 10px;
  }

  .footer-grid a,
  .footer-grid p{
    margin:6px 0;
  }

  .footer-bottom{
    margin-top:24px;
  }
}

@media(max-width:600px){
  header{
    top:10px;
    width:calc(100% - 20px);
    padding:10px 12px;
  }

  .mobile-menu{
    top:74px;
    left:10px;
    right:10px;
    padding:12px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .footer-grid > div:first-child{
    grid-column:auto;
  }

  footer{
    padding:32px 0 20px;
  }
}

/* =========================================================
   SUKONTRASI V9 — ENDÜSTRİYEL TASARIM DOKUNUŞLARI
   ========================================================= */
:root{
  --bg:#f5f3ef;
  --surface:#ffffff;
  --soft:#e9e4dc;
  --ink:#2f3435;
  --muted:#6d706f;
  --line:rgba(47,52,53,.14);
  --accent:#a56b35;
  --accent2:#343b3c;
  --r:16px;
}
header{background:rgba(40,46,47,.92);border:1px solid rgba(255,255,255,.10)}
.logo span,.eyebrow{color:#e0b07a}
nav a:hover,.mobile-menu a.active{color:#efc28f}
.hero:after{background:linear-gradient(90deg,rgba(22,25,25,.90),rgba(22,25,25,.56) 50%,rgba(22,25,25,.10))}
.btn.primary{box-shadow:0 10px 28px rgba(165,107,53,.28)}
.card{border-radius:16px}.card:hover{box-shadow:0 18px 42px rgba(73,59,45,.14)}
.page-hero{background:linear-gradient(135deg,#303637,#6f5a45)}
.contact-list a,.contact-list div{background:#faf8f4}
footer{background:#292f30}
.mobile-menu{background:#303738}

/* =========================================================
   SUKONTRASI V12 — UYGULANMIŞ TASARIM
   ========================================================= */
.v12-home{--bg:#f6f8fb;--surface:#fff;--ink:#0b2b4d;--muted:#607286;--line:rgba(11,43,77,.12);--accent:#ff8708;--accent2:#082b4f;background:var(--bg);color:var(--ink)}
.topbar{height:38px;background:#082a4d;color:#fff;font-size:13px}.topbar .container{height:100%;display:flex;align-items:center;gap:34px}.topbar a,.topbar span{opacity:.95}
.v12-home header{top:48px;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(11,43,77,.09);box-shadow:0 15px 45px rgba(16,44,73,.10)}
.v12-home .logo span,.v12-home .eyebrow{color:var(--accent)}.v12-home .header-cta{background:var(--accent);color:#fff;border-radius:10px}.v12-home .menu-toggle{color:var(--ink);background:#eef3f8;border-color:var(--line)}
.hero-v12{position:relative;min-height:720px;overflow:hidden;background:#f7f9fc}.hero-v12-photo{position:absolute;inset:0;background:url("hero-kontrasi.webp") 64% center/cover no-repeat}.hero-v12:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.98) 31%,rgba(248,250,252,.90) 39%,rgba(248,250,252,.34) 58%,rgba(248,250,252,0) 73%)}
.hero-v12-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,600px) 1fr;min-height:720px;align-items:center;padding-top:120px}.hero-v12-copy{padding:34px 0}.hero-v12 h1{font-size:clamp(58px,7vw,102px);line-height:.9;margin:14px 0;color:var(--ink)}.hero-v12 h2{font-size:clamp(24px,2.4vw,38px);text-transform:uppercase;letter-spacing:.08em;margin:0 0 28px}.hero-v12-copy>p{font-size:19px;line-height:1.7;max-width:530px;color:#334d68}.hero-v12 .btn.secondary{color:var(--ink);border:1px solid rgba(11,43,77,.25);background:rgba(255,255,255,.82)}
.mini-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.mini-benefits span{font-size:13px;font-weight:800;padding-left:26px;position:relative}.mini-benefits span:before{content:"✓";position:absolute;left:0;top:-2px;width:19px;height:19px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:11px}

.v12-feature-strip{padding:0;background:#fff}.v12-features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(11,43,77,.08);transform:translateY(-24px);overflow:hidden}.v12-features div{padding:24px;border-right:1px solid var(--line)}.v12-features div:last-child{border-right:0}.v12-features b,.v12-features span{display:block}.v12-features span{font-size:13px;line-height:1.5;color:var(--muted);margin-top:7px}
.usage-section{padding:52px 0 80px}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:clamp(34px,4vw,52px)}.usage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.usage-grid a{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 30px rgba(11,43,77,.07);transition:.2s}.usage-grid a:hover{transform:translateY(-5px)}.usage-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.usage-grid b{display:block;padding:14px;text-align:center;background:#082b4f;color:#fff;font-size:13px}
.v12-technical{padding:70px 0 90px;background:#fff}.technical-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.technical-grid h2{margin:12px 0 20px}.technical-grid p{color:var(--muted);line-height:1.8;max-width:500px}.tech-product{height:360px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.tech-face,.tech-layer{height:270px;border-radius:3px;box-shadow:0 25px 45px rgba(8,43,79,.14)}.tech-face{width:330px;background:url("product-square.jpg") center/cover no-repeat;z-index:4;transform:rotateY(-8deg)}.tech-layer{width:22px;margin-left:7px}.l1{background:#d8d8d2}.l2{background:#bca56c}.l3{background:#5b5d5f}
.v12-home footer{background:#082b4f}
@media(max-width:1050px){.v12-home nav{display:none}.v12-home .menu-toggle{display:block}.hero-v12-grid{grid-template-columns:1fr}.hero-v12-copy{max-width:620px}.usage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.topbar{height:auto;padding:8px 0}.topbar .container{gap:7px;flex-direction:column;align-items:flex-start}.v12-home header{top:88px}.hero-v12{min-height:790px}.hero-v12-photo{inset:0;opacity:.38;background-position:72% center}.hero-v12:after{background:linear-gradient(180deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.92) 62%,rgba(248,250,252,.72) 100%)}.hero-v12-grid{min-height:790px;padding-top:170px}.hero-v12-copy{align-self:start;padding-top:18px}.hero-v12 h1{font-size:52px}.hero-v12 h2{font-size:20px}.hero-v12-copy>p{font-size:16px}.hero-v12 .actions{display:grid}.hero-v12 .btn{width:100%}.mini-benefits{display:none}.v12-features{grid-template-columns:1fr;transform:none;border-radius:0}.v12-features div{border-right:0;border-bottom:1px solid var(--line)}.usage-grid{grid-template-columns:1fr 1fr}.technical-grid{grid-template-columns:1fr}.tech-product{height:280px}.tech-face{width:230px;height:210px}.tech-layer{height:210px}.footer-grid{grid-template-columns:1fr}}

/* Final release components */
.language-switcher{display:flex;gap:4px;align-items:center;margin-left:auto}.language-switcher a,.language-switcher span{display:grid;place-items:center;min-width:31px;height:31px;padding:0 7px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:850}.language-switcher a.active,.language-switcher a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.language-switcher span{opacity:.38;cursor:not-allowed}
.social-card a{font-weight:850;color:#ffad52}.report-hero{padding-bottom:58px}.report-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.report-meta span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:13px 16px;border-radius:12px;font-weight:750}.report-meta small{display:block;opacity:.7;margin-bottom:3px}.report-section{padding:74px 0}.report-intro{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;margin-bottom:36px}.trust-seal{width:160px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:2px solid var(--accent);border-radius:50%;color:var(--ink);box-shadow:inset 0 0 0 8px #fff,0 16px 40px rgba(11,43,77,.12)}.trust-seal strong{font-size:42px;color:var(--accent)}.trust-seal span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.result-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.result-cards article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 30px rgba(11,43,77,.06)}.result-cards strong,.result-cards span{display:block}.result-cards strong{font-size:22px;color:var(--accent2)}.result-cards span{margin-top:7px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.report-table{width:100%;border-collapse:collapse;min-width:760px}.report-table th,.report-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line)}.report-table thead{background:var(--accent2);color:#fff}.report-table tbody tr:hover{background:#f6f9fc}.pass{display:inline-block;padding:6px 10px;border-radius:999px;background:#def5e7;color:#166534;font-weight:800}.report-note{margin:25px 0;padding:20px;border-left:4px solid var(--accent);background:#fff8ee;border-radius:8px}.gallery-intro{margin:0 0 24px;color:var(--muted)}.localized-home{background:#f6f8fb}.localized-home header{top:14px}.locale-hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(246,249,252,.98),rgba(246,249,252,.67)),url("hero-kontrasi.webp") 70% center/cover no-repeat}.locale-hero .container{padding-top:90px}.locale-hero h1{max-width:720px;font-size:clamp(46px,6vw,86px);line-height:1}.locale-hero p{max-width:650px;font-size:19px;line-height:1.7;color:var(--muted)}.locale-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.locale-features article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px}.locale-features h2{font-size:20px}.locale-features p{color:var(--muted)}.error-page{min-height:100vh;display:flex;align-items:center}
@media(max-width:1100px){header .language-switcher{margin-left:6px}.result-cards,.locale-features{grid-template-columns:1fr 1fr}}
@media(max-width:700px){header .language-switcher{order:2;width:100%;justify-content:center}.report-intro{grid-template-columns:1fr}.trust-seal{width:130px}.result-cards,.locale-features{grid-template-columns:1fr}.report-meta{display:grid}.localized-home header{flex-wrap:wrap}.localized-home .header-cta{display:none}.locale-hero{min-height:720px}}

/* Compact final footer */
footer{padding:38px 0 20px}
.footer-grid{grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:28px 42px}
.footer-grid h4{margin:0 0 9px}
.footer-grid a,.footer-grid p{margin:6px 0;line-height:1.5}
.footer-instagram{display:inline-flex!important;width:max-content;margin-top:14px!important;color:#ffad52!important;font-weight:850}
.footer-bottom{margin-top:24px;padding-top:14px}
@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:22px 28px}
  .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  footer{padding:30px 0 18px}
  .footer-grid{grid-template-columns:1fr;gap:18px}
  .footer-grid>div:first-child{grid-column:auto}
}

/* Final header polish: compact labels, stable CTA and earlier responsive menu */
header{gap:18px}
header nav{gap:18px}
header nav a{font-size:13px;line-height:1.2;white-space:nowrap}
header .logo{flex:0 0 auto}
header .header-cta{flex:0 0 auto;min-width:132px;padding:13px 19px;text-align:center;white-space:nowrap;line-height:1}
header .language-switcher{flex:0 0 auto;margin-left:0}
@media(max-width:1280px){
  header nav{display:none}
  header .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  header .language-switcher{margin-left:auto}
}
@media(max-width:700px){
  header{gap:9px}
  header .header-cta{display:none}
  header .language-switcher{order:initial;width:auto;margin-left:auto}
  header .language-switcher span{display:none}
  .v12-home .mobile-menu{top:150px}
}

/* Russian-safe header width: keep all controls inside the rounded surface. */
header{width:min(calc(100% - 32px),1420px)}
@media(max-width:1380px){
  header nav{display:none}
  header .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  header .language-switcher{margin-left:auto}
}

/* Compact language dropdown */
.language-picker{position:relative;flex:0 0 auto}
.language-current{display:flex;align-items:center;justify-content:center;gap:7px;min-width:58px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#17333b;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.language-current span{font-size:15px;transition:transform .18s ease}
.language-picker.open .language-current span{transform:rotate(180deg)}
.language-options{display:none;position:absolute;z-index:500;top:calc(100% + 9px);right:0;width:190px;padding:8px;border:1px solid rgba(11,43,77,.12);border-radius:14px;background:#fff;color:#17333b;box-shadow:0 18px 46px rgba(7,32,58,.20)}
.language-picker.open .language-options{display:grid;gap:3px}
.language-option{display:flex!important;align-items:center;justify-content:space-between;min-height:42px;padding:9px 11px!important;border:0!important;border-radius:9px;font-size:13px;font-weight:750}
a.language-option:hover,.language-option.active{background:#fff2e4;color:#d96e00}
.language-option.disabled{opacity:.42;cursor:not-allowed}
.language-option small{margin-left:8px;font-size:9px;font-weight:700}
@media(max-width:1380px){header .language-picker{margin-left:auto}}
@media(max-width:700px){
  header .language-picker{margin-left:auto}
}

/* Top contact bar removed: align the home header with all other pages. */
.v12-home header{top:14px}
@media(max-width:700px){
  .v12-home header{top:10px}
  .v12-home .mobile-menu{top:74px}
}


/* V16 final maintenance: accessibility, forms and resilient media */
img{max-width:100%;height:auto}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 16px;border-radius:10px;background:#fff;color:#082b4f;font-weight:850;transform:translateY(-150%);transition:transform .15s}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #ff8708;outline-offset:3px}
nav a.active,.mobile-menu a.active{color:#ffad52;font-weight:850}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* =========================================================
   SU KONTRASI — SICAK MİMARİ KİMLİK
   SU KONTRASI'nın teknik mavi kimliğinden bilinçli olarak ayrılır.
   ========================================================= */
:root{
  --bg:#f3f7ee;
  --surface:#ffffff;
  --soft:#dfe9d4;
  --ink:#24331c;
  --muted:#657060;
  --line:rgba(43,76,28,.15);
  --accent:#5f9218;
  --accent2:#29491b;
  --r:14px;
}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.eyebrow{color:#568711}
header,
.v12-home header,
.localized-home header{
  background:rgba(255,253,249,.95);
  color:var(--ink);
  border:1px solid rgba(43,76,28,.12);
  box-shadow:0 15px 42px rgba(64,48,32,.13);
}
.logo{letter-spacing:.11em}.logo span,.v12-home .logo span{color:var(--accent)}
header nav a:hover,nav a.active{color:var(--accent)}
.header-cta,.v12-home .header-cta{background:var(--accent);color:#fff;border-radius:8px}
.menu-toggle,.v12-home .menu-toggle{
  color:var(--ink);background:#edf4e6;border-color:rgba(43,76,28,.16)
}
.mobile-menu{background:#29451d}.mobile-menu a.active{color:#b9dd82}
.language-current{border-color:rgba(43,76,28,.18);border-radius:9px;background:#ffffff;color:var(--ink)}
.language-options{border-color:rgba(43,76,28,.15);border-radius:11px;box-shadow:0 20px 48px rgba(31,65,21,.22)}
a.language-option:hover,.language-option.active{background:#f3e6d5;color:#8a5725}
.v12-home{--bg:#f3f7ee;--surface:#ffffff;--ink:#24331c;--muted:#657060;--line:rgba(43,76,28,.15);--accent:#5f9218;--accent2:#29491b;background:var(--bg);color:var(--ink)}
.hero-v12{background:#f3f7ee;min-height:735px}
.hero-v12-photo{background-image:url("hero-kontrasi.webp");background-position:70% center}
.hero-v12:after{
  background:linear-gradient(90deg,#f4f8ef 0%,rgba(244,248,239,.98) 34%,rgba(244,248,239,.88) 45%,rgba(244,248,239,.22) 68%,transparent 82%)
}
.hero-v12 h1{color:#24331c;max-width:740px}
.hero-v12 h2{color:#4d7814;letter-spacing:.06em}
.hero-v12-copy>p{color:#4f6148}
.hero-v12 .btn.primary,.btn.primary{background:var(--accent);border-radius:9px;box-shadow:0 12px 28px rgba(77,120,20,.23)}
.hero-v12 .btn.secondary{color:var(--ink);border-color:rgba(43,76,28,.28);background:rgba(255,253,249,.78);border-radius:9px}
.mini-benefits span:before{border-color:var(--accent);color:var(--accent)}
.v12-feature-strip{background:#f3f7ee}
.v12-features{border-radius:12px;box-shadow:0 16px 42px rgba(43,76,28,.10)}
.v12-features div{background:#ffffff}
.usage-section{background:#f3f7ee}
.usage-grid a{border-radius:10px;box-shadow:0 12px 30px rgba(43,76,28,.09)}
.usage-grid b{background:#29491b;color:#f7fbea}
.v12-technical{background:#e5eddd}
.tech-face{box-shadow:0 25px 45px rgba(43,76,28,.18)}
.card{background:#ffffff;border-radius:14px}
.card:hover{box-shadow:0 18px 42px rgba(43,76,28,.15)}
.page-hero{background:linear-gradient(135deg,#213d17 0%,#477323 65%,#5f9218 140%)}
.page-hero .eyebrow{color:#c7e79a}
.contact-card,.result-cards article,.table-wrap{background:#ffffff}
.contact-list a,.contact-list div{background:#f5f9f1}
.report-table thead{background:#29491b}
.trust-seal{border-color:var(--accent);box-shadow:inset 0 0 0 8px #ffffff,0 16px 40px rgba(43,76,28,.14)}
.trust-seal strong{color:var(--accent)}
.report-note{background:#eef5e7;border-left-color:var(--accent)}
.locale-hero{
  background:linear-gradient(90deg,rgba(244,248,239,.99),rgba(244,248,239,.70)),url("hero-kontrasi.webp") 72% center/cover no-repeat
}
.localized-home{background:#f3f7ee}
.locale-features article{background:#ffffff;border-radius:13px}
footer,.v12-home footer{background:#234316;color:#eef6e8}
.footer-grid a,.footer-grid p{color:#eef6e8}
.footer-instagram{color:#b6db7d!important}
:focus-visible{outline-color:#5f9218}
@media(max-width:700px){
  .hero-v12-photo{background-position:66% center;opacity:.40}
  .hero-v12:after{background:linear-gradient(180deg,rgba(244,248,239,.99) 0%,rgba(244,248,239,.93) 62%,rgba(244,248,239,.72) 100%)}
  .locale-hero{background:linear-gradient(180deg,rgba(244,248,239,.98),rgba(244,248,239,.78)),url("hero-kontrasi.webp") 65% center/cover no-repeat}
}


/* SU KONTRASI brand mark treatment */
.logo{display:inline-flex;align-items:center;gap:.32em}
.logo span{color:#5f9218}
.header-cta{box-shadow:0 9px 24px rgba(73,119,20,.22)}
.usage-grid b{background:#31571d}
.page-hero{background:linear-gradient(135deg,#213d17 0%,#477323 68%,#6da51d 140%)}

/* =========================================================
   SU KONTRASI V4 — ÖZGÜN SAYFA İSKELETİ
   Tam genişlikte header, bölünmüş hero, yatay iç sayfa kartları.
   ========================================================= */
header,
.v12-home header,
.localized-home header{
  top:0;
  width:100%;
  max-width:none;
  min-height:74px;
  padding:11px max(22px,calc((100vw - 1240px)/2));
  border:0;
  border-bottom:1px solid rgba(43,76,28,.16);
  border-radius:0;
  transform:translateX(-50%);
  box-shadow:0 8px 30px rgba(35,67,22,.08);
}
header .logo,footer .logo{
  padding:10px 15px;
  border-radius:999px;
  background:#5f9218;
  color:#fff;
  letter-spacing:.035em;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
header .logo span,footer .logo span{color:#fff}
header nav{gap:22px}
header nav a{font-size:13px;font-weight:700}
header .header-cta{border-radius:999px;background:#29491b}
.language-current{border-radius:999px}
@media(min-width:1181px){
  header nav{display:flex}
  header .menu-toggle{display:none}
}
@media(max-width:1180px){
  header nav,header .header-cta{display:none}
  header .menu-toggle{display:inline-flex}
}

.hero-v12{
  min-height:760px;
  padding-top:74px;
  background:#f3f7ee;
}
.hero-v12:after{display:none}
.hero-v12-photo{
  inset:116px max(24px,calc((100vw - 1360px)/2)) 56px 52%;
  border-radius:34px 0 0 34px;
  background-position:center;
  box-shadow:0 28px 70px rgba(35,67,22,.20);
}
.hero-v12-grid{
  grid-template-columns:minmax(0,48%) 1fr;
  min-height:686px;
  padding-top:20px;
}
.hero-v12-copy{padding:68px 34px 50px 0}
.hero-v12 h1{font-size:clamp(58px,7.2vw,106px);line-height:.86}
.hero-v12 h2{font-size:clamp(20px,2vw,30px);max-width:520px}
.hero-v12 .actions{display:flex}
.hero-v12 .btn{border-radius:999px}
.mini-benefits{display:grid;grid-template-columns:1fr;gap:12px}

.v12-feature-strip{padding:0;background:#29491b}
.v12-features{
  width:min(calc(100% - 32px),1180px);
  margin:auto;
  grid-template-columns:repeat(4,1fr);
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
}
.v12-features div{
  padding:30px 28px;
  background:#29491b;
  color:#fff;
  border-color:rgba(255,255,255,.14);
}
.v12-features span{color:#cfe3c3}

.usage-section{padding:82px 0 92px}
.usage-grid{grid-template-columns:repeat(3,1fr);gap:22px}
.usage-grid a{
  position:relative;
  min-height:250px;
  border:0;
  border-radius:22px;
  box-shadow:0 18px 42px rgba(35,67,22,.11);
}
.usage-grid img{height:250px;aspect-ratio:auto}
.usage-grid b{
  position:absolute;
  left:14px;right:14px;bottom:14px;
  padding:16px;
  border-radius:13px;
  background:rgba(35,67,22,.90);
  backdrop-filter:blur(8px);
}
.v12-technical{background:#234316;color:#fff}
.technical-grid p{color:#d5e6cc}
.v12-technical .eyebrow{color:#b9dd82}
.v12-technical .btn.secondary{border-color:rgba(255,255,255,.3);color:#fff}

.page-hero{
  position:relative;
  overflow:hidden;
  padding:154px 0 72px;
  background:#f3f7ee;
  color:#24331c;
  border-bottom:8px solid #5f9218;
}
.page-hero:after{
  content:"";
  position:absolute;
  top:74px;right:-90px;
  width:min(44vw,620px);height:100%;
  background:linear-gradient(135deg,rgba(95,146,24,.20),rgba(35,67,22,.04));
  transform:skewX(-14deg);
}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{max-width:820px;font-size:clamp(48px,6vw,78px)}
.page-hero p{color:#596a52}
.page-hero .eyebrow{color:#568711}
.grid{grid-template-columns:1fr 1fr;gap:18px}
.card{
  min-height:170px;
  padding:30px 30px 28px 36px;
  border:0;
  border-left:7px solid #5f9218;
  border-radius:0 18px 18px 0;
  box-shadow:0 12px 30px rgba(35,67,22,.07);
}
.card:hover{transform:translateX(5px);box-shadow:0 16px 36px rgba(35,67,22,.12)}
.card h3{font-size:25px}
.content{grid-template-columns:1.15fr .85fr}
.contact-card{border:0;border-top:7px solid #5f9218;border-radius:0 0 18px 18px;box-shadow:0 16px 38px rgba(35,67,22,.09)}

.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:18px}
.gallery-grid figure{border:0;border-radius:18px;box-shadow:0 12px 30px rgba(35,67,22,.09)}
.gallery-grid figure:nth-child(7n+1){grid-row:span 2}
.gallery-grid figure:nth-child(7n+1) img{height:100%;min-height:430px;aspect-ratio:auto}
.gallery-grid figcaption{border-top:4px solid #5f9218}

.report-table thead{background:#29491b}
.result-cards{grid-template-columns:repeat(2,1fr)}
.result-cards article{border:0;border-left:6px solid #5f9218;border-radius:0 14px 14px 0}
.locale-hero{
  min-height:690px;
  padding-top:74px;
  background:
    linear-gradient(90deg,#f3f7ee 0%,#f3f7ee 49%,rgba(243,247,238,.22) 62%,rgba(243,247,238,0) 78%),
    url("hero-kontrasi.webp") right center/55% 78% no-repeat;
}
.locale-hero .container{padding-top:90px}
.locale-hero h1{font-family:Georgia,"Times New Roman",serif}
.locale-features{grid-template-columns:1fr 1fr}
.locale-features article{border:0;border-top:6px solid #5f9218;border-radius:0 0 16px 16px;box-shadow:0 12px 30px rgba(35,67,22,.07)}

footer,.v12-home footer{
  position:relative;
  padding-top:58px;
  background:#fff;
  color:#24331c;
  border-top:10px solid #5f9218;
}
.footer-grid a,.footer-grid p{color:#52604c}
.footer-grid h4{color:#29491b}
.footer-instagram{color:#568711!important}
.footer-bottom{border-top-color:rgba(43,76,28,.14)}

@media(max-width:900px){
  .hero-v12-photo{inset:98px 18px 310px 38%;border-radius:24px}
  .hero-v12-grid{grid-template-columns:1fr;min-height:800px}
  .hero-v12-copy{max-width:660px;padding:360px 0 42px}
  .usage-grid{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  header,.v12-home header,.localized-home header{min-height:68px;padding:9px 12px}
  header .logo{font-size:12px;padding:10px 12px}
  .hero-v12{min-height:790px;padding-top:68px}
  .hero-v12-photo{inset:88px 14px auto 14px;height:270px;opacity:1;border-radius:20px;background-position:center}
  .hero-v12-grid{min-height:790px;padding-top:0}
  .hero-v12-copy{padding:326px 0 34px}
  .hero-v12 h1{font-size:49px}
  .hero-v12 .actions{display:grid}
  .mini-benefits{display:none}
  .v12-features{width:100%;grid-template-columns:1fr 1fr}
  .v12-features div{padding:22px 18px}
  .usage-grid,.grid,.gallery-grid,.result-cards{grid-template-columns:1fr}
  .usage-grid a{min-height:225px}.usage-grid img{height:225px}
  .gallery-grid figure:nth-child(7n+1){grid-row:auto}
  .gallery-grid figure:nth-child(7n+1) img{height:auto;min-height:0;aspect-ratio:3/2}
  .page-hero{padding:126px 0 58px}
  .page-hero:after{right:-180px;width:100%}
  .locale-hero{
    min-height:760px;
    padding-top:68px;
    background:
      linear-gradient(180deg,rgba(243,247,238,.22) 0 285px,#f3f7ee 370px),
      url("hero-kontrasi.webp") center 82px/92% 270px no-repeat;
  }
  .locale-hero .container{padding-top:330px}
  .locale-features{grid-template-columns:1fr}
}