.cp-header-phone {
    display: none;
  }
  
  @media (max-width: 1024px) {
    .cp-header-phone {
      display: block;
    }
  }
  /*
  Theme Name: FTN Tema V1
  Theme URI: https://ftnmedya.com
  Author: FTN Medya Web Tasarım Ajansı
  Author URI: https://ftnmedya.com
  Description: Modern web standartlarına uygun olarak HTML ve CSS ile hazırlanmış bu WordPress teması, tüm hizmet sektörlerine kolayca uyarlanabilen esnek bir yapıya sahiptir. Arama motorlarıyla tam uyumlu altyapısı sayesinde sitenizin görünürlüğünü artırır ve dijital dünyada rakiplerinizin önüne geçmenize yardımcı olur.
  Version: 1.0.0
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: ftnmedya-v1
  Tags: WP Tema, Kurumsal Tema, Script, SEO, Kolay Yönetim Paneli, Responsive Tasarım, Hizmet Teması, Domain Lisanslı,
  */
  
  /* Temel değişkenler (CSS custom properties) */
  :root {
    --cp-color-primary: #0b5fff;
    --cp-color-secondary: #0a3fb0;
    --cp-color-accent: #00c853;
    --cp-color-dark: #0a0a0a;
    --cp-color-text: #1c1c1c;
    --cp-color-muted: #6b7280;
    --cp-bg: #ffffff;
    --cp-container: 1450px;
  }
  
  html { box-sizing: border-box; }
  *, *::before, *::after { box-sizing: inherit; }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  
  /* Scrollbar themed to primary color */
  html { scrollbar-color: var(--cp-color-primary) #f1f5f9; scrollbar-width: thin; }
  *::-webkit-scrollbar { width: 10px; height: 10px; }
  *::-webkit-scrollbar-track { background: #f1f5f9; }
  *::-webkit-scrollbar-thumb { background: var(--cp-color-primary); border-radius: 8px; }
  *::-webkit-scrollbar-thumb:hover { background: var(--cp-color-secondary); }
  
  body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", Inter;
    color: #0a0a0a;
    background: var(--cp-bg);
    line-height: 1.6;
  }
  
  /* Base font sizes for accessibility */
  html { font-size: 16px; }
  p, li { font-size: 15px; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  
  .container {
    width: 100%;
    max-width: var(--cp-container);
    margin: 0 auto;
    padding: 0 16px;
  }
  
  /* Header / Navbar */
  .cp-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
  }
  .cp-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
  }
  .cp-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
  }
  .cp-logo img { width: 210px; height: 55px; max-width: 210px; max-height: 55px; object-fit: contain; }
  .custom-logo-link img { width: 210px; height: 55px; max-width: 210px; max-height: 55px; object-fit: contain; }
  .cp-site-title { font-weight: 700; font-size: 18px; margin: 0; }
  
  .cp-nav {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .cp-nav a {
    text-decoration: none;
    color: #0a0a0a;
    font-weight: 600;
  }
  .cp-nav a i, .cp-faq i, .cp-region-pin, .cp-side-item i { margin-right: 6px; color: var(--cp-color-primary); width: 1em; display: inline-block; text-align: center; }
  .cp-nav a:hover { color: var(--cp-color-primary); }
  
  .cp-burger {
    display: none;
    background: none;
    border: 0;
    padding: 8px;
  }
  .cp-burger span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px 0;
    background: var(--cp-color-dark);
  }
  
  /* Hero */
  .cp-hero {
    position: relative;
    padding: 0 0 0;
  }
  .cp-hero-split {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    min-height: 520px;
  }
  .cp-hero-right { display: none; }
  .cp-hero-left, .cp-hero-right { position: relative; overflow: hidden; }
  .cp-hero-left img, .cp-hero-right img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); opacity: 1; }
  .cp-hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
  .cp-hero-center { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
  .cp-hero-center-inner { text-align: center; color: #fff; max-width: 1000px; padding: 0 16px; }
  .cp-hero-center-inner h1 { font-size: clamp(28px, 5.2vw, 42px); line-height: 1.2; margin: 0 0 16px; position: relative; padding-bottom: 10px; color: #ffffff; }
  .cp-hero-center-inner h1:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 80px; height: 2px; background: var(--cp-color-primary); border-radius: 2px; }
  .cp-hero-title-link { color: #ffffff; text-decoration: none; }
  .cp-hero-title-link:hover { text-decoration: underline; }
  .cp-hero-center-inner p { font-size: 15px !important; line-height: 1.5; margin: 0; color: #ffffff !important; opacity: 1; }
  .cp-hero .cp-hero-rich { font-size: 15px !important; color: #ffffff !important; }
  .cp-hero-rich { font-size: 15px; color: #ffffff; line-height: 1.5; }
  .cp-hero-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: var(--cp-color-primary); color: #fff; border: 0; width: 34px; height: 34px; border-radius: 999px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; }
  .cp-hero-arrow.left { left: 16px; }
  .cp-hero-arrow.right { right: 16px; }
  .cp-hero-features { background: #0b2854; color: #e5eefb; }
  .cp-hero-features .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 22px 16px; }
  .cp-hero-feature { display: flex; align-items: center; gap: 10px; font-weight: 600; padding: 6px 0; }
  .cp-hero-feature i { width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.25); color: #ffffff; }
  .cp-hero h1 { font-size: 40px; line-height: 1.2; margin: 0 0 12px; }
  .cp-hero p { font-size: 15px; color: #ffffff; margin: 0 0 24px; }
  .cp-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: var(--cp-color-button, var(--cp-color-primary));
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
  }
  .cp-hero-cta.secondary { background: var(--cp-color-accent); }
  
  /* Slightly larger hero CTA on initial render */
  .cp-hero .cp-hero-cta { padding: 12px 18px; font-size: 15px; border-radius: 10px; }
  /* Override header-call smaller preset inside hero */
  .cp-hero .cp-header-call { padding: 12px 18px; font-size: 15px; border-radius: 10px; }
  
  /* Smaller header call button */
  .cp-header-call { padding: 8px 12px; border-radius: 8px; font-size: 14px; }
  .cp-header-call .cp-call-hover { display: none; }
  .cp-header-call:hover .cp-call-default { display: none; }
  .cp-header-call:hover .cp-call-hover { display: inline; }
  .cp-btn-small { padding: 8px 12px; border-radius: 8px; font-size: 14px; }
  .cp-header-phone { display:inline-flex; font-size:20px; color: #0a0a0a; text-decoration:none; margin-left:8px; }
  
  /* Sections */
  section.cp-section { padding: 56px 0; }
  .cp-section:not(#hero) { content-visibility: auto; contain-intrinsic-size: 1px 600px; }
  .cp-section-title { font-size: 25px; margin: 0 0 14px; position: relative; padding-bottom: 10px; }
  .cp-section-title:after { bottom: -2px; }
  /* Space between site header and first H1 on the page */
  main.cp-section .container > h1.cp-section-title:first-child { margin-top: 15px; }
  body.single h1.cp-section-title { margin-top: 15px !important; }
  .cp-section-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 2px; background: var(--cp-color-primary); border-radius: 2px; }
  .cp-section-title, h1, h2, h3, h4, h5, h6 { color: var(--cp-color-heading, #0a0a0a); }
  .cp-section-sub, p, .cp-hero-rich { color: #0f172a; }
  a { color: var(--cp-color-link, var(--cp-color-primary)); }
  .cp-section-sub { color: var(--cp-color-muted); margin: 0 0 24px; font-size: 15.5px; }
  
  /* Services grid */
  .cp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  #services .cp-grid { grid-template-columns: repeat(3, 1fr); }
  #contact .cp-grid { grid-template-columns: repeat(2, 1fr); }
  .cp-contact-item { display:flex; align-items:center; gap:8px; margin: 8px 0; }
  .cp-contact-item i { color: var(--cp-color-primary); width: 1.1em; text-align:center; }
  
  /* Contact map and bottom bar (match screenshot) */
  .cp-map-embed iframe { width: 100%; height: 450px; display: block; border: 0; border-radius: 8px 8px 0 0; }
  .cp-contact-bar { 
    display: grid; 
    grid-template-columns: 1.3fr 1fr 1fr; 
    gap: 16px; 
    align-items: center; 
    background: var(--cp-color-primary); 
    color: #ffffff; 
    padding: 14px 18px; 
    border-radius: 0 0 8px 8px;
  }
  .cp-contact-bar .cp-contact-col { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .cp-contact-bar .cp-contact-col + .cp-contact-col { border-left: 1px solid rgba(255,255,255,0.25); padding-left: 18px; }
  .cp-contact-bar a { color: #ffffff; text-decoration: none; word-break: break-word; }
  .cp-contact-bar i { color: #ffffff; width: 1.1em; text-align: center; font-size: 18px; }
  .cp-card {
    border: 1px solid #eef0f3;
    border-radius: 14px;
    padding: 20px;
    background: #fff;
  }
  .cp-card h3 { margin-top: 0; position: relative; padding-bottom: 8px; }
  .cp-card h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: var(--cp-color-primary); border-radius: 2px; }
  /* Prevent long service descriptions from breaking layout */
  #services .cp-card p {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }
  /* Service media box: 600x380 ratio, image contained (no crop) */
  .cp-service-media { width: 100%; aspect-ratio: 16 / 9; background: #f8fafc; border-radius: 10px; overflow: hidden; display: block; }
  .cp-service-media img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; display: block; }
  
  /* Blog preview */
  /* Posts grid card thumbnail (850x480, cover) */
  .cp-post-thumb { display:block; width:100%; aspect-ratio: 850 / 480; border-radius: 12px; overflow:hidden; margin: 0 0 12px; background:#f8fafc; }
  .cp-post-thumb img { width:100%; height:100%; object-fit: cover; display:block; }
  /* Testimonials slider */
  .cp-testimonials { position: relative; overflow: hidden; }
  .cp-testimonials-track { display:flex; transition: transform .4s ease; gap: 20px; }
  .cp-testimonial { flex: 0 0 100%; border: 1px solid #eef0f3; border-radius: 14px; background: #fff; padding: 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
  .cp-testi-arrow { position:absolute; top:50%; transform: translateY(-50%); width:38px; height:38px; border-radius:999px; background:#0b5fff; color:#fff; border:0; display:none; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.15); }
  .cp-testi-arrow.left { left: 8px; }
  .cp-testi-arrow.right { right: 8px; }
  .cp-testimonials:hover .cp-testi-arrow { display:flex; }
  
  /* Varsayılan olarak gizle (masaüstü için) */
  .cp-header .cp-header-phone { display: none; }
  
  /* Tablet ve mobilde göster */
  @media (max-width: 1024px) {
    .cp-header .cp-header-phone { display: block; }
  }
  .cp-testimonial-logo img { width: 40px; height: 40px; object-fit: contain; }
  .cp-testimonial .cp-testimonial-text { font-size: 15px; color: #334155; margin: 0 0 14px; }
  .cp-testimonial .cp-testimonial-stars { color: #f59e0b; margin-bottom: 8px; }
  .cp-testimonial .cp-testimonial-author { font-weight: 700; }
  .cp-testimonial .cp-testimonial-role { color: #64748b; font-size: 14px; }
  @media (max-width: 1024px) { .cp-testimonials-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 768px) { .cp-testimonials-grid { grid-template-columns: 1fr; } }
  
  /* Regions slider uses same base classes for track/arrows */
  #regions .cp-testimonial { text-align: center; }
  #regions .cp-testimonial h3 { margin: 8px 0 0; font-size: 18px; color: #0a0a0a; }
  #regions .cp-service-media img { object-fit: cover; }
  
  /* Removed deprecated home regions horizontal scroll styles to reduce CSS */
  
  /* Regions grid page */
  .cp-regions-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
#regions { padding-top: 5px; padding-bottom: 56px; }
#regions .cp-section-title { margin-top: 0; font-size: 25px; display: flex; align-items: center; gap: 8px; }
@media (max-width: 1024px) { #regions .cp-section-title { font-size: 20px; } }
@media (max-width: 768px) { #regions .cp-section-title { font-size: 20px; } }
  .cp-region-card { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid #eef0f3; border-radius:12px; text-decoration:none; color:inherit; background:#fff; }
  .cp-region-pin { color: var(--cp-color-primary); font-size: 22px; }
  .cp-region-title { font-weight:700; font-size: 16.5px; }
#regions .cp-region-title { font-weight:700; font-size: 15.5px; }
  
  @media (max-width: 1024px) {
    .cp-regions-grid { grid-template-columns: repeat(3, 1fr); }
  }
  @media (max-width: 768px) {
    .cp-regions-grid { grid-template-columns: repeat(2, 1fr); }
  }
  
  /* Single Article with TOC */
  .cp-article-wrap { display:grid; grid-template-columns: 1fr 280px; gap: 24px; }
  /* Breadcrumbs */
  .cp-breadcrumbs { background: transparent; padding: 0; width: auto; gap: 6px; font-size: 14px; color: #0a0a0a; display:inline-flex; align-items:center; }
  .cp-breadcrumbs a, .cp-breadcrumbs span.sep, .cp-breadcrumbs i { color: #0a0a0a !important; opacity: 0.75; }
  .cp-breadcrumbs a { text-decoration: none; }
  .cp-breadcrumbs { margin-bottom: 15px; }
  .cp-article { min-width: 0; }
  .cp-article-thumb { width:100%; aspect-ratio: 850 / 480; overflow:hidden; border-radius:5px; margin-top:18px; margin-bottom:16px; }
  .cp-article-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
  /* Desktop: keep full width of content column (no side gaps) */
  @media (min-width: 1025px) { .cp-article-thumb { max-width: 100%; margin: 0 0 16px; } }
  .cp-article-content h2, .cp-article-content h3 { scroll-margin-top: 90px; }
  .cp-article-content h2,
  .cp-article-content h3,
  .cp-article-content h4,
  .cp-article-content h5,
  .cp-article-content h6 { font-size: 21px; }
  .cp-article-content h2,
  .cp-article-content h3,
  .cp-article-content h4,
  .cp-article-content h5 { color: #0a0a0a; position: relative; padding-bottom: 8px; }
  .cp-article-content h2:after,
  .cp-article-content h3:after,
  .cp-article-content h4:after,
  .cp-article-content h5:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: var(--cp-color-primary); border-radius: 2px; }
  .cp-article-content p { font-size: 15px; color: #0a0a0a; }
  .cp-article-content li { font-size: 15px; }
  .cp-article-content img { max-width: 100%; height: auto; display: block; margin: 12px 0; }
  /* Better vertical rhythm for post content */
  .cp-article-content p + p { margin-top: 10px; }
  .cp-article-content p + h2,
  .cp-article-content p + h3,
  .cp-article-content p + h4 { margin-top: 16px; }
  .cp-article-content h2,
  .cp-article-content h3,
  .cp-article-content h4 { margin-top: 18px; margin-bottom: 10px; }
  
  /* Responsive: more breathing room on tablet/mobile */
  @media (max-width: 1024px) {
    .cp-article-content h2,
    .cp-article-content h3,
    .cp-article-content h4 { margin-top: 20px; margin-bottom: 12px; }
    .cp-article-content p,
    .cp-article-content ul,
    .cp-article-content ol { margin-bottom: 14px; }
  }
  
  /* Long tables: horizontal scroll with thin scrollbar */
  .cp-article-content table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse; border-spacing: 0; }
  .cp-article-content table thead th, .cp-article-content table td, .cp-article-content table th { padding: 8px; border: 1px solid #e5e7eb; }
  .cp-article-content table::-webkit-scrollbar { height: 6px; }
  .cp-article-content table::-webkit-scrollbar-track { background: #f1f5f9; }
  .cp-article-content table::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; }
  .cp-article-content table::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
  
  /* Mobile: show ~3 columns and enable horizontal scroll */
  @media (max-width: 768px) {
    .cp-article-content table { overflow-x: auto; display: block; }
    .cp-article-content table thead th,
    .cp-article-content table td,
    .cp-article-content table th {
      min-width: 33.33vw; /* roughly three columns visible */
      white-space: nowrap;
    }
    .cp-article-content table { -webkit-overflow-scrolling: touch; }
  }
  
  /* Fancy list items with yellow accent bar (as in the screenshot) */
  .cp-article-content ul { list-style: none; padding-left: 0; margin-left: 0; }
  .cp-article-content ul li {
    background: #f8fafc;
    border: 1px solid #eef0f3;
    border-radius: 10px;
    padding: 12px 14px;
    margin: 10px 0;
  }
  .cp-toc { position: sticky; top: 90px; height: fit-content; align-self: start; border:1px solid #eef0f3; border-radius: 12px; padding: 12px; background:#fff; }
  .cp-toc-title { font-weight:700; margin-bottom:8px; }
  .cp-toc-list { margin:0; padding-left: 18px; display:block; }
  .cp-toc-list li { margin: 10px 0; }
  .cp-toc-list a { text-decoration:none; color: var(--cp-color-text); }
  .cp-toc-list a:hover { color: var(--cp-color-primary); }
  
  @media (max-width: 1024px) {
    .cp-article-wrap { grid-template-columns: 1fr; }
    .cp-toc { display:none; }
  }
  
  /* Breadcrumbs row layout */
  .cp-breadcrumbs-row { display:flex; flex-direction: column; align-items:flex-start; gap: 6px; margin-bottom: 12px; width: 100%; }
  /* Other posts sidebar */
  .cp-side-list { margin-top: 24px; margin-bottom: 50px; }
  .cp-side-list-title { font-weight: 700; margin: 0 0 8px; position: relative; padding-bottom: 8px; }
  .cp-side-list-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: var(--cp-color-primary); border-radius: 2px; }
  .cp-side-list-items { display:flex; flex-direction:column; gap:6px; }
  .cp-side-item { display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid #eef0f3; border-radius:5px; text-decoration:none; color:#0f172a; font-weight:700; font-size:15.5px; }
  .cp-side-item i { color: var(--cp-color-primary); }
  .cp-side-item:hover { background:#f8fafc; }
  @media (max-width: 1024px) {
    .cp-breadcrumbs-row { flex-direction: column; align-items: flex-start; text-align: left; }
  }
  
  /* Hide hero arrows only */
  .cp-hero-arrow { display: none !important; }
  
  /* Gallery */
  /* FAQ */
  .cp-faq { border: 1px solid rgba(0,0,0,0.04); border-radius: 5px; overflow: hidden; background: transparent; }
  .cp-faq-item + .cp-faq-item { border-top: 1px solid rgba(0,0,0,0.06); margin-top: 3px; }
  .cp-faq-q { width: 100%; text-align: left; margin: 0; }
  .cp-faq-q > button { width: 100%; display:flex; align-items:center; justify-content: space-between; gap: 12px; text-align: left; padding: 14px 16px; font-weight: 700; font-size: 15.5px; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background: rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.06); border-left: 0; border-right: 0; cursor: pointer; border-radius: 8px; }
  .cp-faq-left { display:flex; align-items:center; gap: 10px; }
  .cp-faq-left i { color: var(--cp-color-primary); }
  .cp-faq-chevron { color: #0f172a; opacity: 0.7; }
  .cp-faq-a { padding: 10px 16px 16px; color: #475569; background: rgba(255,255,255,0.7); border-radius: 0 0 8px 8px; }
  
  /* FAQ (single page focus): tighten spacing; hide item lines; keep heading underline */
  #post-faq .cp-section-title:after { display: block; }
  #post-faq .cp-faq { border: 0; background: transparent; border-radius: 0; overflow: visible; }
  #post-faq .cp-faq-item { margin: 0 !important; }
  #post-faq .cp-faq-item + .cp-faq-item { border-top: 0; margin-top: 3px !important; }
  #post-faq .cp-faq-q > button { border: 1px solid rgba(0,0,0,0.12); background: #fff; border-radius: 5px; }
  /* Kill any residual blue underlines below each FAQ item */
  #faq .cp-faq-item::after, #post-faq .cp-faq-item::after,
  #faq .cp-faq-q::after, #post-faq .cp-faq-q::after,
  #faq .cp-faq-q > button::after, #post-faq .cp-faq-q > button::after { content: none !important; display: none !important; }
  /* Ensure post FAQ heading matches other section headings */
  #post-faq .cp-section-title { font-size: 25px; margin: 0 0 14px; padding-bottom: 10px; }
  @media (max-width: 768px) { #post-faq .cp-section-title { font-size: 20px; } }
  /* Regions section heading slightly smaller */
#regions .cp-section-title { font-size: 22px; margin-top: 15px; }
@media (max-width: 1024px) { #regions .cp-section-title { font-size: 19px; margin-top: 15px; } }
  /* Make post FAQ full width of content column (align with other blocks) */
  #post-faq .container { max-width: 100%; padding-left: 0; padding-right: 0; }
  
  /* Footer */
  .cp-footer { background: var(--cp-footer-bg, #0f172a); color: #cbd5e1; padding: 28px 0; }
  .cp-footer a { color: #e2e8f0; text-decoration: none; }
  .cp-footer p { color: #e2e8f0; }
  .cp-footer-top { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: start; }
  .cp-footer-bottom { margin: 75px 0 0 0; font-size: 14px; background: var(--cp-footer-bottom-bg, var(--cp-color-primary)); color: #fff; padding: 10px 0; }
  .cp-footer-bottom-row { display:flex; align-items:center; justify-content: space-between; gap: 16px; }
  .cp-footer-brand .custom-logo-link img { width: 120px; height: auto; max-height: 40px; object-fit: contain; }
  .cp-logo img, .custom-logo-link img { content-visibility: auto; contain: layout paint; }
  .cp-footer-attr { display:none; }
  .cp-footer-title { font-size: 18px; margin: 0 0 10px; font-weight: 700; }
  .cp-footer-menu { display: flex; flex-wrap: wrap; gap: 8px; }
  .cp-footer-menu a { display: inline-flex; padding: 6px 10px; background: rgba(255,255,255,0.06); border-radius: 8px; margin: 0; width: auto; }
  .cp-footer-contact-item { display:flex; align-items:center; gap:10px; margin-bottom: 10px; }
  /* Footer text sizing */
  .cp-footer p,
  .cp-footer .cp-footer-menu a,
  .cp-footer .cp-footer-contact-item,
  .cp-footer .cp-footer-contact-item a { font-size: 14px; }
  
  /* Responsive */
  @media (max-width: 1024px) {
    .cp-section-title { font-size: 20px; }
    .cp-section-sub { font-size: 14.5px; }
    .cp-burger { display: block; }
    .cp-nav { display: none; }
    .cp-header .cp-header-call { display: none; }
    .cp-header .cp-header-phone { display: inline-flex; }
    .cp-grid { grid-template-columns: repeat(2, 1fr); }
    #services .cp-grid { grid-template-columns: repeat(2, 1fr); }
    .cp-gallery { grid-template-columns: repeat(3, 1fr); }
    /* Tablet drawer 80% width from right */
    .cp-drawer-panel { width: 80%; right: -80%; }
  }
  @media (max-width: 768px) {
    .cp-section-title { font-size: 20px; }
    .cp-section-sub { font-size: 14.5px; }
    .cp-burger { display: block; }
    .cp-nav { display: none; }
    .cp-nav a { display:block; padding:10px 0; }
    .cp-header .cp-header-call { display: none; }
    .cp-header .cp-logo { position:absolute; left:50%; transform:translateX(-50%); }
    .cp-header .cp-burger { order: -1; }
    .cp-header .cp-header-phone { display:inline-flex; margin-left:auto; }
    .cp-hero-split { grid-template-columns: 1fr; min-height: 420px; }
    .cp-hero-center-inner h1 { font-size: clamp(24px, 6vw, 32px); }
    .cp-hero-center-inner p { font-size: 18px; }
    .cp-hero-features .container { grid-template-columns: repeat(2, 1fr); }
    .cp-hero-arrow { width: 34px; height: 34px; font-size: 16px; }
    .cp-testi-arrow { width: 34px; height: 34px; font-size: 16px; }
    .cp-grid { grid-template-columns: 1fr; }
    #services .cp-grid { grid-template-columns: 1fr; }
    #contact .cp-grid { grid-template-columns: 1fr; }
    .cp-contact-bar { grid-template-columns: 1fr; row-gap: 10px; border-radius: 0 0 8px 8px; }
    .cp-contact-bar .cp-contact-col + .cp-contact-col { border-left: 0; padding-left: 0; }
    /* Force regions to 2 columns on mobile and slightly smaller text */
    .cp-grid.cp-regions-grid { grid-template-columns: repeat(2, 1fr); }
    .cp-region-title { font-size: 15px; }
    .cp-gallery { grid-template-columns: repeat(2, 1fr); }
    .cp-footer-top { grid-template-columns: 1fr; }
    .cp-drawer-menu a { font-size: 14.5px; }
    /* Mobile drawer 70% width from right */
    .cp-drawer-panel { width: 70%; right: -70%; }
    /* Smaller header logo on mobile */
    .cp-header .custom-logo-link img,
    .cp-header .cp-logo img { width: 200px; height: 46px; max-width: 200px; max-height: 46px; }
  
    /* Footer bottom mobile: center stack */
    .cp-footer-bottom-row { flex-direction: column; align-items: center; text-align: center; gap: 12px; }
    .cp-footer-brand .custom-logo-link img { width: 110px; max-height: 110px; }
    .cp-footer-attr { margin-left: 0; }
    main.cp-section#regions { margin-bottom: 50px; }
  }
  
  /* Drawer */
  .cp-drawer { position: fixed; inset: 0; z-index: 70; pointer-events: none; }
  .cp-drawer-panel { position: absolute; top: 0; left: -50%; width: 50%; max-width: 360px; height: 100%; background:#fff; box-shadow: 8px 0 20px rgba(0,0,0,0.15); transition: left .25s ease; display:flex; flex-direction: column; z-index: 2; }
  .cp-drawer-backdrop { position:absolute; inset:0; background: rgba(0,0,0,0.35); opacity:0; transition: opacity .25s ease; z-index: 1; }
  .cp-drawer.open { pointer-events: auto; }
  .cp-drawer.open .cp-drawer-panel { left: 0; }
  .cp-drawer.open .cp-drawer-backdrop { opacity:1; }
  .cp-drawer-header { display:none; }
  .cp-drawer-close { background:none; border:0; font-size:20px; padding:6px; }
  .cp-drawer-top { display:flex; justify-content:flex-end; padding:10px 14px; }
  .cp-drawer-call { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:999px; background: var(--cp-color-primary); color:#fff; text-decoration:none; }
  .cp-drawer-search { position:relative; padding:10px 14px; }
  .cp-drawer-search input { width:100%; padding:10px 34px 10px 12px; border:1px solid #e5e7eb; border-radius:8px; }
  .cp-drawer-search i { position:absolute; right:24px; top:50%; transform:translateY(-50%); color:#64748b; }
  .cp-drawer-menu { display:flex; flex-direction:column; padding:8px 10px; gap:6px; }
  .cp-drawer-menu a, .cp-drawer-link { display:flex; align-items:center; justify-content:space-between; padding:12px 10px; border-bottom:1px solid #f1f5f9; color:#0f172a; text-decoration:none; }
  .cp-drawer-menu a span i, .cp-drawer-link span i { margin-right: 6px; color: var(--cp-color-primary); }
  .cp-drawer-social { margin-top:auto; padding:12px 14px; display:flex; gap:12px; font-size:18px; }
  
  /* Floating Action Buttons - Fixed Position */
  .cp-float-actions { 
      position: fixed !important; 
      right: 20px !important; 
      bottom: 20px !important; 
      display: flex !important; 
      flex-direction: column !important; 
      gap: 12px !important; 
      z-index: 99999 !important; 
      pointer-events: auto !important;
  }
  .cp-float-actions a { 
      display: inline-flex !important; 
      align-items: center !important; 
      justify-content: center !important; 
      width: 56px !important; 
      height: 56px !important; 
      border-radius: 50% !important; 
      color: #fff !important; 
      text-decoration: none !important; 
      font-weight: 700 !important; 
      font-size: 24px !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
      transition: all 0.3s ease !important;
      opacity: 1 !important;
      visibility: visible !important;
  }
  .cp-float-actions a:hover {
      transform: scale(1.1) !important;
      box-shadow: 0 6px 20px rgba(0,0,0,0.25) !important;
  }
  .cp-float-wa { 
      background: #25D366 !important; 
  }
  .cp-float-wa:hover {
      background: #128C7E !important;
  }
  .cp-float-call { 
      background: var(--cp-color-primary) !important; 
  }
  .cp-float-call:hover {
      filter: brightness(0.9) !important;
  }
  
  /* Mobile responsive */
  @media (max-width: 768px) {
      .cp-float-actions {
          right: 16px !important;
          bottom: 16px !important;
          gap: 10px !important;
      }
      .cp-float-actions a {
          width: 56px !important;
          height: 56px !important;
          font-size: 22px !important;
      }
  }
  
  
  /* Üye Kartı – tema renkleri ve fontlarını devralır */
  .uye-cards{display:grid;grid-template-columns:1fr;gap:10px;margin:0 !important}
  /* Üye kartı bloklarında tüm marjinleri kapat */
  .uye-card, .uye-card .card, .uye-card .card-content, .uye-card .profile-section, .uye-card .profile-image, .uye-card .info-section{margin:0 !important}
  .uye-card .card{background:#F8FAFC;border:1px solid var(--card-border,#dce7df);border-radius:10px;padding:13px;margin:0}
.uye-card .card-content{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap}
  .uye-card .profile-section{flex-shrink:0;text-align:center}
.uye-card .profile-image{width:110px !important;height:110px !important;max-width:110px;max-height:110px;aspect-ratio:1/1;border-radius:9999px !important;overflow:hidden;background:transparent;border:0;padding:0;margin:0 !important;line-height:0;flex:0 0 110px;display:block;position:relative;clip-path:circle(50% at 50% 50%);-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 99%, transparent 100%);-webkit-mask-composite: source-over}
.uye-card .profile-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit;margin:0 !important}
/* Kart içindeki tüm görsellerde marjini kapat (masaüstü/tablet) */
.uye-card img{margin:0 !important}
  .uye-card .city-badge{display:block;margin:6px auto 0; padding:0; border:0; background:transparent; font-size:0; line-height:1}
.uye-card .city-badge:after{content:"\f005 \f005 \f005 \f005 \f005";display:block;margin-top:4px;font-family:'Font Awesome 6 Free','Font Awesome 5 Free',Arial;font-weight:900;font-size:14px;color:#f59e0b;letter-spacing:2px}
  
.uye-card .info-section{flex:1;min-width:0;text-align:left}
  .uye-card .title{font-weight:700;margin:0 0 3px 0;color:inherit;font-size:21px;line-height:1.35}
  .uye-card .name{margin-top:6px;color:inherit;font-size:16px;opacity:.95}
  
  .uye-card .stats{margin-top:8px;display:flex;align-items:center;gap:19px;flex-wrap:wrap}
  .uye-card .stat{display:flex;align-items:center;gap:7px;font-weight:700;font-size:15px;color:#0a0a0a}
.uye-card .icon{width:16px;height:16px;color:#0b5fff;stroke:#0b5fff}
.uye-card .phone-button .icon{color:#ffffff;stroke:#ffffff}
  /* Şehir metni artık istatistiklerde de gösterilir */
  .uye-card .stats .stat:last-child{display:inline-flex}
  
.uye-card .phone-button{margin-top:9px;display:inline-flex;align-items:center;gap:8px;background:#0b5fff;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:700;font-size:16.5px}
.uye-card .phone-button:hover{background:#0a3fb0}
  
  @media (max-width: 640px){
    .uye-card .card-content{flex-wrap:wrap}
  .uye-card .profile-image{width:110px !important;height:110px !important;max-width:110px;max-height:110px;aspect-ratio:1/1;background:transparent;border:0;margin:0 !important;flex:0 0 110px;border-radius:9999px !important;clip-path:circle(50% at 50% 50%);-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 99%, transparent 100%)}
  .uye-card .profile-section{margin:0 !important;padding:0 !important}
  .uye-card .profile-image img{margin:0 !important}
    .uye-card .title{font-size:19px}
    .uye-card .name{font-size:15px}
    .uye-card .phone-button{width:100%;justify-content:center}
    .uye-card .card{margin:0}
  }
  
  @media (max-width: 1024px){
    .uye-card .phone-button{width:100%;justify-content:center}
  }
  @media (min-width: 1025px){
    /* İki ve üzeri kartta 2 sütun, tek kartta tam genişlik */
    .uye-cards:has(.uye-card + .uye-card){grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (min-width: 1025px){
    .uye-card .profile-section{margin:0 !important;padding:0 !important}
    .uye-card .profile-image{margin:0 !important}
  }