/* Cepte Market marka katmanı — apdash şablonunun renklerini marka kitine bağlar.
   Mavi #1593E6 · Gece #141B2D · Gökyüzü #37B5FF · Turuncu #FF7A1A */
:root {
  --cm-mavi: #1593E6;
  --cm-mavi-koyu: #0E6FB8;
  --cm-gok: #37B5FF;
  --cm-gece: #141B2D;
  --cm-turuncu: #FF7A1A;
  --cm-turuncu-koyu: #E8650A;
  --cm-yesil: #16A34A;
  --cm-zemin: #F4F8FC;
}

body { font-family: "Open Sans", sans-serif; color: #4b566b; }
h1, h2, h3, h4, h5, h6 { color: var(--cm-gece); }

/* renk sınıfları */
.color-primary { color: var(--cm-mavi) !important; }
.color-secondary { color: var(--cm-turuncu) !important; }
.primary-bg { background: var(--cm-mavi) !important; }
.secondary-bg { background: var(--cm-mavi) !important; }
.accent-bg { background: var(--cm-turuncu) !important; }
.gray-light-bg { background: var(--cm-zemin) !important; }
.gradient-bg,
[image-overlay]:before { background: linear-gradient(75deg, #0F1A2E 0%, #0E5FA8 58%, #1593E6 100%) !important; }
[image-overlay="8"]:before { opacity: .93 !important; }
.mask-65 { background: linear-gradient(75deg, #0F1A2E 0%, #0E5FA8 58%, #1593E6 100%) !important; }

/* butonlar */
.btn-brand-02, .btn-brand-02:focus { background-color: var(--cm-mavi); border-color: var(--cm-mavi); color: #fff; }
.btn-brand-02:hover { background-color: var(--cm-mavi-koyu); border-color: var(--cm-mavi-koyu); color: #fff; }
.btn-outline-brand-02 { color: var(--cm-mavi); border-color: var(--cm-mavi); }
.btn-outline-brand-02:hover { background: var(--cm-mavi); color: #fff; }
.btn-brand-03, .btn-brand-03:focus { background-color: var(--cm-turuncu); border-color: var(--cm-turuncu); color: #fff; }
.btn-brand-03:hover { background-color: var(--cm-turuncu-koyu); border-color: var(--cm-turuncu-koyu); color: #fff; }
.btn-white { color: var(--cm-gece); }
a { color: var(--cm-mavi); }
a:hover { color: var(--cm-mavi-koyu); }
.check-list-wrap li:before { color: var(--cm-mavi); }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--cm-mavi) !important; }

/* üst menü: saydamken beyaz, kayınca renkli logo */
.navbar-brand svg { height: 40px; width: auto; display: block; }
.navbar .logo-renkli { display: none; }
.navbar.white-bg .logo-beyaz { display: none; }
.navbar.white-bg .logo-renkli { display: block; }
/* kayınca menü koyu zemin: beyaz logo kalır */
.header nav.navbar.affix { background: var(--cm-gece) !important; box-shadow: 0 6px 24px rgba(0,0,0,.18); }
.navbar.white-bg { background: #fff; box-shadow: 0 2px 14px rgba(20, 27, 45, .08); }
.navbar.white-bg .menu > li > a { color: var(--cm-gece); }
.menu > li.nav-cta { display: flex; align-items: center; margin-left: 12px; }
.menu > li.nav-cta > a.btn { padding: 9px 22px !important; font-size: 14px; line-height: 1.4; color: #fff !important; }
.menu > li.nav-cta > a.btn:before, .menu > li.nav-cta > a.btn:after { display: none !important; }
@media (max-width: 991px) {
  .menu > li.nav-cta { margin: 10px 0 14px; }
  .navbar-brand svg { height: 34px; }
}

.footer-logo svg { height: 42px; width: auto; }

/* kahraman: laptop içinde panel */
.hero-cm h1 { font-size: 2.9rem; line-height: 1.18; font-weight: 700; }
.hero-cm .lead { font-size: 1.12rem; opacity: .92; }
.hero-cm .eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .04em; color: #fff;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 30px; padding: 6px 16px; margin-bottom: 18px; }
.hero-cm .hero-devices { position: relative; }
.hero-cm .hero-devices .hero-phone { position: absolute; right: -4%; bottom: -2%; width: 22%; height: auto; filter: drop-shadow(0 20px 30px rgba(10, 20, 40, .35)); }
@media (max-width: 767px) {
  .hero-cm h1 { font-size: 1.9rem; }
  .hero-cm .hero-devices .hero-phone { width: 30%; right: -2%; }
}

/* güven bandı */
.trust-band { padding: 28px 0; border-bottom: 1px solid #e8eef5; }
.trust-band .tb-item { display: flex; align-items: center; gap: 12px; justify-content: center; }
.trust-band .tb-item i { font-size: 22px; color: var(--cm-mavi); }
.trust-band .tb-item span { font-weight: 600; color: var(--cm-gece); font-size: 14.5px; }

/* promo kartları: ikon kutusu */
.promo-one-single .promo-icon { width: 72px; height: 72px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 30px; color: #fff; background: var(--cm-mavi); box-shadow: 0 10px 24px rgba(21,147,230,.28); }
.promo-one-single .promo-icon.turuncu { background: var(--cm-turuncu); box-shadow: 0 10px 24px rgba(255,122,26,.28); }
.promo-one-single .promo-icon.gece { background: var(--cm-gece); box-shadow: 0 10px 24px rgba(20,27,45,.25); }

/* telefon görselleri */
.phone-shot { max-width: 300px; width: 100%; height: auto; filter: drop-shadow(0 24px 34px rgba(20, 27, 45, .22)); }
.phone-pair { position: relative; display: flex; justify-content: center; }
.phone-pair img { height: auto; width: 52%; max-width: 270px; filter: drop-shadow(0 24px 34px rgba(20, 27, 45, .22)); }
.phone-pair img + img { margin-left: -8%; margin-top: 44px; }

/* infografik: rakamlar */
.counter-section .single-counter span { font-size: 34px; }
.count-cm { text-align: center; color: #fff; }
.count-cm h3 { color: #fff; font-size: 2.4rem; margin: 8px 0 2px; font-weight: 700; }
.count-cm p { margin: 0; opacity: .85; font-size: 14px; }
.count-cm i { font-size: 30px; opacity: .9; }

/* iş akışı ikonları marka renginde */
.work-process-wrap .process-icon { border-color: var(--cm-mavi) !important; }
.process-icon-item svg path.dashed1 { stroke: #c9d6e6; }

/* süreç çarkı (template work-process-3 yapısı) */
.journey { position: relative; }
.journey .j-step { text-align: center; position: relative; padding: 0 8px; }
.journey .j-num { width: 86px; height: 86px; border-radius: 50%; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center;
  background: #fff; box-shadow: 0 12px 30px rgba(20, 27, 45, .12); position: relative; z-index: 2; }
.journey .j-num i { font-size: 30px; color: var(--cm-mavi); }
.journey .j-num b { position: absolute; top: -4px; right: -4px; width: 28px; height: 28px; border-radius: 50%; background: var(--cm-turuncu); color: #fff;
  font-size: 13px; display: flex; align-items: center; justify-content: center; font-family: Montserrat, sans-serif; }
.journey .j-step h5 { font-size: 16px; margin-bottom: 6px; }
.journey .j-step p { font-size: 13.5px; line-height: 1.55; margin: 0; }
.journey .j-line { position: absolute; top: 43px; left: 8%; right: 8%; border-top: 2px dashed #b9d5ee; z-index: 1; }
@media (max-width: 991px) { .journey .j-line { display: none; } .journey .j-step { margin-bottom: 30px; } }

/* kanal logoları */
.logo-chip { display: flex; align-items: center; justify-content: center; height: 74px; border-radius: 12px; background: #fff; border: 1px solid #e6edf5;
  font-family: Montserrat, sans-serif; font-weight: 700; font-size: 16px; color: var(--cm-gece); transition: .2s; }
.logo-chip:hover { box-shadow: 0 10px 24px rgba(20, 27, 45, .08); transform: translateY(-2px); }
.logo-chip small { display: block; font-size: 11px; font-weight: 600; color: #8a96a8; letter-spacing: .03em; }

/* laptop / tarayıcı ekranı */
.laptop-shot { width: 100%; height: auto; filter: drop-shadow(0 26px 40px rgba(20, 27, 45, .18)); }
.browser-shot { border-radius: 10px; overflow: hidden; box-shadow: 0 22px 46px rgba(20, 27, 45, .16), 0 0 0 1px rgba(20,27,45,.06); background: #fff; }
.browser-shot .bar { height: 26px; background: #eef2f7; display: flex; align-items: center; gap: 6px; padding: 0 12px; }
.browser-shot .bar i { width: 9px; height: 9px; border-radius: 50%; background: #cfd8e3; display: inline-block; }
.browser-shot img { display: block; width: 100%; }

/* sekmeli ekranlar */
.tabs-cm .nav-link { border-radius: 30px; padding: 9px 22px; font-weight: 600; color: var(--cm-gece); margin: 0 4px 8px; background: #fff; border: 1px solid #e3eaf3; }
.tabs-cm .nav-link.active { background: var(--cm-mavi); color: #fff; border-color: var(--cm-mavi); }

/* fiyat kartı vurgusu */
.single-pricing-pack.popular-price { border-top: 4px solid var(--cm-turuncu) !important; }
.pricing-header .price { color: var(--cm-mavi); }
.cm-badge { display: inline-block; background: rgba(21,147,230,.1); color: var(--cm-mavi); font-weight: 700; font-size: 12px; border-radius: 30px; padding: 4px 12px; letter-spacing: .03em; }
.cm-badge.turuncu { background: rgba(255,122,26,.12); color: var(--cm-turuncu-koyu); }

/* sayfa başlığı (iç sayfalar) */
.page-header-section { padding: 150px 0 90px; }
.page-header-section h1 { font-size: 2.4rem; }

.section-heading h2 { font-weight: 700; }
.section-heading .eyebrow-dark { display: inline-block; color: var(--cm-mavi); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 10px; }
.text-white .eyebrow-dark { color: #9FD8FF; }

/* paket karşılaştırma tablosu */
.cm-compare th { background: var(--cm-gece); color: #fff; font-family: Montserrat, sans-serif; font-weight: 600; border: 0 !important; padding: 16px; }
.cm-compare td { padding: 12px 16px; vertical-align: middle; border-color: #edf1f6; font-size: 14.5px; }
.cm-compare tr.cm-group td { background: var(--cm-zemin); font-weight: 700; color: var(--cm-gece); font-family: Montserrat, sans-serif; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.pricing-feature-list li { font-size: 14px; padding: 5px 0; }
.single-pricing-pack .price-name p { color: #7d889b; }

/* marka kiti */
.brand-logo-box svg { width: 80%; max-width: 360px; height: auto; }
.brand-mark-box svg { width: 110px; height: 110px; }

/* alt bilgi: sade koyu zemin, CTA bölümünden net ayrılır */
.footer-cm { background: var(--cm-gece) !important; color: rgba(255,255,255,.72); padding-top: 70px !important; }
.footer-cm p, .footer-cm ul li a { color: rgba(255,255,255,.72); }
.footer-cm ul li a:hover { color: #fff; }
.footer-cm h6 { color: #fff; letter-spacing: .06em; }
.footer-cm .footer-social a { display: inline-flex; width: 38px; height: 38px; border-radius: 50%; align-items: center; justify-content: center;
  background: rgba(255,255,255,.1); color: #fff; font-size: 18px; transition: .2s; }
.footer-cm .footer-social a:hover { background: #25D366; }
.footer-bottom { background: #0F1524 !important; border-top: 1px solid rgba(255,255,255,.06); }
.footer-bottom, .footer-bottom a, .footer-bottom p { color: rgba(255,255,255,.6) !important; }
.scroll-top { border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }

/* iş ortağı logoları */
.logo-chip-img { height: 104px; }
.logo-chip .partner-logo { height: calc(32px * var(--ls, 1)); max-width: 150px; width: auto; object-fit: contain; display: block; margin: 0 auto 8px; }
.logo-chip small { margin-top: 2px; }
.partner-logo-box { width: 96px; min-width: 96px; height: 44px; display: flex; align-items: center; justify-content: center; }
.partner-logo-box .partner-logo { max-width: 96px; height: calc(28px * var(--ls, 1)); width: auto; object-fit: contain; margin: 0; }
.partner-logo-box { height: 56px; }

/* süreç çarkı (apdash work process) */
.cm-wheel { width: 100%; max-width: 560px; height: auto; display: block; margin: 0 auto; font-family: Montserrat, sans-serif; }
.cm-wheel-n { fill: #fff; font-weight: 800; font-size: 25px; letter-spacing: .02em; }
.cm-wheel-t { fill: #fff; font-weight: 700; font-size: 19px; }
.cm-wheel-d { fill: rgba(255,255,255,.92); font-family: "Open Sans", sans-serif; font-size: 13.5px; }
.cm-wheel-l1 { fill: #141B2D; font-weight: 600; font-size: 40px; letter-spacing: .02em; }
.cm-wheel-l2 { fill: #1593E6; font-weight: 800; font-size: 64px; letter-spacing: .01em; }
.cm-wheel-step { transform-origin: 425px 430px; animation: cmWheelIn .7s ease both; animation-delay: var(--d); }
@keyframes cmWheelIn { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: none; } }

/* ekranlar: üst üste iki tarayıcı */
.shot-stack { position: relative; padding: 0 0 60px 60px; }
.shot-stack .shot-back { position: absolute; top: 0; right: 0; width: 72%; opacity: .95; transform: translate(0, -10px); }
.shot-stack .shot-front { position: relative; width: 82%; margin-top: 70px; z-index: 2; }
.shot-stack .browser-shot img { aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.theme-shot img { aspect-ratio: 16 / 11; object-fit: cover; object-position: top; }
.phone-trio { display: flex; justify-content: center; align-items: flex-end; }
.phone-trio a { width: 33%; max-width: 230px; }
.phone-trio a:nth-child(2) { margin: 0 -3% 40px; z-index: 2; }
.phone-trio img { width: 100%; height: auto; filter: drop-shadow(0 22px 30px rgba(20,27,45,.22)); }
#mobil .screenshot-wrap .owl-dots .owl-dot span { background: rgba(255,255,255,.5) !important; }
@media (max-width: 991px) { .shot-stack { padding: 0; } .shot-stack .shot-back { display: none; } .shot-stack .shot-front { width: 100%; margin: 0; } }

/* mega menü (Çözümler): 5 sütun + alt şerit */
@media (min-width: 992px) {
  .header .navbar > .container { position: relative; }
  .header .menu li.has-mega { position: static; }
  .mega-menu { position: absolute; left: 15px; right: 15px; top: 100%; background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 24px 60px rgba(20, 27, 45, .18); visibility: hidden; opacity: 0; transform: translateY(14px); transition: all .25s ease-out; z-index: 20; }
  .header .menu li.has-mega:hover > .mega-menu, .header .menu li.has-mega:focus-within > .mega-menu { visibility: visible; opacity: 1; transform: none; }
}
.mega-cols { display: grid; grid-template-columns: repeat(5, 1fr); padding: 10px 6px; }
.mega-col { padding: 18px 20px 14px; border-right: 1px solid #edf1f6; }
.mega-col:last-child { border-right: 0; }
.header .menu .mega-menu a { opacity: 1; color: #4b566b; padding: 6px 0; font-size: 14px; line-height: 1.35; display: block; white-space: normal; }
.header .menu .mega-menu a.mega-title { color: var(--cm-gece); font-family: Montserrat, sans-serif; font-weight: 700; font-size: 13px;
  letter-spacing: .06em; text-transform: uppercase; padding: 0 0 12px; margin-bottom: 6px; border-bottom: 2px solid var(--cm-mavi); white-space: nowrap; }
.header .menu .mega-menu a.mega-title i { display: none; }
.header .menu .mega-menu a.mega-link:hover { color: var(--cm-mavi); }
.mega-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--cm-gece); color: rgba(255,255,255,.8); padding: 16px 26px; }
.mega-bar strong { color: #fff; font-family: Montserrat, sans-serif; margin-right: 12px; }
.mega-bar-actions { display: flex; align-items: center; gap: 22px; white-space: nowrap; }
.header .menu .mega-menu a.mega-bar-tel { display: inline-flex; align-items: center; gap: 8px; background: var(--cm-mavi); color: #fff; border-radius: 30px; padding: 7px 16px; font-weight: 700; }
.header .menu .mega-menu a.mega-bar-tel:hover { background: var(--cm-turuncu); }
.header .menu .mega-menu a.mega-bar-all { color: #fff; font-weight: 600; }
.header .menu .mega-menu a.mega-bar-all i { margin-left: 6px; }
@media (max-width: 991px) {
  .mega-menu { display: none; padding: 0 0 10px 12px; }
  .header .menu li.has-mega:hover > .mega-menu, .header .menu li.has-mega:focus-within > .mega-menu { display: block; }
  .mega-cols { display: block; padding: 0; }
  .mega-col { border: 0; padding: 6px 0; }
  .mega-bar { display: none; }
}

/* özellik kartları */
.feat-card { background: #fff; border: 1px solid #e6edf5; border-radius: 14px; padding: 28px 26px; transition: .2s; }
.feat-card:hover { box-shadow: 0 16px 34px rgba(20,27,45,.08); transform: translateY(-3px); }
.feat-card .feat-ic { display: inline-flex; width: 52px; height: 52px; border-radius: 12px; align-items: center; justify-content: center;
  background: rgba(21,147,230,.1); color: var(--cm-mavi); font-size: 22px; margin-bottom: 18px; }
.feat-card h5 { margin-bottom: 8px; }

/* mobil: dokununca açılan menü ve alt bilgi */
@media (max-width: 991px) {
  .header .navbar-collapse { background: #fff; border-radius: 12px; margin-top: 10px; padding: 6px 16px 12px; box-shadow: 0 16px 40px rgba(20,27,45,.18); max-height: 80vh; overflow-y: auto; }
  .header .menu li { display: block; border-bottom: 1px solid #eef2f6; }
  .header .menu li:last-child { border-bottom: 0; }
  .header .menu li a { color: var(--cm-gece) !important; opacity: 1; padding: 13px 0 !important; font-weight: 600; font-size: 15px; }
  .header .menu > li > a.dropdown-toggle { display: flex; justify-content: space-between; align-items: center; }
  .header .menu > li > a.dropdown-toggle:after { transition: transform .2s; }
  .header .menu > li.m-open > a.dropdown-toggle:after { transform: rotate(180deg); }
  /* hover ile açılmayı kapat, yalnız sınıfla aç */
  .header .menu li:hover > ul, .header .menu li.has-mega:hover > .mega-menu, .header .menu li.has-mega:focus-within > .mega-menu { display: none; }
  .header .menu ul { position: static; visibility: visible; opacity: 1; transform: none; width: auto; box-shadow: none; background: transparent; display: none; padding: 0 0 8px 12px; }
  .header .menu ul:after { display: none; }
  .header .menu li.m-open > ul { display: block; }
  .header .menu li.has-mega.m-open > .mega-menu { display: block !important; }
  .header .menu ul li { border: 0; }
  .header .menu ul li a { font-weight: 500 !important; padding: 8px 0 !important; color: #4b566b !important; }
  .mega-menu { padding: 0 0 6px 4px; }
  .header .menu .mega-menu a.mega-title { border-bottom: 0; text-transform: none; letter-spacing: 0; font-size: 15px; padding: 10px 0 !important; margin: 0;
    display: flex; justify-content: space-between; align-items: center; }
  .header .menu .mega-menu a.mega-title:after { content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; transition: transform .2s; }
  .mega-col.m-open a.mega-title:after { transform: rotate(180deg); }
  .mega-col .mega-link { display: none !important; padding-left: 12px !important; }
  .mega-col.m-open .mega-link { display: block !important; }
  .menu > li.nav-cta { border: 0; }
  .menu > li.nav-cta > a.btn { display: block; text-align: center; color: #fff !important; }
  /* alt bilgi akordeon */
  .footer-cm .col-lg-8 .row > div { margin-bottom: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08); }
  .footer-cm h6 { cursor: pointer; padding: 14px 0; margin: 0; display: flex; justify-content: space-between; align-items: center; }
  .footer-cm h6:after { content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 12px; opacity: .7; }
  .footer-cm .m-open h6:after { content: '\f068'; }
  .footer-cm .col-lg-8 ul { display: none; padding-bottom: 12px; }
  .footer-cm .m-open ul { display: block; }
}

@media (max-width: 991px) {
  .header .menu li a:hover, .header .menu li a:focus, .header .menu li:hover > a, .header .menu li.m-open > a,
  .header .menu .mega-menu a:hover, .header .menu .mega-menu a:focus { background: transparent !important; color: var(--cm-mavi) !important; }
}

/* tüm özellik listesi */
.feat-masonry { column-count: 3; column-gap: 24px; }
.feat-group { break-inside: avoid; background: var(--card-bg, #fff); border: 1px solid #e6edf5; border-radius: 14px; padding: 22px 22px 14px; margin-bottom: 24px; display: inline-block; width: 100%; }
.feat-group h5 { display: flex; align-items: center; gap: 12px; font-size: 16px; margin-bottom: 14px; }
.feat-group h5 span { width: 38px; height: 38px; border-radius: 10px; background: rgba(21,147,230,.1); color: var(--cm-mavi); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex: none; }
.feat-list { list-style: none; padding: 0; margin: 0; }
.feat-list > li { position: relative; padding-left: 24px; font-size: 14px; line-height: 1.55; margin-bottom: 10px; color: #4b566b; }
.feat-list > li:before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0; top: 1px; font-size: 12px; color: var(--cm-mavi); }
.feat-list strong { color: var(--cm-gece); }
.feat-list ul { list-style: disc; padding-left: 18px; margin: 6px 0 0; }
.feat-list ul li { font-size: 13.5px; margin-bottom: 4px; }
@media (max-width: 991px) { .feat-masonry { column-count: 2; } }
@media (max-width: 640px) { .feat-masonry { column-count: 1; } }