:root {
  --asya-sky: #eaf6fc;
  --asya-border: #cfe7f5;
  --asya-blue: #036b98;
  --asya-ink: #12344d;
}
body { color: var(--asya-ink); background: #f4f9fc; }
#header, #header #header-wrap { background-color: var(--asya-sky); }
#header #header-wrap { border-bottom: 1px solid var(--asya-border); }
#mainMenu nav > ul > li > a { color: var(--asya-ink); }
#mainMenu nav li:hover > a, #mainMenu nav li.current > a { color: var(--asya-blue); }
#mainMenu nav .dropdown-menu { border-color: var(--asya-border); }
#mainMenu nav .dropdown-menu a:hover { background-color: var(--asya-sky); color: var(--asya-blue); }
#page-title:not([data-bg-parallax]):not([data-bg-video]) { background-color: var(--asya-sky); }
#page-content, #content { background-color: #f4f9fc; }
#page-content .post-item-wrap, #page-content .accordion .ac-item { border-color: var(--asya-border); }
body a.btn.btn-primary, body button.btn.btn-primary,
body .btn:not([class*="btn-light"]):not([class*="btn-outline"]):not([class*="btn-dark"]):not([class*="btn-danger"]):not([class*="btn-success"]) {
  background-color: var(--asya-blue); border-color: var(--asya-blue); color: #fff;
}
body .btn.btn-primary:hover { background-color: #075374; border-color: #075374; }
#footer, #footer .footer-content, #footer .copyright-content { background-color: var(--asya-sky); color: var(--asya-ink); }
#footer a { color: var(--asya-ink); }
#footer a:hover { color: var(--asya-blue); }
#header a:focus-visible, #footer a:focus-visible, .btn:focus-visible { outline: 2px solid var(--asya-blue); outline-offset: 3px; }

/* Ortak kurumsal üst alan */
body #topbar {background:#12344d!important;border-bottom:0}
body #topbar .top-menu>li>a, body #topbar .social-icons li a {color:#fff!important}
body #header, body #header #header-wrap {background:#fff!important}
body #header #header-wrap {border-bottom:1px solid #cfe7f5;box-shadow:0 3px 12px rgba(18,52,77,.08)}
body #header[data-transparent=true] {position:relative;top:auto;width:100%}
body #header[data-transparent=true]+#page-title {top:auto;margin-bottom:0;padding:80px 0}
body #header #mainMenu nav>ul>li>a {color:#12344d!important;text-transform:none}
body #header #mainMenu nav>ul>li>a[aria-current="page"] {box-shadow:inset 0 -2px #38bdf8}
body #header #mainMenu nav>ul>li>a:hover {color:#036b98!important}
body #header #mainMenu nav>ul>li.asya-teklif>a {color:#fff!important;background:#036b98;border-radius:7px;padding:9px 14px;line-height:1.4}
body #header #mainMenu nav>ul>li.asya-teklif>a:hover {background:#075374}

/* İç sayfa başlıklarında ürün fotoğrafını kırpmadan göster. */
body #page-title[data-bg-parallax] {
  position: relative;
  isolation: isolate;
  min-height: clamp(210px, 24vw, 340px);
  display: grid;
  align-items: center;
}
body #page-title[data-bg-parallax] > .parallax-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: -1 !important;
}
body #page-title[data-bg-parallax] > .container {position:relative;z-index:1}
body #page-title[data-bg-parallax] .page-title > h1,
body #page-title[data-bg-parallax] .breadcrumb {
  width:fit-content;
  margin-inline:auto;
  padding:5px 12px;
  border-radius:6px;
  background:#12344de8;
  color:#fff;
}

/* Ortadaki ürünü kırpmadan başlık bandını kenarlara kadar doldur. */
body #page-title[data-bg-parallax] > .parallax-container {
  overflow:hidden;
  background-size:0 0 !important;
}
body #page-title[data-bg-parallax] > .parallax-container::before,
body #page-title[data-bg-parallax] > .parallax-container::after {
  content:"";
  position:absolute;
  inset:0;
  background-image:inherit;
  background-position:center;
  background-repeat:no-repeat;
  pointer-events:none;
}
body #page-title[data-bg-parallax] > .parallax-container::before {
  background-size:cover;
  filter:blur(32px);
  transform:scale(1.13);
  opacity:.72;
}
body #page-title[data-bg-parallax] > .parallax-container::after {
  background-size:contain;
}

/* Kısa iç sayfa bandı ve kenarlara yayılan fotoğraf zemini */
body #page-title[data-bg-parallax],
body #header[data-transparent=true]+#page-title[data-bg-parallax] {
  box-sizing:border-box;
  min-height:0;
  height:clamp(170px,17vw,285px);
  padding:12px 0;
  overflow:hidden;
}
body #page-title[data-bg-parallax] > .parallax-container::before {
  opacity:1;
  filter:blur(24px);
}
body #page-title[data-bg-parallax] > .parallax-container::after {
  -webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 31%,#000 69%,transparent 90%);
  mask-image:linear-gradient(90deg,transparent 10%,#000 31%,#000 69%,transparent 90%);
}
body #page-title[data-bg-parallax] .page-title > h1 {
  font-size:clamp(21px,3vw,34px);
  margin-bottom:6px;
}
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a {
  color:#111!important;
  border:1px solid #38bdf8;
  background:#fff;
  border-radius:6px;
  padding:8px 10px;
  line-height:1.35;
  margin-inline:2px;
}
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a:hover,
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a[aria-current="page"] {
  color:#111!important;
  background:#eaf6fc;
  box-shadow:none;
}
@media(max-width:850px){body #page-title[data-bg-parallax] > .parallax-container::after{-webkit-mask-image:none;mask-image:none}}

/* Fotoğraflı bant yerine sade iç sayfa başlığı. */
body #page-title[data-bg-parallax],
body #header[data-transparent=true]+#page-title[data-bg-parallax] {
  display:block;
  height:auto;
  min-height:0;
  padding:18px 0;
  margin-bottom:0;
  top:auto;
  background:#f4f9fc!important;
}
body #page-title[data-bg-parallax] > .parallax-container {display:none!important}
body #page-title[data-bg-parallax] .page-title > h1 {
  margin:0 auto;
  padding:0;
  color:#12344d;
  background:transparent;
  font-size:clamp(21px,2.4vw,30px);
}
body #page-title[data-bg-parallax] .breadcrumb {display:none}
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a,
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a:hover {
  background:#eaf6fc;
  border-color:#38bdf8;
  color:#111!important;
}
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a:hover {background:#d4eefb}
body #header #mainMenu nav>ul>li:not(.asya-teklif)>a[aria-current="page"] {
  background:#12344d;
  border-color:#12344d;
  color:#fff!important;
}

/* Ortak kurumsal tasarım */
.asya-vitrin {padding:clamp(24px,4vw,52px) 0;background:#eaf6fc;color:#12344d}
.asya-vitrin-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,55px);align-items:center}
.asya-eyebrow {font-size:.8rem;letter-spacing:.1em;font-weight:700;color:#075a81}
.asya-vitrin h1 {margin:9px 0 13px;font-size:clamp(30px,4vw,54px);line-height:1.1;color:#12344d}
.asya-vitrin p {font-size:1.05rem;line-height:1.6;color:#28546d}
.asya-vitrin figure {margin:0;border:1px solid #cfe7f5;background:#fff;border-radius:16px;overflow:hidden}
.asya-vitrin img {display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.asya-vitrin figcaption {padding:10px 16px;border-top:1px solid #cfe7f5;font-size:.85rem}
.asya-actions {display:flex;flex-wrap:wrap;gap:10px}
.asya-actions a {display:inline-flex;padding:10px 16px;border:1px solid #036b98;border-radius:7px;font-weight:700}
.asya-actions .asya-primary {background:#036b98;color:#fff}
.asya-actions .asya-secondary {color:#075a81;background:#fff}
.asya-kesfet {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:14px;padding-block:24px}
.asya-kesfet a {display:grid;gap:6px;padding:18px;border:1px solid #cfe7f5;border-radius:12px;background:white;color:#12344d}
.asya-kesfet a:hover {background:#eaf6fc;color:#075a81}
.asya-kesfet span {font-size:.88rem;color:#28546d}
body #page-title.asya-page-heading {padding:22px 0;background:#eaf6fc;color:#12344d;border-bottom:1px solid #cfe7f5}
body #page-title.asya-page-heading h1 {color:#12344d;margin:0 0 6px;font-size:clamp(23px,3vw,36px)}
body #page-title.asya-page-heading .breadcrumb a {color:#075a81}
body .asya-content-section .post-item-wrap,
body .asya-content-section .team-member,
body .asya-content-section .ac-item,
body .asya-content-section .icon-box {background:#fff;border:1px solid #cfe7f5;border-radius:12px}
body .asya-content-section .team-member {overflow:hidden}
body .asya-content-section .team-image img {width:100%;aspect-ratio:4/3;object-fit:cover}
body .asya-content-section .table-responsive {border:1px solid #cfe7f5;border-radius:10px;background:#fff}
body .asya-content-section .table thead th {background:#12344d;color:#fff}
body .asya-content-section .table tbody tr:nth-child(even) {background:#eaf6fc}
body .asya-contact form {padding:clamp(14px,3vw,26px);border:1px solid #cfe7f5;border-radius:12px;background:white}
body .asya-contact .form-control {border-color:#cfe7f5;border-radius:7px}
body .asya-contact .form-control:focus {border-color:#036b98}
@media(max-width:767px){.asya-vitrin-grid{grid-template-columns:1fr}.asya-vitrin img{max-height:250px}}

body #page-content.sidebar-left .post-item-wrap {background:white;border:1px solid #cfe7f5;border-radius:12px;overflow:hidden}
body #page-content.sidebar-left .post-item-description {background:white;border:1px solid #cfe7f5;border-radius:12px;padding:clamp(16px,3vw,28px)}
body #page-content.sidebar-left .accordion .ac-item {background:#fff;border-color:#cfe7f5}
body #page-content.sidebar-left .post-slider img {object-fit:contain}
.asya-kesfet a:focus-visible,.asya-actions a:focus-visible {outline:2px solid #036b98;outline-offset:3px}

/* Beyaz menü bandı ve kısa, sola hizalı iç sayfa başlıkları */
html body #header,
html body #header #header-wrap,
html body #header #header-wrap > .container,
html body #header #header-wrap > .container-fluid {
  background:#fff!important;
}
html body #header #header-wrap {border-bottom:1px solid #b9dff1}
html body #header #header-wrap::before,
html body #header #header-wrap::after {background-color:transparent!important}
html body #page-title,
html body #header[data-transparent=true]+#page-title {
  display:block;
  position:relative;
  top:auto;
  height:auto!important;
  min-height:0!important;
  margin:0;
  padding:14px 0!important;
  background:#eaf6fc!important;
  border-bottom:1px solid #cfe7f5;
}
html body #page-title > .parallax-container {display:none!important}
html body #page-title .page-title,
html body #page-title .breadcrumb {text-align:left;float:none}
html body #page-title .page-title > h1 {
  width:auto;
  margin:0 0 5px;
  padding:0;
  background:none;
  color:#12344d;
  font-size:clamp(21px,2.4vw,30px);
  line-height:1.2;
}
html body #page-title .breadcrumb {
  display:block;
  width:auto;
  margin:0;
  padding:0;
  background:none;
  color:#28546d;
}
html body #page-title .breadcrumb ul {margin:0;padding:0}
html body #page-title .breadcrumb a,
html body #page-title .breadcrumb ul li+li::before {color:#075a81}

/* Tema header-inner kullandığında da logo ve menü zemini beyazdır. */
html body #header .header-inner,
html body #header[data-transparent="true"]:not(.sticky-active) .header-inner,
html body #header[data-transparent="true"]:not(.sticky-active) #header-wrap {
  background:#fff!important;
  border-bottom:1px solid #b9dff1;
}
html body #header .header-inner::before,
html body #header .header-inner::after {background-color:transparent!important}
html body #header .header-extras a {color:#12344d}
html body #header #mainMenu-trigger .lines,
html body #header #mainMenu-trigger .lines::before,
html body #header #mainMenu-trigger .lines::after {background-color:#12344d}

/* Açık zeminlerde okunaklı tipografi */
body #page-content:not(.text-light):not(.dark),
body #welcome:not(.text-light):not(.dark),
body .asya-contact,
body .apk-about {color:#20384a}
body #page-content:not(.text-light):not(.dark) .boyutla,
body #page-content:not(.text-light):not(.dark) .lead,
body .asya-contact label,
body .asya-contact address {color:#20384a;font-size:1rem;line-height:1.65}
body #page-content:not(.text-light):not(.dark) .heading-text:not(.text-light) > p,
body #page-content:not(.text-light):not(.dark) .heading-text:not(.text-light) > span {color:#27465b;font-size:1rem;line-height:1.65}
body #page-content:not(.text-light):not(.dark) a:not(.btn):not(.kanal-islem):not(.page-link) {color:#07557a}
body #page-content:not(.text-light):not(.dark) .team-desc h3,
body #page-content:not(.text-light):not(.dark) .post-item-description h2 {color:#12344d}
body .heading-text.heading-section > h2,
body .asya-home-intro h2,
body .asya-home-products h2 {font-size:clamp(23px,2.6vw,33px);line-height:1.24;overflow-wrap:anywhere}
body .asya-vitrin h1,
body .apk-about h1 {font-size:clamp(29px,3.4vw,46px);line-height:1.14}
body .asya-contact h3 {font-size:clamp(19px,2vw,24px);line-height:1.3;color:#12344d}
body .asya-contact .form-control {color:#20384a}
body .asya-contact .form-control::placeholder {color:#526878;opacity:1}
body .asya-facility p {color:#fff}

.asya-kategori-baslik{font-size:1.1rem;font-weight:700;color:#12344d;margin:0 0 12px}
body .asya-kategori-menu .ac-item{position:relative;border:1px solid #cfe7f5;border-radius:9px;background:#fff;box-shadow:none;margin:0 0 8px}
body .asya-kategori-menu .ac-item h5{margin:0;padding:0;font-size:.92rem;line-height:1.4}
body .asya-kategori-menu .ac-item h5 a{display:block;padding:12px 44px 12px 13px;color:#12344d!important;overflow-wrap:anywhere}
body .asya-kategori-menu .ac-item h5 a:hover{background:#eaf6fc;border-radius:8px}
body .asya-kategori-menu .ac-item>.ac-title{position:absolute;top:0;right:0;width:42px;min-height:42px;padding:0;color:#036b98}
body .asya-kategori-menu .ac-item>.ac-title::before{right:13px;top:12px}
body .asya-kategori-menu .ac-content{padding:8px 13px 12px;border-top:1px solid #e3eff6;background:#f5faff}
body .asya-kategori-menu a:focus-visible{outline:2px solid #036b98;outline-offset:-2px}

body .asya-kategori-menu .ac-item{background:#eaf6fc;border-color:#a9d8ef}
body .asya-kategori-menu .ac-item h5 a{color:#12344d!important;font-weight:650}
body .asya-kategori-menu .ac-item h5 a:hover{background:#d4eefb}
body .asya-kategori-menu .asya-kategori-aktif h5 a{background:#12344d;color:#fff!important;border-radius:8px}
body .asya-kategori-menu .asya-kategori-aktif>.ac-title{color:#fff}
body .asya-kategori-menu .asya-kategori-aktif>.ac-title::before{color:#fff}

body .asya-kategori-menu .ac-item {margin-bottom:6px}
body .asya-kategori-menu .ac-item h5 a {padding:8px 38px 8px 12px}
body .asya-kategori-menu .ac-item > .ac-title {width:36px;min-height:36px}
body .asya-kategori-menu .ac-item > .ac-title::before {
  content:"›";font-family:inherit;font-size:21px;line-height:1;
  top:7px;right:12px;
}
body .asya-kategori-menu .ac-item.ac-active > .ac-title::before {transform:rotate(90deg)}