/* ==========================================================================
   HIZLI İŞLER — Soft Gray / Platinum Kurumsal Hero Alanı
   TİPOGRAFİ VE OKUNABİLİRLİK SİSTEMİ (02 & 03 MADDELERİ)
   ========================================================================== */

.corporate-hero-section {
    position: relative;
    padding-top: 140px;
    padding-bottom: 50px;
    background-color: #F8FAFC;
    background-image: 
        radial-gradient(circle at 85% 15%, rgba(225, 227, 229, 0.7) 0%, transparent 55%),
        #FFFFFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    color: #64748B;
    border-bottom: 1px solid #D8D9D5;
}

.corporate-hero-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 18% 45%, rgba(152, 255, 3, 0.05) 0%, transparent 45%);
    pointer-events: none;
    z-index: 1;
}

.corporate-hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.95fr;
    gap: 48px;
    align-items: center;
    position: relative;
    z-index: 5;
}

/* ==========================================================================
   SOL KOLON — MESAJ & CTA
   ========================================================================== */

.corporate-hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Kategori Etiketi (15px) */
.hero-category-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: #FFFFFF;
    border: 1px solid #D8D9D5;
    border-radius: 999px;
    font-size: 15px !important;
    font-weight: 700;
    color: #202427 !important;
    letter-spacing: 0.02em;
    margin-bottom: 22px;
}

.pill-status-dot {
    width: 8px;
    height: 8px;
    background-color: #C2542D;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(152, 255, 3, 0.6);
}

/* H1 Ana Başlık (56px / 1.14 / 700 / -0.02em) */
.hero-headline {
    font-family: var(--font-heading, "Space Grotesk", sans-serif);
    font-size: 56px !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    letter-spacing: -0.02em !important;
    color: #202427 !important;
    margin-bottom: 20px;
}

.headline-accent {
    color: #202427 !important;
}

/* Alt Açıklama Metni (18px / 1.60 / 400 / max-width: 680px) */
.hero-subtext {
    font-family: var(--font-body, "Urbanist", sans-serif);
    font-size: 18px !important;
    color: #686D70 !important;
    font-weight: 400 !important;
    line-height: 1.60 !important;
    max-width: 680px;
    margin-bottom: 32px;
}

/* CTA Buton Alanı */
.hero-cta-container {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 36px;
    flex-wrap: wrap;
}

/* Ana CTA: "Projenizi Planlayalım" (16.5px / 1.20 / 600) */
.btn-plan-project {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: #C2542D !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif);
    font-weight: 600 !important;
    font-size: 16.5px !important;
    line-height: 1.20 !important;
    border-radius: 12px;
    border: none;
    box-shadow: 0 8px 24px rgba(152, 255, 3, 0.35);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    letter-spacing: -0.01em;
}

.btn-plan-project:hover {
    background: #C2542D !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(152, 255, 3, 0.45);
    color: #202427 !important;
}

/* İkinci CTA: "Çalışmalarımızı İnceleyin" (16.5px / 1.20 / 600) */
.btn-view-works {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 28px;
    background: #F5F5F0 !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif);
    font-weight: 600 !important;
    font-size: 16.5px !important;
    line-height: 1.20 !important;
    border-radius: 12px;
    border: 1px solid #F5F5F0 !important;
    transition: all 0.25s ease;
}

.btn-view-works:hover {
    background: #64748B !important;
    border-color: #686D70 !important;
    transform: translateY(-2px);
    color: #202427 !important;
}

/* Süreç Göstergesi */
.hero-process-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.process-lead-text {
    font-size: 15px !important;
    font-weight: 600;
    color: #202427 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.process-step-track {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: #FFFFFF;
    border: 1px solid #D8D9D5;
    border-radius: 8px;
    font-size: 15px !important;
    font-weight: 600;
    color: #202427 !important;
}

.proc-step {
    color: #202427 !important;
}

.proc-arrow {
    color: #202427 !important;
    font-weight: 700;
}

/* ==========================================================================
   SAĞ KOLON — BİLGİSAYAR EKRANINDA SATIŞ FORMU (#FFFFFF)
   ========================================================================== */

.hero-computer-monitor {
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 16px;
    box-shadow: 0 20px 50px -10px rgba(17, 24, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hero-computer-monitor:hover {
    box-shadow: 0 24px 60px -10px rgba(17, 24, 39, 0.16) !important;
}

.showcase-window-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #FFFFFF !important;
    border-bottom: 1px solid #D8D9D5 !important;
}

.window-traffic-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

.w-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.w-dot.red { background-color: #ff5f56; }
.w-dot.yellow { background-color: #ffbd2e; }
.w-dot.green { background-color: #27c93f; }

.window-url-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    padding: 3px 14px;
    border-radius: 999px;
    font-size: 15px !important;
    color: #202427 !important;
    font-weight: 500;
    font-family: monospace;
    letter-spacing: 0.01em;
}

.window-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px !important;
    font-weight: 700;
    color: #202427 !important;
}

.live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #C2542D;
    box-shadow: 0 0 6px #C2542D;
    animation: livePulse 2s infinite;
}

@keyframes livePulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.3); }
}

.sales-form-body {
    padding: 24px 26px;
    background: #FFFFFF !important;
}

.sales-form-header {
    margin-bottom: 16px;
}

.sales-form-badge {
    display: inline-block;
    font-size: 15px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #202427 !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    padding: 3px 12px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.sales-form-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #202427 !important;
    margin: 0 0 6px 0;
    font-family: var(--font-heading, "Space Grotesk", sans-serif);
}

.sales-form-subtitle {
    font-size: 16px !important;
    color: #686D70 !important;
    font-weight: 400 !important;
    line-height: 1.50 !important;
    margin: 0;
    font-family: var(--font-body, "Urbanist", sans-serif);
}

/* Service Pills */
.sales-service-selector {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.service-pill-btn {
    padding: 8px 4px;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 8px;
    color: #202427 !important;
    font-size: 15px !important;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-pill-btn:hover {
    background: #FFFFFF !important;
    border-color: #202427 !important;
}

.service-pill-btn.active {
    background: #F5F5F0 !important;
    border-color: #202427 !important;
    color: #202427 !important;
    font-weight: 700;
}

/* Inputs Grid (16.5px / 1.40 / 400) */
.sales-inputs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.sales-field-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sales-field-group.full-width {
    grid-column: span 2;
}

.sales-field-label {
    font-size: 15.5px !important;
    font-weight: 600 !important;
    color: #202427 !important;
    letter-spacing: 0.01em;
}

.sales-field-input {
    width: 100%;
    padding: 10px 14px;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 8px;
    color: #202427 !important;
    font-weight: 400 !important;
    font-size: 16.5px !important;
    line-height: 1.40 !important;
    font-family: inherit;
    transition: all 0.2s ease;
    outline: none;
}

.sales-field-input:focus {
    border-color: #202427 !important;
    box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.15) !important;
}

.sales-field-input::placeholder {
    color: #686D70 !important;
    font-size: 15.5px !important;
}

/* Submit Button (16.5px / 1.20 / 600) */
.btn-sales-submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    background-color: #C2542D !important;
    color: #202427 !important;
    font-weight: 600 !important;
    font-size: 16.5px !important;
    line-height: 1.20 !important;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(152, 255, 3, 0.35);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    letter-spacing: -0.01em;
    margin-bottom: 12px;
}

.btn-sales-submit:hover {
    background-color: #C2542D !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 22px rgba(152, 255, 3, 0.45);
    color: #202427 !important;
}

/* Trust Row (15px) */
.sales-form-trust-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px !important;
    color: #202427 !important;
    font-weight: 500;
    text-align: center;
    flex-wrap: wrap;
}

.trust-pill-text {
    font-weight: 500;
}

.trust-pill-dot {
    color: #94A3B8;
}

.sales-form-alert {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 15.5px !important;
    line-height: 1.45;
    text-align: center;
    font-weight: 600;
}

/* ============================================================
   ALT GÜVEN ŞERİDİ (15.5px)
   ============================================================ */

.hero-trust-strip {
    margin-top: 50px;
    padding-top: 24px;
    border-top: 1px solid #D8D9D5;
}

.trust-strip-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.trust-strip-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 15.5px !important;
    font-weight: 600;
    color: #202427 !important;
}

.trust-strip-item svg {
    stroke: #F5F5F0;
}

.trust-strip-sep {
    color: #94A3B8;
    font-size: 14px;
}

/* ============================================================
   SERVICES GEÇİŞ BUTONU
   ============================================================ */

.hero-to-services-transition {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.transition-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: #FFFFFF;
    border: 1px solid #D8D9D5;
    border-radius: 999px;
    font-size: 15px !important;
    font-weight: 600;
    color: #0F172A;
    transition: all 0.25s ease;
}

.transition-pill:hover {
    background: #FFFFFF;
    border-color: #0F172A;
    transform: translateY(2px);
    color: #0F172A;
}

.transition-pill svg {
    stroke: #F5F5F0;
    transition: transform 0.2s ease;
}

.transition-pill:hover svg {
    transform: translateY(2px);
}

/* ============================================================
   SERVICES BÖLÜMÜ BAŞLIK ALANI
   ============================================================ */

.wpr-services-area .section-top-area {
    padding: 28px 0 16px !important;
}

.wpr-services-area .section-title-area.center-style {
    max-width: 680px !important;
    margin: 0 auto !important;
}

.wpr-services-area .section-title-area .sub-title {
    font-size: 15px !important;
    letter-spacing: 0.10em !important;
    margin-bottom: 6px !important;
    padding: 4px 14px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
    font-weight: 700 !important;
}

.wpr-services-area .section-title-area .section-title {
    font-size: 42px !important;
    line-height: 1.18 !important;
    margin-bottom: 0 !important;
    letter-spacing: -0.015em;
    color: #202427 !important;
    font-weight: 700 !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 991px) {
    .corporate-hero-section {
        padding-top: 110px;
        padding-bottom: 40px;
    }
    .corporate-hero-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .hero-headline {
        font-size: 46px !important;
        line-height: 1.14 !important;
        max-width: 100%;
    }
    .hero-subtext {
        font-size: 17px !important;
        margin-bottom: 24px;
    }
    .hero-cta-container {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: 100%;
        margin-bottom: 24px;
    }
    .btn-plan-project,
    .btn-view-works {
        width: 100%;
        justify-content: center;
        padding: 15px 24px;
    }
    .hero-process-bar {
        width: 100%;
    }
    .trust-strip-inner {
        gap: 12px 16px;
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .hero-headline {
        font-size: 38px !important;
        line-height: 1.14 !important;
    }
    .hero-subtext {
        font-size: 16.5px !important;
    }
}


/* ==========================================================================
   HIZLI İŞLER — MATTE SOFT OFF-WHITE / HAFİF GRİYE YAKIN BEYAZ SİSTEMİ
   Parlaklığı kırılmış, gözü yormayan yumuşak açık gri-beyaz (#E2E5E9 / #D8D9D5)
   ========================================================================== */
:root {
  --color-white: #E2E5E9 !important;
  --color-heading-1: #D8D9D5 !important;
  --color-title: #D8D9D5 !important;
  --color-text: #D8D9D5 !important;
  --color-soft-white: #E2E5E9 !important;
}

/* Başlıklar & Ana Metinler (Gözü Yormayan Mat Beyaz/Açık Gri: #D8D9D5) */
h1, .h1,
h2, .h2, .section-title,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.title,
.heading,
.font-semi-bold,
.text-white,
.sales-title,
.hero-headline,
.headline-accent {
  color: #202427 !important;
}

/* Menü ve Buton Yazıları */
.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link,
.mega-srv-title,
.mega-service-card-item strong,
.mega-intro-title,
.footer-widget .title,
.footer-title,
.footer-heading,
.sales-field-label,
label {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover,
.footer-widget ul li a:hover,
.footer-link:hover,
.guide-item:hover,
.service-chip:hover {
  color: #202427 !important;
}

/* Hizmet Kartları & Liste Başlıkları */
.service-wrapper .content .top .tag,
.service-wrapper .content .top .title,
.service-wrapper h3,
.service-wrapper h4,
.service-wrapper a,
.service-wrapper .content .bottom ul li,
.why-choose-wrapper .wrapper-header .title,
.why-choose-wrapper2 .title,
.why-choose-box .title {
  color: #202427 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #202427 !important;
}

/* Çipler & Aktif Elemanlar */
.sales-service-chip.active,
.service-chip.active,
.guide-item.is-active,
.guide-item.is-active strong {
  color: #202427 !important;
}

/* İkincil Yazılar (Dengeli Açık Gri: #9CA3AF / #64748B) */
p,
.desc,
.text,
.hero-subtext,
.accordion-body,
.bottom-description,
span.text,
.paragraph,
.text-body-1,
.text-body-2,
.text-body-3,
.text-white-64,
.sales-subtitle,
.mega-srv-desc,
.mega-service-card-item span,
.mega-intro-desc,
.proc-step,
.footer-widget p,
.footer-widget ul li a,
.footer-link,
.copyright-text {
  color: #9CA3AF !important;
}



/* ==========================================================================
   HIZLI İŞLER — LOGO RENKLERİ & PARLAK OLMAYAN MAT BEYAZ PALETİ
   • Logo Mavisi: #C2542D (Cobalt Electric Blue)
   • Logo Kırmızısı: #DC2626 (Accent Red)
   • Logo Siyahı: #0F172A (Deep Slate Black)
   • Arka Plan: #F8FAFC (Parlak olmayan mat açık gri-beyaz)
   • Kart / Kutu: #FFFFFF (Temiz beyaz kart)
   • Kenarlık: #D8D9D5
   ========================================================================== */
:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-secondary: #DC2626 !important;
  --color-heading-1: #0F172A !important;
  --color-title: #0F172A !important;
  --color-text: #1E293B !important;
  --color-body: #F8FAFC !important;
  --color-white: #FFFFFF !important;
  --color-border: #D8D9D5 !important;
}

body, html {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* 1. Header & Menü */
.header-style-one-wrapper,
.header-wrapper,
.main-header,
.header-main,
.wpr-header-area {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #D8D9D5 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

.header-style-one-wrapper .logo,
.header-wrapper .logo,
.logo {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link {
  color: #202427 !important;
  font-weight: 600 !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

/* Mega Menü */
.hia-mega-menu,
.mega-menu-grid-layout,
.mega-intro-col {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1) !important;
}

.mega-service-card-item {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
}

.mega-service-card-item:hover {
  background-color: #FFFFFF !important;
  border-color: #C2542D !important;
  box-shadow: 0 4px 15px rgba(0, 184, 144, 0.08) !important;
}

.mega-srv-title,
.mega-service-card-item strong {
  color: #202427 !important;
}

.mega-srv-desc,
.mega-service-card-item span {
  color: #686D70 !important;
}

.mega-intro-title {
  color: #202427 !important;
}

.mega-intro-desc {
  color: #686D70 !important;
}

.mega-promo-btn {
  background: #C2542D !important;
  border: none !important;
  color: #202427 !important;
}

.mega-promo-btn:hover {
  background: #A63E19 !important;
  color: #202427 !important;
}

.header-a11y-btn {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.header-btn-cta,
.btn-primary,
.wpr-btn.primary {
  background: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.header-btn-cta:hover,
.btn-primary:hover,
.wpr-btn.primary:hover {
  background: #A63E19 !important;
  color: #202427 !important;
}

/* 2. Hero Bölümü */
.corporate-hero-section {
  background: linear-gradient(180deg, #F8FAFC 0%, #EDF2F7 100%) !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.hero-headline,
.headline-main,
.headline-accent {
  color: #202427 !important;
}

.hero-subtext {
  color: #555A5D !important;
}

.hero-process-nav {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

.proc-step {
  color: #202427 !important;
}

.proc-label {
  color: #686D70 !important;
}

/* Hero Form Kutusu */
.sales-card,
.sales-lead-container {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08) !important;
}

.sales-card-header,
.sales-card-bar {
  background: #F5F4EF !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #686D70 !important;
}

.sales-field-label {
  color: #202427 !important;
}

.sales-input,
.sales-textarea {
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  box-shadow: 0 0 0 3px rgba(0, 184, 144, 0.15) !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #686D70 !important;
}

.sales-service-chip {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #334155 !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

.sales-submit-btn {
  background: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 4px 15px rgba(0, 184, 144, 0.3) !important;
}

.sales-submit-btn:hover {
  background: #A63E19 !important;
}

.sales-badge-pill {
  background: rgba(0, 184, 144, 0.08) !important;
  color: #C2542D !important;
  border: 1px solid rgba(0, 184, 144, 0.2) !important;
}

.sales-trust-notes {
  color: #686D70 !important;
}

/* 3. Hizmet Kartları */
.wpr-services-area .section-inner,
.section-inner.bg-white,
.section-inner {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
}

.wpr-services-area .section-top-area,
.wpr-services-area .section-title-area {
  background: #FFFFFF !important;
}

.section-title,
.sub-title,
h1, h2, h3, h4, h5, h6 {
  color: #202427 !important;
}

.sub-title {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  border-right: 1px solid #D8D9D5 !important;
  border-left: 1px solid #D8D9D5 !important;
}

.service-wrapper .image-area img {
  opacity: 0.15 !important;
  filter: none !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.35 !important;
  transform: scale(1.05) !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.95) 85%, #FFFFFF 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(15, 23, 42, 0.06) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  text-shadow: none !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

/* 4. Why Choose / Süreç Kartları */
.why-choose-wrapper,
.why-choose-wrapper2,
.why-choose-inner,
.why-choose-box,
.wpr-why-choose-area .item {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
}

.why-choose-wrapper .wrapper-header .title,
.why-choose-wrapper2 .title,
.why-choose-box .title {
  color: #202427 !important;
}

.why-choose-wrapper ul li,
.why-choose-wrapper2 ul li,
.why-choose-box p,
.why-choose-box ul li {
  color: #555A5D !important;
}

/* 5. SSS / Accordion */
.accordion-item {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  margin-bottom: 8px !important;
}

.accordion-button {
  background: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.accordion-button:not(.collapsed) {
  background: #F5F4EF !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  color: #555A5D !important;
}

/* 6. Footer */
footer,
.wpr-footer-area,
.footer-area,
.footer-wrapper,
.footer-top,
.footer-bottom {
  background: #0F172A !important;
  background-color: #202427 !important;
  border-color: #555A5D !important;
}

.footer-widget .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
}

.footer-widget p,
.footer-widget ul li a,
.footer-link,
.copyright-text {
  color: #686D70 !important;
}

.footer-widget ul li a:hover,
.footer-link:hover {
  color: #38BDF8 !important;
}



/* ==========================================================================
   HERO & FORM LOGO LIGHT SYSTEM (Cobalt Blue #C2542D & Off-White #F8FAFC)
   ========================================================================== */
.corporate-hero-section {
    background: linear-gradient(180deg, #F8FAFC 0%, #EDF2F7 100%) !important;
    background-color: #F5F4EF !important;
    background-image: none !important;
    border-bottom: 1px solid #D8D9D5 !important;
    color: #555A5D !important;
}

.corporate-hero-section::before {
    display: none !important;
}

.hero-category-pill {
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

.pill-status-dot {
    background-color: #C2542D !important;
    box-shadow: 0 0 8px rgba(0, 184, 144, 0.4) !important;
}

.hero-headline,
.headline-accent {
    color: #202427 !important;
}

.hero-subtext {
    color: #555A5D !important;
}

.btn-plan-project {
    background: #C2542D !important;
    background-color: #C2542D !important;
    color: #202427 !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.btn-plan-project:hover {
    background: #A63E19 !important;
    background-color: #A63E19 !important;
    color: #202427 !important;
}

.hero-process-nav {
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

.proc-label {
    color: #686D70 !important;
}

.proc-step {
    color: #202427 !important;
}

/* Hero Form Container */
.sales-lead-container,
.sales-card {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08) !important;
}

.sales-card-header,
.sales-card-bar {
    background: #F5F4EF !important;
    background-color: #F5F4EF !important;
    border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
    color: #202427 !important;
}

.sales-subtitle {
    color: #686D70 !important;
}

.sales-badge-pill {
    background: rgba(0, 184, 144, 0.08) !important;
    color: #C2542D !important;
    border: 1px solid rgba(0, 184, 144, 0.2) !important;
}

.sales-field-label {
    color: #202427 !important;
}

.sales-input,
.sales-textarea {
    background: #F5F4EF !important;
    background-color: #F5F4EF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
}

.sales-input:focus,
.sales-textarea:focus {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-color: #C2542D !important;
    box-shadow: 0 0 0 3px rgba(0, 184, 144, 0.15) !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
    color: #686D70 !important;
}

.sales-service-chip {
    background: #EEEDE7 !important;
    background-color: #EEEDE7 !important;
    border: 1px solid #D8D9D5 !important;
    color: #334155 !important;
}

.sales-service-chip:hover {
    background: #D8D9D5 !important;
    color: #202427 !important;
}

.sales-service-chip.active {
    background: #C2542D !important;
    background-color: #C2542D !important;
    border-color: #C2542D !important;
    color: #202427 !important;
}

.sales-submit-btn {
    background: #C2542D !important;
    background-color: #C2542D !important;
    background-image: none !important;
    color: #202427 !important;
    box-shadow: 0 4px 15px rgba(0, 184, 144, 0.3) !important;
}

.sales-submit-btn:hover {
    background: #A63E19 !important;
    background-color: #A63E19 !important;
    color: #202427 !important;
}

.sales-trust-notes {
    color: #686D70 !important;
}



/* ==========================================================================
   MASTER LOGO LIGHT SYSTEM (NON-GLARING OFF-WHITE #F8FAFC & LOGO BLUE #C2542D)
   ========================================================================== */
html, body {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* 1. Header & Menü */
.header-style-one-wrapper,
.header-wrapper,
.main-header,
.header-main,
.wpr-header-area,
.header-style-one {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #D8D9D5 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}

.header-style-one-wrapper .logo,
.header-wrapper .logo,
.logo {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link,
.mobile-menu-btn {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 4px 12px rgba(0, 184, 144, 0.25) !important;
}

.header-btn-cta:hover {
  background: #A63E19 !important;
  color: #202427 !important;
}

/* 2. Hero Bölümü */
.corporate-hero-section {
  background-color: #F5F4EF !important;
  background: linear-gradient(180deg, #F8FAFC 0%, #EEF2F6 100%) !important;
  background-image: none !important;
  border-bottom: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
}

.corporate-hero-section::before {
  display: none !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(0, 184, 144, 0.4) !important;
}

.hero-headline,
.headline-main,
.headline-accent {
  color: #202427 !important;
}

.hero-subtext {
  color: #555A5D !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  color: #202427 !important;
}

.hero-process-nav {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

.proc-label {
  color: #686D70 !important;
}

.proc-step {
  color: #202427 !important;
}

/* 3. Hero Form Kartı */
.sales-lead-container,
.sales-card,
.sales-box {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08) !important;
}

.sales-card-header,
.sales-card-bar {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #686D70 !important;
}

.sales-badge-pill {
  background: rgba(0, 184, 144, 0.08) !important;
  color: #C2542D !important;
  border: 1px solid rgba(0, 184, 144, 0.2) !important;
}

.sales-field-label {
  color: #202427 !important;
}

.sales-input,
.sales-textarea {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  box-shadow: 0 0 0 3px rgba(0, 184, 144, 0.15) !important;
}

.sales-service-chip {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #334155 !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  background-image: none !important;
  color: #202427 !important;
  box-shadow: 0 4px 15px rgba(0, 184, 144, 0.3) !important;
}

.sales-submit-btn:hover {
  background: #A63E19 !important;
}

.sales-trust-notes {
  color: #686D70 !important;
}

/* 4. Hizmetlerimiz */
.wpr-services-area .section-inner,
.section-inner.bg-white,
.section-inner {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
}

.wpr-services-area .section-top-area,
.wpr-services-area .section-title-area {
  background: #FFFFFF !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  border-right: 1px solid #D8D9D5 !important;
  border-left: 1px solid #D8D9D5 !important;
}

.service-wrapper .image-area img {
  opacity: 0.18 !important;
  filter: none !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.45 !important;
  transform: scale(1.06) !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.94) 80%, #FFFFFF 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(15, 23, 42, 0.06) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  text-shadow: none !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}



/* ==========================================================================
   ULTIMATE LIGHT MODE TYPOGRAPHY & VISIBILITY
   ========================================================================== */
.section-title,
.section-title-area h2,
.section-title-area .title,
.sub-title,
.sales-title,
.sales-badge-pill,
.proc-step,
.proc-label,
.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.hero-proc-title,
.hero-headline,
.headline-main,
.headline-accent,
h1, h2, h3, h4, h5, h6 {
  color: #202427 !important;
  text-shadow: none !important;
}

.sub-title {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.hero-proc-title {
  color: #686D70 !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #686D70 !important;
}

.sales-field-label {
  color: #202427 !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  text-shadow: none !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  text-shadow: none !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #202427 !important;
  fill: #FFFFFF !important;
}



/* ==========================================================================
   ÇERÇEVE & ALTTAN GÖLGE SİSTEMİ (FRAMED CARDS WITH PROMINENT BOTTOM SHADOW)
   ========================================================================== */

/* 1. Header — Çerçeveli & Alttan Gölgeli */
.header-style-one .header-style-one-wrapper {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 25px -4px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.03) !important;
  padding: 10px 28px !important;
  transition: all 0.3s ease !important;
}

.header-style-one.header-sticky.sticky .header-style-one-wrapper {
  box-shadow: 0 15px 30px -4px rgba(15, 23, 42, 0.12), 0 6px 10px -2px rgba(15, 23, 42, 0.05) !important;
}

/* 2. Hero — Form Kartı & Süreç Barı Çerçeve ve Alttan Gölgesi */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 45px -8px rgba(15, 23, 42, 0.12), 0 10px 18px -4px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.sales-lead-container:hover,
.sales-card:hover {
  box-shadow: 0 25px 50px -10px rgba(0, 184, 144, 0.16), 0 12px 20px -4px rgba(15, 23, 42, 0.08) !important;
  border-color: #686D70 !important;
}

.hero-process-nav {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 25px -4px rgba(15, 23, 42, 0.07), 0 4px 8px -2px rgba(15, 23, 42, 0.03) !important;
  padding: 10px 22px !important;
}

.hero-category-pill {
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.06) !important;
}

/* 3. Ana Bölüm Konteynerleri (.section-inner) — Tam Çerçeve ve Alttan Gölge */
.wpr-services-area .section-inner,
.wpr-why-choose-us-area .section-inner,
.wpr-why-choose-us-area2 .section-inner,
.wpr-faq-area .section-inner,
.wpr-contact-area .section-inner,
.section-inner.bg-white,
.section-inner {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 36px -6px rgba(15, 23, 42, 0.08), 0 8px 16px -3px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
  margin-bottom: 32px !important;
  transition: all 0.3s ease !important;
}

/* 4. Hizmet Kartları Grid Yapısı & Çerçeve / Alttan Gölge */
.wpr-services-area .section-bottom-content {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  padding: 24px !important;
  border: none !important;
  background: transparent !important;
}

.wpr-services-area .section-bottom-content .service-wrapper {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 25px -4px rgba(15, 23, 42, 0.07), 0 4px 8px -2px rgba(15, 23, 42, 0.03) !important;
  overflow: hidden !important;
  flex-basis: auto !important;
  margin: 0 !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wpr-services-area .section-bottom-content .service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 20px 40px -6px rgba(0, 184, 144, 0.18), 0 8px 16px -3px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-5px) !important;
}

@media (max-width: 991px) {
  .wpr-services-area .section-bottom-content {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 575px) {
  .wpr-services-area .section-bottom-content {
    grid-template-columns: 1fr !important;
  }
}

/* 5. Neden Hızlı İşler & Süreç Kartları — Çerçeve ve Alttan Gölge */
.wpr-why-choose-us-area2 .bottom-content-area {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  padding: 24px !important;
  border: none !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px -3px rgba(15, 23, 42, 0.07), 0 4px 8px -2px rgba(15, 23, 42, 0.03) !important;
  padding: 26px 22px !important;
  margin: 0 !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
  box-shadow: 0 16px 32px -4px rgba(0, 184, 144, 0.14), 0 8px 14px -3px rgba(15, 23, 42, 0.05) !important;
  transform: translateY(-4px) !important;
}

@media (max-width: 991px) {
  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 575px) {
  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: 1fr !important;
  }
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px -3px rgba(15, 23, 42, 0.06) !important;
  margin-bottom: 16px !important;
}

/* 6. SSS / Accordion Maddeleri — Çerçeve ve Alttan Gölge */
.wpr-faq-area .accordion-item {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px -3px rgba(15, 23, 42, 0.06), 0 4px 6px -2px rgba(15, 23, 42, 0.03) !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.wpr-faq-area .accordion-item:hover {
  border-color: #686D70 !important;
  box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.09) !important;
}

/* 7. İletişim / Form Alanları — Çerçeve ve Alttan Gölge */
.wpr-contact-area .contact-form-area,
.wpr-contact-area .left-content-area {
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 30px -4px rgba(15, 23, 42, 0.08), 0 6px 12px -2px rgba(15, 23, 42, 0.04) !important;
}

/* 8. Footer — Çerçeve ve Alttan Gölge */
.wpr-footer-area .section-inner,
footer .section-inner {
  border: 1.5px solid #334155 !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 45px -8px rgba(0, 0, 0, 0.35) !important;
}



/* ==========================================================================
   PUBLICIS SAPIENT COLOR PALETTE & DESIGN SYSTEM
   • Signature Ruby Red: #C2542D
   • Deep Brand Black: #000000 / #0A0A0A
   • Clean White: #FFFFFF
   • Soft Off-White Background: #F8F9FA
   • Crisp Borders: #D8D9D5 / #D8D9D5
   ========================================================================== */
:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-secondary: #000000 !important;
  --color-heading-1: #000000 !important;
  --color-title: #000000 !important;
  --color-text: #1E293B !important;
  --color-body: #F8F9FA !important;
  --color-white: #FFFFFF !important;
  --color-border: #D8D9D5 !important;
}

body, html {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* 1. Primary CTA Buttons (Publicis Sapient "Let's Connect" style) */
.header-btn-cta,
.btn-plan-project,
.sales-submit-btn,
.mega-promo-btn,
.wpr-btn.primary {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #202427 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 184, 144, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-btn-cta:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.mega-promo-btn:hover,
.wpr-btn.primary:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #202427 !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 24px rgba(0, 184, 144, 0.45) !important;
}

/* 2. Subtitles, Pills & Badges */
.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 10px rgba(0, 184, 144, 0.5) !important;
}

.sales-badge-pill {
  background: rgba(0, 184, 144, 0.08) !important;
  color: #C2542D !important;
  border: 1px solid rgba(0, 184, 144, 0.2) !important;
}

/* 3. Navigation & Links */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

/* 4. Form Active Chip & Focus */
.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

.sales-input:focus,
.sales-textarea:focus {
  border-color: #C2542D !important;
  box-shadow: 0 0 0 3px rgba(0, 184, 144, 0.15) !important;
}

/* 5. Service Cards — Publicis Sapient Style */
.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 800 !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 20px 40px -6px rgba(0, 184, 144, 0.18), 0 8px 16px -3px rgba(15, 23, 42, 0.06) !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #202427 !important;
  fill: #FFFFFF !important;
}

/* 6. Why Choose / Step Cards */
.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
  box-shadow: 0 16px 32px -4px rgba(0, 184, 144, 0.15), 0 8px 14px -3px rgba(15, 23, 42, 0.05) !important;
}

/* 7. FAQ Accordion Active */
.accordion-button:not(.collapsed) {
  color: #C2542D !important;
}

/* 8. Mega Menu */
.mega-service-card-item:hover {
  border-color: #C2542D !important;
  box-shadow: 0 4px 15px rgba(0, 184, 144, 0.1) !important;
}

.mega-service-card-item:hover .mega-srv-title {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — PREMİUM MAT KOYU & KIRIK BEYAZ RENK SİSTEMİ
   --------------------------------------------------------------------------
   • Ana Arka Plan (%60):       #F5F4EF
   • İkincil Arka Plan (%18):   #EEEDE7
   • Kart / Kutu Arka Planı:     #FFFFFF
   • Kart Hover:                #F8F8F4
   • Ana Kırık Beyaz (%9):      #202427 (ASLA #FFFFFF KULLANILMAZ)
   • İkincil Başlık:            #34383A
   • Normal Metin:              #555A5D
   • Pasif / Yardımcı Metin:    #686D70
   • Ana Marka Vurgu (%3):      #C2542D
   • Marka Hover:               #A63E19
   • Border / Çerçeve:          #D8D9D5
   • Footer Arka Planı:         #E7E6E0
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-secondary: #C2542D !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-body: #F5F4EF !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-white: #202427 !important;
}

/* GENEL ZEMİN & MAT YAPI */
html, body {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

body.home-bg,
.home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

/* TİPOGRAFİ HİYERARŞİSİ */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.headline-accent,
.title,
strong, b {
  color: #202427 !important;
  text-shadow: none !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  background: transparent !important;
  border: none !important;
}

p, span, li, label, .desc, .text {
  color: #555A5D !important;
}

.text-muted,
.proc-label,
.sales-trust-notes,
.small-desc,
.time,
.date {
  color: #686D70 !important;
}

/* ==========================================================================
   1. HEADER
   Arka plan: #F5F4EF | Menü: #555A5D | Hover: #202427 | Aktif: #C2542D | CTA: #C2542D (Yazı: #F5F4EF)
   ========================================================================== */
header,
.header-style-one,
.wpr-header-area {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

.header-style-one .header-style-one-wrapper,
.header-wrapper,
.main-header {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5) !important;
}

.header-style-one-wrapper .logo,
.header-wrapper .logo,
.logo {
  background: transparent !important;
}

/* Logo'yu koyu zemin üzerinde ferah ve doğal kılmak için zarif arka plan koruyucu */
.header-style-one-wrapper .logo img,
.header-wrapper .logo img {
  filter: none !important;
  background: #202427 !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link {
  color: #555A5D !important;
  font-weight: 500 !important;
  transition: color 0.25s ease !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover,
.header-link:hover {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
}

/* Header Butonları */
.header-a11y-btn {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 999px !important;
}

.header-a11y-btn:hover {
  color: #202427 !important;
  border-color: #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  transition: all 0.25s ease !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* MEGA MENU */
.hia-mega-menu,
.mega-menu-grid-layout {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.7) !important;
  border-radius: 18px !important;
}

.mega-intro-col {
  background: #EEEDE7 !important;
  border-right: 1px solid #D8D9D5 !important;
}

.mega-intro-title {
  color: #202427 !important;
}

.mega-intro-desc {
  color: #555A5D !important;
}

.mega-intro-link {
  color: #C2542D !important;
  font-weight: 600 !important;
}

.mega-service-card-item {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
}

.mega-service-card-item:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
}

.mega-srv-title {
  color: #202427 !important;
}

.mega-service-card-item:hover .mega-srv-title {
  color: #C2542D !important;
}

.mega-srv-desc {
  color: #686D70 !important;
}

.mega-promo-card {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
}

.mega-promo-title {
  color: #202427 !important;
}

.mega-promo-desc {
  color: #555A5D !important;
}

.mega-promo-btn {
  background: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

.mega-promo-btn:hover {
  background: #A63E19 !important;
  color: #F5F4EF !important;
}

/* ==========================================================================
   2. HERO ALANI
   Arka plan: #F5F4EF | Başlık: #202427 | Vurgu: #C2542D | Açıklama: #555A5D
   Ana CTA: #C2542D (Yazı: #F5F4EF) | İkincil CTA: Şeffaf, border #D8D9D5, yazı #202427
   ========================================================================== */
.corporate-hero-section {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  background-image: none !important;
  border-bottom: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
}

.corporate-hero-section::before {
  display: none !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(0, 184, 144, 0.4) !important;
}

.hero-headline {
  color: #202427 !important;
}

.hero-headline .headline-accent,
.headline-accent {
  color: #C2542D !important;
}

.hero-subtext {
  color: #555A5D !important;
}

/* Hero CTA Butonları */
.btn-plan-project,
.hero-cta-container .btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  transition: all 0.25s ease !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

.btn-plan-secondary,
.hero-cta-container .btn-secondary {
  background: transparent !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.btn-plan-secondary:hover,
.hero-cta-container .btn-secondary:hover {
  background: #FFFFFF !important;
  border-color: #202427 !important;
  color: #202427 !important;
}

/* Hero Süreç Barı */
.hero-process-nav {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.hero-proc-title,
.proc-label {
  color: #686D70 !important;
}

.proc-step {
  color: #202427 !important;
  font-weight: 600 !important;
}

/* Hero Form Kartı (Sağ Kolon) */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
}

.sales-lead-container:hover,
.sales-card:hover {
  border-color: #D8D9D5 !important;
  box-shadow: 0 20px 45px -5px rgba(0, 0, 0, 0.7) !important;
}

.sales-card-header,
.sales-card-bar {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #555A5D !important;
}

.sales-badge-pill {
  background: #EEEDE7 !important;
  color: #C2542D !important;
  border: 1px solid #D8D9D5 !important;
}

.sales-field-label {
  color: #202427 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.sales-input,
.sales-textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 0 0 2px rgba(0, 184, 144, 0.15) !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #686D70 !important;
}

.sales-service-chip {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 8px !important;
}

.sales-service-chip:hover {
  background: #F8F8F4 !important;
  color: #202427 !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  background-image: none !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  border: none !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   3. HİZMETLER
   Bölüm arka planı: #EEEDE7 | Kartlar: #FFFFFF | Kart border: #D8D9D5
   Kart hover: #F8F8F4 | Başlık: #202427 | Açıklama: #555A5D | İkonlarda #C2542D
   ========================================================================== */
.wpr-services-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}

.wpr-services-area .section-top-area,
.wpr-services-area .section-title-area {
  background: transparent !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5) !important;
}

.service-wrapper .image-area img {
  opacity: 0.15 !important;
  filter: none !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.28 !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(24, 27, 29, 0.4) 0%, rgba(24, 27, 29, 0.92) 80%, #FFFFFF 100%) !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(30, 34, 36, 0.4) 0%, rgba(30, 34, 36, 0.92) 80%, #F8F8F4 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(241, 240, 235, 0.04) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 2px solid #C2542D !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  font-weight: 500 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #34383A !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
  border-radius: 10px !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #F5F4EF !important;
  fill: #F5F4EF !important;
}

/* ==========================================================================
   4. PROJELER / PORTFÖY
   Arka plan: #F5F4EF | Proje başlıkları: #202427 | Vurgu: #C2542D
   ========================================================================== */
.wpr-portfolio-area,
.portfolio-area {
  background-color: #F5F4EF !important;
}

.portfolio-item,
.work-item {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
}

.portfolio-item:hover,
.work-item:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
}

/* ==========================================================================
   5. NEDEN HIZLI İŞLER
   Arka plan: #EEEDE7 | Büyük rakamlar: #C2542D | Başlık: #202427
   Açıklamalar: #555A5D | Ayırıcı çizgiler: #D8D9D5
   ========================================================================== */
.wpr-why-choose-us-area {
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.wpr-content-area {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
}

.wpr-why-choose-area .wrapper-top:hover,
.wpr-why-choose-area .item:hover {
  background: #F8F8F4 !important;
  border-color: #D8D9D5 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.wpr-why-choose-us-area .wrapper-list li {
  color: #555A5D !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

/* ==========================================================================
   6. SÜREÇ / ADIMLAR (wpr-why-choose-us-area2)
   Arka plan: #F5F4EF | Numaralar: #C2542D | Numara alanları: #FFFFFF
   Başlık: #202427 | Açıklama: #555A5D | Border: #D8D9D5
   ========================================================================== */
.wpr-why-choose-us-area2 {
  background-color: #F5F4EF !important;
}

.wpr-why-choose-us-area2 .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  padding: 26px 22px !important;
  transition: all 0.3s ease !important;
}

.why-choose-wrapper2:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-3px) !important;
}

.why-choose-wrapper2 .icon {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.why-choose-wrapper2 .title {
  color: #202427 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.why-choose-wrapper2 .desc {
  color: #555A5D !important;
}

.why-choose-wrapper2 .step-number,
.why-choose-wrapper2 .num {
  color: #C2542D !important;
}

/* ==========================================================================
   7. SIKÇA SORULAN SORULAR (FAQ)
   Bölüm: #EEEDE7 | Kartlar: #FFFFFF | Hover: #F8F8F4 | Başlık: #202427 | Yazı: #555A5D
   ========================================================================== */
.wpr-faq-area {
  background-color: #EEEDE7 !important;
}

.wpr-faq-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.accordion-item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.accordion-item:hover {
  border-color: #C2542D !important;
  background: #F8F8F4 !important;
}

.accordion-button {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #D8D9D5 !important;
  font-weight: 600 !important;
}

.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #555A5D !important;
}

/* ==========================================================================
   8. ANA CTA & İLETİŞİM ALANI
   Arka plan: #EEEDE7 | Başlık: #202427 | Açıklama: #555A5D
   Ana buton: #C2542D (Yazı: #F5F4EF) | Hover: #A63E19
   ========================================================================== */
.wpr-contact-area {
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-contact-area .left-content-area,
.wpr-contact-area .contact-form-area {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
}

.wpr-contact-area .single-input.last label {
  background: #EEEDE7 !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 12px !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  border: none !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   9. FOOTER
   Arka plan: #E7E6E0 | Başlıklar: #202427 | Linkler: #686D70 | Link hover: #C2542D | Border: #D8D9D5
   ========================================================================== */
footer,
.wpr-footer-area,
.footer-area {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border-top: 1px solid #D8D9D5 !important;
}

.wpr-footer-area .section-inner,
footer .section-inner {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
}

.wpr-footer-area .footer-top .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
  font-weight: 600 !important;
}

.wpr-footer-area p,
.wpr-footer-area .footer-link,
.wpr-footer-area ul li a,
.copyright-text {
  color: #686D70 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area {
  border-top: 1px solid #D8D9D5 !important;
}



/* ==========================================================================
   HIZLI İŞLER — AUTHORITATIVE COLOR SYSTEM
   --------------------------------------------------------------------------
   Ana Zemin (%60):             #F5F4EF
   İkincil Bölümler (%18):      #EEEDE7
   Kartlar / Kutular (%10):     #FFFFFF
   Kart Hover:                  #F8F8F4
   Ana Kırık Beyaz (%9):        #202427 (ASLA #FFFFFF KULLANILMAZ)
   İkincil Başlık:              #34383A
   Normal Metin:                #555A5D
   Pasif / Yardımcı Metin:      #686D70
   Ana Marka Vurgu (%3):        #C2542D
   Marka Hover:                 #A63E19
   Border / Çerçeve:            #D8D9D5
   Footer:                      #E7E6E0
   ========================================================================== */

/* 1. Global Reset & Zemin */
html, body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* 2. Tipografi */
h1, h2, h3, h4, h5, h6,
.section-title,
.section-title-area h2,
.hero-headline,
.headline-main,
.title,
.card-title,
strong, b {
  color: #202427 !important;
  text-shadow: none !important;
}

.headline-accent,
.hero-headline .headline-accent {
  color: #C2542D !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  font-weight: 700 !important;
  background: transparent !important;
  border: none !important;
}

p, li, span, label, .desc, .text {
  color: #555A5D !important;
}

.text-muted,
.sales-trust-notes,
.proc-label,
.small-desc,
.time,
.date {
  color: #686D70 !important;
}

/* 3. Header */
header,
.header-style-one,
.wpr-header-area {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

.header-style-one .header-style-one-wrapper,
.header-wrapper,
.main-header {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element,
.header-link {
  color: #555A5D !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover,
.header-link:hover {
  color: #202427 !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

.header-a11y-btn {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
}

.header-a11y-btn:hover {
  color: #202427 !important;
  border-color: #C2542D !important;
}

/* 4. Hero */
.corporate-hero-section {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(0, 184, 144, 0.4) !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
}

.btn-plan-secondary {
  background: transparent !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
}

.btn-plan-secondary:hover {
  background: #FFFFFF !important;
  color: #202427 !important;
}

.hero-process-nav {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.hero-proc-title,
.proc-label {
  color: #686D70 !important;
}

.proc-step {
  color: #202427 !important;
  font-weight: 600 !important;
}

/* Hero Form Kartı */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.6) !important;
}

.sales-card-header,
.sales-card-bar {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.sales-title {
  color: #202427 !important;
}

.sales-subtitle {
  color: #555A5D !important;
}

.sales-badge-pill {
  background: #EEEDE7 !important;
  color: #C2542D !important;
  border: 1px solid #D8D9D5 !important;
}

.sales-field-label {
  color: #202427 !important;
}

.sales-input,
.sales-textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  color: #202427 !important;
  box-shadow: 0 0 0 2px rgba(0, 184, 144, 0.15) !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #686D70 !important;
}

.sales-service-chip {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 8px !important;
}

.sales-service-chip:hover {
  background: #F8F8F4 !important;
  color: #202427 !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  background-image: none !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* 5. Hizmetler (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Hover: #F8F8F4, Border: #D8D9D5) */
.wpr-services-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5) !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(24, 27, 29, 0.4) 0%, rgba(24, 27, 29, 0.92) 80%, #FFFFFF 100%) !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(30, 34, 36, 0.4) 0%, rgba(30, 34, 36, 0.92) 80%, #F8F8F4 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(241, 240, 235, 0.04) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 2px solid #C2542D !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  font-weight: 500 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #34383A !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
  border-radius: 10px !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #F5F4EF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #F5F4EF !important;
  fill: #F5F4EF !important;
}

/* 6. Neden Hızlı İşler (Bölüm: #EEEDE7) */
.wpr-why-choose-us-area {
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.wpr-content-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 16px !important;
}

.wpr-why-choose-area .wrapper-top:hover,
.wpr-why-choose-area .item:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #D8D9D5 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

.wpr-why-choose-us-area .wrapper-list li {
  color: #555A5D !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

/* 7. Süreç (Bölüm: #F5F4EF, Kartlar: #FFFFFF, Hover: #F8F8F4) */
.wpr-why-choose-us-area2 {
  background-color: #F5F4EF !important;
}

.wpr-why-choose-us-area2 .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  padding: 26px 22px !important;
  transition: all 0.3s ease !important;
}

.why-choose-wrapper2:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-3px) !important;
}

.why-choose-wrapper2 .icon {
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
}

.why-choose-wrapper2 .title {
  color: #202427 !important;
}

.why-choose-wrapper2 .desc {
  color: #555A5D !important;
}

/* 8. SSS / Accordion (Bölüm: #EEEDE7, Kartlar: #FFFFFF) */
.wpr-faq-area {
  background-color: #EEEDE7 !important;
}

.wpr-faq-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.accordion-item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.accordion-item:hover {
  border-color: #C2542D !important;
  background: #F8F8F4 !important;
}

.accordion-button {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #D8D9D5 !important;
  font-weight: 600 !important;
}

.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #555A5D !important;
}

/* 9. İletişim / Form (Bölüm: #EEEDE7, Kartlar: #FFFFFF) */
.wpr-contact-area {
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 22px !important;
}

.wpr-contact-area .left-content-area,
.wpr-contact-area .contact-form-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
}

.wpr-contact-area .left-content-area h2,
.wpr-contact-area .left-content-area h3,
.wpr-contact-area .left-content-area .title {
  color: #202427 !important;
}

.wpr-contact-area .left-content-area p,
.wpr-contact-area .left-content-area a {
  color: #555A5D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
}

.wpr-contact-area form input::placeholder,
.wpr-contact-area form textarea::placeholder {
  color: #686D70 !important;
}

.wpr-contact-area .single-input.last label {
  background: #EEEDE7 !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #555A5D !important;
  border-radius: 12px !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #F5F4EF !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  border: none !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #F5F4EF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 184, 144, 0.35) !important;
}

/* 10. Footer (Arka plan: #E7E6E0, Başlıklar: #202427, Linkler: #686D70, Hover: #C2542D, Border: #D8D9D5) */
footer,
.wpr-footer-area,
.footer-area {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border-top: 1px solid #D8D9D5 !important;
}

.wpr-footer-area .section-inner,
footer .section-inner {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 20px !important;
}

.wpr-footer-area .footer-top .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
  font-weight: 600 !important;
}

.wpr-footer-area p,
.wpr-footer-area .footer-link,
.wpr-footer-area ul li a,
.copyright-text {
  color: #686D70 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area {
  border-top: 1px solid #D8D9D5 !important;
}



/* ==========================================================================
   FINAL POLISH: Hero Process Bar & Contact Form Dark Palette Enforcement
   ========================================================================== */

/* Hero Process Bar & Step Items */
.hero-process-nav,
.hero-process-nav .proc-step-list,
.hero-process-nav .proc-step,
.hero-process-nav span {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.hero-process-nav .proc-step {
  color: #202427 !important;
}

.hero-process-nav .proc-label,
.hero-process-nav .hero-proc-title {
  color: #686D70 !important;
}

/* Contact Section & Form Outer Container */
.wpr-contact-area,
.wpr-contact-area .section-inner {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-color: #D8D9D5 !important;
}

.wpr-contact-area .contact-form-area,
.wpr-contact-area .right-content-area,
.wpr-contact-area .single-input,
.wpr-contact-area .input-wrapper,
.wpr-contact-area form {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
  color: #555A5D !important;
}

.wpr-contact-area .single-input {
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

.wpr-contact-area .single-input span,
.wpr-contact-area .single-input label {
  color: #202427 !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .single-input.last label {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #555A5D !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}


/* Absolute dark palette enforcement */
.process-step-track {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
  color: #202427 !important;
}

.process-lead-text {
  color: #686D70 !important;
}

.proc-arrow {
  color: #C2542D !important;
}

.contact-form-area,
.wpr-contact-area .contact-form-area,
.comment-form-area,
#contact-form {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.wpr-contact-area .single-input,
.contact-form-area .single-input {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
}

.wpr-contact-area .single-input span,
.wpr-contact-area .single-input label,
.contact-form-area label {
  color: #202427 !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea,
.contact-form-area input,
.contact-form-area textarea {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus,
.contact-form-area input:focus,
.contact-form-area textarea:focus {
  border-color: #C2542D !important;
  box-shadow: 0 0 0 2px rgba(0, 184, 144, 0.2) !important;
}

.wpr-contact-area .single-input.last label {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #555A5D !important;
}


/* ==========================================================================
   HIZLI İŞLER — AÇIK TEMA, ERİŞİLEBİLİRLİK VE RESPONSIVE TASARIM SİSTEMİ
   --------------------------------------------------------------------------
   Ana Arka Plan (%60):       #F5F4EF
   İkincil Arka Plan (%18):   #EEEDE7
   Kart Arka Planı (%10):     #FFFFFF
   Kart Hover:                #F8F8F4
   Ana Başlık (%9):           #202427
   İkincil Başlık:            #34383A
   Gövde Metni:               #555A5D
   İkincil Metin:             #686D70
   Pasif Metin:               #74797B
   Ana Marka Rengi (%3):      #C2542D
   Marka Hover:               #A63E19
   Açık Marka Zemini:         #FAEDE7
   Border:                    #D8D9D5
   Kart Border:               #E1E2DE
   Footer Arka Planı:         #E7E6E0
   Klavye Focus:              #8C3415 (min 2px)
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-light: #FAEDE7 !important;
  --color-secondary: #202427 !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-text-light: #686D70 !important;
  --color-body: #F5F4EF !important;
  --color-section-alt: #EEEDE7 !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-card-border: #E1E2DE !important;
  --color-footer: #E7E6E0 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Global Reset & Ana Zemin (#F5F4EF) */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
}

/* Erişilebilirlik Focus Stili (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Tipografi Hiyerarşisi */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.title,
strong, b {
  color: #202427 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
}

h3, h4, .sub-heading, .card-title {
  color: #34383A !important;
}

p, .desc, .text {
  color: #555A5D !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

.text-muted,
.small-desc,
.sales-trust-notes,
.proc-label {
  color: #686D70 !important;
  font-size: 0.875rem !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  display: inline-block !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
}

/* 3. HEADER */
header,
.header-style-one,
.wpr-header-area {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
}

.header-style-one .header-style-one-wrapper,
.header-wrapper,
.main-header {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 20px rgba(32, 36, 39, 0.04) !important;
  padding: 10px 24px !important;
}

.header-style-one-wrapper .logo img,
.header-wrapper .logo img,
.logo img {
  filter: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.wpr-desktop-menu .menu-item > a,
.wpr-desktop-menu .menu-item a.main-element,
.main-element {
  color: #34383A !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
  padding-bottom: 4px !important;
}

.header-a11y-btn {
  background: #FAEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  color: #C2542D !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(194, 84, 45, 0.35) !important;
}

/* 4. HERO */
.corporate-hero-section {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  border-bottom: 1px solid #D8D9D5 !important;
  padding: 40px 0 60px 0 !important;
}

.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  color: #34383A !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(32, 36, 39, 0.04) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.4) !important;
}

.hero-headline {
  color: #202427 !important;
  font-size: clamp(2rem, 4vw + 1rem, 3.75rem) !important;
  line-height: 1.15 !important;
}

.hero-headline .headline-accent,
.headline-accent {
  color: #C2542D !important;
}

.hero-subtext {
  color: #555A5D !important;
  font-size: clamp(1rem, 1.2vw, 1.1875rem) !important;
  line-height: 1.7 !important;
  max-width: 580px !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

.btn-plan-secondary {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
}

.btn-plan-secondary:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  color: #C2542D !important;
}

/* Hero Süreç Barı */
.hero-process-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
}

.process-lead-text {
  color: #686D70 !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}

.process-step-track {
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 8px rgba(32, 36, 39, 0.03) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.proc-step {
  color: #202427 !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
}

.proc-arrow {
  color: #C2542D !important;
  font-weight: 700 !important;
}

/* Hero Form Kartı (Sağ Kolon) */
.sales-lead-container,
.sales-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 35px rgba(32, 36, 39, 0.06) !important;
  overflow: hidden !important;
}

.sales-card-header,
.sales-card-bar {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
  border-bottom: 1px solid #E1E2DE !important;
  padding: 10px 18px !important;
}

.sales-title {
  color: #202427 !important;
  font-size: 1.35rem !important;
}

.sales-subtitle {
  color: #555A5D !important;
  font-size: 0.9375rem !important;
}

.sales-badge-pill {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-field-label {
  color: #202427 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.sales-input,
.sales-textarea {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 10px !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  font-size: 0.9375rem !important;
}

.sales-input:focus,
.sales-textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
  outline-offset: 1px !important;
}

.sales-input::placeholder,
.sales-textarea::placeholder {
  color: #74797B !important;
}

.sales-service-chip {
  background: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #34383A !important;
  border-radius: 8px !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* 5. HİZMETLERİMİZ (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Kart Hover: #F8F8F4) */
.wpr-services-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 70px 0 !important;
}

.wpr-services-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
  padding: 40px !important;
}

.service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 16px rgba(32, 36, 39, 0.04) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  background-color: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.12) !important;
}

.service-wrapper .image-area img {
  opacity: 0.12 !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.20 !important;
}

.service-wrapper::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.94) 80%, #FFFFFF 100%) !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(248, 248, 244, 0.4) 0%, rgba(248, 248, 244, 0.94) 80%, #F8F8F4 100%) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  font-size: 1.0625rem !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(32, 36, 39, 0.04) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
  padding-left: 14px !important;
}

.service-wrapper .content .bottom ul li {
  color: #555A5D !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

.service-wrapper:hover .content .bottom ul li {
  color: #202427 !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
  border-radius: 12px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. NEDEN HIZLI İŞLER (Bölüm: #EEEDE7, Kartlar: #FFFFFF) */
.wpr-why-choose-us-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 60px 0 !important;
}

.wpr-why-choose-us-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
}

.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.wpr-content-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 16px !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.wpr-why-choose-us-area .wrapper-list li {
  color: #555A5D !important;
  border-bottom: 1px solid #E1E2DE !important;
}

/* 7. SÜREÇ / ADIMLAR (Bölüm: #F5F4EF, Numaralar: #C2542D, Numara Alanı: #FAEDE7) */
.wpr-why-choose-us-area2 {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  padding: 60px 0 !important;
}

.wpr-why-choose-us-area2 .section-inner {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 20px rgba(32, 36, 39, 0.03) !important;
}

.why-choose-wrapper2 {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  transition: all 0.25s ease !important;
}

.why-choose-wrapper2:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  transform: translateY(-3px) !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  border-radius: 14px !important;
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .title {
  color: #202427 !important;
  font-size: 1.125rem !important;
}

/* 8. SSS / SIKÇA SORULAN SORULAR */
.wpr-faq-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 60px 0 !important;
}

.wpr-faq-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
}

.accordion-item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px rgba(32, 36, 39, 0.02) !important;
}

.accordion-button {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #E1E2DE !important;
  font-weight: 600 !important;
  font-size: 1.0625rem !important;
  padding: 18px 22px !important;
}

.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  color: #C2542D !important;
}

.accordion-body {
  background: #FFFFFF !important;
  color: #555A5D !important;
  font-size: 0.9375rem !important;
  line-height: 1.65 !important;
  padding: 20px 22px !important;
}

/* 9. İLETİŞİM & ANA CTA (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Buton: #C2542D - Yazı: #FFFFFF) */
.wpr-contact-area {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  padding: 60px 0 !important;
}

.wpr-contact-area .section-inner {
  background-color: #EEEDE7 !important;
  background: #EEEDE7 !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 24px !important;
}

.wpr-contact-area .left-content-area,
.wpr-contact-area .contact-form-area {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 20px rgba(32, 36, 39, 0.04) !important;
  padding: 36px !important;
}

.wpr-contact-area .left-content-area h2,
.wpr-contact-area .left-content-area h3 {
  color: #202427 !important;
}

.wpr-contact-area .left-content-area p,
.wpr-contact-area .left-content-area a {
  color: #555A5D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area .single-input {
  background: #FFFFFF !important;
  border: 1px solid #E1E2DE !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

.wpr-contact-area .single-input span,
.wpr-contact-area .single-input label {
  color: #202427 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.wpr-contact-area form input,
.wpr-contact-area form textarea {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  background: #FFFFFF !important;
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label {
  background: #F5F4EF !important;
  border: 1.5px dashed #D8D9D5 !important;
  color: #686D70 !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* 10. FOOTER (Açık Zemin: #E7E6E0, Başlık: #202427, Link: #555A5D, Hover: #C2542D, Border: #D0D1CC) */
footer,
.wpr-footer-area,
.footer-area {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border-top: 1px solid #D0D1CC !important;
  padding: 60px 0 30px 0 !important;
}

.wpr-footer-area .section-inner,
footer .section-inner {
  background: #E7E6E0 !important;
  background-color: #E7E6E0 !important;
  border: none !important;
}

.wpr-footer-area .footer-top .title,
.footer-title,
.footer-heading {
  color: #202427 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
}

.wpr-footer-area p,
.wpr-footer-area .footer-link,
.wpr-footer-area ul li a,
.copyright-text {
  color: #555A5D !important;
  font-size: 0.9375rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area {
  border-top: 1px solid #D0D1CC !important;
  margin-top: 40px !important;
  padding-top: 24px !important;
}

/* 11. RESPONSIVE BREAKPOINT & MOBILE-FIRST SİSTEMİ */

/* XS & SM: 0 - 575px Mobil */
@media (max-width: 575px) {
  .section-inner {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  .corporate-hero-section {
    padding: 20px 0 40px 0 !important;
  }

  .hero-headline {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }

  .section-title,
  .section-title-area h2 {
    font-size: 1.65rem !important;
  }

  .section-bottom-content {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .sales-lead-container,
  .sales-card {
    padding: 20px 16px !important;
  }

  .wpr-contact-area .section-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .wpr-contact-area .left-content-area,
  .wpr-contact-area .contact-form-area {
    padding: 22px 18px !important;
    width: 100% !important;
  }

  .footer-row,
  .wpr-footer-area .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .header-btn-cta,
  .btn-plan-project,
  .sales-submit-btn {
    width: 100% !important;
    min-height: 48px !important;
  }

  .hero-process-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .process-step-track {
    flex-wrap: wrap !important;
    width: 100% !important;
  }
}

/* MD: 576 - 767px Büyük Mobil */
@media (min-width: 576px) and (max-width: 767px) {
  .section-bottom-content {
    grid-template-columns: 1fr !important;
  }

  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hero-headline {
    font-size: 2.35rem !important;
  }
}

/* TABLET: 768 - 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .section-bottom-content {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  .wpr-why-choose-us-area2 .bottom-content-area {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hero-headline {
    font-size: 2.75rem !important;
  }
}

/* LAPTOP: 992 - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .section-bottom-content {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }

  .container {
    max-width: 960px !important;
  }
}

/* DESKTOP: 1200 - 1439px */
@media (min-width: 1200px) and (max-width: 1439px) {
  .container {
    max-width: 1200px !important;
  }

  .section-bottom-content {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
}

/* LARGE DESKTOP: 1440 - 1919px */
@media (min-width: 1440px) and (max-width: 1919px) {
  .container {
    max-width: 1280px !important;
  }
}

/* XL DESKTOP: 1920px+ */
@media (min-width: 1920px) {
  .container {
    max-width: 1360px !important;
    margin: 0 auto !important;
  }
}



/* ==========================================================================
   BUTTON TEXT & MOBILE HEADER POLISH (Light Accessible System)
   ========================================================================== */

/* 1. All CTA Buttons: High contrast pure white text on #C2542D background */
.header-btn-cta,
.header-btn-cta *,
.btn-plan-project,
.btn-plan-project *,
.sales-submit-btn,
.sales-submit-btn *,
.sales-service-chip.active,
.sales-service-chip.active *,
.wpr-btn.primary,
.wpr-btn.primary *,
.wpr-contact-area .wpr-btn,
.wpr-contact-area .wpr-btn *,
button.submit,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta svg,
.btn-plan-project svg,
.sales-submit-btn svg,
.wpr-contact-area .wpr-btn svg {
  stroke: #FFFFFF !important;
}

/* Hover state */
.header-btn-cta:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-contact-area .wpr-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
}

/* 2. Secondary Buttons */
.btn-plan-secondary,
.btn-plan-secondary * {
  color: #202427 !important;
}

.btn-plan-secondary:hover,
.btn-plan-secondary:hover * {
  color: #C2542D !important;
}

/* 3. Mobile Header (0 - 767px): Clean & Streamlined (No horizontal overflow) */
@media (max-width: 767px) {
  .header-style-one .header-style-one-wrapper {
    padding: 8px 14px !important;
  }

  .header-style-one-wrapper .header-btn-cta,
  .main-header .header-btn-cta {
    display: none !important;
  }

  .header-right-area {
    gap: 8px !important;
  }

  .menu-btn, #menu-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FAEDE7 !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 10px !important;
  }
}



/* Absolute submit button text color */
#heroSalesSubmitBtn,
#heroSalesSubmitBtn span,
#heroSalesSubmitBtn *,
.sales-submit-btn,
.sales-submit-btn span,
.sales-submit-btn * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

#heroSalesSubmitBtn:hover,
#heroSalesSubmitBtn:hover span,
.sales-submit-btn:hover,
.sales-submit-btn:hover span {
  color: #FFFFFF !important;
}



/* ==========================================================================
   HIZLI İŞLER — SICAK ZEYTİN YEŞİLİ & KIRIK BEYAZ PREMİUM SİSTEMİ
   --------------------------------------------------------------------------
   Ana Arka Plan:       #F5F4EF
   İkincil Arka Plan:   #EEEDE7
   Kart Arka Planı:     #FFFFFF
   Kart Hover:          #F8F8F4
   Ana Başlık:          #202427
   İkincil Başlık:      #34383A
   Gövde Metni:         #555A5D
   İkincil Metin:       #686D70
   Pasif Metin:         #74797B
   ANA MARKA RENGİ:     #C2542D (Sıcak Zeytin Yeşili)
   MARKA HOVER:         #A63E19
   AÇIK MARKA ZEMİNİ:   #FAEDE7
   Border:              #D8D9D5
   Kart Border:         #E1E2DE
   Footer:              #E7E6E0
   Focus:               #8C3415 (min 2px)
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-light: #FAEDE7 !important;
  --color-secondary: #202427 !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-text-light: #686D70 !important;
  --color-body: #F5F4EF !important;
  --color-section-alt: #EEEDE7 !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-card-border: #E1E2DE !important;
  --color-footer: #E7E6E0 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Global Reset & Zemin */
body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* Erişilebilirlik Klavye Focus Göstergesi (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Tipografi */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.title,
strong, b {
  color: #202427 !important;
}

.headline-accent,
.hero-headline .headline-accent {
  color: #C2542D !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #A63E19 !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

/* 3. Header & Menü */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

.header-btn-cta,
.wpr-btn.header-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(166, 62, 25, 0.35) !important;
}

.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #A63E19 !important;
}

/* 4. Hero */
.corporate-hero-section {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.4) !important;
}

.btn-plan-project {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.btn-plan-project:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(166, 62, 25, 0.35) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* Hero Form Kartı */
.sales-badge-pill {
  background: #FAEDE7 !important;
  color: #A63E19 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #A63E19 !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.sales-submit-btn,
.wpr-btn.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.sales-submit-btn:hover,
.wpr-btn.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(166, 62, 25, 0.35) !important;
}

/* 5. Hizmetler (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Kart Hover: #F8F8F4) */
.wpr-services-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.15) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. Neden Hızlı İşler */
.wpr-why-choose-us-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

/* 7. Süreç / Adımlar */
.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS / Accordion */
.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  color: #A63E19 !important;
}

/* 9. İletişim / Form & Ana CTA */
.wpr-contact-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-contact-area .wpr-btn,
.wpr-contact-area button.submit {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.25) !important;
}

.wpr-contact-area .wpr-btn:hover,
.wpr-contact-area button.submit:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
}

/* 10. Footer */
.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — CANLI VE PREMİUM RENK SİSTEMİ (Vibrant Olive Green)
   --------------------------------------------------------------------------
   Ana Arka Plan:       #F5F4EF
   İkincil Arka Plan:   #EEEDE7
   Kart Arka Planı:     #FFFFFF
   Kart Hover:          #F8F8F4
   Ana Başlık:          #202427
   İkincil Başlık:      #34383A
   Gövde Metni:         #555A5D
   İkincil Metin:       #686D70
   Pasif Metin:         #74797B
   ANA MARKA:           #C2542D (Canlı & Enerjik Zeytin Yeşili)
   MARKA VURGU:         #C2542D (Renkli Başlık Vurguları)
   BUTON HOVER:         #A63E19
   BUTON ACTIVE:        #8C3415
   AÇIK MARKA ZEMİNİ:   #FAEDE7
   Border:              #D8D9D5
   Kart Border:         #E1E2DE
   Footer:              #E7E6E0
   Focus:               #8C3415 (min 2px)
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-active: #8C3415 !important;
  --color-primary-accent: #C2542D !important;
  --color-primary-light: #FAEDE7 !important;
  --color-secondary: #202427 !important;
  --color-heading-1: #202427 !important;
  --color-title: #202427 !important;
  --color-text: #555A5D !important;
  --color-text-light: #686D70 !important;
  --color-body: #F5F4EF !important;
  --color-section-alt: #EEEDE7 !important;
  --color-card: #FFFFFF !important;
  --color-card-hover: #F8F8F4 !important;
  --color-border: #D8D9D5 !important;
  --color-card-border: #E1E2DE !important;
  --color-footer: #E7E6E0 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Global Reset & Zemin */
body, body.home-bg, .home-bg {
  background-color: #F5F4EF !important;
  background: #F5F4EF !important;
  color: #555A5D !important;
}

/* Erişilebilirlik Klavye Focus Göstergesi (WCAG 2.2 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Tipografi Hiyerarşisi */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-headline,
.headline-main,
.title,
strong, b {
  color: #202427 !important;
}

/* Renkli Başlıklar ve Vurgular */
.headline-accent,
.hero-headline .headline-accent,
.highlight-text,
.text-accent {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.28) !important;
  font-weight: 700 !important;
}

/* 3. Header & Menü */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

/* CTA BUTONLARI — Canlı, Güçlü, Net (#C2542D, Hover: #A63E19, Active: #8C3415) */
.header-btn-cta,
.wpr-btn.header-btn,
.btn-plan-project,
.sales-submit-btn,
.wpr-btn.submit,
.wpr-contact-area .wpr-btn,
button.submit,
.mega-promo-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-btn-cta *,
.wpr-btn.header-btn *,
.btn-plan-project *,
.sales-submit-btn *,
.wpr-btn.submit *,
.wpr-contact-area .wpr-btn *,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-btn.submit:hover,
.wpr-contact-area .wpr-btn:hover,
button.submit:hover,
.mega-promo-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(166, 62, 25, 0.35) !important;
}

.header-btn-cta:active,
.btn-plan-project:active,
.sales-submit-btn:active,
button.submit:active {
  background: #8C3415 !important;
  background-color: #8C3415 !important;
  transform: translateY(0) !important;
}

.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #C2542D !important;
}

/* 4. Hero */
.corporate-hero-section {
  background: #F5F4EF !important;
  background-color: #F5F4EF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.45) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* Hero Form Kartı */
.sales-badge-pill {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.28) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.sales-service-chip.active * {
  color: #FFFFFF !important;
}

/* 5. Hizmetler (Bölüm: #EEEDE7, Kartlar: #FFFFFF, Kart Hover: #F8F8F4) */
.wpr-services-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-services-area .section-inner {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.service-wrapper:hover {
  background: #F8F8F4 !important;
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.16) !important;
}

.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.28) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 6. Neden Hızlı İşler */
.wpr-why-choose-us-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
  font-weight: 700 !important;
}

/* 7. Süreç / Adımlar */
.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.24) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS / Accordion */
.accordion-button:not(.collapsed) {
  background: #F8F8F4 !important;
  color: #C2542D !important;
}

/* 9. İletişim & Form */
.wpr-contact-area {
  background: #EEEDE7 !important;
  background-color: #EEEDE7 !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

/* 10. Footer */
.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — ZENGİN PREMİUM YEŞİL GÜNCELLEMESİ
   --------------------------------------------------------------------------
   Ana Marka / Buton:      #C2542D
   Hover:                  #A63E19
   Açık Vurgu:             #FAEDE7
   Renkli Başlık / Vurgu:  #C2542D
   Focus / Active:         #8C3415
   Ana Arka Plan:          #F5F4EF
   İkincil Arka Plan:      #EEEDE7
   Kart Arka Planı:        #FFFFFF
   Kart Hover:             #F8F8F4
   Ana Başlık:             #202427
   İkincil Başlık:         #34383A
   Gövde Metni:            #555A5D
   Border:                 #D8D9D5
   Kart Border:            #E1E2DE
   Footer:                 #E7E6E0
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-active: #8C3415 !important;
  --color-primary-accent: #C2542D !important;
  --color-primary-light: #FAEDE7 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Klavye Focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Renkli Başlıklar ve Vurgular (#C2542D) */
.headline-accent,
.hero-headline .headline-accent,
.highlight-text,
.text-accent,
.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

/* 3. Menü Aktif & Hover */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

/* 4. Butonlar (#C2542D, Hover: #A63E19, Active: #8C3415) */
.header-btn-cta,
.wpr-btn.header-btn,
.btn-plan-project,
.sales-submit-btn,
.wpr-btn.submit,
.wpr-contact-area .wpr-btn,
button.submit,
.mega-promo-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.28) !important;
}

.header-btn-cta *,
.wpr-btn.header-btn *,
.btn-plan-project *,
.sales-submit-btn *,
.wpr-btn.submit *,
.wpr-contact-area .wpr-btn *,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-btn.submit:hover,
.wpr-contact-area .wpr-btn:hover,
button.submit:hover,
.mega-promo-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(166, 62, 25, 0.35) !important;
}

.header-btn-cta:active,
.btn-plan-project:active,
.sales-submit-btn:active,
button.submit:active {
  background: #8C3415 !important;
  background-color: #8C3415 !important;
}

/* 5. Açık Vurgu Alanları (#FAEDE7) */
.sales-badge-pill,
.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.45) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* 6. Hizmet Kartları */
.service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.16) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 7. Neden Hızlı İşler & Süreç */
.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS & İletişim */
.accordion-button:not(.collapsed) {
  color: #C2542D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}



/* ==========================================================================
   HIZLI İŞLER — SICAK TERRACOTTA / KİREMİT RENK SİSTEMİ
   (Yeşil, Sarı ve Pembe Olmayan Sıcak & Premium Marka Rengi)
   --------------------------------------------------------------------------
   Ana Marka / Butonlar:   #C2542D (Sıcak Terracotta / Kızıl-Kiremit)
   Buton Hover:            #A63E19
   Buton Active / Focus:   #8C3415
   Renkli Vurgu & Başlık:  #C2542D
   Açık Vurgu Zemini:      #FAEDE7
   Ana Arka Plan:          #F5F4EF (Sıcak Kırık Beyaz)
   İkincil Arka Plan:      #EEEDE7
   Kart Arka Planı:        #FFFFFF
   Kart Hover:             #F8F8F4
   Ana Başlık:             #202427
   Gövde Metni:            #555A5D
   Border:                 #D8D9D5
   ========================================================================== */

:root {
  --color-primary: #C2542D !important;
  --color-primary-hover: #A63E19 !important;
  --color-primary-active: #8C3415 !important;
  --color-primary-accent: #C2542D !important;
  --color-primary-light: #FAEDE7 !important;
  --color-focus: #8C3415 !important;
}

/* 1. Klavye Focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8C3415 !important;
  outline-offset: 3px !important;
}

/* 2. Vurgulanan Başlık Yazısı (#C2542D) */
.headline-accent,
.hero-headline .headline-accent,
.highlight-text,
.text-accent,
.service-wrapper .content .top .tag {
  color: #C2542D !important;
  font-weight: 700 !important;
}

.sub-title,
.section-top-area .sub-title {
  color: #C2542D !important;
  background: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  font-weight: 700 !important;
}

/* 3. Menü Aktif & Hover */
.wpr-desktop-menu .menu-item > a:hover,
.wpr-desktop-menu .menu-item a.main-element:hover {
  color: #C2542D !important;
}

.wpr-desktop-menu .menu-item.active > a,
.wpr-desktop-menu .menu-item.active a.main-element,
.wpr-desktop-menu .menu-item.current-menu-item > a {
  color: #C2542D !important;
  border-bottom: 2px solid #C2542D !important;
}

/* 4. Butonlar (#C2542D, Hover: #A63E19, Active: #8C3415) */
.header-btn-cta,
.wpr-btn.header-btn,
.btn-plan-project,
.sales-submit-btn,
.wpr-btn.submit,
.wpr-contact-area .wpr-btn,
button.submit,
.mega-promo-btn {
  background: #C2542D !important;
  background-color: #C2542D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(194, 84, 45, 0.28) !important;
}

.header-btn-cta *,
.wpr-btn.header-btn *,
.btn-plan-project *,
.sales-submit-btn *,
.wpr-btn.submit *,
.wpr-contact-area .wpr-btn *,
button.submit * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.header-btn-cta:hover,
.wpr-btn.header-btn:hover,
.btn-plan-project:hover,
.sales-submit-btn:hover,
.wpr-btn.submit:hover,
.wpr-contact-area .wpr-btn:hover,
button.submit:hover,
.mega-promo-btn:hover {
  background: #A63E19 !important;
  background-color: #A63E19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(166, 62, 25, 0.35) !important;
}

.header-btn-cta:active,
.btn-plan-project:active,
.sales-submit-btn:active,
button.submit:active {
  background: #8C3415 !important;
  background-color: #8C3415 !important;
}

/* 5. Açık Vurgu Alanları & Form Çipleri */
.sales-badge-pill,
.header-a11y-btn {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
}

.sales-service-chip:hover {
  background: #FAEDE7 !important;
  color: #C2542D !important;
  border-color: #C2542D !important;
}

.sales-service-chip.active {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.sales-service-chip.active * {
  color: #FFFFFF !important;
}

.pill-status-dot {
  background-color: #C2542D !important;
  box-shadow: 0 0 8px rgba(194, 84, 45, 0.45) !important;
}

.btn-plan-secondary:hover {
  border-color: #C2542D !important;
  color: #C2542D !important;
}

.proc-arrow {
  color: #C2542D !important;
}

/* 6. Hizmet Kartları */
.service-wrapper:hover {
  border-color: #C2542D !important;
  box-shadow: 0 8px 24px rgba(194, 84, 45, 0.16) !important;
}

.service-wrapper .content .bottom ul {
  border-left: 3px solid #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.25) !important;
  color: #C2542D !important;
}

.service-wrapper .content .bottom .service-btn-area svg,
.service-wrapper .content .bottom .service-btn-area i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

.service-wrapper:hover .content .bottom .service-btn-area {
  background: #C2542D !important;
  background-color: #C2542D !important;
  border-color: #C2542D !important;
  color: #FFFFFF !important;
}

.service-wrapper:hover .content .bottom .service-btn-area svg,
.service-wrapper:hover .content .bottom .service-btn-area i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* 7. Neden Hızlı İşler & Süreç */
.wpr-why-choose-us-area .odometer,
.wpr-why-choose-us-area .number,
.wpr-why-choose-us-area .counter-number {
  color: #C2542D !important;
}

.why-choose-wrapper2:hover {
  border-color: #C2542D !important;
}

.why-choose-wrapper2 .icon {
  background: #FAEDE7 !important;
  background-color: #FAEDE7 !important;
  border: 1px solid rgba(194, 84, 45, 0.2) !important;
  color: #C2542D !important;
}

.why-choose-wrapper2 .icon svg,
.why-choose-wrapper2 .icon i {
  color: #C2542D !important;
  fill: #C2542D !important;
}

/* 8. SSS & İletişim */
.accordion-button:not(.collapsed) {
  color: #C2542D !important;
}

.wpr-contact-area .left-content-area a:hover {
  color: #C2542D !important;
}

.wpr-contact-area form input:focus,
.wpr-contact-area form textarea:focus {
  border-color: #C2542D !important;
  outline: 2px solid #8C3415 !important;
}

.wpr-contact-area .single-input.last label:hover {
  border-color: #C2542D !important;
  color: #202427 !important;
}

.wpr-footer-area ul li a:hover,
.wpr-footer-area .footer-link:hover,
.copyright-text a:hover {
  color: #C2542D !important;
}
/* ==========================================================================
   PERFECT MULTI-LINE & SINGLE-LINE HEADLINE ACCENT ANIMATION
   ========================================================================== */


@keyframes headlineAccentFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes headlineAccentGlow {
  0%, 100% {
    filter: drop-shadow(0 2px 6px rgba(194, 84, 45, 0.25));
  }
  50% {
    filter: drop-shadow(0 4px 14px rgba(194, 84, 45, 0.50));
  }
}

.headline-accent,
.hero-headline .headline-accent,
.section-title .headline-accent,
.highlight-text,
.animated-accent {
  display: inline !important;
  font-weight: 800 !important;
  background: linear-gradient(
    110deg,
    #C2542D 0%,
    #E56C42 25%,
    #FFA580 50%,
    #E56C42 75%,
    #C2542D 100%
  ) !important;
  background-size: 240% 100% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: headlineAccentFlow 3.5s ease-in-out infinite, headlineAccentGlow 3.5s ease-in-out infinite alternate !important;
  will-change: background-position, filter !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(194, 84, 45, 0.85) !important;
  text-decoration-thickness: 3.5px !important;
  text-underline-offset: 6px !important;
  text-decoration-skip-ink: none !important;
  transition: all 0.3s ease !important;
}

/* Remove any broken pseudo-element overlays */
.headline-accent::after,
.hero-headline .headline-accent::after,
.section-title .headline-accent::after {
  display: none !important;
}

/* Hover Interaction */
.headline-accent:hover,
.hero-headline .headline-accent:hover {
  text-decoration-color: #E56C42 !important;
  filter: drop-shadow(0 6px 18px rgba(194, 84, 45, 0.6)) !important;
}