/* Yeşil Su Tesisat — blog colors and type matched to the adjacent
   "Servis Sürecimiz / Sık Sorulan Sorular" section.
   Only the .blog-reference-redesign subtree is affected.
   Header, footer, global theme and common styles stay untouched. */
body.blog-reference-host {background:#0d1c29;}
.blog-reference-redesign {
  --turq:#3e7eba;
  --turq-lite:#548fc6;
  --deep:#0d1c29;
  --line:rgba(75,105,133,.66);
  background:radial-gradient(circle at 68% 3%,#263644 0%,transparent 46%),linear-gradient(130deg,#0c1925 0%,#0d1c2a 48%,#0d1c29 100%);
  color:#fafbfb;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.blog-reference-redesign .blog-hero-wrap {
  background:linear-gradient(120deg,#0c1925 0%,#0f2030 57%,#0d1c29 100%);
}
.blog-reference-redesign .blog-hero-wrap::before {
  background:radial-gradient(ellipse at 70% 4%,rgba(58,85,111,.27),transparent 46%);
}
.blog-reference-redesign .blog-hero-title {
  color:#fafbfc!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1.17!important;
}
.blog-reference-redesign .blog-hero-desc {color:#ebeef1!important;font-weight:500!important;line-height:1.6!important;}
.blog-reference-redesign .blog-breadcrumbs,
.blog-reference-redesign .blog-meta-row {color:#f6f7f8;font-weight:500;}
.blog-reference-redesign .blog-breadcrumbs .current {color:#4383c0;}
.blog-reference-redesign .blog-hero-art {filter:hue-rotate(13deg) saturate(.88);}
/* Deep navy panels match the FAQ / reasons cards in the section above. */
.blog-reference-redesign .metal-card {
  background:linear-gradient(156deg,#273848 0%,#142637 53%,#0d1b28 100%)!important;
  border:1px solid #3e566d!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20),inset 0 1px 1px rgba(255,255,255,.08)!important;
  color:#fafbfb;
}
/* Silver-blue metallic strips use exactly the same family as the service process card. */
.blog-reference-redesign .metal-card-head {
  background:linear-gradient(112deg,#6e8ead 0%,#f3f5f6 28%,#d5dadf 75%,#688cad 100%)!important;
  border-bottom:1px solid #5a7ea0!important;
  color:#102233!important;
  font-weight:800!important;
  letter-spacing:-.028em!important;
  line-height:1.25!important;
}
.blog-reference-redesign .metal-card-head .ref-blog-icon,
.blog-reference-redesign .metal-card-head i {color:#29547b!important;}
.blog-reference-redesign .category-list a,
.blog-reference-redesign .category-list a:nth-child(even) {
  background:linear-gradient(180deg,#263543,#1a2c3d)!important;
  border-bottom:1px solid #2f4254!important;
  color:#f4f6f7!important;
  font-weight:600!important;
}
.blog-reference-redesign .category-list a:hover:not(.active) {background:#213d56!important;}
.blog-reference-redesign .category-list a.active {
  background:linear-gradient(140deg,#548fc6,#326595)!important;
  color:#0f2131!important;
  font-weight:750!important;
}
.blog-reference-redesign .cta-mini-card,
.blog-reference-redesign .subscribe-card,
.blog-reference-redesign .help-card {
  border-color:#405a72!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.08),0 7px 22px rgba(0,0,0,.22)!important;
}
.blog-reference-redesign .cta-mini-card .metal-card-head,
.blog-reference-redesign .subscribe-card .metal-card-head {
  background:transparent!important;
  color:#fafbfc!important;
  border-bottom:0!important;
}
.blog-reference-redesign .cta-mini-card .metal-card-head .ref-blog-icon,
.blog-reference-redesign .subscribe-card .metal-card-head .ref-blog-icon,
.blog-reference-redesign .help-card-visual .ref-blog-icon,
.blog-reference-redesign .help-card .help-card-visual {color:#3e7eba!important;}
.blog-reference-redesign .cta-mini-card p,
.blog-reference-redesign .subscribe-card p:not(.subscription-notice) {color:#e4e8ec!important;}
.blog-reference-redesign .cta-mini-card .blog-btn-primary,
.blog-reference-redesign .help-card .blog-btn-outline,
.blog-reference-redesign .subscribe-form button {
  background:linear-gradient(180deg,#4f8bc4,#2c5a85)!important;
  color:#0f2131!important;
  font-weight:800!important;
  border:1px solid #4f8cc4!important;
  box-shadow:0 3px 8px rgba(33,68,100,.20)!important;
  letter-spacing:-.012em!important;
}
.blog-reference-redesign .cta-mini-card .blog-btn .ref-blog-icon,
.blog-reference-redesign .help-card .blog-btn .ref-blog-icon {color:#0f2131!important;}
.blog-reference-redesign .why-card .check-list li {color:#f6f7f8!important;font-weight:600!important;}
.blog-reference-redesign .why-card .check-list li::before {
  border-color:#3e7eba!important;
  color:#3e7eba!important;
}
/* Same icy steel-white as the 4-step process panel, rather than mint green. */
.blog-reference-redesign .metal-article-frame {
  background:linear-gradient(153deg,#eef0f2 0%,#e2e6ea 45%,#f2f4f6 100%)!important;
  border:1px solid rgba(243,245,247,.93)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.21),inset 0 1px 1px #fff!important;
}
.blog-reference-redesign .article-section h2 {
  color:#0e1e2e!important;
  font-weight:800!important;
  letter-spacing:-.028em!important;
  line-height:1.25!important;
}
.blog-reference-redesign .article-section h2::before {
  background:linear-gradient(180deg,#4f8cc4,#29537a)!important;
}
.blog-reference-redesign .article-section p {
  color:#273745!important;
  font-weight:450!important;
  line-height:1.58!important;
}
.blog-reference-redesign .tip-box {
  border:1px solid #5985ae!important;
  background:linear-gradient(112deg,#c8d0d7 0%,#ebeef0 43%,#c5ccd3 78%,#50708e 100%)!important;
  box-shadow:0 3px 5px rgba(32,56,78,.12)!important;
}
.blog-reference-redesign .tip-box::after {
  background:repeating-linear-gradient(132deg,transparent 0 8px,#34699b 9px 14px,transparent 15px 20px)!important;
}
.blog-reference-redesign .tip-icon {
  background:linear-gradient(145deg,#d5dbe1,#316494)!important;
}
.blog-reference-redesign .tip-text {
  color:#0e1e2e!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
.blog-reference-redesign .split-list-card {
  background:linear-gradient(145deg,#f3f5f7,#d9dee2 76%,#cdd3d8)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 3px 5px rgba(32,56,78,.12)!important;
}
.blog-reference-redesign .split-list-card h3 {
  color:#0e1e2e!important;
  font-weight:800!important;
  letter-spacing:-.027em!important;
}
.blog-reference-redesign .split-list-card h3::before {color:#29547b!important;}
.blog-reference-redesign .solution-list li {color:#263849!important;font-weight:600!important;}
.blog-reference-redesign .solution-list li::before {
  background:#3e7eba!important;
  color:#0f2131!important;
}
.blog-reference-redesign .trend-item {border-bottom:1px solid #2f4254!important;}
.blog-reference-redesign .trend-item strong {
  font-weight:750!important;
  color:#fafbfb!important;
  letter-spacing:-.015em!important;
}
.blog-reference-redesign .trend-item small {color:#e4e8ec!important;}
.blog-reference-redesign .trend-item small .ref-blog-icon {color:#3e7eba!important;}
.blog-reference-redesign .subscribe-form input {
  background:#f3f5f6!important;
  border:1px solid #6c8eae!important;
  color:#142637!important;
}
.blog-reference-redesign .subscription-notice {color:#dbe0e5!important;}
.blog-reference-redesign .help-card {
  background:linear-gradient(135deg,#253544,#142534 76%,#263543)!important;
}
.blog-reference-redesign .help-card h3 {
  font-weight:800!important;
  letter-spacing:-.028em!important;
  line-height:1.2!important;
}
.blog-reference-redesign .help-card p {color:#e4e8ec!important;}
.blog-reference-redesign .ref-blog-icon {color:#3e7eba;}
.blog-reference-redesign .metal-card-head .ref-blog-icon {color:#29547b!important;}
.blog-reference-redesign :is(a,button,input):focus-visible {
  outline:2px solid #5791c7;
  outline-offset:2px;
}