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

:root {
  /* Marka Rengi */
  --color-primary: #C2542D;
  --color-primary-rgb: 152, 255, 3;
  --color-primary-border: rgba(152, 255, 3, 0.4);
  --color-accent: #C2542D;

  /* Zemin Renkleri */
  --color-bg: #F8FAFC;
  --color-bg-1: #F8FAFC;
  --body-bg: #F8FAFC;
  --color-bg-secondary: #FFFFFF;
  --color-bg-surface: #FFFFFF;

  /* Kart Renkleri */
  --color-bg-card: #FFFFFF;
  --card-bg: #FFFFFF;
  --color-bg-card-alt: #FFFFFF;
  --card-bg-alt: #FFFFFF;

  /* Koyu Alanlar */
  --color-dark: #25282C;
  --color-dark-surface: #25282C;
  --header-bg: #25282C;
  --footer-bg: #25282C;
  --color-secondary: #25282C;

  /* ZIT VE NET METİN RENKLERİ */
  --color-heading-1: #F5F5F0;
  --color-title: #F5F5F0;
  --color-body-1: #64748B;
  --color-text: #64748B;
  --color-text-secondary: #64748B;
  --color-text-muted: #64748B;

  /* Border */
  --color-border: #D8D9D5;
  --color-border-dark: #D8D9D5;
  --border-light: #D8D9D5;

  /* Koyu CTA */
  --color-cta-dark: #F5F5F0;
  --color-cta-dark-hover: #64748B;

  /* Saf Beyaz */
  --color-white: #FFFFFF;

  /* Tipografi Aileleri */
  --font-heading: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Urbanist", "Inter", system-ui, -apple-system, sans-serif;
  --font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-secondary: "Playfair Display", Georgia, serif;
}

/* Preloader Devre Dışı */
.preloader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ============================================================
   1. GENEL SAYFA ZEMİNİ & BASE METİN KONTRASTI
   ============================================================ */
html,
body,
body.home-bg,
body.main-home {
  background-color: #F5F4EF !important;
  color: #686D70 !important;
  font-family: var(--font-body, "Urbanist", sans-serif);
}

/* ============================================================
   2. DESKTOP TİPOGRAFİ SİSTEMİ (02 MADDESİ)
   ============================================================ */

/* H1 — HERO (56px / 1.10–1.15 / 700 / -0.02em) */
h1, .h1 {
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 56px !important;
  line-height: 1.14 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #202427 !important;
}

/* H2 — BÖLÜM BAŞLIKLARI (42px / 1.15–1.20 / 700 / -0.015em) */
h2, .h2, .section-title {
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 42px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  color: #202427 !important;
}

/* H3 — ALT BAŞLIKLAR & GRUP BAŞLIKLARI (28px / 1.25 / 600–700) */
h3, .h3 {
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #202427 !important;
}

/* KART BAŞLIKLARI (20–22px / 1.30–1.40 / 600) */
.service-wrapper .content .top .tag,
.why-choose-wrapper .wrapper-header .title,
.why-choose-wrapper2 .title,
.pricing-wrapper .plan-type h3,
.pricing-wrapper .title,
.accordion-button {
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #202427 !important;
}

/* ANA PARAGRAF (18px / 1.60 / 400) */
p,
.desc,
.text,
.hero-subtext,
.accordion-body,
.accordion-body p,
.bottom-description,
span.text,
.paragraph {
  font-family: var(--font-body, "Urbanist", sans-serif) !important;
  font-size: 18px !important;
  line-height: 1.60 !important;
  font-weight: 400 !important;
  color: #686D70 !important;
}

/* İKİNCİL METİN, LİSTE MADDELERİ (16–17px / 1.50–1.60 / 400–500) */
ul li,
ol li,
.service-wrapper .content .bottom ul li,
.why-choose-wrapper ul li,
.pricing-wrapper .pricing-body ul li {
  font-family: var(--font-body, "Urbanist", sans-serif) !important;
  font-size: 16.5px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  color: #686D70 !important;
}

/* MENÜ (16–17px / 1.40 / 500–600) */
.wpr-desktop-menu .menu-item a.main-element,
.wpr-desktop-menu .sub-menu .sub-menu-item a {
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 16.5px !important;
  line-height: 1.40 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* BUTONLAR (16–17px / 1.20 / 600) */
.wpr-btn,
.btn-primary,
.btn-plan-project,
.btn-view-works,
.btn-sales-submit,
button[type="submit"],
.scroll-top-btn {
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 16.5px !important;
  line-height: 1.20 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

/* FORM / INPUT (16–18px / 1.40 / 400–500) */
input,
textarea,
select,
.sales-field-input {
  font-family: var(--font-body, "Urbanist", sans-serif) !important;
  font-size: 16.5px !important;
  line-height: 1.40 !important;
  font-weight: 400 !important;
  color: #202427 !important;
}

label,
.sales-field-label {
  font-family: var(--font-body, "Urbanist", sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.40 !important;
  font-weight: 600 !important;
  color: #202427 !important;
}

/* FOOTER (15–16px / 1.50 / 400) */
.wpr-footer-area .footer-top ul li a,
.wpr-footer-area .copyright-area p,
.wpr-footer-area .copyright-area span,
.wpr-footer-area .left-social-area ul li a {
  font-size: 15.5px !important;
  line-height: 1.50 !important;
  font-weight: 400 !important;
}

/* ROZETLER / BADGE / ETİKETLER (Genel minimum 15px kuralı) */
.sub-title,
.hero-category-pill,
.sales-form-badge,
.window-url-pill,
.window-live-badge,
.transition-pill {
  font-size: 15px !important;
  line-height: 1.30 !important;
  font-weight: 600 !important;
}

/* ============================================================
   3. PARAGRAF MAKSİMUM GENİŞLİK KONTROLÜ (600–750px - 05 Maddesi)
   ============================================================ */
.hero-subtext,
.section-title-area p.desc,
.wpr-content-area p.desc,
.why-choose-wrapper2 p.desc {
  max-width: 720px;
}

/* ============================================================
   4. KARTLAR VE BÖLÜMLER
   ============================================================ */
.section-inner,
.section-inner.bg-white,
.wpr-content-area,
.wpr-content-area.border-1 {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
  border-radius: 16px;
  box-shadow: 0 4px 20px -2px rgba(17, 24, 39, 0.05);
}

section .section-inner.border-1,
.border-1,
.border-top,
.border-bottom {
  border-color: #D8D9D5 !important;
}

.square-dot .square-shape {
  background-color: #686D70 !important;
}


/* ============================================================
   5. HEADER (BEYAZ & ULTRA MODERN — USER REFERENCE MATCH)
   ============================================================ */
.header-style-one {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #D8D9D5 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.header-style-one .header-style-one-wrapper {
  background-color: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 0 !important;
}

.header-style-one-wrapper .left-area {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.header-style-one-wrapper .button-area-start {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.header-style-one-wrapper .wpr-desktop-menu .menu-item a.main-element {
  color: #555A5D !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.header-style-one-wrapper .wpr-desktop-menu .menu-item:hover a.main-element,
.header-style-one-wrapper .wpr-desktop-menu .menu-item.active a.main-element,
.header-style-one-wrapper .wpr-desktop-menu .menu-item.is-open a.main-element {
  color: #2563EB !important;
}

.header-btn-cta {
  background-color: #2563EB !important;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

.header-btn-cta:hover {
  background-color: #1D4ED8 !important;
  color: #202427 !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   6. SERVICES BÖLÜMÜ
   ============================================================ */
.wpr-services-area {
  background-color: #F5F4EF !important;
}

.wpr-services-area .section-inner {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
}

.wpr-services-area .service-wrapper {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.wpr-services-area .service-wrapper .content .top .tag::after {
  background-color: #C2542D !important;
}

.wpr-services-area .service-wrapper .content .mid h2 {
  color: #202427 !important;
  opacity: 0.20 !important;
  font-weight: 900 !important;
  font-size: 40px !important;
}

.wpr-services-area .service-wrapper .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }
.wpr-services-area .service-wrapper .content .bottom .service-btn-area svg path {
  fill: #FFFFFF !important;
}

.wpr-services-area .service-wrapper:hover .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }
.wpr-services-area .service-wrapper:hover .content .bottom .service-btn-area svg path {
  fill: #F5F5F0 !important;
}

/* ============================================================
   7. WHY CHOOSE US BÖLÜMÜ
   ============================================================ */
.wpr-why-choose-us-area .section-inner,
.wpr-why-choose-us-area2 .section-inner {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.why-choose-wrapper {
  border-color: #D8D9D5 !important;
}

.why-choose-wrapper.ml-auto {
  background-color: #D8D9D5 !important;
  border: 1px solid #D8D9D5 !important;
}

.why-choose-wrapper:not(.ml-auto) {
  background-color: #FFFFFF !important;
  border: 2px solid #F5F5F0 !important;
  box-shadow: 0 10px 30px -5px rgba(17, 24, 39, 0.1) !important;
}

.why-choose-wrapper2 {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

/* ============================================================
   8. PRICING BÖLÜMÜ
   ============================================================ */
.wpr-pricing-plans-area .section-inner {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.pricing-wrapper {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 12px !important;
}

.pricing-wrapper.dark {
  background-color: #202427 !important;
  border: 1px solid #64748B !important;
}

.pricing-wrapper.dark .plan-type h3,
.pricing-wrapper.dark .price-area h2,
.pricing-wrapper.dark .plan-type h4,
.pricing-wrapper.dark .price-area h4 {
  color: #202427 !important;
}

.pricing-wrapper.dark .pricing-body ul li {
  color: #202427 !important;
}

.pricing-wrapper .pricing-btn {
  background-color: #202427 !important;
  color: #202427 !important;
  border-color: #202427 !important;
}

.pricing-wrapper.dark .pricing-btn {
  background-color: #C2542D !important;
  color: #202427 !important;
  border-color: #C2542D !important;
}

/* ============================================================
   9. FAQ BÖLÜMÜ
   ============================================================ */
.wpr-faq-area .section-inner {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.wpr-faq-area .accordion-item {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.wpr-faq-area .accordion-button:not(.collapsed) {
  color: #202427 !important;
  background-color: #D8D9D5 !important;
}

/* ============================================================
   10. CONTACT BÖLÜMÜ
   ============================================================ */
.wpr-contact-area .section-inner {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.wpr-contact-area input,
.wpr-contact-area textarea,
.wpr-contact-area select {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 8px !important;
}

.wpr-contact-area input:focus,
.wpr-contact-area textarea:focus {
  border-color: #202427 !important;
  background-color: #FFFFFF !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.15) !important;
}

.wpr-contact-area button[type="submit"] {
  background-color: #C2542D !important;
  color: #202427 !important;
  border-color: #C2542D !important;
}

/* ============================================================
   11. FOOTER
   ============================================================ */
.wpr-footer-area {
  background-color: #25282C !important;
  border-top: 1px solid #383C42 !important;
  padding: 60px 0 30px !important;
}

.wpr-footer-area .section-inner {
  background-color: #25282C !important;
  border-color: #383C42 !important;
  box-shadow: none !important;
}

.wpr-footer-area .footer-top ul li a {
  color: #202427 !important;
}

.wpr-footer-area .footer-top ul li a:hover {
  color: #C2542D !important;
}

.wpr-footer-area .copyright-area p,
.wpr-footer-area .copyright-area span {
  color: #D8D9D5 !important;
}

.wpr-footer-area .left-social-area ul li a {
  color: #202427 !important;
}

.wpr-footer-area .left-social-area ul li a:hover {
  color: #C2542D !important;
}



/* ============================================================
   12. RESPONSİVE & MOBİL TİPOGRAFİ SİSTEMİ (03 & 13 MADDELERİ)
   ============================================================ */

/* TABLET (max-width: 991px) */
@media (max-width: 991px) {
  h1, .h1, .hero-headline {
    font-size: 46px !important;
    line-height: 1.14 !important;
  }
  h2, .h2, .section-title {
    font-size: 36px !important;
    line-height: 1.18 !important;
  }
  h3, .h3 {
    font-size: 25px !important;
    line-height: 1.25 !important;
  }
}

/* MOBİL (max-width: 767px) */
@media (max-width: 767px) {
  /* H1: 36–40px */
  h1, .h1, .hero-headline {
    font-size: 38px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.02em !important;
  }
  /* H2: 30–34px */
  h2, .h2, .section-title {
    font-size: 32px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.015em !important;
  }
  /* H3: 22–24px */
  h3, .h3 {
    font-size: 23px !important;
    line-height: 1.25 !important;
  }
  /* KART BAŞLIKLARI: 18–20px */
  .service-wrapper .content .top .tag,
  .why-choose-wrapper .wrapper-header .title,
  .why-choose-wrapper2 .title,
  .pricing-wrapper .plan-type h3,
  .accordion-button {
    font-size: 19px !important;
    line-height: 1.35 !important;
  }
  /* PARAGRAF: 16–18px */
  p, .desc, .text, .hero-subtext, .accordion-body, .accordion-body p {
    font-size: 16.5px !important;
    line-height: 1.60 !important;
  }
  /* MENÜ, BUTON, FORM */
  .wpr-desktop-menu .menu-item a.main-element {
    font-size: 16px !important;
  }
  .wpr-btn, .btn-primary, .btn-plan-project, .btn-view-works, .btn-sales-submit {
    font-size: 16.5px !important;
  }
  input, textarea, select, .sales-field-input, .sales-field-label, label {
    font-size: 16.5px !important;
  }
}





/* ============================================================
   WEB TASARIM SAYFASI — ULTRA PREMIUM GÖRSEL MOCKUP SİSTEMİ
   ============================================================ */

.web-design-page {
  background-color: #F8F9FA;
  color: #0F172A;
  font-family: var(--font-body, "Plus Jakarta Sans", sans-serif);
}

.web-design-hero {
  padding: 130px 0 50px;
  background-color: #F8F9FA;
  text-align: center;
}

.wd-category-badge {
  display: inline-block;
  padding: 6px 18px;
  background: #EFF0F2;
  border: 1px solid #D2D6DC;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  color: #374151;
  letter-spacing: 0.04em;
  margin-bottom: 24px;
}

.wd-hero-title {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 56px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  color: #202427 !important;
  max-width: 900px;
  margin: 0 auto 20px;
}

.wd-hero-desc {
  font-size: 18.5px !important;
  line-height: 1.60 !important;
  color: #4B5563 !important;
  max-width: 740px;
  margin: 0 auto 36px;
}

.wd-three-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1080px;
  margin: 0 auto 30px;
  text-align: left;
}

.wd-question-card {
  background: #FFFFFF;
  border: 1px solid #D8D9D5;
  border-radius: 12px;
  padding: 24px 22px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
  transition: all 0.25s ease;
}

.wd-question-card:hover {
  transform: translateY(-4px);
  border-color: #0F172A;
  box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.08);
}

.wd-question-card .num {
  font-size: 13px;
  font-weight: 800;
  color: #C2542D;
  background: #F5F5F0;
  display: inline-block;
  padding: 3px 9px;
  border-radius: 4px;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}

.wd-question-card .title {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.30 !important;
  color: #202427 !important;
  margin-bottom: 8px;
}

.wd-question-card .desc {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #4B5563 !important;
  margin: 0;
}

.wd-highlight-box {
  background: #FEF9C3;
  border: 1px solid #FDE047;
  border-radius: 10px;
  padding: 16px 24px;
  max-width: 920px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.55;
  color: #713F12;
  font-weight: 600;
  text-align: center;
}

.wd-vertical-line {
  width: 2px;
  height: 48px;
  background-color: #D8D9D5;
  margin: 32px auto 0;
}

/* Two-column Story Sections */
.wd-story-section {
  padding: 80px 0;
  border-bottom: 1px solid #D8D9D5;
  visibility: visible !important;
  opacity: 1 !important;
}

.wd-story-section:nth-child(even) {
  background-color: #FFFFFF;
}

.wd-story-section:nth-child(odd) {
  background-color: #F8F9FA;
}

.wd-story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  visibility: visible !important;
  opacity: 1 !important;
}

.wd-story-content {
  visibility: visible !important;
  opacity: 1 !important;
}

.wd-story-content .sub-title {
  font-size: 13.5px !important;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #6B7280;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.wd-story-content .section-title {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em;
  color: #202427 !important;
  margin-bottom: 18px;
}

.wd-story-content .desc {
  font-size: 17.5px !important;
  line-height: 1.62 !important;
  color: #374151 !important;
  margin-bottom: 22px;
}

.wd-story-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}

.wd-story-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px !important;
  line-height: 1.50 !important;
  color: #202427 !important;
  font-weight: 600;
  margin-bottom: 12px;
}

.wd-story-list li svg {
  flex-shrink: 0;
  margin-top: 3px;
}

/* ============================================================
   REALISTIC UI MOCKUP CONTAINERS WITH REAL IMAGES
   ============================================================ */

.ui-mockup-card {
  position: relative;
  border-radius: 16px;
  background: #F5F5F0;
  border: 1px solid #374151;
  overflow: hidden;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.35);
  visibility: visible !important;
  opacity: 1 !important;
}

.ui-mockup-header {
  height: 38px;
  background: #64748B;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 8px;
  border-bottom: 1px solid #374151;
}

.ui-dots {
  display: flex;
  gap: 6px;
}

.ui-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}

.ui-dots .dot-red { background: #EF4444; }
.ui-dots .dot-yellow { background: #F59E0B; }
.ui-dots .dot-green { background: #10B981; }

.ui-url-bar {
  flex: 1;
  max-width: 280px;
  height: 22px;
  background: #F5F5F0;
  border-radius: 4px;
  font-size: 11px;
  color: #9CA3AF;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-family: monospace;
}

.ui-mockup-body {
  position: relative;
  overflow: hidden;
  padding: 12px;
  background: #F5F5F0;
}

.ui-mockup-img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  filter: brightness(0.92);
}

.ui-floating-badge {
  position: absolute;
  z-index: 10;
  background: rgba(17, 24, 39, 0.94);
  backdrop-filter: blur(8px);
  border: 1px solid #374151;
  border-radius: 10px;
  padding: 12px 18px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
}

.ui-floating-badge.top-right {
  top: 24px;
  right: 24px;
}

.ui-floating-badge.bottom-left {
  bottom: 24px;
  left: 24px;
}

.ui-floating-badge.bottom-right {
  bottom: 24px;
  right: 24px;
}

.ui-floating-badge.top-left {
  top: 24px;
  left: 24px;
}

.ui-badge-label {
  font-size: 10.5px;
  font-weight: 700;
  color: #C2542D;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}

.ui-badge-val {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 20px;
  font-weight: 800;
  color: #202427;
  line-height: 1.2;
}

.ui-badge-sub {
  font-size: 11px;
  color: #D8D9D5;
}

/* Chat bubble mockup */
.chat-overlay-box {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}

.chat-bubble {
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.45;
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}

.chat-bubble.in {
  background: #FFFFFF;
  color: #0F172A;
  align-self: flex-start;
  border: 1px solid #D8D9D5;
}

.chat-bubble.out {
  background: rgba(17, 24, 39, 0.95);
  color: #C2542D;
  align-self: flex-end;
  border: 1px solid #374151;
}

/* Black Quote Banners */
.wd-dark-quote-banner {
  background-color: #0F172A;
  padding: 50px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
  visibility: visible !important;
  opacity: 1 !important;
}

.wd-dark-quote-banner .quote-icon {
  font-size: 36px;
  color: #C2542D;
  margin-bottom: 8px;
  display: inline-block;
  line-height: 1;
  font-family: Georgia, serif;
}

.wd-dark-quote-banner .quote-text {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #F9FAFB !important;
  max-width: 860px;
  margin: 0 auto;
  letter-spacing: -0.01em;
}

/* Bottom 4-Column Why Hızlı İşler */
.wd-bottom-why-section {
  padding: 90px 0 70px;
  background-color: #F8F9FA;
  text-align: center;
  border-top: 1px solid #D8D9D5;
  visibility: visible !important;
  opacity: 1 !important;
}

.wd-bottom-why-section .section-title {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 46px !important;
  font-weight: 800 !important;
  color: #202427 !important;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.wd-bottom-why-section .highlight-text {
  background: #FEF08A;
  padding: 2px 8px;
  border-radius: 4px;
}

.wd-four-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1140px;
  margin: 44px auto 44px;
  text-align: left;
}

.wd-why-card {
  background: #FFFFFF;
  border: 1px solid #D8D9D5;
  border-radius: 12px;
  padding: 26px 22px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
  transition: all 0.25s ease;
}

.wd-why-card:hover {
  transform: translateY(-4px);
  border-color: #0F172A;
  box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.08);
}

.wd-why-card .title {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.30 !important;
  color: #202427 !important;
  margin-bottom: 8px;
}

.wd-why-card .desc {
  font-size: 15px !important;
  line-height: 1.52 !important;
  color: #4B5563 !important;
  margin: 0;
}

.wd-cta-btn-large {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #0F172A;
  color: #202427 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  padding: 16px 36px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 10px 20px -5px rgba(17, 24, 39, 0.3);
}

.wd-cta-btn-large:hover {
  background-color: #000000;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -5px rgba(17, 24, 39, 0.4);
}

@media (max-width: 991px) {
  .wd-hero-title {
    font-size: 42px !important;
  }
  .wd-three-cards-grid {
    grid-template-columns: 1fr;
  }
  .wd-story-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .wd-story-content .section-title {
    font-size: 32px !important;
  }
  .wd-four-grid {
    grid-template-columns: 1fr 1fr;
  }
  .wd-dark-quote-banner .quote-text {
    font-size: 21px !important;
  }
}

@media (max-width: 767px) {
  .web-design-hero {
    padding: 110px 0 40px;
  }
  .wd-hero-title {
    font-size: 34px !important;
  }
  .wd-story-content .section-title {
    font-size: 26px !important;
  }
  .wd-four-grid {
    grid-template-columns: 1fr;
  }
  .wd-bottom-why-section .section-title {
    font-size: 30px !important;
  }
}

/* ============================================================
   HIZLI İŞLER — 3D FORM SATIRLARI & TACTILE DERİNLİK SİSTEMİ
   ============================================================ */

.contact-form-area,
.wpr-contact-area .contact-form-area,
.comment-form-area,
#contact-form {
  position: relative;
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  border-radius: 18px !important;
  padding: 38px 34px !important;
  box-shadow: 
    0 24px 48px -12px rgba(15, 23, 42, 0.08),
    0 8px 16px -4px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

@media (max-width: 767px) {
  .contact-form-area,
  .wpr-contact-area .contact-form-area,
  .comment-form-area,
  #contact-form {
    padding: 24px 18px !important;
  }
}

/* 3D Form Satırları (Satır Kapsayıcı) */
.single-input,
.form-group,
.sales-field-group {
  margin-bottom: 24px !important;
  position: relative;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 3D Form Satır Etiketi (Label) */
.single-input label,
.form-group label,
.contact-form-area label,
#contact-form label {
  display: inline-block !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #374151 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* 3D Gömülü & Kabartmalı Form Satır Inputları */
.single-input input,
.single-input textarea,
.single-input select,
.contact-form-area input[type="text"],
.contact-form-area input[type="email"],
.contact-form-area input[type="tel"],
.contact-form-area textarea,
.wpr-contact-area input,
.wpr-contact-area textarea,
.wpr-contact-area select {
  width: 100% !important;
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 12px !important;
  padding: 15px 20px !important;
  font-family: var(--font-body, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #202427 !important;
  line-height: 1.5 !important;
  box-shadow: 
    inset 0 3px 6px rgba(15, 23, 42, 0.05),
    inset 0 1px 2px rgba(15, 23, 42, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 4px rgba(15, 23, 42, 0.02) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
}

.single-input input,
.contact-form-area input[type="text"],
.contact-form-area input[type="email"],
.contact-form-area input[type="tel"],
.wpr-contact-area input {
  height: 56px !important;
}

.single-input textarea,
.contact-form-area textarea,
.wpr-contact-area textarea {
  min-height: 140px !important;
  resize: vertical;
}

/* 3D Focus & Active Durumu (Tıklanınca Yükselme ve Neon Aydınlatma) */
.single-input input:focus,
.single-input textarea:focus,
.single-input select:focus,
.contact-form-area input:focus,
.contact-form-area textarea:focus,
.wpr-contact-area input:focus,
.wpr-contact-area textarea:focus {
  background: #FFFFFF !important;
  border-color: #202427 !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    inset 0 1px 2px rgba(0, 0, 0, 0.04),
    0 0 0 4px rgba(152, 255, 3, 0.45),
    0 14px 28px -6px rgba(17, 24, 39, 0.12) !important;
}

/* 3D Dosya Ekleme Satırı */
.single-input.last label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #FFFFFF !important;
  border: 2px dashed #D8D9D5 !important;
  border-radius: 12px !important;
  padding: 16px 22px !important;
  cursor: pointer !important;
  box-shadow: 
    0 4px 6px -1px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 #FFFFFF !important;
  transition: all 0.25s ease !important;
  color: #4B5563 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

.single-input.last label:hover {
  border-color: #202427 !important;
  background: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.08) !important;
  color: #202427 !important;
}

/* 3D Extruded Buton (Fiziksel Derinlikli Gönder Butonu) */
.contact-form-area button[type="submit"],
.wpr-contact-area button[type="submit"],
.form-btn-area button,
.form-btn-area .wpr-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #C2542D !important;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  padding: 18px 38px !important;
  border-radius: 12px !important;
  border: 1.5px solid #C2542D !important;
  cursor: pointer !important;
  box-shadow: 
    0 5px 0 #65a30d,
    0 14px 24px rgba(152, 255, 3, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
}

.contact-form-area button[type="submit"]:hover,
.wpr-contact-area button[type="submit"]:hover,
.form-btn-area button:hover,
.form-btn-area .wpr-btn:hover {
  background: #8eef00 !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    0 7px 0 #65a30d,
    0 18px 30px rgba(152, 255, 3, 0.45) !important;
}

.contact-form-area button[type="submit"]:active,
.wpr-contact-area button[type="submit"]:active,
.form-btn-area button:active,
.form-btn-area .wpr-btn:active {
  transform: translateY(4px) !important;
  box-shadow: 
    0 1px 0 #65a30d,
    0 4px 8px rgba(152, 255, 3, 0.25) !important;
}

/* ============================================================
   CONTACT SAYFASI — SOL ALAN METİN KONTRASTI & 3D VURGU
   ============================================================ */
.wpr-contact-area .left-content-area .get-in-touch ul li a,
.wpr-contact-area .left-content-area .get-in-touch ul li,
.wpr-contact-area .left-content-area .location-area ul li h2,
.wpr-contact-area .left-content-area .location-area ul li p {
  color: #202427 !important;
  font-weight: 700 !important;
}

.wpr-contact-area .left-content-area .get-in-touch ul li a {
  font-size: 26px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  display: block;
  margin-bottom: 8px;
}

.wpr-contact-area .left-content-area .get-in-touch ul li a:hover {
  color: #65a30d !important;
}

.wpr-contact-area .left-content-area .sub-title {
  color: #6B7280 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
}

.wpr-banner-area.breadcrumb .banner-content-area .section-title {
  color: #202427 !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* ============================================================
   HIZLI İŞLER — 3D FORM SATIRLARI & FİZİKSEL DERİNLİK SİSTEMİ
   ============================================================ */

/* 1. Form Kapsayıcı Kartı (3D Elevated Card) */
.contact-form-area,
.wpr-contact-area .contact-form-area,
.comment-form-area,
#contact-form,
.contact-form {
  position: relative !important;
  background: #FFFFFF !important;
  border: 2px solid #D8D9D5 !important;
  border-radius: 24px !important;
  padding: 40px 36px !important;
  box-shadow: 
    0 30px 60px -15px rgba(15, 23, 42, 0.12),
    0 12px 24px -6px rgba(15, 23, 42, 0.06),
    inset 0 2px 0 rgba(255, 255, 255, 1) !important;
}

@media (max-width: 767px) {
  .contact-form-area,
  .wpr-contact-area .contact-form-area,
  .comment-form-area,
  #contact-form,
  .contact-form {
    padding: 24px 18px !important;
    border-radius: 16px !important;
  }
}

/* 2. 3D Form Satırları (Her bir satır bağımsız 3D kart yuvası) */
.single-input,
.form-group,
.sales-field-group {
  margin-bottom: 22px !important;
  position: relative !important;
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 14px !important;
  padding: 16px 20px 18px !important;
  box-shadow: 
    0 6px 12px -2px rgba(15, 23, 42, 0.05),
    0 2px 4px -1px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 #FFFFFF !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.single-input:hover,
.form-group:hover {
  border-color: #686D70 !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    0 12px 24px -4px rgba(15, 23, 42, 0.09),
    0 4px 8px -2px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 #FFFFFF !important;
}

/* 3. 3D Satır Etiketleri */
.single-input label,
.form-group label,
.contact-form-area label,
#contact-form label {
  display: block !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #686D70 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* 4. Gömülü 3D Yuva Input ve Textarea Alanları */
.single-input input,
.single-input textarea,
.single-input select,
.contact-form-area input[type="text"],
.contact-form-area input[type="email"],
.contact-form-area input[type="tel"],
.contact-form-area textarea,
.wpr-contact-area input,
.wpr-contact-area textarea,
.wpr-contact-area select {
  width: 100% !important;
  display: block !important;
  background: #FFFFFF !important;
  border: 2px solid #D8D9D5 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  font-family: var(--font-body, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #202427 !important;
  line-height: 1.5 !important;
  box-shadow: 
    inset 0 3px 6px rgba(15, 23, 42, 0.08),
    inset 0 1px 2px rgba(15, 23, 42, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
}

.single-input input,
.contact-form-area input[type="text"],
.contact-form-area input[type="email"],
.contact-form-area input[type="tel"],
.wpr-contact-area input {
  height: 52px !important;
}

.single-input textarea,
.contact-form-area textarea,
.wpr-contact-area textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

/* 5. 3D Odaklanma (Focus & Active) */
.single-input input:focus,
.single-input textarea:focus,
.single-input select:focus,
.contact-form-area input:focus,
.contact-form-area textarea:focus,
.wpr-contact-area input:focus,
.wpr-contact-area textarea:focus {
  background: #FFFFFF !important;
  border-color: #202427 !important;
  box-shadow: 
    inset 0 2px 4px rgba(0, 0, 0, 0.04),
    0 0 0 4px rgba(152, 255, 3, 0.55),
    0 8px 16px -4px rgba(15, 23, 42, 0.15) !important;
}

/* 6. 3D Dosya Ekleme Satırı */
.single-input.last,
.single-input:last-of-type {
  background: #FFFFFF !important;
  border: 2px dashed #94A3B8 !important;
  cursor: pointer !important;
}

.single-input.last label {
  cursor: pointer !important;
  margin-bottom: 0 !important;
  color: #686D70 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
}

/* 7. Fiziksel 3D Extruded Gönder Butonu */
.contact-form-area button[type="submit"],
.wpr-contact-area button[type="submit"],
.form-btn-area button,
.form-btn-area .wpr-btn,
button.wpr-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #A3FF14 0%, #C2542D 100%) !important;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  padding: 18px 42px !important;
  border-radius: 14px !important;
  border: 1.5px solid #65A30D !important;
  cursor: pointer !important;
  box-shadow: 
    0 6px 0 #4D7C0F,
    0 16px 30px rgba(132, 204, 22, 0.45) !important;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.contact-form-area button[type="submit"]:hover,
.wpr-contact-area button[type="submit"]:hover,
.form-btn-area button:hover,
.form-btn-area .wpr-btn:hover {
  background: linear-gradient(180deg, #B2FF2E 0%, #8CE018 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    0 8px 0 #4D7C0F,
    0 20px 36px rgba(132, 204, 22, 0.55) !important;
}

.contact-form-area button[type="submit"]:active,
.wpr-contact-area button[type="submit"]:active,
.form-btn-area button:active,
.form-btn-area .wpr-btn:active {
  transform: translateY(5px) !important;
  box-shadow: 
    0 1px 0 #4D7C0F,
    0 4px 10px rgba(132, 204, 22, 0.25) !important;
}


/* ============================================================
   HIZLI İŞLER — NET VE CANLI 3D FORM ANİMASYONLARI SİSTEMİ
   ============================================================ */

/* Neon Nefes Alma Animasyonu (Focus Durumu) */
@keyframes neonPulseGlow {
  0% {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 0 0 3px rgba(152, 255, 3, 0.7), 0 10px 24px -2px rgba(152, 255, 3, 0.3);
  }
  50% {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 0 0 5px rgba(152, 255, 3, 1), 0 16px 36px 0px rgba(152, 255, 3, 0.55);
  }
  100% {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 0 0 3px rgba(152, 255, 3, 0.7), 0 10px 24px -2px rgba(152, 255, 3, 0.3);
  }
}

/* Buton Üzerinde Akan Işık Animasyonu */
@keyframes buttonLightSweep {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* 1. 3D Form Kartı */
.contact-form-area,
.wpr-contact-area .contact-form-area,
.comment-form-area,
#contact-form,
.contact-form {
  position: relative !important;
  background: #FFFFFF !important;
  border: 2px solid #D8D9D5 !important;
  border-radius: 24px !important;
  padding: 42px 38px !important;
  box-shadow: 
    0 32px 64px -16px rgba(15, 23, 42, 0.14),
    0 14px 28px -6px rgba(15, 23, 42, 0.08),
    inset 0 2px 0 rgba(255, 255, 255, 1) !important;
  transition: box-shadow 0.4s ease, transform 0.4s ease !important;
}

/* 2. 3D Form Satırları (Canlı Yükselme ve Dokunsal Yaylanma Animasyonu) */
.single-input,
.form-group,
.sales-field-group {
  margin-bottom: 24px !important;
  position: relative !important;
  background: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  border-radius: 16px !important;
  padding: 18px 22px 20px !important;
  box-shadow: 
    0 6px 14px -2px rgba(15, 23, 42, 0.06),
    0 2px 4px -1px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 #FFFFFF !important;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Satır Hover Animasyonu: Belirgin yukarı yükselme ve gölge patlaması */
.single-input:hover,
.form-group:hover {
  border-color: #202427 !important;
  transform: translateY(-5px) scale(1.015) !important;
  box-shadow: 
    0 18px 36px -6px rgba(15, 23, 42, 0.14),
    0 8px 16px -2px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 #FFFFFF !important;
}

/* Satır Focus-Within Animasyonu: İçindeki kutuya tıklandığında satırın canlı yukarı fırlaması */
.single-input:focus-within,
.form-group:focus-within {
  border-color: #202427 !important;
  transform: translateY(-7px) scale(1.02) !important;
  box-shadow: 
    0 24px 48px -8px rgba(15, 23, 42, 0.18),
    0 10px 20px -2px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 #FFFFFF !important;
}

/* 3. 3D Satır Etiketleri (Label Animasyonu) */
.single-input label,
.form-group label,
.contact-form-area label,
#contact-form label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #686D70 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transition: color 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.single-input:focus-within label,
.form-group:focus-within label {
  color: #202427 !important;
  transform: translateX(6px) !important;
}

/* 4. Gömülü 3D Yuva Input ve Textarea Alanları */
.single-input input,
.single-input textarea,
.single-input select,
.contact-form-area input[type="text"],
.contact-form-area input[type="email"],
.contact-form-area input[type="tel"],
.contact-form-area textarea,
.wpr-contact-area input,
.wpr-contact-area textarea,
.wpr-contact-area select {
  width: 100% !important;
  display: block !important;
  background: #FFFFFF !important;
  border: 2px solid #D8D9D5 !important;
  border-radius: 12px !important;
  padding: 15px 20px !important;
  font-family: var(--font-body, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #202427 !important;
  line-height: 1.5 !important;
  box-shadow: 
    inset 0 3px 6px rgba(15, 23, 42, 0.08),
    inset 0 1px 2px rgba(15, 23, 42, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  outline: none !important;
}

.single-input input,
.contact-form-area input[type="text"],
.contact-form-area input[type="email"],
.contact-form-area input[type="tel"],
.wpr-contact-area input {
  height: 54px !important;
}

.single-input textarea,
.contact-form-area textarea,
.wpr-contact-area textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

/* 5. Göz Alıcı 3D Neon Odaklanma (Focus Animasyonu) */
.single-input input:focus,
.single-input textarea:focus,
.single-input select:focus,
.contact-form-area input:focus,
.contact-form-area textarea:focus,
.wpr-contact-area input:focus,
.wpr-contact-area textarea:focus {
  background: #FFFFFF !important;
  border-color: #202427 !important;
  animation: neonPulseGlow 2s infinite ease-in-out !important;
  transform: scale(1.008) !important;
}

/* 6. 3D Dosya Ekleme Satırı Animasyonu */
.single-input.last,
.single-input:last-of-type {
  background: #FFFFFF !important;
  border: 2.5px dashed #94A3B8 !important;
  cursor: pointer !important;
}

.single-input.last:hover,
.single-input:last-of-type:hover {
  border-color: #202427 !important;
  background: #FFFFFF !important;
  transform: translateY(-5px) scale(1.015) !important;
  box-shadow: 
    0 18px 36px -6px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 #FFFFFF !important;
}

.single-input.last label {
  cursor: pointer !important;
  margin-bottom: 0 !important;
  color: #686D70 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* 7. Fiziksel 3D Extruded Buton (Akan Işık & Canlı Basma Animasyonu) */
.contact-form-area button[type="submit"],
.wpr-contact-area button[type="submit"],
.form-btn-area button,
.form-btn-area .wpr-btn,
button.wpr-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #C2542D 0%, #A63E19 40%, #C2542D 100%) !important;
  background-size: 200% 200% !important;
  animation: buttonLightSweep 4s ease infinite !important;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  padding: 19px 46px !important;
  border-radius: 16px !important;
  border: 1.5px solid #65A30D !important;
  cursor: pointer !important;
  box-shadow: 
    0 8px 0 #4D7C0F,
    0 20px 36px rgba(132, 204, 22, 0.45) !important;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  position: relative !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.contact-form-area button[type="submit"]:hover,
.wpr-contact-area button[type="submit"]:hover,
.form-btn-area button:hover,
.form-btn-area .wpr-btn:hover {
  transform: translateY(-4px) scale(1.025) !important;
  box-shadow: 
    0 12px 0 #4D7C0F,
    0 28px 48px rgba(132, 204, 22, 0.65) !important;
}

.contact-form-area button[type="submit"]:active,
.wpr-contact-area button[type="submit"]:active,
.form-btn-area button:active,
.form-btn-area .wpr-btn:active {
  transform: translateY(7px) scale(0.98) !important;
  box-shadow: 
    0 1px 0 #4D7C0F,
    0 6px 12px rgba(132, 204, 22, 0.3) !important;
}


/* ============================================================
   HIZLI İŞLER — KURUMSAL LOGO STİLİ (ORİJİNAL RENKLER)
   ============================================================ */
.header-style-one-wrapper .logo,
.header-area .logo,
.wpr-header .logo {
  display: inline-flex !important;
  align-items: center !important;
  background: #FFFFFF !important;
  padding: 5px 14px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  height: 44px !important;
  transition: transform 0.2s ease !important;
}

.header-style-one-wrapper .logo:hover {
  transform: scale(1.03) !important;
}

.header-style-one-wrapper .logo img,
.header-area .logo img,
.wpr-header .logo img {
  filter: none !important;
  height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.wpr-footer-area .footer-logo-area a,
.footer-logo a {
  display: inline-flex !important;
  align-items: center !important;
  background: #FFFFFF !important;
  padding: 8px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
}

.wpr-footer-area .footer-logo-area a img,
.footer-logo img {
  filter: none !important;
  height: 36px !important;
  max-height: 36px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}


/* ============================================================
   HIZLI İŞLER V2 — SATIŞ VE DÖNÜŞÜM ODAKLI BİLEŞENLER (CRO)
   ============================================================ */

/* 1. İHTİYACINIZ NEDİR? (CRO Decision Router) */
.cro-need-section {
  padding: 60px 0 30px;
  position: relative;
}

.cro-need-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 36px;
}

.cro-need-card {
  background: #FFFFFF;
  border: 1.5px solid #D8D9D5;
  border-radius: 16px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 8px 20px -4px rgba(15, 23, 42, 0.05);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
}

.cro-need-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #D8D9D5;
  transition: background 0.3s ease;
}

.cro-need-card:hover {
  transform: translateY(-6px) scale(1.015);
  border-color: #0F172A;
  box-shadow: 0 20px 40px -8px rgba(15, 23, 42, 0.12);
}

.cro-need-card:hover::before {
  background: #C2542D;
}

.cro-need-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #D8D9D5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

.cro-need-title {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 19px;
  font-weight: 700;
  color: #0F172A;
  line-height: 1.35;
  margin-bottom: 10px;
}

.cro-need-tags {
  font-size: 13px;
  font-weight: 600;
  color: #64748B;
  margin-bottom: 22px;
  display: block;
}

.cro-need-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 14px;
  font-weight: 700;
  color: #0F172A;
  transition: gap 0.2s ease, color 0.2s ease;
}

.cro-need-card:hover .cro-need-cta {
  color: #4D7C0F;
  gap: 10px;
}

/* 2. GERÇEK SİSTEM DEMOLARI / GELİŞTİRİLEN SİSTEMLER */
.systems-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 40px;
}

.system-card {
  background: #FFFFFF;
  border: 1.5px solid #D8D9D5;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.system-card:hover {
  transform: translateY(-6px);
  border-color: #0F172A;
  box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.15);
}

.system-card-visual {
  background: linear-gradient(135deg, #F5F5F0 0%, #1E293B 100%);
  padding: 24px;
  position: relative;
  border-bottom: 1px solid #D8D9D5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 180px;
}

.system-badge-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.system-sector-pill {
  background: rgba(255, 255, 255, 0.12);
  color: #202427;
  font-size: 11.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.system-live-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #C2542D;
  font-size: 12px;
  font-weight: 700;
}

.system-live-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #C2542D;
  box-shadow: 0 0 8px #C2542D;
}

.system-visual-preview {
  margin-top: 14px;
  color: #202427;
}

.system-visual-title {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 21px;
  font-weight: 800;
  color: #202427;
  line-height: 1.25;
  margin-bottom: 4px;
}

.system-visual-scope {
  font-size: 13px;
  color: #94A3B8;
  font-weight: 500;
}

.system-card-content {
  padding: 26px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.system-problem-box {
  background: #FFFFFF;
  border-left: 3px solid #F5F5F0;
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  margin-bottom: 18px;
}

.system-problem-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: #64748B;
  letter-spacing: 0.06em;
  display: block;
  margin-bottom: 3px;
}

.system-problem-desc {
  font-size: 13.5px;
  color: #64748B;
  line-height: 1.45;
  margin: 0;
  font-weight: 500;
}

.system-features-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.system-features-list li {
  font-size: 13.5px;
  color: #64748B;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.system-features-list li::before {
  content: "✓";
  color: #65A30D;
  font-weight: 800;
}

.system-tech-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 22px;
}

.system-tech-stack span {
  background: #FFFFFF;
  color: #64748B;
  font-size: 11.5px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #D8D9D5;
}

.system-card-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: #F5F5F0;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 14.5px;
  font-weight: 700;
  padding: 13px 20px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.system-card-cta:hover {
  background: #000000;
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.25);
}

/* 3. AJANSLARA ÖZEL (WHITE LABEL) BÖLÜMÜ */
.white-label-section {
  background: #0B0F17;
  color: #202427;
  padding: 75px 0;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  margin: 30px 0;
}

.white-label-section .sub-title {
  color: #C2542D !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.white-label-section .section-title {
  color: #202427 !important;
}

.white-label-section .section-desc {
  color: #94A3B8;
  font-size: 16.5px;
  max-width: 680px;
  margin: 12px auto 0;
  line-height: 1.55;
}

.white-label-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 44px;
}

.white-label-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 26px 22px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.white-label-card:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: #C2542D;
  transform: translateY(-5px);
}

.white-label-card h3 {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 18px;
  font-weight: 700;
  color: #202427;
  margin-bottom: 8px;
}

.white-label-card p {
  color: #94A3B8;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}

.white-label-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #C2542D;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 16px;
  font-weight: 800;
  padding: 16px 36px;
  border-radius: 12px;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(152, 255, 3, 0.35);
  transition: all 0.25s ease;
  margin-top: 36px;
}

.white-label-btn:hover {
  background: #C2542D;
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(152, 255, 3, 0.5);
}

/* 4. SABİT MOBİL ALT CTA BARI (Section 18) */
.mobile-sticky-cta-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 10px 14px;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.3);
}

.mobile-sticky-cta-inner {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 10px;
  max-width: 480px;
  margin: 0 auto;
}

.mobile-cta-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #25D366;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 14px;
  font-weight: 800;
  padding: 11px 12px;
  border-radius: 10px;
  text-decoration: none !important;
}

.mobile-cta-tell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #C2542D;
  color: #202427 !important;
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 14px;
  font-weight: 800;
  padding: 11px 12px;
  border-radius: 10px;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .mobile-sticky-cta-bar {
    display: block !important;
  }
  body {
    padding-bottom: 60px !important;
  }
  .cro-need-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .systems-showcase-grid {
    grid-template-columns: 1fr;
  }
  .white-label-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .white-label-section {
    padding: 45px 20px;
    border-radius: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cro-need-grid {
    grid-template-columns: 1fr 1fr;
  }
  .systems-showcase-grid {
    grid-template-columns: 1fr 1fr;
  }
  .white-label-grid {
    grid-template-columns: 1fr 1fr;
  }
}


/* ==========================================================================
   MENÜ ÜSTÜNDEKİ BARI GİZLE / KALDIR
   ========================================================================== */
.header-top,
.header-top-inner {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* ==========================================================================
   HIZLI İŞLER — PREMİUM B2B MEGA MENÜ SİSTEMİ
   ========================================================================== */

/* Mega Menü Konteyner Pozisyonlaması */
.header-style-one-wrapper {
    position: relative !important;
}

.main-nav-area ul li.has-mega-menu {
    position: static !important;
}

.main-nav-area ul li.has-mega-menu > a.main-element {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.main-nav-area ul li.has-mega-menu .dropdown-chevron {
    transition: transform 0.25s ease;
}

.main-nav-area ul li.has-mega-menu:hover .dropdown-chevron {
    transform: rotate(180deg);
}

/* Mega Menü Ana Panel */
.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #080C12 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    padding: 24px 28px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) !important;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
    z-index: 99999 !important;
}

/* Mouse Hover Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important;
}

/* Açılma Durumu */
.main-nav-area ul li.has-mega-menu:hover .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Mega Menü Grid (4 Kolon) */
.mega-menu-grid {
    display: grid !important;
    grid-template-columns: 1.15fr 1.15fr 1.25fr 1fr !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* Kolon Başlıkları */
.mega-col-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.mega-col-num {
    font-family: var(--font-secondary, "Space Grotesk", monospace) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #C2542D !important;
    background: rgba(152, 255, 3, 0.12) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
}

.mega-col-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    color: #D8D9D5 !important;
    text-transform: uppercase !important;
}

/* Liste ve Linkler */
.mega-item-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mega-item-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.mega-item-link {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mega-item-link:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    transform: translateX(3px) !important;
}

.mega-item-icon {
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.mega-item-link:hover .mega-item-icon {
    background: rgba(152, 255, 3, 0.15) !important;
    border-color: rgba(152, 255, 3, 0.35) !important;
    transform: scale(1.08) !important;
}

.mega-item-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.mega-item-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    line-height: 1.25 !important;
    transition: color 0.2s ease !important;
}

.mega-item-link:hover .mega-item-title {
    color: #C2542D !important;
}

.mega-item-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.35 !important;
}

/* 4. Kolon — Hızlı Aksiyon & CTA Kartı */
.mega-cta-column {
    display: flex !important;
}

.mega-cta-card {
    background: linear-gradient(145deg, rgba(152, 255, 3, 0.08) 0%, rgba(15, 23, 42, 0.6) 100%) !important;
    border: 1px solid rgba(152, 255, 3, 0.25) !important;
    border-radius: 12px !important;
    padding: 18px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.mega-cta-badge {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #C2542D !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 8px !important;
}

.mega-cta-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}

.mega-cta-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #D8D9D5 !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
}

.mega-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #C2542D !important;
    color: #202427 !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding: 9px 14px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}

.mega-cta-btn:hover {
    background: #B4FF33 !important;
    color: #202427 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(152, 255, 3, 0.35) !important;
}

.mega-cta-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 11px !important;
    color: #686D70 !important;
}

/* Mobil görünümde Mega Menü gizlensin, standart mobil akordeon çalışsın */
@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}


/* Mega Menü ve Header Taşma / Görünürlük Garantisi */
.header-style-one,
.header-style-one-wrapper,
.main-nav-area,
.header-style-one .container,
.main-nav-area ul {
    overflow: visible !important;
}


/* ==========================================================================
   HIZLI İŞLER — BEYAZ & ULTRA MODERN 3 KATMANLI MEGA MENÜ (USER IMAGE MATCH)
   ========================================================================== */

/* Header Genel Konteyner */




/* Masaüstü Menü Elemanları */
.main-nav-area {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.main-nav-area ul.wpr-desktop-menu {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item {
    margin: 0 !important;
    padding: 12px 0 !important;
    position: relative !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #555A5D !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 4px !important;
    position: relative !important;
    transition: color 0.2s ease !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element::after {
    display: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item:hover > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

/* Hizmetler Alt Çizgi Vurgusu */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open > a.main-element::before,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover > a.main-element::before {
    content: '' !important;
    position: absolute !important;
    bottom: -14px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #2563EB !important;
    border-radius: 2px !important;
}

/* Chevron Oku */
.dropdown-chevron-icon {
    display: inline-block !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    stroke: currentColor !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .dropdown-chevron-icon,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .dropdown-chevron-icon {
    transform: rotate(180deg) !important;
}

/* Sağ Üst CTA Buton */
.header-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2563EB !important;
    color: #202427 !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.header-btn-cta:hover {
    background: #1D4ED8 !important;
    color: #202427 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   MEGA MENÜ KUTUSU (BEYAZ, MODERN, KART YAPILI)
   ========================================================================== */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu {
    position: static !important;
}

.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    padding: 36px 40px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
    z-index: 99999 !important;
}

/* Hover Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important;
}

/* Açık Durum */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .hia-mega-menu,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Mega Menü Grid Mimarisi: Sol Banner (22%), Orta Kategoriler (52%), Sağ Kart (26%) */
.mega-menu-grid-layout {
    display: grid !important;
    grid-template-columns: 240px 1fr 280px !important;
    gap: 36px !important;
    align-items: stretch !important;
}

/* --- SOL KOLON (Intro) --- */
.mega-intro-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-right: 20px !important;
    border-right: 1px solid #D8D9D5 !important;
}

.mega-intro-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}

.mega-intro-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13.5px !important;
    color: #686D70 !important;
    line-height: 1.55 !important;
    margin-bottom: 24px !important;
}

.mega-intro-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mega-intro-link:hover {
    color: #1D4ED8 !important;
    transform: translateX(3px) !important;
}

/* --- ORTA KOLON (Hizmet Kategorileri 3 Kolon x 2 Satır) --- */
.mega-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: 28px !important;
    row-gap: 24px !important;
}

.mega-cat-block {
    display: flex !important;
    flex-direction: column !important;
}

.mega-cat-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.mega-cat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

.mega-cat-icon.blue   { background: #EFF6FF !important; color: #2563EB !important; }
.mega-cat-icon.purple { background: #F5F3FF !important; color: #7C3AED !important; }
.mega-cat-icon.teal   { background: #ECFDF5 !important; color: #059669 !important; }
.mega-cat-icon.orange { background: #FFFBEB !important; color: #D97706 !important; }
.mega-cat-icon.red    { background: #FFF1F2 !important; color: #E11D48 !important; }

.mega-cat-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}

.mega-sub-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.mega-sub-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.mega-sub-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 5px 6px !important;
    border-radius: 6px !important;
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}

.mega-sub-link .arrow-indicator {
    font-size: 13px !important;
    color: #D8D9D5 !important;
    transition: all 0.18s ease !important;
}

.mega-sub-link:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    padding-left: 10px !important;
}

.mega-sub-link:hover .arrow-indicator {
    color: #2563EB !important;
    transform: translateX(2px) !important;
}

/* --- SAĞ KOLON (Promo Kartı - Siyah Arka Plan & Görsel) --- */
.mega-promo-col {
    display: flex !important;
}

.mega-promo-card {
    background: #0B1120 !important;
    border-radius: 18px !important;
    padding: 24px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #202427 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px -10px rgba(11, 17, 32, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.mega-promo-card::before {
    content: '' !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(0, 184, 144, 0.35) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.mega-promo-badge-icon {
    width: 38px !important;
    height: 38px !important;
    background: rgba(0, 184, 144, 0.2) !important;
    border: 1px solid rgba(0, 184, 144, 0.4) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: #60A5FA !important;
    margin-bottom: 18px !important;
}

.mega-promo-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    text-transform: none !important;
}

.mega-promo-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12.5px !important;
    color: #686D70 !important;
    line-height: 1.45 !important;
    margin-bottom: 20px !important;
}

.mega-promo-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #202427 !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mega-promo-btn:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

/* Mobil Menü Düzeltmeleri */
@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — BEYAZ & ULTRA MODERN 3 KATMANLI MEGA MENÜ (USER IMAGE MATCH)
   ========================================================================== */

/* Header Genel Konteyner */




.header-style-one-wrapper .logo-area img {
    height: 38px !important;
    width: auto !important;
}

/* Masaüstü Menü Elemanları */
.main-nav-area {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.main-nav-area ul.wpr-desktop-menu {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item {
    margin: 0 !important;
    padding: 14px 0 !important;
    position: relative !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #555A5D !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 4px !important;
    position: relative !important;
    transition: color 0.2s ease !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element::after {
    display: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item:hover > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

/* Hizmetler Alt Çizgi Vurgusu */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open > a.main-element::before,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover > a.main-element::before {
    content: '' !important;
    position: absolute !important;
    bottom: -14px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #2563EB !important;
    border-radius: 2px !important;
}

/* Chevron Oku */
.dropdown-chevron-icon {
    display: inline-block !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    stroke: currentColor !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .dropdown-chevron-icon,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .dropdown-chevron-icon {
    transform: rotate(180deg) !important;
}

/* Sağ Üst CTA Buton */
.header-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2563EB !important;
    color: #202427 !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.header-btn-cta:hover {
    background: #1D4ED8 !important;
    color: #202427 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   MEGA MENÜ KUTUSU (BEYAZ, MODERN, KART YAPILI)
   ========================================================================== */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu {
    position: static !important;
}

.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    padding: 32px 36px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
    z-index: 99999 !important;
}

/* Hover Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important;
}

/* Açık Durum */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .hia-mega-menu,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Mega Menü Grid Mimarisi: Sol Banner (22%), Orta Kategoriler (52%), Sağ Kart (26%) */
.mega-menu-grid-layout {
    display: grid !important;
    grid-template-columns: 230px 1fr 270px !important;
    gap: 32px !important;
    align-items: stretch !important;
}

/* --- SOL KOLON (Intro) --- */
.mega-intro-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-right: 20px !important;
    border-right: 1px solid #D8D9D5 !important;
}

.mega-intro-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}

.mega-intro-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13px !important;
    color: #686D70 !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
}

.mega-intro-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mega-intro-link:hover {
    color: #1D4ED8 !important;
    transform: translateX(3px) !important;
}

/* --- ORTA KOLON (Hizmet Kategorileri 3 Kolon x 2 Satır) --- */
.mega-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 20px !important;
}

.mega-cat-block {
    display: flex !important;
    flex-direction: column !important;
}

.mega-cat-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.mega-cat-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.mega-cat-icon.blue   { background: #EFF6FF !important; color: #2563EB !important; }
.mega-cat-icon.purple { background: #F5F3FF !important; color: #7C3AED !important; }
.mega-cat-icon.teal   { background: #ECFDF5 !important; color: #059669 !important; }
.mega-cat-icon.orange { background: #FFFBEB !important; color: #D97706 !important; }
.mega-cat-icon.red    { background: #FFF1F2 !important; color: #E11D48 !important; }

.mega-cat-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}

.mega-sub-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.mega-sub-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.mega-sub-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}

.mega-sub-link .arrow-indicator {
    font-size: 13px !important;
    color: #D8D9D5 !important;
    transition: all 0.18s ease !important;
}

.mega-sub-link:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    padding-left: 8px !important;
}

.mega-sub-link:hover .arrow-indicator {
    color: #2563EB !important;
    transform: translateX(2px) !important;
}

/* --- SAĞ KOLON (Promo Kartı - Siyah Arka Plan & Görsel) --- */
.mega-promo-col {
    display: flex !important;
}

.mega-promo-card {
    background: #0B1120 !important;
    border-radius: 18px !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #202427 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px -10px rgba(11, 17, 32, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
}

.mega-promo-card::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 120px !important;
    height: 120px !important;
    background: radial-gradient(circle, rgba(0, 184, 144, 0.4) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.mega-promo-badge-icon {
    width: 36px !important;
    height: 36px !important;
    background: rgba(0, 184, 144, 0.2) !important;
    border: 1px solid rgba(0, 184, 144, 0.4) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #60A5FA !important;
    margin-bottom: 14px !important;
}

.mega-promo-title {
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
    text-transform: none !important;
}

.mega-promo-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.45 !important;
    margin-bottom: 18px !important;
}

.mega-promo-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #202427 !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mega-promo-btn:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

/* Mobil Menü Düzeltmeleri */
@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}


/* ==========================================================================
   HIZLI İŞLER — BEYAZ HEADER & MODERN LOGO & NAV DÜZENİ
   ========================================================================== */
.header-style-one {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #D8D9D5 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
    z-index: 9999 !important;
}

.header-style-one-wrapper {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border: none !important;
}

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

.header-style-one-wrapper .logo-area img {
    height: 42px !important;
    width: auto !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    color: #202427 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element:hover,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

.header-btn-cta {
    background: #2563EB !important;
    color: #202427 !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    padding: 10px 22px !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
}

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

/* ==========================================================================
   HIZLI İŞLER — BEYAZ & ULTRA MODERN MEGA MENÜ (EXACT USER REFERENCE MATCH)
   ========================================================================== */

.header-style-one {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #D8D9D5 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
    z-index: 9999 !important;
}

.header-style-one-wrapper {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    position: relative !important;
}

.header-style-one-wrapper .logo-area {
    display: flex !important;
    align-items: center !important;
}

.header-style-one-wrapper .logo-area img {
    height: 40px !important;
    width: auto !important;
}

/* Navigasyon Linkleri */
.main-nav-area ul.wpr-desktop-menu {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item {
    margin: 0 !important;
    padding: 14px 0 !important;
    position: relative !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #555A5D !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 2px !important;
    position: relative !important;
    transition: color 0.2s ease !important;
    text-transform: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element::after {
    display: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item:hover > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

/* Hizmetler Alt Çizgi Mavi Çizgi Vurgusu */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu > a.main-element::before {
    content: '' !important;
    position: absolute !important;
    bottom: -14px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #2563EB !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    transform: scaleX(0) !important;
    transition: all 0.2s ease !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open > a.main-element::before,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover > a.main-element::before {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Chevron Oku */
.dropdown-chevron-icon {
    display: inline-block !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .dropdown-chevron-icon,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .dropdown-chevron-icon {
    transform: rotate(180deg) !important;
}

/* Sağ Üst CTA Buton */
.header-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2563EB !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.25) !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.header-btn-cta:hover {
    background: #1D4ED8 !important;
    color: #202427 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(0, 184, 144, 0.35) !important;
}

/* ==========================================================================
   MEGA MENÜ KUTUSU (BEYAZ, MODERN, KART YAPILI)
   ========================================================================== */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu {
    position: static !important;
}

.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    padding: 34px 38px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) !important;
    transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
    z-index: 99999 !important;
}

/* Hover Güvenlik Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -20px !important;
    left: 0 !important;
    right: 0 !important;
    height: 20px !important;
    background: transparent !important;
}

/* Açık Durum */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .hia-mega-menu,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Grid Layout: Sol Tanıtım (230px), Orta Kategoriler (1fr), Sağ Promo Kartı (270px) */
.mega-menu-grid-layout {
    display: grid !important;
    grid-template-columns: 230px 1fr 270px !important;
    gap: 32px !important;
    align-items: stretch !important;
}

/* SOL KOLON */
.mega-intro-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-right: 24px !important;
    border-right: 1px solid #D8D9D5 !important;
}

.mega-intro-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}

.mega-intro-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13px !important;
    color: #686D70 !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
}

.mega-intro-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mega-intro-link:hover {
    color: #1D4ED8 !important;
    transform: translateX(3px) !important;
}

/* ORTA KOLON (5 Kategori Bloğu: 3 Kolon) */
.mega-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 22px !important;
}

.mega-cat-block {
    display: flex !important;
    flex-direction: column !important;
}

.mega-cat-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.mega-cat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

.mega-cat-icon.blue   { background: #EFF6FF !important; color: #2563EB !important; }
.mega-cat-icon.purple { background: #F5F3FF !important; color: #7C3AED !important; }
.mega-cat-icon.teal   { background: #ECFDF5 !important; color: #059669 !important; }
.mega-cat-icon.orange { background: #FFFBEB !important; color: #D97706 !important; }
.mega-cat-icon.red    { background: #FFF1F2 !important; color: #E11D48 !important; }

.mega-cat-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}

.mega-sub-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.mega-sub-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.mega-sub-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 5px 6px !important;
    border-radius: 6px !important;
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}

.mega-sub-link .arrow-indicator {
    font-size: 13px !important;
    color: #D8D9D5 !important;
    transition: all 0.18s ease !important;
}

.mega-sub-link:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    padding-left: 8px !important;
}

.mega-sub-link:hover .arrow-indicator {
    color: #2563EB !important;
    transform: translateX(2px) !important;
}

/* SAĞ KOLON (Dark Featured Promo Card) */
.mega-promo-col {
    display: flex !important;
}

.mega-promo-card {
    background: linear-gradient(145deg, #0E1726 0%, #050B14 100%) !important;
    border-radius: 18px !important;
    padding: 24px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #202427 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px -10px rgba(11, 17, 32, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    width: 100% !important;
}

.mega-promo-card::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 130px !important;
    height: 130px !important;
    background: radial-gradient(circle, rgba(0, 184, 144, 0.45) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.mega-promo-badge-icon {
    width: 38px !important;
    height: 38px !important;
    background: rgba(0, 184, 144, 0.25) !important;
    border: 1px solid rgba(0, 184, 144, 0.5) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    color: #60A5FA !important;
    margin-bottom: 16px !important;
}

.mega-promo-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
    text-transform: none !important;
}

.mega-promo-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.45 !important;
    margin-bottom: 20px !important;
}

.mega-promo-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mega-promo-btn:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — SAĞA YASLI, BÜYÜK & KALIN YAZI TİPLİ BEYAZ HEADER NAVİGASYONU
   ========================================================================== */

.header-style-one-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    background-color: #FFFFFF !important;
    padding: 14px 0 !important;
}

.header-style-one-wrapper .left-area {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* Navigasyon Alanı Sağa Yaslandı */
.main-nav-area {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 12px !important;
}

.main-nav-area ul.wpr-desktop-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item {
    margin: 0 !important;
    padding: 10px 0 !important;
    position: relative !important;
}

/* Menü Yazıları: KALIN, BÜYÜK & NET */
.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 2px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element::after {
    display: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item:hover > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

/* Hizmetler Alt Çizgi Vurgusu */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu > a.main-element::before {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #2563EB !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    transform: scaleX(0) !important;
    transition: all 0.2s ease !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open > a.main-element::before,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover > a.main-element::before {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Chevron Oku */
.dropdown-chevron-icon {
    width: 12px !important;
    height: 8px !important;
    stroke-width: 2.2 !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Sağ Üst CTA Buton */
.header-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2563EB !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    padding: 11px 24px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(0, 184, 144, 0.3) !important;
    transition: all 0.2s ease !important;
    border: none !important;
    flex-shrink: 0 !important;
}

.header-btn-cta:hover {
    background: #1D4ED8 !important;
    color: #202427 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(0, 184, 144, 0.4) !important;
}

/* Mega Menü İçi Font Büyüklük & Kalınlık İyileştirmeleri */
.mega-cat-title {
    font-size: 15.5px !important;
    font-weight: 800 !important;
}

.mega-sub-link {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #686D70 !important;
    padding: 6px 8px !important;
}

.mega-intro-title {
    font-size: 20px !important;
    font-weight: 800 !important;
}

.mega-intro-link {
    font-size: 14.5px !important;
    font-weight: 800 !important;
}

/* ==========================================================================
   HIZLI İŞLER — BEYAZ, ORTALANMIŞ & SADECE GERÇEK HİZMETLİ MEGA MENÜ
   ========================================================================== */

.header-style-one {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #D8D9D5 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    position: relative !important;
    z-index: 99999 !important;
}

.header-style-one-wrapper {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 0 !important;
    position: relative !important;
}

.header-style-one-wrapper .left-area {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    border: none !important;
    padding: 0 !important;
}

.header-style-one-wrapper .left-area .logo img {
    height: 40px !important;
    width: auto !important;
    display: block !important;
}

/* MENÜ ORTALANDI (CENTERED NAVIGATION) */
.main-nav-area {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    margin: 0 20px !important;
}

.main-nav-area ul.wpr-desktop-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item {
    margin: 0 !important;
    padding: 8px 0 !important;
    position: relative !important;
}

/* Menü Yazı Tipi: Kalın, Net, Büyük */
.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 2px !important;
    position: relative !important;
    transition: color 0.2s ease !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element::after {
    display: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item:hover > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

/* Hizmetler Alt Çizgi Vurgusu */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu > a.main-element::before {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #2563EB !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    transform: scaleX(0) !important;
    transition: all 0.2s ease !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open > a.main-element::before,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover > a.main-element::before {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Chevron Oku */
.dropdown-chevron-icon {
    display: inline-block !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    stroke: currentColor !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .dropdown-chevron-icon,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .dropdown-chevron-icon {
    transform: rotate(180deg) !important;
}

/* Sağ Üst CTA Buton */
.header-right-area {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 0 0 auto !important;
    border: none !important;
    padding: 0 !important;
}

.header-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2563EB !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.28) !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.header-btn-cta:hover {
    background: #1D4ED8 !important;
    color: #202427 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 184, 144, 0.38) !important;
}

/* ==========================================================================
   MEGA MENÜ KUTUSU — TAM ORTALANMIŞ, %100 OPAK BEYAZ ARKA PLAN
   ========================================================================== */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu {
    position: static !important;
}

.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(12px) !important;
    width: calc(100% - 30px) !important;
    max-width: 1140px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 60px -10px rgba(15, 23, 42, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    padding: 30px 34px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 999999 !important;
}

/* Hover Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important;
}

/* Açık Durum */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .hia-mega-menu,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* Grid Düzeni: Sol Tanıtım (230px), Orta Gerçek Hizmetler (1fr), Sağ Promo Kartı (260px) */
.mega-menu-grid-layout {
    display: grid !important;
    grid-template-columns: 220px 1fr 260px !important;
    gap: 28px !important;
    align-items: stretch !important;
    background: #FFFFFF !important;
}

/* SOL KOLON */
.mega-intro-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-right: 20px !important;
    border-right: 1px solid #D8D9D5 !important;
    background: #FFFFFF !important;
}

.mega-intro-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.02em !important;
}

.mega-intro-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13px !important;
    color: #686D70 !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
}

.mega-intro-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mega-intro-link:hover {
    color: #1D4ED8 !important;
    transform: translateX(3px) !important;
}

/* ORTA KOLON — SİTEDE OLAN 7 GERÇEK HİZMET KARTI (2 Kolon Grid) */
.mega-real-services-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 20px !important;
    row-gap: 12px !important;
    background: #FFFFFF !important;
}

.mega-service-card-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
    transition: all 0.18s ease !important;
}

.mega-service-card-item:hover {
    background: #FFFFFF !important;
    border-color: #D8D9D5 !important;
    transform: translateY(-1px) !important;
}

.mega-srv-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}

.mega-srv-icon.blue   { background: #EFF6FF !important; color: #2563EB !important; }
.mega-srv-icon.purple { background: #F5F3FF !important; color: #7C3AED !important; }
.mega-srv-icon.teal   { background: #ECFDF5 !important; color: #059669 !important; }
.mega-srv-icon.orange { background: #FFFBEB !important; color: #D97706 !important; }
.mega-srv-icon.rose   { background: #FFF1F2 !important; color: #E11D48 !important; }
.mega-srv-icon.cyan   { background: #ECFEFF !important; color: #0891B2 !important; }
.mega-srv-icon.indigo { background: #EEF2FF !important; color: #4F46E5 !important; }

.mega-srv-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.mega-srv-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: color 0.18s ease !important;
}

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

.mega-srv-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* SAĞ KOLON — PROMO KARTI */
.mega-promo-col {
    display: flex !important;
    background: transparent !important;
}

.mega-promo-card {
    background: linear-gradient(145deg, #0E1726 0%, #050B14 100%) !important;
    border-radius: 16px !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #202427 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px -10px rgba(11, 17, 32, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    width: 100% !important;
}

.mega-promo-card::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 120px !important;
    height: 120px !important;
    background: radial-gradient(circle, rgba(0, 184, 144, 0.45) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.mega-promo-badge-icon {
    width: 36px !important;
    height: 36px !important;
    background: rgba(0, 184, 144, 0.25) !important;
    border: 1px solid rgba(0, 184, 144, 0.5) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #60A5FA !important;
    margin-bottom: 14px !important;
}

.mega-promo-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
}

.mega-promo-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
}

.mega-promo-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mega-promo-btn:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — TAM ORTALANMIŞ, %100 OPAK BEYAZ & SADECE GERÇEK HİZMETLİ MEGA MENÜ
   ========================================================================== */

.header-style-one .container,
.header-style-one-wrapper {
    position: relative !important;
}

.main-nav-area,
.main-nav-area ul,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu {
    position: static !important;
}

.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 15px !important;
    right: 15px !important;
    width: calc(100% - 30px) !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 60px -10px rgba(15, 23, 42, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    padding: 28px 32px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 999999 !important;
}

/* Hover Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important;
}

/* Açık Durum */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .hia-mega-menu,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Grid Layout */
.mega-menu-grid-layout {
    display: grid !important;
    grid-template-columns: 220px 1fr 260px !important;
    gap: 28px !important;
    align-items: stretch !important;
    background: #FFFFFF !important;
}

/* SOL KOLON */
.mega-intro-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-right: 20px !important;
    border-right: 1px solid #D8D9D5 !important;
    background: #FFFFFF !important;
}

.mega-intro-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.02em !important;
}

.mega-intro-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 13px !important;
    color: #686D70 !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
}

.mega-intro-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mega-intro-link:hover {
    color: #1D4ED8 !important;
    transform: translateX(3px) !important;
}

/* ORTA KOLON — SİTEDE OLAN 7 GERÇEK HİZMET KARTI */
.mega-real-services-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 20px !important;
    row-gap: 12px !important;
    background: #FFFFFF !important;
}

.mega-service-card-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
    transition: all 0.18s ease !important;
}

.mega-service-card-item:hover {
    background: #FFFFFF !important;
    border-color: #D8D9D5 !important;
    transform: translateY(-1px) !important;
}

.mega-srv-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}

.mega-srv-icon.blue   { background: #EFF6FF !important; color: #2563EB !important; }
.mega-srv-icon.purple { background: #F5F3FF !important; color: #7C3AED !important; }
.mega-srv-icon.teal   { background: #ECFDF5 !important; color: #059669 !important; }
.mega-srv-icon.orange { background: #FFFBEB !important; color: #D97706 !important; }
.mega-srv-icon.rose   { background: #FFF1F2 !important; color: #E11D48 !important; }
.mega-srv-icon.cyan   { background: #ECFEFF !important; color: #0891B2 !important; }
.mega-srv-icon.indigo { background: #EEF2FF !important; color: #4F46E5 !important; }

.mega-srv-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.mega-srv-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: color 0.18s ease !important;
}

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

.mega-srv-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* SAĞ KOLON — PROMO KARTI */
.mega-promo-col {
    display: flex !important;
    background: transparent !important;
}

.mega-promo-card {
    background: linear-gradient(145deg, #0E1726 0%, #050B14 100%) !important;
    border-radius: 16px !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #202427 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px -10px rgba(11, 17, 32, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    width: 100% !important;
}

.mega-promo-card::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 120px !important;
    height: 120px !important;
    background: radial-gradient(circle, rgba(0, 184, 144, 0.45) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.mega-promo-badge-icon {
    width: 36px !important;
    height: 36px !important;
    background: rgba(0, 184, 144, 0.25) !important;
    border: 1px solid rgba(0, 184, 144, 0.5) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #60A5FA !important;
    margin-bottom: 14px !important;
}

.mega-promo-title {
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
}

.mega-promo-desc {
    font-family: var(--font-body, "Urbanist", sans-serif) !important;
    font-size: 12px !important;
    color: #686D70 !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
}

.mega-promo-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #202427 !important;
    font-family: var(--font-heading, "Space Grotesk", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mega-promo-btn:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — YÜKSEK OKUNABİLİRLİK & NET TİPOGRAFİ (HEADER & MEGA MENÜ)
   ========================================================================== */

/* Header Konteyner */
.header-style-one {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #D8D9D5 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    position: relative !important;
    z-index: 99999 !important;
}

.header-style-one .container,
.header-style-one-wrapper {
    position: relative !important;
}

.header-style-one-wrapper {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 0 !important;
}

.header-style-one-wrapper .left-area {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    border: none !important;
    padding: 0 !important;
}

.header-style-one-wrapper .left-area .logo img {
    height: 42px !important;
    width: auto !important;
    display: block !important;
}

/* Navigasyon Alanı - Ortalanmış ve Net */
.main-nav-area {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    margin: 0 24px !important;
    position: static !important;
}

.main-nav-area ul.wpr-desktop-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: static !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item {
    margin: 0 !important;
    padding: 8px 0 !important;
    position: relative !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu {
    position: static !important;
}

/* Menü Linkleri: Kolay Okunur, Net Inter/System Fontu, Yüksek Kontrast */
.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 2px !important;
    position: relative !important;
    transition: color 0.18s ease !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item > a.main-element::after {
    display: none !important;
}

.main-nav-area ul.wpr-desktop-menu > li.menu-item:hover > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.active > a.main-element,
.main-nav-area ul.wpr-desktop-menu > li.menu-item.is-open > a.main-element {
    color: #2563EB !important;
}

/* Hizmetler Alt Çizgi Mavi Vurgusu */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu > a.main-element::before {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #2563EB !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    transform: scaleX(0) !important;
    transition: all 0.2s ease !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open > a.main-element::before,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover > a.main-element::before {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Chevron Oku */
.dropdown-chevron-icon {
    display: inline-block !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    stroke: currentColor !important;
}

.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .dropdown-chevron-icon,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .dropdown-chevron-icon {
    transform: rotate(180deg) !important;
}

/* Sağ Üst CTA Buton */
.header-right-area {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 0 0 auto !important;
    border: none !important;
    padding: 0 !important;
}

.header-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #2563EB !important;
    color: #202427 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0, 184, 144, 0.28) !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.header-btn-cta:hover {
    background: #1D4ED8 !important;
    color: #202427 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 184, 144, 0.38) !important;
}

/* ==========================================================================
   MEGA MENÜ KUTUSU — SAF BEYAZ, YÜKSEK KONTRAST & OKUNABİLİR METİNLER
   ========================================================================== */
.hia-mega-menu {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 15px !important;
    right: 15px !important;
    width: calc(100% - 30px) !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 60px -10px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
    padding: 30px 34px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 999999 !important;
}

/* Hover Köprüsü */
.hia-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important;
}

/* Açık Durum */
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu:hover .hia-mega-menu,
.main-nav-area ul.wpr-desktop-menu > li.has-mega-menu.is-open .hia-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Grid Layout */
.mega-menu-grid-layout {
    display: grid !important;
    grid-template-columns: 230px 1fr 260px !important;
    gap: 30px !important;
    align-items: stretch !important;
    background: #FFFFFF !important;
}

/* SOL KOLON */
.mega-intro-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-right: 22px !important;
    border-right: 1px solid #D8D9D5 !important;
    background: #FFFFFF !important;
}

.mega-intro-title {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.35 !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.02em !important;
}

.mega-intro-desc {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 450 !important;
    color: #686D70 !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

.mega-intro-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mega-intro-link:hover {
    color: #1D4ED8 !important;
    transform: translateX(4px) !important;
}

/* ORTA KOLON — SİTEDE BULUNAN 7 GERÇEK HİZMET KARTI */
.mega-real-services-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 20px !important;
    row-gap: 12px !important;
    background: #FFFFFF !important;
}

.mega-service-card-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    transition: all 0.18s ease !important;
}

.mega-service-card-item:hover {
    background: #FFFFFF !important;
    border-color: #D8D9D5 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}

.mega-srv-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    flex-shrink: 0 !important;
}

.mega-srv-icon.blue   { background: #EFF6FF !important; color: #2563EB !important; }
.mega-srv-icon.purple { background: #F5F3FF !important; color: #7C3AED !important; }
.mega-srv-icon.teal   { background: #ECFDF5 !important; color: #059669 !important; }
.mega-srv-icon.orange { background: #FFFBEB !important; color: #D97706 !important; }
.mega-srv-icon.rose   { background: #FFF1F2 !important; color: #E11D48 !important; }
.mega-srv-icon.cyan   { background: #ECFEFF !important; color: #0891B2 !important; }
.mega-srv-icon.indigo { background: #EEF2FF !important; color: #4F46E5 !important; }

.mega-srv-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* Kart Başlığı: Net, Kalın, Kolay Okunur */
.mega-srv-title {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    margin-bottom: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: color 0.18s ease !important;
    letter-spacing: -0.01em !important;
}

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

/* Kart Açıklaması: Koyu Slate, Yüksek Kontrast, Okunaklı */
.mega-srv-desc {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #686D70 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

/* SAĞ KOLON — PROMO KARTI */
.mega-promo-col {
    display: flex !important;
    background: transparent !important;
}

.mega-promo-card {
    background: linear-gradient(145deg, #F5F5F0 0%, #020617 100%) !important;
    border-radius: 16px !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: #202427 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px -10px rgba(11, 17, 32, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    width: 100% !important;
}

.mega-promo-card::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 120px !important;
    height: 120px !important;
    background: radial-gradient(circle, rgba(0, 184, 144, 0.5) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.mega-promo-badge-icon {
    width: 38px !important;
    height: 38px !important;
    background: rgba(0, 184, 144, 0.25) !important;
    border: 1px solid rgba(0, 184, 144, 0.5) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    color: #60A5FA !important;
    margin-bottom: 14px !important;
}

.mega-promo-title {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #202427 !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
}

.mega-promo-desc {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 450 !important;
    color: #D8D9D5 !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
}

.mega-promo-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    color: #202427 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.mega-promo-btn:hover {
    background: #FFFFFF !important;
    color: #2563EB !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

@media (max-width: 991px) {
    .hia-mega-menu {
        display: none !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — %100 MOBİL & TÜM CİHAZLAR İLE UYUMLU RESPONSIVE CSS
   ========================================================================== */

/* 1. Global Taşma Önleme (Zero Horizontal Overflow) */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

img, video, svg, canvas {
    max-width: 100% !important;
    height: auto !important;
}

/* 2. Responsive Header & Navigasyon */
@media (max-width: 991px) {
    .header-style-one {
        padding: 6px 0 !important;
    }
    
    .header-style-one-wrapper {
        padding: 8px 0 !important;
        gap: 12px !important;
    }

    .header-style-one-wrapper .left-area .logo img {
        height: 34px !important;
        width: auto !important;
    }

    .main-nav-area {
        display: none !important;
    }

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

    .header-a11y-btn {
        padding: 7px 12px !important;
        font-size: 13px !important;
    }

    /* Hamburger Menü Butonu */
    .menu-btn {
        width: 40px !important;
        height: 40px !important;
        background: #FFFFFF !important;
        border-radius: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        border: 1px solid #D8D9D5 !important;
        transition: all 0.2s ease !important;
    }

    .menu-btn:hover {
        background: #EFF6FF !important;
        border-color: #2563EB !important;
    }

    .menu-btn span.line {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        background: #F5F5F0 !important;
        border-radius: 2px !important;
        transition: all 0.25s ease !important;
    }
}

/* 3. Mobil Çekmece Menü (Mobile Drawer Menu) */
.side-bar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 340px !important;
    background: #FFFFFF !important;
    z-index: 99999999 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.2) !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.side-bar.show {
    transform: translateX(0) !important;
}

.side-bar-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 99999990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.25s ease !important;
}

.side-bar-overlay.show {
    opacity: 1 !important;
    visibility: visible !important;
}

.sidebar-inner {
    padding: 24px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.sidebar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid #D8D9D5 !important;
    margin-bottom: 20px !important;
}

.sidebar-header .logo img {
    height: 34px !important;
}

.sidebar-close-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    cursor: pointer !important;
}

.mobile-menu-main ul.wpr-desktop-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element:hover,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element:hover {
    background: #EFF6FF !important;
    color: #2563EB !important;
    border-color: #BFDBFE !important;
}

.mobile-submenu-list {
    padding: 8px 0 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mobile-submenu-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    transition: all 0.15s ease !important;
}

.mobile-submenu-list li a:hover {
    color: #2563EB !important;
    background: #EFF6FF !important;
    border-color: #BFDBFE !important;
}

/* 4. Responsive Hero & Section Başlıkları */
@media (max-width: 991px) {
    .corporate-hero-section {
        padding: 30px 0 40px !important;
    }

    .corporate-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }

    .hero-headline {
        font-size: clamp(26px, 6.5vw, 42px) !important;
        line-height: 1.25 !important;
    }

    .hero-subtext {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 24px !important;
    }

    .hero-category-pill {
        font-size: 12px !important;
        white-space: normal !important;
        padding: 6px 14px !important;
        line-height: 1.4 !important;
    }

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

    .process-step-track {
        flex-wrap: wrap !important;
        gap: 6px 10px !important;
    }
}

/* 5. İnteraktif Form Kartı (Mobile Optimization) */
@media (max-width: 767px) {
    .hero-interactive-card {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }

    .hero-form-service-selector {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .hero-form-input-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .hero-form-input,
    .hero-form-textarea {
        font-size: 16px !important; /* iOS Otomatik Zoom Engelleme */
        padding: 12px 14px !important;
        min-height: 48px !important;
    }

    .btn-submit-hero {
        min-height: 50px !important;
        font-size: 15px !important;
        width: 100% !important;
        touch-action: manipulation !important;
    }
}

/* 6. Hizmet Kartları, Gridler & Sayfa Düzenleri */
@media (max-width: 991px) {
    .service-grid-3,
    .why-choose-grid,
    .blog-grid-3,
    .process-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .footer-content-wrapper {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .service-grid-3,
    .blog-grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 7. Mobil Erişilebilirlik Paneli (Full Screen Sheet on Small Screens) */
@media (max-width: 575px) {
    .hia-a11y-panel {
        max-width: 100% !important;
        width: 100% !important;
    }

    .hia-a11y-trigger {
        bottom: 16px !important;
        left: 16px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    .float-buttons {
        bottom: 16px !important;
        right: 16px !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — %100 KUSURSUZ MOBİL & ÇOKLU CİHAZ (RESPONSIVE MASTER)
   ========================================================================== */

/* 1. Global Taşma Önleme & Kusursuz Akış */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

img, video, svg, canvas {
    max-width: 100% !important;
    height: auto !important;
}

/* 2. Responsive Header & Hamburger Düzeni */
@media (max-width: 991px) {
    .header-style-one {
        padding: 4px 0 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
    }
    
    .header-style-one-wrapper {
        padding: 8px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .header-style-one-wrapper .left-area {
        flex: 0 0 auto !important;
    }

    .header-style-one-wrapper .left-area .logo img {
        height: 36px !important;
        width: auto !important;
        display: block !important;
    }

    .main-nav-area {
        display: none !important;
    }

    .header-right-area {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
    }

    .header-a11y-btn {
        padding: 8px 12px !important;
        font-size: 13px !important;
        height: 40px !important;
    }

    /* Hamburger Buton */
    .menu-btn {
        width: 42px !important;
        height: 40px !important;
        background: #FFFFFF !important;
        border-radius: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        border: 1px solid #D8D9D5 !important;
        transition: all 0.2s ease !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    .menu-btn:hover,
    .menu-btn:active {
        background: #EFF6FF !important;
        border-color: #2563EB !important;
    }

    .menu-btn span.line {
        display: block !important;
        width: 20px !important;
        height: 2.2px !important;
        background: #F5F5F0 !important;
        border-radius: 2px !important;
        transition: all 0.25s ease !important;
    }
}

@media (max-width: 767px) {
    .header-btn-cta {
        display: none !important;
    }
    .header-a11y-btn .a11y-btn-text {
        display: none !important;
    }
    .header-a11y-btn {
        padding: 8px 10px !important;
        width: 40px !important;
        height: 40px !important;
    }
}

/* 3. Mobil Çekmece Menü (Mobile Sidebar Menu) */
.side-bar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 320px !important;
    max-width: 85vw !important;
    height: 100vh !important;
    background: #FFFFFF !important;
    z-index: 99999999 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25) !important;
    transform: translateX(105%) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.side-bar.show {
    transform: translateX(0) !important;
}

.side-bar-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 99999990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.25s ease !important;
}

.side-bar-overlay.show {
    opacity: 1 !important;
    visibility: visible !important;
}

.sidebar-inner {
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.sidebar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #D8D9D5 !important;
    margin-bottom: 18px !important;
}

.sidebar-header .logo img {
    height: 34px !important;
}

.sidebar-close-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    cursor: pointer !important;
}

.mobile-menu-main ul.wpr-desktop-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element:hover,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element:hover {
    background: #EFF6FF !important;
    color: #2563EB !important;
    border-color: #BFDBFE !important;
}

.mobile-submenu-list {
    padding: 8px 0 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mobile-submenu-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    transition: all 0.15s ease !important;
}

.mobile-submenu-list li a:hover {
    color: #2563EB !important;
    background: #EFF6FF !important;
    border-color: #BFDBFE !important;
}

/* 4. Responsive Hero & Section Başlıkları */
@media (max-width: 991px) {
    .corporate-hero-section {
        padding: 24px 0 36px !important;
    }

    .corporate-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    .hero-headline {
        font-size: clamp(24px, 6.2vw, 40px) !important;
        line-height: 1.25 !important;
    }

    .hero-subtext {
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }

    .hero-category-pill {
        font-size: 12px !important;
        white-space: normal !important;
        padding: 6px 14px !important;
        line-height: 1.4 !important;
    }

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

    .process-step-track {
        flex-wrap: wrap !important;
        gap: 6px 10px !important;
    }
}

/* 5. İnteraktif Form Kartı (Mobile Optimization) */
@media (max-width: 767px) {
    .hero-interactive-card {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }

    .hero-form-service-selector {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .hero-form-input-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .hero-form-input,
    .hero-form-textarea {
        font-size: 16px !important; /* iOS Zoom Önleme */
        padding: 12px 14px !important;
        min-height: 48px !important;
    }

    .btn-submit-hero {
        min-height: 50px !important;
        font-size: 15px !important;
        width: 100% !important;
        touch-action: manipulation !important;
    }
}

/* 6. Hizmet Kartları, Gridler & Sayfa Düzenleri */
@media (max-width: 991px) {
    .service-grid-3,
    .why-choose-grid,
    .blog-grid-3,
    .process-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .footer-content-wrapper {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .service-grid-3,
    .blog-grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 7. Mobil Erişilebilirlik Paneli (Full Sheet Modal) */
@media (max-width: 575px) {
    .hia-a11y-panel {
        max-width: 100% !important;
        width: 100% !important;
    }

    .hia-a11y-trigger {
        bottom: 16px !important;
        left: 16px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    .float-buttons {
        bottom: 16px !important;
        right: 16px !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — MOBİL HEADER & TÜM CİHAZLAR İÇİN %100 KUSURSUZ HİZALAMA
   ========================================================================== */

@media (max-width: 991px) {
    .header-style-one {
        padding: 4px 0 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
        background: #FFFFFF !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    }

    .header-style-one .container,
    .header-style-one .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .header-style-one-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 6px 0 !important;
        margin: 0 !important;
    }

    .header-style-one-wrapper .left-area {
        flex: 0 0 auto !important;
    }

    .header-style-one-wrapper .left-area .logo img {
        height: 32px !important;
        max-height: 32px !important;
        width: auto !important;
        display: block !important;
    }

    .main-nav-area {
        display: none !important;
    }

    .header-right-area {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-a11y-btn {
        padding: 6px 10px !important;
        font-size: 13px !important;
        height: 36px !important;
        border-radius: 8px !important;
    }

    .menu-btn {
        width: 38px !important;
        height: 36px !important;
        background: #FFFFFF !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        cursor: pointer !important;
        border: 1px solid #D8D9D5 !important;
        transition: all 0.2s ease !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    .menu-btn span.line {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        background: #F5F5F0 !important;
        border-radius: 2px !important;
        transition: all 0.25s ease !important;
    }
}

@media (max-width: 767px) {
    .header-btn-cta {
        display: none !important;
    }
    .header-a11y-btn .a11y-btn-text {
        display: none !important;
    }
    .header-a11y-btn {
        padding: 6px 8px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — SIFIR TAŞMA & KUSURSUZ MOBİL AKIŞ (ZERO OVERFLOW MASTER)
   ========================================================================== */

html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

img, video, svg, canvas {
    max-width: 100% !important;
    height: auto !important;
}

/* 2. Responsive Header & Hamburger Düzeni */
@media (max-width: 991px) {
    .header-style-one {
        padding: 4px 0 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
        background: #FFFFFF !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
        width: 100% !important;
    }

    .header-style-one .container,
    .header-style-one .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .header-style-one-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 6px 0 !important;
        margin: 0 !important;
    }

    .header-style-one-wrapper .left-area {
        flex: 0 0 auto !important;
    }

    .header-style-one-wrapper .left-area .logo img {
        height: 32px !important;
        max-height: 32px !important;
        width: auto !important;
        display: block !important;
    }

    .main-nav-area {
        display: none !important;
    }

    .header-right-area {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-a11y-btn {
        padding: 6px 10px !important;
        font-size: 13px !important;
        height: 36px !important;
        border-radius: 8px !important;
    }

    .menu-btn {
        width: 38px !important;
        height: 36px !important;
        background: #FFFFFF !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        cursor: pointer !important;
        border: 1px solid #D8D9D5 !important;
        transition: all 0.2s ease !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    .menu-btn span.line {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        background: #F5F5F0 !important;
        border-radius: 2px !important;
        transition: all 0.25s ease !important;
    }
}

@media (max-width: 767px) {
    .header-btn-cta {
        display: none !important;
    }
    .header-a11y-btn .a11y-btn-text {
        display: none !important;
    }
    .header-a11y-btn {
        padding: 6px 8px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* 3. Mobil Çekmece Menü (Mobile Sidebar Menu - Zero Scrollbar Artifacts) */
.side-bar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 320px !important;
    max-width: 85vw !important;
    height: 100vh !important;
    background: #FFFFFF !important;
    z-index: 99999999 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25) !important;
    transform: translateX(100%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.side-bar.show {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.side-bar-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 99999990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.25s ease !important;
}

.side-bar-overlay.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.sidebar-inner {
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.sidebar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #D8D9D5 !important;
    margin-bottom: 18px !important;
}

.sidebar-header .logo img {
    height: 34px !important;
}

.sidebar-close-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    cursor: pointer !important;
}

.mobile-menu-main ul.wpr-desktop-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element:hover,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element:hover {
    background: #EFF6FF !important;
    color: #2563EB !important;
    border-color: #BFDBFE !important;
}

.mobile-submenu-list {
    padding: 8px 0 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mobile-submenu-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    transition: all 0.15s ease !important;
}

.mobile-submenu-list li a:hover {
    color: #2563EB !important;
    background: #EFF6FF !important;
    border-color: #BFDBFE !important;
}

/* 4. Responsive Hero & Section Başlıkları */
@media (max-width: 991px) {
    .corporate-hero-section {
        padding: 20px 0 32px !important;
    }

    .corporate-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .hero-headline {
        font-size: clamp(24px, 6.2vw, 38px) !important;
        line-height: 1.25 !important;
    }

    .hero-subtext {
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
    }

    .hero-category-pill {
        font-size: 12px !important;
        white-space: normal !important;
        padding: 6px 12px !important;
        line-height: 1.4 !important;
    }

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

    .process-step-track {
        flex-wrap: wrap !important;
        gap: 6px 10px !important;
    }
}

/* 5. İnteraktif Form Kartı (Mobile Optimization) */
@media (max-width: 767px) {
    .hero-interactive-card {
        padding: 18px 14px !important;
        border-radius: 16px !important;
    }

    .hero-form-service-selector {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .hero-form-input-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .hero-form-input,
    .hero-form-textarea {
        font-size: 16px !important; /* iOS Zoom Önleme */
        padding: 12px 12px !important;
        min-height: 46px !important;
    }

    .btn-submit-hero {
        min-height: 48px !important;
        font-size: 15px !important;
        width: 100% !important;
        touch-action: manipulation !important;
    }
}

/* 6. Hizmet Kartları, Gridler & Sayfa Düzenleri */
@media (max-width: 991px) {
    .service-grid-3,
    .why-choose-grid,
    .blog-grid-3,
    .process-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .footer-content-wrapper {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .service-grid-3,
    .blog-grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 7. Mobil Erişilebilirlik Paneli */
@media (max-width: 575px) {
    .hia-a11y-panel {
        max-width: 100% !important;
        width: 100% !important;
    }

    .hia-a11y-trigger {
        bottom: 16px !important;
        left: 16px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    .float-buttons {
        bottom: 16px !important;
        right: 16px !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — SIFIR TAŞMA & KUSURSUZ MOBİL AKIŞ (RIGHT OFFSET VERSION)
   ========================================================================== */

html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

img, video, svg, canvas {
    max-width: 100% !important;
    height: auto !important;
}

/* 2. Responsive Header & Hamburger Düzeni */
@media (max-width: 991px) {
    .header-style-one {
        padding: 4px 0 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
        background: #FFFFFF !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
        width: 100% !important;
    }

    .header-style-one .container,
    .header-style-one .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .header-style-one-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 6px 0 !important;
        margin: 0 !important;
    }

    .header-style-one-wrapper .left-area {
        flex: 0 0 auto !important;
    }

    .header-style-one-wrapper .left-area .logo img {
        height: 32px !important;
        max-height: 32px !important;
        width: auto !important;
        display: block !important;
    }

    .main-nav-area {
        display: none !important;
    }

    .header-right-area {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-a11y-btn {
        padding: 6px 10px !important;
        font-size: 13px !important;
        height: 36px !important;
        border-radius: 8px !important;
    }

    .menu-btn {
        width: 38px !important;
        height: 36px !important;
        background: #FFFFFF !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        cursor: pointer !important;
        border: 1px solid #D8D9D5 !important;
        transition: all 0.2s ease !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    .menu-btn span.line {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        background: #F5F5F0 !important;
        border-radius: 2px !important;
        transition: all 0.25s ease !important;
    }
}

@media (max-width: 767px) {
    .header-btn-cta {
        display: none !important;
    }
    .header-a11y-btn .a11y-btn-text {
        display: none !important;
    }
    .header-a11y-btn {
        padding: 6px 8px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* 3. Mobil Çekmece Menü (Mobile Sidebar Menu - Right Offset Mode) */
.side-bar {
    position: fixed !important;
    top: 0 !important;
    right: -360px !important;
    bottom: 0 !important;
    width: 320px !important;
    max-width: 85vw !important;
    height: 100vh !important;
    background: #FFFFFF !important;
    z-index: 99999999 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25) !important;
    transform: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.side-bar.show {
    right: 0 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.side-bar-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 99999990 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.25s ease !important;
}

.side-bar-overlay.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.sidebar-inner {
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.sidebar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #D8D9D5 !important;
    margin-bottom: 18px !important;
}

.sidebar-header .logo img {
    height: 34px !important;
}

.sidebar-close-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    color: #202427 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    cursor: pointer !important;
}

.mobile-menu-main ul.wpr-desktop-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #202427 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
}

.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > a.main-element:hover,
.mobile-menu-main ul.wpr-desktop-menu > li.menu-item > button.main-element:hover {
    background: #EFF6FF !important;
    color: #2563EB !important;
    border-color: #BFDBFE !important;
}

.mobile-submenu-list {
    padding: 8px 0 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mobile-submenu-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #686D70 !important;
    text-decoration: none !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D9D5 !important;
    transition: all 0.15s ease !important;
}

.mobile-submenu-list li a:hover {
    color: #2563EB !important;
    background: #EFF6FF !important;
    border-color: #BFDBFE !important;
}

/* 4. Responsive Hero & Section Başlıkları */
@media (max-width: 991px) {
    .corporate-hero-section {
        padding: 20px 0 32px !important;
    }

    .corporate-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .hero-headline {
        font-size: clamp(24px, 6.2vw, 38px) !important;
        line-height: 1.25 !important;
    }

    .hero-subtext {
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
    }

    .hero-category-pill {
        font-size: 12px !important;
        white-space: normal !important;
        padding: 6px 12px !important;
        line-height: 1.4 !important;
    }

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

    .process-step-track {
        flex-wrap: wrap !important;
        gap: 6px 10px !important;
    }
}

/* 5. İnteraktif Form Kartı (Mobile Optimization) */
@media (max-width: 767px) {
    .hero-interactive-card {
        padding: 18px 14px !important;
        border-radius: 16px !important;
    }

    .hero-form-service-selector {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .hero-form-input-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .hero-form-input,
    .hero-form-textarea {
        font-size: 16px !important; /* iOS Zoom Önleme */
        padding: 12px 12px !important;
        min-height: 46px !important;
    }

    .btn-submit-hero {
        min-height: 48px !important;
        font-size: 15px !important;
        width: 100% !important;
        touch-action: manipulation !important;
    }
}

/* 6. Hizmet Kartları, Gridler & Sayfa Düzenleri */
@media (max-width: 991px) {
    .service-grid-3,
    .why-choose-grid,
    .blog-grid-3,
    .process-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .footer-content-wrapper {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .service-grid-3,
    .blog-grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 7. Mobil Erişilebilirlik Paneli */
@media (max-width: 575px) {
    .hia-a11y-panel {
        max-width: 100% !important;
        width: 100% !important;
    }

    .hia-a11y-trigger {
        bottom: 16px !important;
        left: 16px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    .float-buttons {
        bottom: 16px !important;
        right: 16px !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — ZERO OVERFLOW (DISPLAY NONE WHEN CLOSED)
   ========================================================================== */

.side-bar {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 320px !important;
    max-width: 85vw !important;
    height: 100vh !important;
    background: #FFFFFF !important;
    z-index: 99999999 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25) !important;
    overflow-y: auto !important;
    flex-direction: column !important;
}

.side-bar.show {
    display: flex !important;
    animation: sideBarSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes sideBarSlideIn {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* ==========================================================================
   HIZLI İŞLER — MOBİLDE KESİLMEYEN, %100 EKRANA GÖRE ÖLÇEKLENEN TİPOGRAFİ
   ========================================================================== */

/* 1. Global Metin Akış Kuralları */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

h1, h2, h3, h4, h5, h6, p, span, a, button, label, li {
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}

/* 2. Container & Bölüm Dolguları (Küçük Ekranlar) */
@media (max-width: 575px) {
    .container,
    .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 3. Hero Başlık ve Metin Boyutlandırma */
@media (max-width: 991px) {
    .corporate-hero-section {
        padding: 16px 0 28px !important;
    }

    .hero-category-pill {
        font-size: 11.5px !important;
        white-space: normal !important;
        padding: 6px 12px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        display: inline-flex !important;
        max-width: 100% !important;
    }

    .hero-headline {
        font-size: clamp(21px, 5.8vw, 36px) !important;
        line-height: 1.25 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 14px !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .hero-subtext {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
        color: #686D70 !important;
        word-break: normal !important;
    }

    .btn-plan-project {
        width: 100% !important;
        justify-content: center !important;
        font-size: 15px !important;
        padding: 14px 20px !important;
        min-height: 48px !important;
    }

    .hero-process-bar {
        width: 100% !important;
        padding: 12px 14px !important;
        gap: 8px !important;
    }

    .process-step-track {
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
        font-size: 13px !important;
    }

    .proc-step {
        font-size: 12.5px !important;
    }
}

/* 4. Hero İnteraktif Form Kartı — Asla Kesilmeyen Hizmet Butonları */
@media (max-width: 767px) {
    .hero-interactive-card {
        padding: 16px 12px !important;
        border-radius: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .hero-card-header {
        margin-bottom: 12px !important;
    }

    .hero-card-title {
        font-size: 17px !important;
        line-height: 1.3 !important;
        margin-bottom: 6px !important;
    }

    .hero-card-desc {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        margin-bottom: 14px !important;
    }

    /* Hizmet Seçici Buton Grubu: 2 Kolon, Asla Kesilmez */
    .hero-form-service-selector {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        margin-bottom: 14px !important;
        width: 100% !important;
    }

    .service-pill-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
        padding: 8px 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        min-height: 42px !important;
        border-radius: 8px !important;
        width: 100% !important;
    }

    .service-pill-btn span {
        white-space: normal !important;
        font-size: 11.5px !important;
        line-height: 1.2 !important;
    }

    .hero-form-input-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    .hero-form-input,
    .hero-form-textarea {
        font-size: 16px !important; /* iOS Zoom Önleme */
        padding: 11px 12px !important;
        min-height: 46px !important;
        width: 100% !important;
    }

    .btn-submit-hero,
    .wpr-btn {
        width: 100% !important;
        min-height: 48px !important;
        font-size: 14.5px !important;
        padding: 12px 10px !important;
        white-space: normal !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        align-items: center !important;
    }

    .hero-form-footer-badges {
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        font-size: 11.5px !important;
        margin-top: 10px !important;
    }
}

/* 5. Genel Başlıklar & Bölüm Başlıkları Ölçekleme */
@media (max-width: 767px) {
    h1 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }
    h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    h3 {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }
    h4 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    .section-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    .sub-title {
        font-size: 12px !important;
        letter-spacing: 0.05em !important;
    }
    p.desc {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — 360px & 375px KÜÇÜK EKRANLAR İÇİN %100 METİN UYUMU
   ========================================================================== */

@media (max-width: 575px) {
    .corporate-hero-section .container,
    .corporate-hero-content,
    .corporate-hero-grid {
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .hero-headline {
        font-size: clamp(20px, 5.5vw, 26px) !important;
        line-height: 1.25 !important;
        margin-bottom: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .hero-subtext {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .btn-plan-project {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 14.5px !important;
        padding: 12px 16px !important;
    }

    .wpr-btn,
    button.wpr-btn,
    .btn-submit-hero {
        padding: 12px 8px !important;
        font-size: 13.5px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — SIFIR KESİLME, SIFIR TAŞMA MOBİL METİN & FORM STANDARDI
   ========================================================================== */

/* 1. Tüm Ekranlar İçin Metin Kırılma ve Sığma Kuralları */
*, *::before, *::after {
    box-sizing: border-box !important;
}

html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
}

h1, h2, h3, h4, h5, h6, p, span, a, button, label, li, input, textarea {
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* 2. Küçük ve Orta Mobil Ekranlar (<= 767px) */
@media (max-width: 767px) {
    .container,
    .container-fluid,
    .corporate-hero-section .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .corporate-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .corporate-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .hero-headline {
        font-size: clamp(20px, 5.5vw, 28px) !important;
        line-height: 1.25 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .hero-subtext {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        color: #686D70 !important;
    }

    .btn-plan-project {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 14.5px !important;
        padding: 12px 16px !important;
        min-height: 48px !important;
        border-radius: 999px !important;
        text-align: center !important;
    }

    /* Form Kartı & Butonları */
    .hero-interactive-card-col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .hero-interactive-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 12px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .hero-form-service-selector {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    .service-pill-btn {
        width: 100% !important;
        min-height: 42px !important;
        padding: 6px 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 8px !important;
    }

    .service-pill-btn span {
        font-size: 11.5px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* Form Gönder Butonu (Tam Genişlik, Asla Kesilmez) */
    .wpr-btn,
    button.wpr-btn,
    .hero-interactive-card .wpr-btn,
    .btn-submit-hero {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 14px !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — MOBİL FORM VE BUTON TAŞMA SIFIRLAMA
   ========================================================================== */

@media (max-width: 767px) {
    .form-btn-area {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
    }

    .form-btn-area .wpr-btn,
    .wpr-btn,
    button.wpr-btn,
    a.wpr-btn,
    .btn-sales-submit,
    .btn-plan-project {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 12px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        min-height: 46px !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — İLETİŞİM FORMU MOBİL BUTON STANDARDI
   ========================================================================== */

@media (max-width: 767px) {
    .wpr-contact-form-area .form-btn-area,
    .form-btn-area {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin-top: 14px !important;
    }

    .wpr-contact-form-area .wpr-btn,
    .form-btn-area .wpr-btn,
    .form-btn-area button,
    .wpr-btn {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 8px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   HIZLI İŞLER — MOBİL FORM BUTONLARI YÜKSEK ÖNCELİKLİ MOBİL AYARI
   ========================================================================== */
@media (max-width: 767px) {
  .contact-form-area button[type="submit"],
  .wpr-contact-area button[type="submit"],
  .wpr-contact-form-area button[type="submit"],
  .form-btn-area button,
  .form-btn-area .wpr-btn,
  .wpr-btn {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 48px !important;
  }
}



/* ============================================================
   KULLANICI TALEBİ DÜZELTMELERİ
   1 & 2: Neden Standart Ajans Değil kartları (1 ve 2) yan yana hizalandı.
   3: Hero bölümü üst boşluğu daraltıldı.
   ============================================================ */

/* 3. Hero Üst Ara Daraltması */
.corporate-hero-section {
  padding-top: 75px !important;
}

@media (max-width: 991px) {
  .corporate-hero-section {
    padding-top: 20px !important;
  }
}

/* 1 & 2. Geleneksel Ajanslar (1) ve Hızlı İşler (2) Kartlarının Yan Yana Hizalanması */
.wpr-why-choose-us-area .why-choose-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  margin-left: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.wpr-why-choose-us-area .why-choose-wrapper .wrapper-list {
  flex-grow: 1 !important;
}

.wpr-why-choose-us-area .content-inner {
  max-width: 1140px !important;
  margin: 0 auto !important;
}


/* Forced 2-column side-by-side grid for 1 & 2 cards */
.wpr-why-choose-us-area .content-inner .row.g-5 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}

.wpr-why-choose-us-area .content-inner .row.g-5 > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 767px) {
  .wpr-why-choose-us-area .content-inner .row.g-5 {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   KULLANICI TALEBİ: HİZMETLERİMİZ YAN BOŞLUKLARI KALDIR & KAYDIRMA ÇUBUĞU
   ============================================================ */

/* 1. Hizmetler bölümünün yan boşluklarını sıfırlayıp tam genişlik yapma */
.wpr-services-area .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wpr-services-area .section-inner {
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
}

/* 2. Kartların sağa doğru taşarak yatay kaydırma çubuğu ile kaydırılması */
.wpr-services-area .section-bottom-content {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 12px !important;
  border-left: none !important;
  border-right: none !important;
}

.wpr-services-area .section-bottom-content .service-wrapper {
  flex: 0 0 360px !important;
  min-width: 320px !important;
  height: 480px !important;
}

/* Koyu/Şık Özel Sağ & Alt Kaydırma Çubuğu (Scrollbar) */
.wpr-services-area .section-bottom-content::-webkit-scrollbar {
  height: 8px !important;
}

.wpr-services-area .section-bottom-content::-webkit-scrollbar-track {
  background: #D8D9D5 !important;
  border-radius: 4px !important;
}

.wpr-services-area .section-bottom-content::-webkit-scrollbar-thumb {
  background: #2563EB !important;
  border-radius: 4px !important;
}

.wpr-services-area .section-bottom-content::-webkit-scrollbar-thumb:hover {
  background: #1D4ED8 !important;
}


/* ============================================================
   PERFORMANS & CORE WEB VITALS OPTİMİZASYONLARI
   ============================================================ */

/* Below-the-fold Ağır Bölümler İçin Lazy Rendering (content-visibility) */
.wpr-footer-area,
.wpr-contact-area,
.wpr-why-choose-us-area2,
.wpr-map,
.web-design-hero + section + section {
  content-visibility: auto !important;
  contain-intrinsic-size: 1px 800px !important;
}

/* Tipografi & FOIT Önleme */
@font-face {
  font-display: swap !important;
}

body, button, input, textarea, select {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* Görsel İşleme Hızı */
img {
  content-visibility: auto;
}
img[loading="lazy"] {
  will-change: auto;
}


/* ============================================================
   HIZLI İŞLER — DARK LUXURY EDITORIAL COLOR SYSTEM (NEW PALETTE)
   ============================================================ */
:root {
  /* Renk Paleti */
  --color-bg: #F8FAFC;
  --color-bg-1: #F8FAFC;
  --body-bg: #F8FAFC;
  
  --color-bg-secondary: #FFFFFF;
  --color-bg-surface: #FFFFFF;
  --header-bg: #FFFFFF;
  --footer-bg: #FFFFFF;
  
  --color-bg-card: #FFFFFF;
  --card-bg: #FFFFFF;
  --color-bg-card-alt: #FFFFFF;
  --card-bg-alt: #FFFFFF;
  
  --color-heading-1: #F5F5F0;
  --color-title: #F5F5F0;
  --color-body-1: #64748B;
  --color-text: #F5F5F0;
  --color-text-secondary: #64748B;
  --color-text-muted: #64748B;
  
  --color-border: #D8D9D5;
  --color-border-dark: #D8D9D5;
  --border-light: #D8D9D5;

  --color-white: #FFFFFF;
  --color-black: #000000;
}

/* 1. Genel Zemin ve Tipografi */
html,
body,
body.home-bg,
body.main-home {
  background-color: #F5F4EF !important;
  color: #686D70 !important;
}

/* Başlıklar (Ana Yazı: #F5F5F0) */
h1, .h1,
h2, .h2, .section-title,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.title,
.heading,
.font-semi-bold,
.text-white {
  color: #202427 !important;
}

/* Paragraf ve İkincil Metinler (#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 {
  color: #686D70 !important;
}

/* 2. Kart ve Kutu Alanları (Kart / Kutu: #FFFFFF, Kenarlık: #D8D9D5) */
.section-inner,
.service-wrapper,
.why-choose-wrapper,
.why-choose-wrapper2,
.pricing-inner,
.pricing-wrapper,
.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.sales-card,
.sales-lead-container,
.contact-wrap,
.blog-single-wrap,
.blog-item,
.card,
.accordion-item,
.accordion-button,
.bottom-shape-area {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.section-inner.bg-white,
.bg-white {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

/* Accordion Düzeltmeleri */
.accordion-button {
  background-color: #FFFFFF !important;
  color: #202427 !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

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

.accordion-body {
  background-color: #FFFFFF !important;
  color: #686D70 !important;
}

/* 3. Header & Footer (İkinci Arka Plan: #FFFFFF) */
header,
.wpr-header-area,
.header-area,
.footer,
.wpr-footer-area {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

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

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

/* 4. Form Alanları (Arka plan: #FFFFFF, Kutu: #FFFFFF, Kenarlık: #D8D9D5, Yazı: #F5F5F0) */
input,
textarea,
select,
.sales-field-input,
.hia-code-input {
  background-color: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  color: #202427 !important;
}

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

input:focus,
textarea:focus,
select:focus {
  border-color: #202427 !important;
  background-color: #FFFFFF !important;
}

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

/* 5. Butonlar & Çipler */
.service-chip,
.tag-chip,
.guide-item,
.meta-item {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

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

/* Kenarlık Geçişleri */
* {
  border-color: #D8D9D5;
}


/* ============================================================
   HIZLI İŞLER — DARK LUXURY EDITORIAL PALETTE ENFORCEMENT
   ============================================================ */
:root {
  --color-bg: #F8FAFC !important;
  --color-bg-1: #F8FAFC !important;
  --body-bg: #F8FAFC !important;
  
  --color-bg-secondary: #FFFFFF !important;
  --color-bg-surface: #FFFFFF !important;
  --header-bg: #FFFFFF !important;
  --footer-bg: #FFFFFF !important;
  
  --color-bg-card: #FFFFFF !important;
  --card-bg: #FFFFFF !important;
  --color-bg-card-alt: #FFFFFF !important;
  --card-bg-alt: #FFFFFF !important;
  
  --color-heading-1: #F5F5F0 !important;
  --color-title: #F5F5F0 !important;
  --color-body-1: #64748B !important;
  --color-text: #F5F5F0 !important;
  --color-text-secondary: #64748B !important;
  --color-text-muted: #64748B !important;
  
  --color-border: #D8D9D5 !important;
  --color-border-dark: #D8D9D5 !important;
  --border-light: #D8D9D5 !important;

  --color-white: #FFFFFF !important;
  --color-black: #000000 !important;
}

html,
body,
body.home-bg,
body.main-home,
.wpr-banner-area,
.banner-area,
.wpr-hero-area,
.section-full {
  background-color: #F5F4EF !important;
  color: #686D70 !important;
}

header,
.wpr-header-area,
.header-area,
.header-top,
.footer,
.wpr-footer-area,
.section-inner.bg-white,
.bg-white,
.wpr-working-process-area,
.wpr-pricing-plans-area,
.wpr-faq-area {
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.section-inner,
.service-wrapper,
.why-choose-wrapper,
.why-choose-wrapper2,
.pricing-inner,
.pricing-wrapper,
.wpr-why-choose-area .wrapper-top,
.wpr-why-choose-area .item,
.sales-card,
.sales-lead-container,
.sales-form-wrapper,
.contact-wrap,
.blog-single-wrap,
.blog-item,
.card,
.accordion-item,
.accordion-button,
.bottom-shape-area,
.mobile-lang-code-card,
.code-guide-box,
.hia-lang-code-popover {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

h1, .h1,
h2, .h2, .section-title,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.title,
.heading,
.font-semi-bold,
.text-white,
.sales-title {
  color: #202427 !important;
}

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 {
  color: #686D70 !important;
}

input,
textarea,
select,
.sales-field-input,
.hia-code-input {
  background-color: #FFFFFF !important;
  border: 1.5px solid #D8D9D5 !important;
  color: #202427 !important;
}

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

input:focus,
textarea:focus,
select:focus,
.sales-field-input:focus {
  border-color: #202427 !important;
  background-color: #FFFFFF !important;
}

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

.guide-item,
.service-chip,
.tag-chip,
.meta-item,
.hia-lang-code-btn {
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.guide-item strong,
.service-chip strong {
  color: #202427 !important;
}

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

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

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

* {
  border-color: #D8D9D5;
}


/* ==========================================================================
   HIZLI İŞLER — PRECISE DARK LUXURY PALETTE OVERRIDES
   ========================================================================== */

/* 1. Header & Navigation (İkinci Arka Plan: #FFFFFF, Kenarlık: #D8D9D5, Yazı: #F5F5F0) */
header,
.wpr-header-area,
.header-area,
.header-top,
.header-bottom,
.header-sticky,
.header-style-1 {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.wpr-header-area .logo,
.header-area .logo,
.header-logo-wrap {
  background-color: transparent !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: 700 !important;
}

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

.header-a11y-btn,
.hia-lang-code-btn,
.kolay-kullanim-btn {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

/* 2. Hero Sağ Form Kartı (Kart / Kutu: #FFFFFF, İkinci Arka Plan: #FFFFFF, Kenarlık: #D8D9D5) */
.project-showcase-window,
.hero-computer-monitor,
.sales-card,
.sales-lead-container {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

.showcase-window-bar {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #D8D9D5 !important;
}

.window-url-pill {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #686D70 !important;
}

.showcase-window-body,
.sales-form-body {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.sales-form-header .sales-title,
.sales-form-header h3,
.sales-form-header h4 {
  color: #202427 !important;
}

.sales-form-header .sales-subtitle,
.sales-form-header p {
  color: #686D70 !important;
}

.sales-field-group,
.sales-field-card {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
}

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

input,
textarea,
select,
.sales-field-input {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus,
.sales-field-input:focus {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #202427 !important;
  color: #202427 !important;
  box-shadow: 0 0 0 2px rgba(245, 245, 240, 0.1) !important;
}

.sales-service-chip,
.service-chip {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

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

/* 3. Süreç Çubuğu (Process Bar) & Hap Etiket */
.hero-category-pill {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

.hero-process-bar {
  background: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
}

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

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

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



/* ==========================================================================
   HEADER & MEGA MENU DARK LUXURY PALETTE OVERRIDES
   ========================================================================== */
.header-style-one-wrapper,
.header-wrapper,
.main-header,
.header-main {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.header-style-one-wrapper .logo,
.header-wrapper .logo,
.logo {
  background-color: transparent !important;
  background: transparent !important;
  border: none !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 45px rgba(0, 0, 0, 0.5) !important;
}

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

.mega-service-card-item:hover {
  background-color: #FFFFFF !important;
  border-color: #202427 !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: #FFFFFF !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
}

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

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

.header-a11y-btn:hover {
  background: #D8D9D5 !important;
  color: #202427 !important;
}



/* ==========================================================================
   SERVICE CARDS & WHY CHOOSE DARK LUXURY PALETTE
   ========================================================================== */
.service-wrapper,
.service-item,
.service-inner,
.service-content,
.wpr-services-area .service-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !important;
}

.service-wrapper .content .top .tag,
.service-wrapper .content .top .title,
.service-wrapper h3,
.service-wrapper h4,
.service-wrapper a {
  color: #202427 !important;
}

.service-wrapper .content .bottom ul li,
.service-wrapper p,
.service-wrapper span {
  color: #686D70 !important;
}

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

/* Why Choose & Geleneksel vs Hızlı İşler */
.why-choose-wrapper,
.why-choose-wrapper2,
.why-choose-inner,
.why-choose-box,
.wpr-why-choose-area .item {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #D8D9D5 !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: #686D70 !important;
}

/* Footer Alanı */
footer,
.wpr-footer-area,
.footer-area,
.footer-wrapper,
.footer-top,
.footer-bottom {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #D8D9D5 !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: #202427 !important;
}



/* ==========================================================================
   SERVICE CARDS CURTAIN & CONTENT DARK LUXURY OVERRIDES
   ========================================================================== */
.service-wrapper::after {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

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

.service-wrapper .content .top .tag {
  background: #FFFFFF !important;
  color: #202427 !important;
  border: 1px solid #D8D9D5 !important;
}

.service-wrapper .content .mid h2,
.service-wrapper .content .mid .h2 {
  color: rgba(245, 245, 240, 0.08) !important;
}

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

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

.service-wrapper .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }

.service-wrapper:hover .content .top .tag {
  background: #FFFFFF !important;
  color: #202427 !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;
}



/* ==========================================================================
   ENHANCED SERVICE CARDS WITH VISIBLE USER 3D IMAGERY
   ========================================================================== */
.service-wrapper {
  position: relative !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  border-right: 1px solid #D8D9D5 !important;
  border-left: 1px solid #D8D9D5 !important;
}

.service-wrapper .image-area {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.service-wrapper .image-area img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: 0.38 !important;
  filter: brightness(0.85) contrast(1.1) !important;
  transform: scale(1) !important;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-wrapper:hover .image-area img {
  opacity: 0.65 !important;
  filter: brightness(1) contrast(1.15) !important;
  transform: scale(1.08) !important;
}

.service-wrapper::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, rgba(11, 15, 20, 0.3) 0%, rgba(21, 27, 34, 0.75) 50%, rgba(21, 27, 34, 0.96) 85%, #FFFFFF 100%) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: all 0.5s ease !important;
  pointer-events: none !important;
}

.service-wrapper:hover::after {
  background: linear-gradient(180deg, rgba(11, 15, 20, 0.15) 0%, rgba(21, 27, 34, 0.6) 50%, rgba(21, 27, 34, 0.92) 85%, #FFFFFF 100%) !important;
}

.service-wrapper .content {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
}

.service-wrapper .content .top .tag {
  background: rgba(17, 22, 28, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid #D8D9D5 !important;
  color: #202427 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.service-wrapper .content .top .desc {
  opacity: 0.92 !important;
  color: #202427 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8) !important;
}

.service-wrapper .content .bottom ul {
  background: rgba(17, 22, 28, 0.75) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  padding: 12px 14px 12px 16px !important;
  border-radius: 8px !important;
  border-left: 3px solid #2563EB !important;
  border: 1px solid #D8D9D5 !important;
  border-left-width: 3px !important;
}

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

.service-wrapper .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }

.service-wrapper:hover .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }



/* ==========================================================================
   REMOVE TEXT BACKGROUNDS - HIZMET KARTLARI YAZI ARKA FONU KALDIRMA
   ========================================================================== */
.service-wrapper .content .top .tag,
.service-wrapper .content .top .tag::after,
.service-wrapper .content .top .title,
.service-wrapper .content .top h3 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding-left: 0 !important;
  padding: 0 !important;
}

.service-wrapper .content .bottom ul {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-left: 2px solid #2563EB !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 0 0 14px !important;
  margin: 0 !important;
}

.service-wrapper .content .bottom ul li {
  background: transparent !important;
  background-color: transparent !important;
  color: #202427 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
  font-weight: 500 !important;
}

.service-wrapper .content .top .tag {
  color: #202427 !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.95) !important;
}

.service-wrapper .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }

.service-wrapper:hover .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }



/* ==========================================================================
   SERVICE BUTTON ARROW & TAG CLEANUP
   ========================================================================== */
.service-wrapper .content .bottom .service-btn-area,
.service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }

.service-wrapper .content .bottom .service-btn-area i,
.service-wrapper .content .bottom .service-btn-area svg,
.service-btn-area i {
  color: #202427 !important;
  font-size: 16px !important;
}

.service-wrapper .content .bottom .service-btn-area:hover,
.service-wrapper:hover .content .bottom .service-btn-area { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1px solid #D8D9D5 !important; color: #202427 !important; border-radius: 10px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; text-align: center !important; }

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

/* Tag icon */
.service-wrapper .content .top .tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  background: transparent !important;
}

.service-wrapper .content .top .tag::after {
  display: none !important;
}



/* ==========================================================================
   GLOBAL REMOVAL OF HATCHED STRIPED BARS & SHAPES (shape-02.svg)
   ========================================================================== */
.bottom-shape-area,
.section-bottom-shape,
.banner-shape-area,
img[src*="shape-02.svg"],
.shape-02,
.bottom-shape {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !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;
}



/* ==========================================================================
   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;
}



/* Fix why-choose-wrapper2 width and text display */
.why-choose-wrapper2 {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.why-choose-wrapper2 .text {
  width: 100% !important;
}

.why-choose-wrapper2 .title {
  font-size: 18px !important;
  line-height: 1.35 !important;
  word-break: normal !important;
  white-space: normal !important;
  margin-bottom: 0 !important;
  color: #202427 !important;
}

.why-choose-wrapper2 .icon {
  margin-bottom: 20px !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) */
.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;
}



/* ==========================================================================
   HIZLI İŞLER — BAŞLIK VURGUSU ANİMASYON SİSTEMİ (Headline Accent Animation)
   Gevent / Envato Elements Style Fluid Shimmer & Glowing Wave Underline
   ========================================================================== */

@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;
}