/* ==========================================================================
   AF-SUL KİMYA – Kurumsal tema özelleştirmeleri
   Ana zemin: beyaz • Kurumsal renk: lacivert #0B2D63 • Vurgu: turkuaz #00AEEF
   Bu dosya style.css'ten SONRA yüklenir ve şablon değerlerini geçersiz kılar.
   ========================================================================== */
:root {
  --afsul-navy: #0b2d63;
  --afsul-navy-dark: #081f45;
  --afsul-blue: #00aeef;
  --afsul-blue-dark: #0090c9;
  --afsul-light: #e6f4fb;
  --afsul-gray: #f3f8fc;
  --afsul-text: #5a6a7e;
  --afsul-border: #dbe7f1;
}

/* ---------- Tipografi ---------- */
body { font-family: "Poppins", Helvetica, Arial, sans-serif; color: var(--afsul-text); border-top: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; color: var(--afsul-navy); letter-spacing: -.01em; }
h1, .h1 { font-size: 34px; line-height: 1.15; font-weight: 700; }
h2, .h2 { font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; }
h3, .h3 { font-size: 24px; line-height: 1.3; }
h4, .h4 { font-size: 21px; }
h5, .h5 { font-size: 19px; }
h6, .h6 { font-size: 17px; }
@media (min-width: 768px) {
  h1, .h1 { font-size: 44px; }
  h2, .h2 { font-size: 36px; }
  h3, .h3 { font-size: 26px; }
}
@media (min-width: 1200px) {
  h1, .h1 { font-size: 54px; line-height: 1.1; }
}
h2 .small, h3 .small { color: var(--afsul-blue); font-weight: 600; letter-spacing: .22em; font-size: 12px; margin-bottom: 14px; }
h2 + p, h3 + p { margin-top: 14px; }
.afsul-lead { font-size: 17px; line-height: 1.7; }
.text-navy { color: var(--afsul-navy) !important; }
.page .text-primary { color: var(--afsul-blue) !important; }
a { color: var(--afsul-blue); }
a:hover { color: var(--afsul-navy); }
.page a.text-darker:hover { color: var(--afsul-blue) !important; }

/* ---------- Butonlar ---------- */
.btn { border-radius: 8px; letter-spacing: .02em; text-transform: none; font-weight: 600; font-size: 15px; padding: 16px 28px; transition: .25s ease; }
@media (min-width: 992px) { .btn { padding: 17px 34px; font-size: 15px; } }
.btn-form { padding: 16px 28px; }
.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active { color: #fff; background-color: var(--afsul-blue); border-color: var(--afsul-blue); box-shadow: 0 8px 20px rgba(0, 174, 239, .25); }
.btn-primary:hover, .btn-primary:active:focus { color: #fff; background-color: var(--afsul-navy); border-color: var(--afsul-navy); box-shadow: none; }
.btn-default, .btn-default:focus, .btn-default:active { color: #fff; background-color: var(--afsul-navy); border: 1px solid var(--afsul-navy); }
.btn-default:hover { color: #fff; background-color: var(--afsul-blue); border-color: var(--afsul-blue); }
.btn-outline-navy, .btn-outline-navy:focus, .btn-outline-navy:active { color: var(--afsul-navy); background-color: transparent; border: 2px solid var(--afsul-navy); padding-top: 15px; padding-bottom: 15px; }
.btn-outline-navy:hover { color: #fff; background-color: var(--afsul-navy); border-color: var(--afsul-navy); }
.btn-default-white, .btn-default-white:focus, .btn-default-white:active { color: var(--afsul-navy); background-color: #fff; border-color: #fff; }
.btn-default-white:hover { color: #fff; background-color: var(--afsul-blue); border-color: var(--afsul-blue); }
.btn-outline-white, .btn-outline-white:focus, .btn-outline-white:active { color: #fff; background-color: transparent; border: 2px solid rgba(255, 255, 255, .7); padding-top: 15px; padding-bottom: 15px; }
.btn-outline-white:hover { color: var(--afsul-navy); background-color: #fff; border-color: #fff; }
.btn-sm, .btn-group-sm > .btn { padding: 13px 22px; font-size: 13px; }
.group > .btn, .group > a.btn { margin: 8px 8px 0 0; }
.btn .fa { margin-left: 8px; font-size: 13px; }

/* ---------- Üst Menü ---------- */
.rd-navbar-secondary .rd-navbar-inner:first-child:before { background-color: var(--afsul-navy); }
.rd-navbar-secondary .rd-navbar-inner:first-child .small { color: rgba(255, 255, 255, .9); font-size: 13px; font-weight: 500; letter-spacing: .02em; }
.rd-navbar-secondary .rd-navbar-inner:first-child .small .icon { color: var(--afsul-blue); margin-right: 8px; }
.afsul-topbar-links a { color: #fff; font-size: 13px; font-weight: 400; }
.afsul-topbar-links a:hover { color: var(--afsul-blue); }
.afsul-topbar-links .icon { color: var(--afsul-blue); margin-right: 7px; font-size: 13px; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:first-child { padding-top: 11px; padding-bottom: 11px; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:nth-child(2) { padding-top: 26px; padding-bottom: 26px; }
.rd-navbar-static .rd-navbar-brand img { max-width: none; max-height: none; width: 236px; height: auto; }
.rd-navbar-static .rd-navbar-collapse .small { color: var(--afsul-blue); letter-spacing: .2em; }
.rd-navbar-static .rd-navbar-collapse h6 { font-size: 15px; font-weight: 500; }
.rd-navbar-static .rd-navbar-collapse h6 a { color: var(--afsul-navy); }
.rd-navbar-static .rd-navbar-collapse h6 a:hover { color: var(--afsul-blue); }
.rd-navbar-static .rd-navbar-collapse .icon-primary { color: var(--afsul-blue); font-size: 20px; margin-top: 6px; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:last-child:before { background-color: #fff; border-top: 1px solid var(--afsul-border); border-bottom: 1px solid var(--afsul-border); }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav { justify-content: flex-start; margin: 0; width: 100%; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li { margin-left: 30px; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:first-child { margin-left: 0; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li > a { color: var(--afsul-navy); font-weight: 500; font-size: 14px; letter-spacing: .01em; padding: 20px 0; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li > a:before { display: none; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:hover,
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li.focus,
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li.active { background-color: transparent; color: var(--afsul-blue); }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:hover > a,
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li.active > a { color: var(--afsul-blue); }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li.active > a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--afsul-blue); }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:last-child { margin-left: auto; background-color: var(--afsul-blue); border-radius: 8px; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:last-child > a { color: #fff; background-color: transparent; padding: 12px 20px; font-weight: 600; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:last-child > a:after { display: none; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:last-child:hover { background-color: var(--afsul-navy); color: #fff; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:last-child:hover > a { color: #fff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li { margin-left: 18px; }
  .rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li > a { font-size: 13px; }
  .rd-navbar-static.rd-navbar-secondary .rd-navbar-nav > li:last-child > a { padding: 10px 14px; }
}
/* yapışkan (kaydırınca sabitlenen) menü */
.rd-navbar--is-clone, .rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar--is-clone.rd-navbar--is-stuck { background: #fff; background-color: #fff; }
.rd-navbar--is-stuck { box-shadow: 0 5px 23px rgba(11, 45, 99, .12); }
.rd-navbar-static.rd-navbar-secondary.rd-navbar--is-clone .rd-navbar-inner:last-child { padding: 0 15px; }
.rd-navbar-static.rd-navbar-secondary.rd-navbar--is-clone .rd-navbar-inner:last-child:before { border: 0; }
/* mobil menü */
.rd-navbar-fixed .rd-navbar-panel:before { background: var(--afsul-navy); }
.rd-navbar-fixed .rd-navbar-brand { top: 6px; }
.rd-navbar-fixed .rd-navbar-brand img { max-width: 150px; max-height: 44px; }
.rd-navbar-fixed .rd-navbar-nav { background: var(--afsul-navy); }
.rd-navbar-fixed .rd-navbar-nav li > a { color: #fff; font-size: 15px; }
.rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a { color: #fff; background: var(--afsul-blue); }
.rd-navbar-fixed.rd-navbar-secondary .rd-navbar-nav > li:last-child > a { color: #fff; background-color: var(--afsul-blue); }
.rd-navbar-fixed .rd-navbar-inner:first-child { display: none; }
.rd-navbar-fixed .rd-navbar-collapse { border-radius: 0 0 12px 12px; }
.rd-navbar-fixed .rd-navbar-collapse .small { color: var(--afsul-blue); letter-spacing: .2em; font-size: 10px; font-weight: 600; text-transform: uppercase; }
.rd-navbar-fixed .rd-navbar-collapse h6 { font-size: 15px; }
.rd-navbar-fixed .rd-navbar-collapse-items + .rd-navbar-collapse-items { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--afsul-border); }
.rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li { margin-top: 14px; }
.rd-navbar-fixed .afsul-topbar-links a { color: var(--afsul-navy); font-size: 14px; }

/* ---------- Sayfa Yükleyici ---------- */
.afsul-spinner { width: 54px; height: 54px; border-radius: 50%; border: 4px solid var(--afsul-light); border-top-color: var(--afsul-blue); animation: afsul-spin .9s linear infinite; margin: 0 auto; }
@keyframes afsul-spin { to { transform: rotate(360deg); } }

/* ---------- Hero ---------- */
.afsul-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, #ffffff 0%, #f4f9fd 45%, #e6f4fb 100%); padding: 56px 0 50px; }
@media (min-width: 992px) { .afsul-hero { padding: 90px 0 80px; } }
@media (min-width: 1200px) { .afsul-hero { padding: 110px 0 100px; } }
.afsul-hero:before { content: ''; position: absolute; right: -8%; top: -30%; width: 55%; height: 150%; background: radial-gradient(closest-side, rgba(0, 174, 239, .16), rgba(0, 174, 239, 0) 72%); pointer-events: none; }
.afsul-hero .container { position: relative; }
.afsul-eyebrow { display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; letter-spacing: .04em; color: var(--afsul-blue); margin-bottom: 18px; }
.afsul-eyebrow:before { content: ''; width: 34px; height: 2px; background: var(--afsul-blue); margin-right: 12px; }
.afsul-hero h1 { margin-bottom: 22px; }
.afsul-hero h1 span { color: var(--afsul-blue); }
.afsul-hero .afsul-lead { max-width: 560px; margin: 0 auto 30px; }
@media (min-width: 768px) { .afsul-hero .afsul-lead { margin-left: 0; font-size: 18px; } }
.afsul-hero-art { position: relative; max-width: 480px; margin: 36px auto 0; }
@media (min-width: 992px) { .afsul-hero-art { margin-top: 0; max-width: 560px; margin-left: auto; } }
.afsul-hero-art svg { width: 100%; height: auto; display: block; }
.afsul-hero-float { animation: afsul-float 6s ease-in-out infinite; transform-origin: center; }
@keyframes afsul-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.afsul-hero-kpis { margin-top: 30px; }
.afsul-kpi { display: inline-flex; align-items: center; background: #fff; border: 1px solid var(--afsul-border); border-radius: 12px; padding: 12px 16px; margin: 0 10px 10px 0; text-align: left; box-shadow: 0 4px 14px rgba(11, 45, 99, .05); }
.afsul-kpi strong { font-size: 22px; color: var(--afsul-blue); font-weight: 700; margin-right: 10px; line-height: 1; }
.afsul-kpi span { font-size: 12.5px; color: var(--afsul-navy); font-weight: 500; line-height: 1.3; }
@media (max-width: 767px) { .afsul-hero-kpis { text-align: center; } .afsul-hero .group { text-align: center; } }

/* ---------- Vurgu Alanları (4 temel mesaj) ---------- */
.afsul-features { border-bottom: 1px solid var(--afsul-border); }
.afsul-feature { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px 14px; height: 100%; }
.afsul-feature-icon { width: 76px; height: 76px; border-radius: 50%; background: var(--afsul-light); color: var(--afsul-navy); display: flex; align-items: center; justify-content: center; font-size: 30px; margin-bottom: 18px; transition: .3s ease; }
.afsul-feature:hover .afsul-feature-icon { background: var(--afsul-blue); color: #fff; transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 174, 239, .28); }
.afsul-feature h5 { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.afsul-feature p { font-size: 14.5px; line-height: 1.6; }
@media (min-width: 992px) { .afsul-features .row > [class*='col-'] + [class*='col-'] .afsul-feature { border-left: 1px solid var(--afsul-border); } }

/* ---------- Kartlar ---------- */
.afsul-card { position: relative; height: 100%; background: #fff; border: 1px solid var(--afsul-border); border-radius: 14px; padding: 30px 28px; text-align: left; transition: .3s ease; box-shadow: 0 2px 6px rgba(11, 45, 99, .04); display: flex; flex-direction: column; }
.afsul-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(11, 45, 99, .10); border-color: #bfe6f8; }
.afsul-card-icon { width: 56px; height: 56px; border-radius: 12px; background: var(--afsul-light); color: var(--afsul-blue); display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 20px; flex: 0 0 auto; }
.afsul-card-icon.navy { background: var(--afsul-navy); color: #fff; }
.afsul-card h5 { font-size: 19px; font-weight: 600; margin-bottom: 10px; line-height: 1.35; }
.afsul-card p { font-size: 14.5px; line-height: 1.65; }
.afsul-card .afsul-link { margin-top: auto; padding-top: 18px; }
.afsul-card .afsul-list { margin-top: 14px; }
.afsul-list { text-align: left; }
.afsul-list li { position: relative; padding-left: 22px; font-size: 14.5px; line-height: 1.55; color: var(--afsul-text); }
.afsul-list li + li { margin-top: 7px; }
.afsul-list li:before { content: '\f00c'; font-family: 'FontAwesome'; color: var(--afsul-blue); position: absolute; left: 0; top: 1px; font-size: 12px; }
.afsul-list-lg li { font-size: 16px; padding-left: 30px; }
.afsul-list-lg li:before { font-size: 14px; top: 3px; }
.afsul-list-lg li + li { margin-top: 12px; }
.afsul-list.white li { color: rgba(255, 255, 255, .9); }
.afsul-cols-2 li { break-inside: avoid; }
@media (min-width: 768px) { .afsul-cols-2 { column-count: 2; column-gap: 30px; } .afsul-cols-2 li + li { margin-top: 0; } .afsul-cols-2 li { margin-bottom: 12px; } }
.afsul-link { display: inline-flex; align-items: center; font-weight: 600; font-size: 14px; color: var(--afsul-blue); }
.afsul-link:after { content: '\f105'; font-family: 'FontAwesome'; margin-left: 8px; transition: .2s; }
.afsul-link:hover { color: var(--afsul-navy); }
.afsul-link:hover:after { margin-left: 13px; }
.afsul-chip { display: inline-block; padding: 6px 12px; border-radius: 999px; background: var(--afsul-light); color: var(--afsul-navy); font-size: 12.5px; font-weight: 500; margin: 0 6px 8px 0; }
.afsul-chips-nav { text-align: left; }
.afsul-chips-nav a { display: inline-block; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--afsul-border); color: var(--afsul-navy); font-size: 13.5px; font-weight: 500; margin: 0 8px 10px 0; background: #fff; transition: .2s; }
.afsul-chips-nav a:hover { border-color: var(--afsul-blue); color: #fff; background: var(--afsul-blue); }

/* ---------- Ürün Kartları ---------- */
.afsul-product { height: 100%; background: #fff; border: 1px solid var(--afsul-border); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-align: left; transition: .3s ease; }
.afsul-product:hover { box-shadow: 0 16px 36px rgba(11, 45, 99, .10); transform: translateY(-3px); border-color: #bfe6f8; }
.afsul-product-media { position: relative; background: linear-gradient(180deg, #f6fbfe 0%, #e6f4fb 100%); padding: 28px 20px 18px; display: flex; align-items: center; justify-content: center; min-height: 196px; }
.afsul-product-media svg { width: 112px; height: auto; filter: drop-shadow(0 10px 14px rgba(11, 45, 99, .14)); }
.afsul-product-badge { position: absolute; top: 14px; left: 14px; font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--afsul-navy); background: #fff; border-radius: 999px; padding: 5px 11px; border: 1px solid var(--afsul-border); }
.afsul-product-body { padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; }
.afsul-product-body h5 { font-size: 17.5px; font-weight: 600; margin-bottom: 10px; line-height: 1.35; }
.afsul-product-body p { font-size: 14.5px; line-height: 1.6; }
.afsul-product-meta { margin-top: 14px; font-size: 13.5px; line-height: 1.5; }
.afsul-product-meta div + div { margin-top: 6px; }
.afsul-product-meta strong { font-weight: 600; color: var(--afsul-navy); }
.afsul-product-actions { margin-top: auto; padding-top: 20px; }
.afsul-product-actions .btn { padding: 12px 18px; font-size: 13px; }
.afsul-group-head { display: flex; align-items: center; margin-bottom: 8px; text-align: left; }
.afsul-group-head .afsul-card-icon { margin: 0 16px 0 0; }
.afsul-group-head h3 { margin: 0; }
.afsul-group-head + p { max-width: 760px; text-align: left; margin-top: 10px; }
[id^="grup-"] { scroll-margin-top: 90px; }
.afsul-group-section + .afsul-group-section { margin-top: 56px; padding-top: 56px; border-top: 1px solid var(--afsul-border); }

/* ---------- Sayaçlar ---------- */
.afsul-counter-box { background: #fff; border: 1px solid var(--afsul-border); border-radius: 14px; padding: 26px 14px 22px; height: 100%; text-align: center; }
.afsul-counter { font-size: 42px; font-weight: 700; line-height: 1.1; color: var(--afsul-blue); letter-spacing: -.02em; }
@media (min-width: 992px) { .afsul-counter { font-size: 52px; } }
.afsul-counter .counter { display: inline; font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; }
.afsul-counter-cite { margin-top: 8px; color: var(--afsul-navy); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }

/* ---------- İç Sayfa Başlığı ---------- */
.afsul-page-head { position: relative; overflow: hidden; background: linear-gradient(135deg, #ffffff 0%, #eef7fc 60%, #e6f4fb 100%); padding: 48px 0 44px; border-bottom: 1px solid var(--afsul-border); text-align: left; }
@media (min-width: 992px) { .afsul-page-head { padding: 76px 0 66px; } }
.afsul-page-head:after { content: ''; position: absolute; right: -140px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 174, 239, .18), rgba(0, 174, 239, 0)); pointer-events: none; }
.afsul-page-head .container { position: relative; }
.afsul-page-head h1 { font-size: 30px; margin-bottom: 12px; }
@media (min-width: 992px) { .afsul-page-head h1 { font-size: 42px; } }
.afsul-page-head p { max-width: 760px; font-size: 16px; line-height: 1.7; }
.afsul-breadcrumb { display: flex; flex-wrap: wrap; font-size: 13px; color: var(--afsul-text); margin-bottom: 14px; }
.afsul-breadcrumb li { display: inline-block; }
.afsul-breadcrumb li + li:before { content: '/'; margin: 0 8px; color: #a9bdd6; }
.afsul-breadcrumb a { color: var(--afsul-blue); }
.afsul-breadcrumb a:hover { color: var(--afsul-navy); }

/* ---------- Paneller / Notlar ---------- */
.afsul-panel { background: #fff; border: 1px solid var(--afsul-border); border-radius: 16px; padding: 34px 30px; height: 100%; text-align: left; }
.afsul-panel h3 { margin-bottom: 14px; }
.afsul-panel p + p { margin-top: 12px; }
.afsul-panel.navy { background: var(--afsul-navy); border-color: var(--afsul-navy); color: rgba(255, 255, 255, .86); }
.afsul-panel.navy h3, .afsul-panel.navy h4, .afsul-panel.navy h5 { color: #fff; }
.afsul-panel.navy .afsul-card-icon { background: rgba(255, 255, 255, .12); color: var(--afsul-blue); }
.afsul-panel.light { background: var(--afsul-light); border-color: #cfe6f5; }
.afsul-note { background: var(--afsul-light); border-left: 4px solid var(--afsul-blue); padding: 18px 22px; border-radius: 0 10px 10px 0; font-size: 14.5px; line-height: 1.65; color: var(--afsul-navy); text-align: left; }
.afsul-note strong { font-weight: 600; }
.afsul-doc { display: flex; align-items: center; padding: 20px 22px; border: 1px dashed #b9d3e6; border-radius: 12px; background: #fff; text-align: left; height: 100%; }
.afsul-doc .afsul-card-icon { margin: 0 16px 0 0; width: 48px; height: 48px; font-size: 20px; }
.afsul-doc h6 { font-size: 15px; font-weight: 600; margin-bottom: 2px; }
.afsul-doc span { font-size: 13px; }
.afsul-sep { width: 60px; height: 3px; background: var(--afsul-blue); border-radius: 3px; margin: 18px 0 22px; }
.text-center .afsul-sep { margin-left: auto; margin-right: auto; }
.afsul-person { display: flex; align-items: center; text-align: left; }
.afsul-person-avatar { width: 64px; height: 64px; border-radius: 50%; background: var(--afsul-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 20px; margin-right: 16px; flex: 0 0 auto; letter-spacing: .02em; }
.afsul-person h6 { margin-bottom: 2px; font-weight: 600; }
.afsul-person span { font-size: 13px; }
.afsul-steps { counter-reset: step; text-align: left; }
.afsul-step { position: relative; padding-left: 64px; }
.afsul-step + .afsul-step { margin-top: 26px; }
.afsul-step:before { counter-increment: step; content: counter(step, decimal-leading-zero); position: absolute; left: 0; top: 0; width: 46px; height: 46px; border-radius: 12px; background: var(--afsul-navy); color: #fff; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; }
.afsul-step h6 { font-weight: 600; margin-bottom: 4px; }
.afsul-step p { font-size: 14.5px; }

/* ---------- Çağrı Bandı ---------- */
.afsul-cta { position: relative; overflow: hidden; background: var(--afsul-navy); color: rgba(255, 255, 255, .85); }
.afsul-cta:before { content: ''; position: absolute; left: -10%; bottom: -70%; width: 50%; height: 170%; background: radial-gradient(closest-side, rgba(0, 174, 239, .38), rgba(0, 174, 239, 0)); pointer-events: none; }
.afsul-cta:after { content: ''; position: absolute; right: -6%; top: -60%; width: 36%; height: 160%; background: radial-gradient(closest-side, rgba(0, 174, 239, .22), rgba(0, 174, 239, 0)); pointer-events: none; }
.afsul-cta .container { position: relative; }
.afsul-cta h2 { color: #fff; }
.afsul-cta h2 .small { color: var(--afsul-blue); }
.afsul-cta p { font-size: 17px; color: rgba(255, 255, 255, .82); }

/* ---------- Formlar ---------- */
.afsul-label { display: block; font-size: 13px; font-weight: 600; color: var(--afsul-navy); margin-bottom: 8px; letter-spacing: .02em; text-align: left; }
.form-wrap { position: relative; text-align: left; }
.form-input { height: 52px; padding: 10px 16px; font-size: 15px; color: var(--afsul-navy); background: #fff; border: 1px solid #cfdeeb; border-radius: 8px; box-shadow: none; transition: .2s; }
textarea.form-input { height: 150px; padding-top: 14px; resize: vertical; }
.form-input:focus { color: var(--afsul-navy); border-color: var(--afsul-blue); box-shadow: 0 0 0 3px rgba(0, 174, 239, .18); }
.form-input::placeholder { color: #9fb0c3; }
select.form-input { appearance: none; -webkit-appearance: none; padding-right: 44px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230b2d63' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; cursor: pointer; }
.form-validation { right: auto; left: 2px; top: calc(100% + 4px); font-size: 12px; line-height: 1.2; color: #d9534f; }
.has-error .form-input:not(.form-input-impressed), .has-error .form-input:not(.form-input-impressed):focus { border-color: #e4a3a3; }
.afsul-form .row > [class*='col-'] { margin-bottom: 26px; }
.afsul-form .row { margin-bottom: -26px; }
.afsul-form .afsul-form-footer { margin-top: 10px; text-align: left; }
.afsul-form .afsul-form-footer small { display: block; margin-top: 14px; font-size: 12.5px; color: var(--afsul-text); }
.afsul-form-card { background: #fff; border: 1px solid var(--afsul-border); border-radius: 16px; padding: 30px 24px; box-shadow: 0 10px 30px rgba(11, 45, 99, .06); }
@media (min-width: 768px) { .afsul-form-card { padding: 40px 40px; } }
.snackbars { border-radius: 10px; background: var(--afsul-navy); }
.form-input-impressed { background: #fff; }

/* ---------- İletişim ---------- */
.afsul-contact-item { display: flex; align-items: flex-start; text-align: left; }
.afsul-contact-item + .afsul-contact-item { margin-top: 22px; }
.afsul-contact-item .afsul-card-icon { margin: 0 16px 0 0; width: 48px; height: 48px; font-size: 20px; }
.afsul-contact-item h6 { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--afsul-text); margin-bottom: 4px; }
.afsul-contact-item p, .afsul-contact-item a { font-size: 16px; color: var(--afsul-navy); font-weight: 500; }
.afsul-contact-item a:hover { color: var(--afsul-blue); }
.afsul-contact-item small { display: block; font-size: 13px; color: var(--afsul-text); font-weight: 400; margin-top: 2px; }
.afsul-map { border-radius: 16px; overflow: hidden; border: 1px solid var(--afsul-border); min-height: 340px; height: 100%; background: var(--afsul-light); }
.afsul-map iframe { width: 100%; height: 100%; min-height: 340px; border: 0; display: block; }

/* ---------- Sektör kartları ---------- */
.afsul-sector { height: 100%; border-radius: 14px; overflow: hidden; border: 1px solid var(--afsul-border); background: #fff; text-align: left; display: flex; flex-direction: column; transition: .3s ease; }
.afsul-sector:hover { box-shadow: 0 16px 36px rgba(11, 45, 99, .10); transform: translateY(-3px); }
.afsul-sector-head { background: linear-gradient(135deg, var(--afsul-navy) 0%, #12407f 100%); color: #fff; padding: 26px 26px 22px; display: flex; align-items: center; }
.afsul-sector-head .icon { font-size: 28px; color: var(--afsul-blue); margin-right: 16px; width: 40px; text-align: center; flex: 0 0 auto; }
.afsul-sector-head h5 { color: #fff; margin: 0; font-size: 18px; }
.afsul-sector-body { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; }
.afsul-sector-body p { font-size: 14.5px; line-height: 1.65; }
.afsul-sector-groups { margin-top: auto; padding-top: 16px; }
.afsul-sector-groups .label { display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--afsul-text); margin-bottom: 8px; }

/* ---------- Footer ---------- */
.page-footer-classic { background: var(--afsul-navy); }
.page-footer-classic p, .page-footer-classic li { color: rgba(255, 255, 255, .78); font-size: 14.5px; }
.page-footer-classic a, .page-footer-classic a.text-white { color: rgba(255, 255, 255, .85) !important; }
.page-footer-classic a:hover, .page-footer-classic a.text-white:hover { color: var(--afsul-blue) !important; }
.page-footer-classic .list-marked li:before { color: var(--afsul-blue); }
.page-footer-classic-title { font-size: 12px; letter-spacing: .2em; }
.page-footer-classic-title:before { border-color: var(--afsul-blue); }
.page-footer-classic .afsul-footer-logo { width: 220px; height: auto; }
.afsul-footer-tagline { color: var(--afsul-blue); font-size: 14px; margin-top: 14px; font-weight: 500; }
.page-footer-classic .unit .icon { color: var(--afsul-blue); margin-top: 4px; }
.page-footer-classic .bg-black-2 { background: var(--afsul-navy-dark); }
.page-footer-classic .bg-black-2 p { font-size: 13px; color: rgba(255, 255, 255, .65); }
.page-footer-classic .list-xs > li + li { margin-top: 6px; }

/* ---------- Yardımcılar ---------- */
.bg-wild-sand, .bg-table { background-color: var(--afsul-gray); }
.afsul-section-title { max-width: 720px; margin-bottom: 34px; text-align: left; }
.afsul-section-title.center { margin-left: auto; margin-right: auto; text-align: center; }
.afsul-section-title p { margin-top: 14px; font-size: 16px; line-height: 1.7; }
@media (max-width: 767px) { .afsul-section-title { text-align: center; } }
.afsul-muted { color: #8a9bb0; font-size: 13px; }
.offset-top-50 { margin-top: 50px; }
.wow { visibility: visible; }

/* ---------- Üst şerit: şablonun daha özgül kurallarını geçersiz kılar ---------- */
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:first-child:before { background-color: var(--afsul-navy); }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:first-child .small { color: rgba(255, 255, 255, .9); font-weight: 500; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:first-child .afsul-topbar-links a { color: #fff; }
.rd-navbar-static.rd-navbar-secondary .rd-navbar-inner:first-child .afsul-topbar-links a:hover { color: var(--afsul-blue); }
/* JavaScript geç yüklense bile sayfa içeriği görünür kalsın */
.page { opacity: 1; }