:root{--blog-red:#e31b23;--blog-ink:#171d20;--blog-muted:#667074;--blog-line:#dde2e1;--blog-paper:#fff;--blog-soft:#f4f5f3}
body.blog-page{background:var(--blog-soft);color:var(--blog-ink)}
body.blog-page .page-banner{min-height:520px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:#161a1c}
body.blog-page .page-banner:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,11,12,.88),rgba(8,11,12,.61) 55%,rgba(8,11,12,.24))}
body.blog-page .page-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78)}
body.blog-page .page-banner>.container{position:relative;z-index:3;width:min(1180px,calc(100% - 48px));padding:150px 0 72px}
body.blog-page .page-banner-content{max-width:940px}
body.blog-page .page-banner-content:before{content:"TEKNİK BİLGİ MERKEZİ";display:block;color:#ff3038!important;font-size:13px;font-weight:850;letter-spacing:.19em;margin-bottom:20px}
body.blog-page .page-banner h1,body.blog-page .page-banner-content h1{color:#fff!important;font-size:clamp(38px,5.5vw,72px);line-height:1.05;letter-spacing:-.042em;margin:0 0 25px;text-shadow:0 2px 24px rgba(0,0,0,.32)}
body.blog-page .breadcrumbs-nav{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.84)!important}
body.blog-page .breadcrumbs-nav a,body.blog-page .breadcrumbs-nav span,body.blog-page .breadcrumbs-nav .current{color:rgba(255,255,255,.84)!important;text-decoration:none}
html body.blog-page .page-banner .page-banner-content{opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important}
html body.blog-page .page-banner .page-banner-content:before{color:#ff3038!important;opacity:1!important;-webkit-text-fill-color:#ff3038!important}
html body.blog-page .page-banner .page-banner-content h1{color:#fff!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important;-webkit-text-fill-color:#fff!important}
html body.blog-page .page-banner .breadcrumbs-nav,html body.blog-page .page-banner .breadcrumbs-nav *{color:rgba(255,255,255,.9)!important;opacity:1!important;visibility:visible!important;filter:none!important;-webkit-text-fill-color:rgba(255,255,255,.9)!important}
body.blog-page .journal{background:var(--blog-paper)}
body.blog-page .journal-intro{background:var(--blog-soft);padding:86px 0 72px}
body.blog-page .journal-main{padding-top:82px}
body.blog-page .journal-feature{border:1px solid var(--blog-line);background:#f7f7f5;box-shadow:0 22px 60px rgba(20,27,30,.07)}
body.blog-page .journal-feature-copy{position:relative}
body.blog-page .journal-feature-copy:before{content:"01";position:absolute;right:32px;top:28px;color:#d9dddc;font-size:54px;font-weight:900;line-height:1}
body.blog-page .journal-card{border:1px solid var(--blog-line);padding:0;background:#fff;transition:transform .22s,box-shadow .22s,border-color .22s}
body.blog-page .journal-card:hover{transform:translateY(-5px);border-color:#c9cecc;box-shadow:0 18px 44px rgba(23,29,32,.09)}
body.blog-page .journal-card-body{padding:25px 25px 28px}
body.blog-page .journal-card-image{aspect-ratio:16/10}
body.blog-page .journal-card h3{font-size:24px}
body.blog-page .journal-read{transition:gap .2s,color .2s}
body.blog-page .journal-closer{background:var(--blog-red);border:0;padding:36px 40px;margin-top:78px;color:#fff}
body.blog-page .journal-closer p{color:#fff}
body.blog-page .journal-closer a{background:#fff;color:var(--blog-red)}
body.blog-page .seo-article,body.blog-page main.ax-page>section{background:var(--blog-paper)}
body.blog-page .seo-article .wrap,body.blog-page .ax-shell{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto}
body.blog-page .seo-article{padding:84px 0 105px}
body.blog-page .seo-article .wrap{max-width:1040px}
body.blog-page .seo-kicker{display:flex;align-items:center;gap:12px;color:var(--blog-red)}
body.blog-page .seo-kicker:before{content:"";width:38px;height:3px;background:var(--blog-red)}
body.blog-page .seo-lead{font-size:21px!important;line-height:1.78!important;color:#2e3639!important;border-left:4px solid var(--blog-red);padding:7px 0 7px 25px;margin-bottom:22px!important}
body.blog-page .seo-article h2{font-size:clamp(29px,3vw,40px);letter-spacing:-.025em;margin-top:64px;padding-top:4px;color:var(--blog-ink)}
body.blog-page .seo-article p{font-size:17px;color:#4f595d}
body.blog-page .seo-article a,body.blog-page .detail-content a{color:#bd141b}
body.blog-page .seo-toc{grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--blog-line);padding:24px 0}
body.blog-page .seo-toc a{background:#f1f2f0;color:var(--blog-ink);border-left:3px solid var(--blog-red);border-radius:0}
body.blog-page .seo-toc a:hover{background:var(--blog-red);color:#fff}
body.blog-page .seo-card{background:#f5f6f4;border:1px solid var(--blog-line);border-radius:0;padding:24px}
body.blog-page .seo-table{border-color:var(--blog-line)}
body.blog-page .seo-table th{background:var(--blog-ink)}
body.blog-page .seo-note{background:#fff1f1;border-radius:0}
body.blog-page .seo-cta{background:var(--blog-red);border-radius:0;padding:40px}
body.blog-page .seo-cta a{background:#fff;color:var(--blog-red)}
body.blog-page .seo-faq details{border-radius:0;background:#fafafa}
body.blog-page main.ax-page>div:first-child{min-height:560px!important;display:flex;align-items:flex-end;padding:150px 0 78px!important}
body.blog-page main.ax-page>div:first-child:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,12,.9),rgba(7,10,12,.48));z-index:1}
body.blog-page main.ax-page>div:first-child>div{z-index:2!important}
body.blog-page main.ax-page>section{padding:84px 0 110px!important}
body.blog-page main.ax-page article{font-size:17px!important;color:#4b5559!important}
body.blog-page main.ax-page article h2{font-size:clamp(28px,3vw,38px)!important;border:0!important;padding:0 0 15px!important;position:relative;letter-spacing:-.025em}
body.blog-page main.ax-page article h2:after{content:"";position:absolute;left:0;bottom:0;width:58px;height:3px;background:var(--blog-red)}
body.blog-page main.ax-page article>div{border-radius:0!important}
body.blog-page main.ax-page aside>div{border:1px solid var(--blog-line);background:#f4f5f3!important;color:var(--blog-ink)!important}
body.blog-page main.ax-page aside>div:nth-child(2){background:var(--blog-ink)!important;color:#fff!important;border-color:var(--blog-ink)}
body.blog-page .detail-grid{display:block!important}
body.blog-page .detail-content{max-width:none}
body.blog-page .detail-content>section{background:var(--blog-paper)}
body.blog-page .detail-content h2,body.blog-page .detail-content h3{color:var(--blog-ink)!important;letter-spacing:-.025em}
body.blog-page .detail-content p,body.blog-page .detail-content li{color:#505a5e!important;line-height:1.82}
body.blog-page .detail-content [class*="eyebrow"]{color:var(--blog-red)!important}
body.blog-page .detail-content [class*="title"]{color:var(--blog-ink)!important}
body.blog-page .detail-content [class*="card"],body.blog-page .detail-content [class*="section"]{border-radius:2px!important;box-shadow:none!important;border-color:var(--blog-line)!important}
body.blog-page .detail-content [class*="image"]{border-radius:2px!important;box-shadow:none!important}
body.blog-page .detail-content [class*="hero-section"],body.blog-page .detail-content [class*="page"]{background:var(--blog-paper)!important}
@media(max-width:900px){body.blog-page .page-banner{min-height:460px}body.blog-page .page-banner>.container{padding:130px 0 58px}body.blog-page main.ax-page>section .ax-shell>div{grid-template-columns:1fr!important;gap:45px!important}body.blog-page main.ax-page aside{position:static!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:640px){body.blog-page .page-banner{min-height:410px}body.blog-page .page-banner>.container,body.blog-page .seo-article .wrap,body.blog-page .ax-shell{width:min(100% - 30px,1180px)}body.blog-page .page-banner>.container{padding:115px 0 45px}body.blog-page .page-banner h1{font-size:36px}body.blog-page .journal-intro{padding:55px 0}body.blog-page .journal-feature-copy:before{display:none}body.blog-page .journal-card-body{padding:22px}body.blog-page .journal-closer{padding:29px 24px}body.blog-page .seo-article{padding:58px 0 75px}body.blog-page .seo-toc,body.blog-page .seo-grid{grid-template-columns:1fr}body.blog-page .seo-cta{padding:28px 24px}body.blog-page main.ax-page>div:first-child{min-height:500px!important;padding:125px 0 58px!important}body.blog-page main.ax-page>section{padding:58px 0 76px!important}body.blog-page main.ax-page aside{grid-template-columns:1fr}}

/* Legacy technical articles: turn the raw editorial content into the shared premium journal layout. */
body.blog-page>.page-banner+section{padding:56px 0 84px;background:var(--blog-soft)}
body.blog-page>.page-banner+section>.container{max-width:1240px}
body.blog-page #havuz-filtre-kumu-temizleme{padding:52px 58px!important;background:#fff;border:1px solid var(--blog-line);border-top:4px solid var(--blog-red);box-shadow:0 22px 60px rgba(20,29,32,.08)}
body.blog-page #havuz-filtre-kumu-temizleme .article-kicker{display:flex;align-items:center;gap:12px;margin:0 0 19px;color:var(--blog-red);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
body.blog-page #havuz-filtre-kumu-temizleme .article-kicker:before{content:"";width:38px;height:3px;background:var(--blog-red)}
body.blog-page #havuz-filtre-kumu-temizleme h2{margin:54px 0 17px;color:var(--blog-ink)!important;font-size:clamp(29px,3.1vw,43px);line-height:1.12;letter-spacing:-.035em;text-transform:none}
body.blog-page #havuz-filtre-kumu-temizleme .article-kicker+h2{margin-top:0}
body.blog-page #havuz-filtre-kumu-temizleme h3{margin:34px 0 12px;padding-left:15px;border-left:4px solid var(--blog-red);color:var(--blog-ink)!important;font-size:23px;line-height:1.25}
body.blog-page #havuz-filtre-kumu-temizleme p{max-width:1040px;margin:0 0 18px;color:#4f5a5e!important;font-size:16.5px;line-height:1.82}
body.blog-page #havuz-filtre-kumu-temizleme p strong{color:var(--blog-ink)!important}
body.blog-page #havuz-filtre-kumu-temizleme>img{width:100%;max-height:430px;margin:36px 0 42px;padding:26px;object-fit:contain;background:#f5f3ee;border:1px solid #e3ded4}
body.blog-page #havuz-filtre-kumu-temizleme ul{display:grid;gap:9px;margin:18px 0 30px;padding:0;list-style:none}
body.blog-page #havuz-filtre-kumu-temizleme li{position:relative;padding:13px 16px 13px 42px;background:#f6f7f5;border:1px solid #e1e5e3;color:#455055!important;line-height:1.6}
body.blog-page #havuz-filtre-kumu-temizleme li:before{content:"";position:absolute;left:18px;top:21px;width:8px;height:8px;background:var(--blog-red)}
body.blog-page #havuz-filtre-kumu-temizleme>strong{display:block;margin:12px 0 4px;padding:16px 18px 3px 58px;position:relative;color:var(--blog-ink)!important;font-size:17px}
body.blog-page #havuz-filtre-kumu-temizleme>strong:before{content:"";position:absolute;left:18px;top:19px;width:22px;height:3px;background:var(--blog-red)}
body.blog-page #havuz-filtre-kumu-temizleme details{margin:0 0 12px;padding:18px 20px;background:#f6f7f5;border:1px solid #dfe4e2;color:#4f5a5e;line-height:1.7}
body.blog-page #havuz-filtre-kumu-temizleme summary{color:var(--blog-ink);font-weight:800;cursor:pointer}
@media(max-width:700px){body.blog-page>.page-banner+section{padding:34px 0 60px}body.blog-page #havuz-filtre-kumu-temizleme{padding:34px 21px!important}body.blog-page #havuz-filtre-kumu-temizleme h2{font-size:30px}body.blog-page #havuz-filtre-kumu-temizleme h3{font-size:21px}body.blog-page #havuz-filtre-kumu-temizleme>img{padding:12px;margin:28px 0 32px}}

body.blog-page #silis-kumu{padding:52px 58px!important;background:#fff;border:1px solid var(--blog-line);border-top:4px solid var(--blog-red);box-shadow:0 22px 60px rgba(20,29,32,.08)}
body.blog-page #silis-kumu .article-kicker{display:flex;align-items:center;gap:12px;margin:0 0 19px;color:var(--blog-red);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
body.blog-page #silis-kumu .article-kicker:before{content:"";width:38px;height:3px;background:var(--blog-red)}
body.blog-page #silis-kumu h2{margin:0 0 20px;color:var(--blog-ink)!important;font-size:clamp(31px,3.4vw,46px);line-height:1.1;letter-spacing:-.038em;text-transform:none}
body.blog-page #silis-kumu p{max-width:1040px;margin:0 0 18px;color:#4f5a5e!important;font-size:16.5px;line-height:1.82}
body.blog-page #silis-kumu p strong{color:var(--blog-ink)!important}
body.blog-page #silis-kumu>img{width:100%;max-height:440px;margin:34px 0 0;padding:28px;object-fit:contain;background:#f5f3ee;border:1px solid #e3ded4}
body.blog-page .detail-content>section+section{margin-top:24px}
body.blog-page .detail-content>section+section h2,body.blog-page .detail-content>section+section h3{color:var(--blog-ink)!important}
body.blog-page .detail-content>section+section p,body.blog-page .detail-content>section+section li{color:#4f5a5e!important;line-height:1.78}
@media(max-width:700px){body.blog-page #silis-kumu{padding:34px 21px!important}body.blog-page #silis-kumu h2{font-size:31px}body.blog-page #silis-kumu>img{padding:12px;margin-top:26px}}

/* Reference article system: mirrors the editorial composition of the water-filtration guide. */
body.blog-reference-style .page-banner{min-height:540px;align-items:center}
body.blog-reference-style .page-banner>.container{padding:118px 0 72px}
body.blog-reference-style .page-banner-content{max-width:1040px}
body.blog-reference-style .page-banner-content:before{content:"TEKNİK BİLGİ MERKEZİ";display:flex;align-items:center;gap:13px;margin-bottom:25px}
body.blog-reference-style .page-banner-content:before{font-size:13px;letter-spacing:.19em}
body.blog-reference-style .page-banner h1{max-width:950px;margin-bottom:22px;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.05em;text-transform:none}
body.blog-reference-style .blog-hero-lead{max-width:780px;margin:0 0 17px;color:rgba(255,255,255,.88)!important;font-size:clamp(17px,1.7vw,21px);line-height:1.65}
body.blog-reference-style .blog-hero-meta{color:rgba(255,255,255,.62);font-size:13px;font-weight:600}
body.blog-reference-style .breadcrumbs-nav{display:none}
body.blog-reference-style>.page-banner+section{padding:78px 0 94px;background:#fff}
body.blog-reference-style #silis-kumu,body.blog-reference-style #havuz-filtre-kumu-temizleme{padding:0!important;border:0;box-shadow:none}
body.blog-reference-style #silis-kumu .article-kicker,body.blog-reference-style #havuz-filtre-kumu-temizleme .article-kicker{margin-top:0}
body.blog-reference-style .seo-article{padding-top:78px}
@media(max-width:700px){body.blog-reference-style .page-banner{min-height:540px}body.blog-reference-style .page-banner>.container{padding:112px 0 58px}body.blog-reference-style .page-banner h1{font-size:42px;line-height:1.03}body.blog-reference-style>.page-banner+section{padding:48px 0 70px}body.blog-reference-style .blog-hero-lead{font-size:16px}}
