/*
Theme Name: Ev Tipi Su Arıtma Cihazı
Theme URI: https://evtipisuaritmacihazi.com
Author: evtipisuaritmacihazi.com
Description: Ev tipi su arıtma cihazı için SEO uyumlu, hızlı ve mobil uyumlu WordPress teması.
Version: 1.0
Text Domain: evtipi
*/
:root{--ink:#0A2F3C;--sea:#0E6E8C;--aqua:#19A9C9;--mist:#E8F5F8;--paper:#fff;--sun:#F5A524;--line:#CFE3E9;--tx:#26434D;--r:14px}
*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 Roboto,Arial,sans-serif;color:var(--tx);background:var(--paper)}
h1,h2,h3,h4{font-family:Roboto,Arial,sans-serif;color:var(--ink);line-height:1.15;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,5.5vw,4rem);font-weight:900}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700}h3{font-size:1.25rem}
a{color:var(--sea)}img,svg{max-width:100%;height:auto}
.wrap{width:min(1160px,92%);margin:auto}.sec{padding:84px 0}.sec.alt{background:var(--mist)}
.lead{font-size:1.15rem;max-width:62ch}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.btn{display:inline-block;padding:14px 26px;border-radius:99px;background:var(--sun);color:var(--ink);font-weight:700;text-decoration:none;border:2px solid var(--sun);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:#fff;border-color:#ffffff88}
.hd{position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo{font:900 1.2rem Roboto,Arial,sans-serif;color:var(--ink);text-decoration:none}.logo span{color:var(--aqua)}
.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav a{color:var(--ink);text-decoration:none;font-weight:600}.nav a:hover{color:var(--sea)}
.tel{background:var(--ink);color:#fff;padding:10px 20px;border-radius:99px;text-decoration:none;font-weight:700;white-space:nowrap}
.burger{display:none;background:none;border:0;font-size:1.8rem;color:var(--ink)}
.hero{background:#04161E;color:#cfe9f0;padding:80px 0 0;overflow:hidden}
.hero h1{color:#fff;max-width:14ch}.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.facts{display:flex;gap:28px;flex-wrap:wrap;padding:0 0 56px;margin:0;list-style:none;color:#fff}.facts li{border-left:3px solid var(--aqua);padding-left:12px}
.wave{display:block;width:100%;height:60px;margin-bottom:-1px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}
.card.big{border-color:var(--aqua);border-width:2px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;list-style:none;padding:0;margin:30px 0 0}
.steps li{counter-increment:s;padding:24px 20px;border-top:4px solid var(--aqua);background:#fff}
.steps li:nth-child(even){border-color:var(--sea)}
.steps li:before{content:counter(s);font:900 2rem Roboto,Arial,sans-serif;color:var(--aqua);display:block}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--ink);color:#fff}
.tw{overflow-x:auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:0 22px}
.faq summary{cursor:pointer;padding:18px 0;font:700 1.1rem Roboto,Arial,sans-serif;color:var(--ink)}
.faq details[open]{border-color:var(--aqua)}
.cta{background:linear-gradient(120deg,var(--sea),var(--ink));color:#e4f4f8;text-align:center}.cta h2{color:#fff}
.post{max-width:760px;margin:auto;padding:56px 0}.post .meta{color:#6b8791;font-size:.95rem}
.crumb{font-size:.9rem;padding:16px 0;color:#6b8791}.crumb a{color:#6b8791}
.ft{background:#071F29;color:#9fc0cb;padding:56px 0 24px}.ft h4{color:#fff}.ft a{color:#9fc0cb;text-decoration:none}.ft ul{list-style:none;padding:0}
.ft .cols{margin-bottom:30px}.ft small{display:block;border-top:1px solid #ffffff22;padding-top:18px}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;background:#25D366;color:#fff;padding:13px 20px;border-radius:99px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px #0004}
@keyframes rise{from{opacity:0;transform:translateY(22px)}}
.hero .grid>div:first-child{animation:rise .8s ease both}
@media(max-width:860px){.hero .grid{grid-template-columns:1fr}.burger{display:block}.tel{display:none}
.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:16px 4%;border-bottom:1px solid var(--line)}.nav.open{display:block}.nav ul{flex-direction:column;gap:14px}.sec{padding:56px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}

.post h2{font-size:1.6rem;margin-top:1.8em}.post ul,.post ol{padding-left:1.2em}.post li{margin-bottom:.4em}
.post .note{background:var(--mist);border-left:4px solid var(--aqua);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;margin:24px 0}
.post table{margin:20px 0;font-size:.95rem}

.nav ul{gap:4px;align-items:center}.nav li{position:relative}
.nav a{display:block;padding:10px 14px;border-radius:10px;font-weight:600;font-size:.98rem}
.nav a:hover,.nav li:focus-within>a{background:var(--mist);color:var(--sea)}
.nav .current-menu-item>a,.nav .current-menu-ancestor>a{color:var(--sea);background:var(--mist)}
.nav .menu-item-has-children>a:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;box-shadow:0 14px 34px #0a2f3c24;flex-direction:column;gap:2px;z-index:70}
.nav .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}
.nav .sub-menu a{padding:10px 14px;white-space:nowrap}
@media(max-width:860px){
.nav{max-height:calc(100vh - 72px);overflow:auto}.nav ul{align-items:stretch;gap:2px}
.nav .sub-menu{display:flex;position:static;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;margin:2px 0 6px 14px;padding:0 0 0 6px;min-width:0}
.nav .sub-menu:before{display:none}.nav .menu-item-has-children>a:after{display:none}}