/* ============================================
   Yorum Hizmetleri - Complete Stylesheet
   Light + Dark Mode | Fully Responsive
   ============================================ */

/* --- CSS Custom Properties (Light) --- */
:root {
  --c-primary: #e94560;
  --c-primary-hover: #d03a52;
  --c-primary-light: rgba(233,69,96,0.08);
  --c-secondary: #1a1a2e;
  --c-accent: #0f3460;
  --c-whatsapp: #25d366;
  --c-whatsapp-hover: #1ebe57;
  --c-credit: #0f3460;
  --c-credit-hover: #0a2648;

  --c-bg: #f4f5f7;
  --c-surface: #ffffff;
  --c-surface-alt: #f8f9fb;
  --c-surface-hover: #f0f1f3;

  --c-text: #1a1a2e;
  --c-text-2: #4a4a5a;
  --c-text-3: #7a7a8a;
  --c-text-inv: #ffffff;

  --c-border: #e5e5ea;
  --c-border-hover: #d0d0d5;

  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.14);

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-full: 9999px;

  --header-h: 64px;
  --max-w: 1200px;

  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;
  --t-slow: 0.4s ease;
}

/* --- Dark Mode Variables --- */
html.dark {
  --c-bg: #0d0d1a;
  --c-surface: #1a1a2e;
  --c-surface-alt: #141428;
  --c-surface-hover: #22223a;

  --c-text: #e8e8f0;
  --c-text-2: #b0b0c0;
  --c-text-3: #707088;

  --c-border: #2a2a40;
  --c-border-hover: #3a3a55;

  --shadow-xs: 0 1px 2px rgba(0,0,0,0.15);
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.25);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.3);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.4);

  --c-primary-light: rgba(233,69,96,0.12);
}

/* ============================================
   RESET & BASE
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.7;color:var(--c-text);background:var(--c-bg);transition:background var(--t-base),color var(--t-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--c-primary);text-decoration:none;transition:color var(--t-fast)}
a:hover{color:var(--c-primary-hover)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1.3;color:var(--c-text);transition:color var(--t-base)}

/* ============================================
   LAYOUT
   ============================================ */
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px;width:100%}
.section{padding:60px 0}
.section:nth-child(even){background:var(--c-surface-alt)}
.site-main{min-height:60vh}

/* Fade-in */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* ============================================
   SECTION TITLE
   ============================================ */
.section-title{font-size:2rem;font-weight:700;text-align:center;color:var(--c-text);margin-bottom:10px}
.section-subtitle{font-size:1.05rem;color:var(--c-text-3);text-align:center;max-width:600px;margin:0 auto 48px;line-height:1.7}
.section-more{text-align:center;margin-top:32px}

/* ============================================
   HEADER
   ============================================ */
.site-header{position:sticky;top:0;left:0;right:0;height:var(--header-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:1000;transition:background var(--t-base),border-color var(--t-base);box-shadow:var(--shadow-xs)}
html.dark .site-header{background:#0f0f23;border-color:var(--c-border)}

.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}

/* Logo */
.header-logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--c-text);text-decoration:none;flex-shrink:0;transition:color var(--t-fast)}
.header-logo:hover{color:var(--c-primary)}
.logo-text{display:flex;align-items:center;gap:8px}
.logo-text i{color:var(--c-primary)}
.logo-img{height:36px;width:auto;object-fit:contain}
html.dark .logo-light{display:none!important}
html:not(.dark) .logo-dark{display:none!important}

/* Nav */
.main-nav{display:flex;align-items:center;gap:2px}
.nav-list{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:0.9rem;font-weight:500;color:var(--c-text);border-radius:var(--r-sm);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap;cursor:pointer;border:none;background:none;font-family:inherit}
.nav-link:hover,.nav-item:hover>.nav-link{color:var(--c-primary);background:var(--c-primary-light)}
.nav-link i.chevron,.nav-link i.fa-chevron-down{font-size:0.6rem;transition:transform var(--t-fast)}

/* Dropdown (masaustu) */
.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:240px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transition:opacity var(--t-base),transform var(--t-base),visibility var(--t-base);z-index:100}
/* :hover ile acilan dropdown SADECE masaustunde calismali. Bu kural mobilde
   de gecerli olsaydi, dokunmatik cihazlarda tap sonrasi takili kalan :hover
   durumu yuzunden ozgullugu daha yuksek bu kural, mobil override'i (ozgulluk
   olarak dusuk) ezip menuyu ekran disina kaydiriyordu ("kayiklik" hatasi). */
@media (min-width:769px){
  .nav-dropdown:hover>.nav-link i.fa-chevron-down{transform:rotate(180deg)}
  .nav-dropdown:hover>.nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
}
.nav-dropdown-link{display:block;padding:10px 14px;font-size:0.9rem;color:var(--c-text);border-radius:var(--r-sm);transition:color var(--t-fast),background var(--t-fast)}
.nav-dropdown-link:hover{color:var(--c-primary);background:var(--c-primary-light)}

/* Header Actions */
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--c-text);font-size:1.1rem;transition:background var(--t-fast),color var(--t-fast)}
.header-btn:hover{background:var(--c-primary-light);color:var(--c-primary)}
.header-whatsapp-btn{color:var(--c-whatsapp)}
.header-whatsapp-btn:hover{background:rgba(37,211,102,0.1);color:var(--c-whatsapp-hover)}

/* Hamburger */
.header-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;border:none;background:transparent;cursor:pointer;gap:5px;padding:8px;border-radius:var(--r-sm);transition:background var(--t-fast)}
.header-hamburger:hover{background:var(--c-primary-light)}
.hamburger-line{display:block;width:20px;height:2px;background:var(--c-text);border-radius:2px;transition:transform var(--t-base),opacity var(--t-base)}
.header-hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.header-hamburger.active .hamburger-line:nth-child(2){opacity:0}
.header-hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

/* ============================================
   HERO SECTION
   ============================================ */
.hero-section{position:relative;padding:80px 0 60px;background:linear-gradient(135deg,var(--c-secondary) 0%,var(--c-accent) 100%);color:var(--c-text-inv);text-align:center;overflow:hidden}
.hero-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(233,69,96,0.12) 0%,transparent 60%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:0 20px}
.hero-title{font-size:2.6rem;font-weight:800;color:#fff;margin-bottom:20px;line-height:1.2}
.hero-subtitle{font-size:1.1rem;max-width:640px;margin:0 auto 32px;color:rgba(255,255,255,0.8);line-height:1.7}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}

/* Page Hero */
.page-hero{position:relative;padding:50px 0 40px;background:linear-gradient(135deg,var(--c-secondary) 0%,var(--c-accent) 100%);color:var(--c-text-inv);text-align:center}
.page-hero h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px}

/* ============================================
   BREADCRUMB
   ============================================ */
.breadcrumb{background:var(--c-surface-alt);border-bottom:1px solid var(--c-border);padding:12px 0;transition:background var(--t-base),border-color var(--t-base)}
.breadcrumb-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.breadcrumb-item{font-size:0.85rem;color:var(--c-text-3)}
.breadcrumb-item a{color:var(--c-text-2);transition:color var(--t-fast)}
.breadcrumb-item a:hover{color:var(--c-primary)}
.breadcrumb-item.active{color:var(--c-text);font-weight:500}
.breadcrumb-item+.breadcrumb-item::before{content:"›";color:var(--c-text-3);margin-right:8px}

/* ============================================
   PLATFORM CARDS
   ============================================ */
.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.platform-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px 22px;text-align:center;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base),background var(--t-base)}
.platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--c-primary)}
.platform-icon{font-size:2.6rem;margin-bottom:14px;color:var(--c-primary);display:block}
.platform-icon i,.platform-icon svg{display:inline-block}
.platform-icon svg{width:48px;height:48px}
.platform-name{font-size:1.1rem;font-weight:600;color:var(--c-text);margin-bottom:8px}
.platform-desc{font-size:0.88rem;color:var(--c-text-2);margin-bottom:16px;line-height:1.6}
.platform-link{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;color:var(--c-primary);transition:gap var(--t-fast)}
.platform-card:hover .platform-link{gap:10px}

/* ============================================
   FEATURE CARDS
   ============================================ */
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.feature-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px 22px;transition:transform var(--t-base),box-shadow var(--t-base),background var(--t-base)}
.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.feature-icon{font-size:1.8rem;margin-bottom:14px;color:var(--c-primary);display:block}
.feature-card h3{font-size:1.05rem;font-weight:600;color:var(--c-text);margin-bottom:8px}
.feature-card p{font-size:0.88rem;color:var(--c-text-2);line-height:1.6}

/* ============================================
   PACKAGE CARDS
   ============================================ */
.package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;align-items:start}
.package-card{position:relative;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--r-xl);padding:28px 24px;text-align:center;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base),background var(--t-base);display:flex;flex-direction:column}
.package-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.package-card.popular{border-color:var(--c-primary);box-shadow:0 4px 20px rgba(233,69,96,0.12)}
html.dark .package-card.popular{box-shadow:0 4px 20px rgba(233,69,96,0.2)}
.package-badge,.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--c-primary),var(--c-primary-hover));color:#fff;font-size:0.75rem;font-weight:600;padding:4px 16px;border-radius:20px;white-space:nowrap}
.package-card-body{flex:1}
.package-name{font-size:1.1rem;font-weight:600;color:var(--c-text);margin-bottom:4px}
.package-quantity{font-size:0.85rem;color:var(--c-text-3);margin-bottom:16px}
.package-features{text-align:left;margin-bottom:20px;list-style:none}
.package-features li{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:0.88rem;color:var(--c-text-2);border-bottom:1px solid var(--c-border)}
.package-features li:last-child{border-bottom:none}
.package-features li i.fa-check{color:var(--c-primary);flex-shrink:0;font-size:0.85rem}
.package-price{font-size:2rem;font-weight:800;color:var(--c-primary);margin-bottom:20px;line-height:1}
.package-card-footer{display:flex;flex-direction:column;gap:10px}

/* ============================================
   TESTIMONIAL CARDS
   ============================================ */
.testimonial-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.testimonial-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px;transition:transform var(--t-base),box-shadow var(--t-base),background var(--t-base)}
.testimonial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.testimonial-rating,.testimonial-card .stars{color:#ffc107;font-size:0.95rem;margin-bottom:12px;letter-spacing:2px;display:block}
.testimonial-quote,.testimonial-card blockquote{font-style:italic;font-size:0.92rem;color:var(--c-text-2);line-height:1.7;margin-bottom:14px}
.testimonial-author{font-size:0.9rem;color:var(--c-text)}
.testimonial-author strong{font-weight:600}
.testimonial-title,.testimonial-role{font-size:0.82rem;color:var(--c-text-3);font-weight:400}

/* ============================================
   ARTICLE CARDS
   ============================================ */
.article-grid,.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.article-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--t-base),box-shadow var(--t-base),background var(--t-base);display:flex;flex-direction:column}
.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.article-image{aspect-ratio:16/9;overflow:hidden;background:var(--c-surface-alt)}
.article-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.article-card:hover .article-image img{transform:scale(1.03)}
.article-card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.article-title{font-size:1.05rem;font-weight:600;color:var(--c-text);margin-bottom:8px;line-height:1.4}
.article-title a{color:inherit}
.article-title a:hover{color:var(--c-primary)}
.article-excerpt,.article-card p{font-size:0.88rem;color:var(--c-text-2);line-height:1.6;flex:1;margin-bottom:12px}
.article-read-more,.read-more{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--c-primary);transition:gap var(--t-fast)}
.article-read-more:hover,.read-more:hover{gap:10px;color:var(--c-primary-hover)}
.article-date{font-size:0.8rem;color:var(--c-text-3);margin-bottom:8px}

/* ============================================
   CITIES
   ============================================ */
.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.city-link{display:flex;align-items:center;justify-content:center;padding:12px 10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:0.85rem;font-weight:500;color:var(--c-text);transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast),background var(--t-fast);text-align:center}
.city-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-xs);border-color:var(--c-primary);color:var(--c-primary)}
.city-card{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:14px 16px;font-size:0.88rem;font-weight:500;color:var(--c-text);transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);cursor:default}
.city-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xs);border-color:var(--c-primary)}
.city-card .city-icon{font-size:1rem;flex-shrink:0}
.city-card-lg{display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:14px 18px;font-size:0.9rem;font-weight:500;color:var(--c-text);transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);cursor:pointer}
.city-card-lg:hover{transform:translateY(-2px);box-shadow:var(--shadow-xs);border-color:var(--c-primary)}
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.city-selector-top{margin-bottom:8px}
.city-selector-rest{margin-top:8px}

/* Cities All Grid */
.cities-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}

/* ============================================
   FOREIGN COUNTRIES
   ============================================ */
.foreign-section .country-block{margin-bottom:24px}
.country-name{font-size:1.15rem;font-weight:600;color:var(--c-text);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--c-primary);display:inline-block}
.foreign-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.foreign-city-link{display:flex;align-items:center;justify-content:center;padding:12px 10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:0.85rem;font-weight:500;color:var(--c-text);transition:transform var(--t-fast),border-color var(--t-fast);text-align:center}
.foreign-city-link:hover{transform:translateY(-2px);border-color:var(--c-primary);color:var(--c-primary)}

/* ============================================
   TOOLS
   ============================================ */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.tool-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px 22px;text-align:center;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}
.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--c-primary)}
.tool-icon{font-size:2.2rem;margin-bottom:14px;color:var(--c-primary);display:block}
.tool-card h3{font-size:1.05rem;font-weight:600;color:var(--c-text);margin-bottom:8px}
.tool-card p{font-size:0.88rem;color:var(--c-text-2);line-height:1.6;margin-bottom:14px}
.tool-link{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--c-primary)}
.tool-card:hover .tool-link{gap:10px}

/* ============================================
   FAQ
   ============================================ */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:10px;overflow:hidden;transition:border-color var(--t-fast),background var(--t-base)}
.faq-item:hover{border-color:var(--c-border-hover)}
.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:none;border:none;font-size:0.95rem;font-weight:600;color:var(--c-text);cursor:pointer;text-align:left;gap:12px;font-family:inherit;line-height:1.5;transition:color var(--t-fast)}
.faq-question:hover{color:var(--c-primary)}
.faq-icon,.faq-chevron{font-size:0.7rem;color:var(--c-text-3);transition:transform var(--t-base);flex-shrink:0}
.faq-item.open .faq-icon,.faq-item.active .faq-icon,.faq-item.open .faq-chevron,.faq-item.active .faq-chevron{transform:rotate(180deg);color:var(--c-primary)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--t-base) ease}
.faq-item.open .faq-answer,.faq-item.active .faq-answer{max-height:600px}
.faq-answer-inner{padding:0 20px 16px;font-size:0.9rem;color:var(--c-text-2);line-height:1.7}

/* ============================================
   CTA SECTION
   ============================================ */
/* .section.cta-section: nth-child(even) arka plan kuralini gecmek icin ozgullugu artirildi (light mode yazi gorunurlugu) */
.section.cta-section,.cta-section{padding:60px 0;background:linear-gradient(135deg,var(--c-secondary) 0%,var(--c-accent) 100%);color:var(--c-text-inv);text-align:center}
.cta-inner{max-width:600px;margin:0 auto}
.cta-section .cta-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:14px}
.cta-section .cta-text{font-size:1.05rem;color:rgba(255,255,255,0.92);margin-bottom:28px;line-height:1.7}

/* ============================================
   ANASAYFA UZUN MAKALE (kaydırılabilir box + TOC)
   ============================================ */
.home-longread{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-sm);transition:background var(--t-base),border-color var(--t-base)}
.home-longread-toc{position:sticky;top:calc(var(--header-h) + 12px);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px 18px}
.home-longread-toc .toc-title{font-size:1rem;font-weight:700;color:var(--c-text);margin-bottom:10px}
.home-longread-toc .toc-list{list-style:none;margin:0;padding:0}
.home-longread-toc .toc-item{margin-bottom:6px}
.home-longread-toc .toc-level-3{padding-left:14px}
.home-longread-toc .home-toc-link{font-size:0.88rem;color:var(--c-text-2);cursor:pointer;transition:color var(--t-fast);display:block;line-height:1.5;text-align:left}
.home-longread-toc .home-toc-link:hover{color:var(--c-primary)}
.home-longread-body{max-height:520px;overflow-y:auto;position:relative;padding-right:14px;scrollbar-width:thin;scrollbar-color:var(--c-border-hover) transparent}
.home-longread-body::-webkit-scrollbar{width:8px}
.home-longread-body::-webkit-scrollbar-track{background:transparent}
.home-longread-body::-webkit-scrollbar-thumb{background:var(--c-border-hover);border-radius:8px}
@media (max-width:768px){
  .home-longread{grid-template-columns:1fr;padding:18px;gap:16px}
  .home-longread-toc{position:static}
  .home-longread-body{max-height:440px}
}

/* ============================================
   CONTENT WITH SIDEBAR (Platform pages)
   ============================================ */
.platform-layout{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;padding:40px 0}
.platform-main{min-width:0}
.platform-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 20px)}
.platform-section{margin-top:48px}

/* Platform Header */
.platform-header-section{padding:40px 0;background:var(--c-surface);border-bottom:1px solid var(--c-border);transition:background var(--t-base),border-color var(--t-base)}
.platform-header{text-align:center;max-width:700px;margin:0 auto}
.platform-header-icon{font-size:3rem;color:var(--c-primary);margin-bottom:16px;display:block}
.platform-header h1{font-size:2rem;font-weight:700;margin-bottom:12px}
.platform-header-desc{font-size:1rem;color:var(--c-text-2);line-height:1.7}

/* Platform Content */
.platform-content-section{padding:40px 0}
.content-body{max-width:800px;margin:0 auto;color:var(--c-text-2);line-height:1.8}
.content-body h2{font-size:1.5rem;font-weight:700;color:var(--c-text);margin:28px 0 12px}
.content-body h3{font-size:1.2rem;font-weight:600;color:var(--c-text);margin:22px 0 8px}
.content-body p{margin-bottom:14px}
.content-body ul,.content-body ol{padding-left:24px;margin-bottom:14px}
.content-body ul{list-style:disc}
.content-body ol{list-style:decimal}
.content-body li{margin-bottom:6px}

/* Sidebar Widget */
.sidebar-widget{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:20px;transition:background var(--t-base),border-color var(--t-base)}
.sidebar-title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--c-border);transition:color var(--t-base),border-color var(--t-base)}
.sidebar-links li{margin-bottom:6px}
.sidebar-links a{font-size:0.88rem;color:var(--c-text-2);padding:5px 0;display:block;transition:color var(--t-fast)}
.sidebar-links a:hover{color:var(--c-primary)}
.sidebar-cta{text-align:center;background:linear-gradient(135deg,var(--c-secondary),var(--c-accent));border-color:transparent;color:#fff}
.sidebar-cta .sidebar-title{color:#fff;border-color:rgba(255,255,255,0.2)}
.sidebar-cta p{font-size:0.88rem;color:rgba(255,255,255,0.8);margin-bottom:16px;line-height:1.6}

/* ============================================
   RICH CONTENT (TinyMCE / Legal pages)
   ============================================ */
.rich-content{max-width:800px;margin:0 auto}
.rich-content h2{font-size:1.5rem;font-weight:700;color:var(--c-text);margin:32px 0 12px}
.rich-content h3{font-size:1.2rem;font-weight:600;color:var(--c-text);margin:24px 0 8px}
.rich-content p{font-size:0.95rem;color:var(--c-text-2);margin-bottom:14px;line-height:1.8}
.rich-content ul,.rich-content ol{padding-left:24px;margin-bottom:14px}
.rich-content ul{list-style:disc}
.rich-content ol{list-style:decimal}
.rich-content li{font-size:0.95rem;color:var(--c-text-2);margin-bottom:6px;line-height:1.7}
.rich-content a{color:var(--c-primary);text-decoration:underline;text-underline-offset:2px}
.rich-content img{border-radius:var(--r-md);margin:16px 0}
.rich-content blockquote{border-left:4px solid var(--c-primary);padding:14px 18px;margin:16px 0;background:var(--c-surface-alt);border-radius:0 var(--r-sm) var(--r-sm) 0;font-style:italic;color:var(--c-text-2)}
.rich-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.9rem}
.rich-content th,.rich-content td{padding:10px 14px;border:1px solid var(--c-border);text-align:left}
.rich-content th{background:var(--c-surface-alt);font-weight:600;color:var(--c-text)}

/* ============================================
   ARTICLE DETAIL
   ============================================ */
.article-detail{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:36px;max-width:800px;margin:0 auto;transition:background var(--t-base),border-color var(--t-base)}
.article-detail .article-title{font-size:1.7rem;font-weight:700;margin-bottom:14px;line-height:1.3}
.article-meta{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--c-border);font-size:0.83rem;color:var(--c-text-3);flex-wrap:wrap}
.article-meta span{display:flex;align-items:center;gap:5px}
.article-body{line-height:1.8}

/* ============================================
   PAGINATION
   ============================================ */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:36px;flex-wrap:wrap}
.pagination-link{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font-size:0.88rem;font-weight:500;transition:all var(--t-fast);font-family:inherit;cursor:pointer}
.pagination-link:hover{border-color:var(--c-primary);color:var(--c-primary)}
.pagination-current{background:var(--c-primary);border-color:var(--c-primary);color:#fff;pointer-events:none}
.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--c-text-3);font-size:0.9rem}

/* ============================================
   RELATED PACKAGES
   ============================================ */
.related-packages{margin-top:48px}
.related-packages h3{font-size:1.3rem;font-weight:600;color:var(--c-text);margin-bottom:20px}
.related-packages-grid,.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.related-package-item,.related-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:14px 16px;transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}
.related-package-item:hover,.related-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-xs);border-color:var(--c-primary)}
.related-package-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.related-package-name{font-size:0.88rem;font-weight:500;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-package-price{font-size:0.88rem;font-weight:700;color:var(--c-primary)}
.related-price{font-size:0.85rem;font-weight:700;color:var(--c-primary)}
.related-arrow{color:var(--c-primary);font-size:0.8rem;flex-shrink:0;margin-left:8px;transition:transform var(--t-fast)}
.related-package-item:hover .related-arrow,.related-item:hover .related-arrow{transform:translateX(3px)}

/* ============================================
   FORMS
   ============================================ */
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:0.88rem;font-weight:500;color:var(--c-text);margin-bottom:6px}
.form-control{width:100%;padding:11px 14px;font-size:0.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-base);outline:none;line-height:1.5}
.form-control:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(233,69,96,0.1)}
.form-control::placeholder{color:var(--c-text-3)}
textarea.form-control{resize:vertical;min-height:100px}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}

/* Analysis / Tool Forms */
.analysis-form-wrapper,.tool-wrapper{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:32px;max-width:640px;margin:0 auto;transition:background var(--t-base),border-color var(--t-base)}
.analysis-form-wrapper h3,.tool-wrapper h3{text-align:center;font-size:1.2rem;font-weight:600;color:var(--c-text);margin-bottom:20px}
.result-box{margin-top:20px;padding:18px;background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:0.9rem;color:var(--c-text-2);line-height:1.7}
.result-box:empty{display:none}
.generated-response{margin-top:20px;padding:20px;background:var(--c-surface-alt);border-left:4px solid var(--c-primary);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:0.9rem;color:var(--c-text-2);line-height:1.8;white-space:pre-wrap}

/* ============================================
   BUTTONS
   ============================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-size:0.9rem;font-weight:600;font-family:inherit;border:2px solid transparent;border-radius:var(--r-sm);cursor:pointer;text-decoration:none;transition:all var(--t-fast);line-height:1.4;white-space:nowrap;text-align:center}
.btn-primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.btn-primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(233,69,96,0.25)}
.btn-outline{background:transparent;color:var(--c-text);border-color:var(--c-border)}
.btn-outline:hover{border-color:var(--c-primary);color:var(--c-primary)}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,0.4)}
.btn-outline-white:hover{background:rgba(255,255,255,0.1);border-color:#fff;color:#fff}
.btn-whatsapp{background:var(--c-whatsapp);color:#fff;border-color:var(--c-whatsapp)}
.btn-whatsapp:hover{background:var(--c-whatsapp-hover);border-color:var(--c-whatsapp-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,0.25)}
.btn-credit,.btn-credit-card{background:var(--c-credit);color:#fff;border-color:var(--c-credit)}
.btn-credit:hover,.btn-credit-card:hover{background:var(--c-credit-hover);border-color:var(--c-credit-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,52,96,0.25)}
html.dark .btn-credit,html.dark .btn-credit-card{background:#2a2a4a;border-color:#2a2a4a}
html.dark .btn-credit:hover,html.dark .btn-credit-card:hover{background:#3a3a5a;border-color:#3a3a5a}
.btn-sm{padding:8px 16px;font-size:0.82rem}
.btn-lg{padding:14px 30px;font-size:1rem}
.btn-block{display:flex;width:100%}

/* ============================================
   FOOTER
   ============================================ */
.site-footer{background:#0f0f23;color:rgba(255,255,255,0.7);padding:56px 0 0}
html.dark .site-footer{background:#08081a}
.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:28px 36px;padding-bottom:40px}
.footer-col{min-width:0}
.footer-logo{display:inline-flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:16px;text-decoration:none}
.footer-logo img{height:32px;width:auto}
.footer-logo-text{color:#fff}
.footer-logo-text i{color:var(--c-primary)}
.footer-desc{font-size:0.88rem;line-height:1.65;color:rgba(255,255,255,0.55);margin-bottom:18px;max-width:340px}
.footer-social{display:flex;gap:10px;flex-wrap:wrap}
.footer-social-link,.social-links a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-full);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7);font-size:0.95rem;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}
.footer-social-link:hover,.social-links a:hover{background:var(--c-primary);color:#fff;transform:translateY(-2px)}
.footer-heading{position:relative;color:#fff;font-size:0.95rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;margin-bottom:20px;padding-bottom:12px}
.footer-heading::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--c-primary);border-radius:2px}
.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-links li{margin:0}
.footer-links a{color:rgba(255,255,255,0.6);font-size:0.87rem;line-height:1.4;transition:color var(--t-fast),padding-left var(--t-fast);display:inline-block}
.footer-links a:hover{color:var(--c-primary);padding-left:3px}
.footer-links-more{color:var(--c-primary)!important;font-weight:600}
.footer-links-more i{font-size:0.75rem;margin-left:3px;transition:transform var(--t-fast)}
.footer-links-more:hover i{transform:translateX(3px)}
.footer-col-contact .footer-links a{display:flex;align-items:center;gap:8px}
.footer-col-contact .footer-links i{color:var(--c-primary);width:16px;text-align:center;flex-shrink:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 0}
.footer-bottom-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.footer-copyright{font-size:0.83rem;color:rgba(255,255,255,0.45);margin:0}
/* Yasal linkler alt barda, tek satirda ayrilmis */
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:flex-end}
.footer-legal a{position:relative;font-size:0.8rem;color:rgba(255,255,255,0.5);transition:color var(--t-fast)}
.footer-legal a:hover{color:var(--c-primary)}
.footer-legal a:not(:last-child)::after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:1px;height:11px;background:rgba(255,255,255,0.18)}
@media (max-width:768px){
  .footer-bottom-inner{flex-direction:column;text-align:center}
  .footer-legal{justify-content:center}
}

/* ============================================
   EMPTY STATE
   ============================================ */
.empty-state,.empty-message{text-align:center;padding:48px 20px;color:var(--c-text-3);font-size:1rem}
.empty-state .empty-icon{font-size:2.5rem;margin-bottom:14px;opacity:0.4;display:block}
.empty-action{margin-top:20px}

/* ============================================
   UTILITY CLASSES
   ============================================ */
.text-center{text-align:center}
.text-primary{color:var(--c-primary)}
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}
.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}
.d-none{display:none}.d-block{display:block}.d-flex{display:flex}
.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}

/* ============================================
   SCROLLBAR
   ============================================ */
html.dark ::-webkit-scrollbar{width:8px}
html.dark ::-webkit-scrollbar-track{background:#0d0d1a}
html.dark ::-webkit-scrollbar-thumb{background:#333;border-radius:4px}
html.dark ::-webkit-scrollbar-thumb:hover{background:#444}

/* ============================================
   RESPONSIVE: max-width 1024px
   ============================================ */
@media(max-width:1024px){
  .platform-layout{grid-template-columns:1fr;gap:28px}
  .platform-sidebar{position:static;flex-direction:row;flex-wrap:wrap}
  .sidebar-widget{flex:1;min-width:250px}
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}
  .footer-col-brand{grid-column:span 3}
  .hero-title{font-size:2.2rem}
  .section-title{font-size:1.7rem}
}

/* ============================================
   RESPONSIVE: max-width 768px
   ============================================ */
@media(max-width:768px){
  /* Mobile Nav */
  .main-nav{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:var(--c-surface);flex-direction:column;align-items:stretch;padding:16px;gap:0;overflow-y:auto;transform:translateX(-100%);transition:transform var(--t-base),background var(--t-base);z-index:999}
  html.dark .main-nav{background:#0f0f23}
  .main-nav.nav-open,.main-nav.open{transform:translateX(0)}
  /* Masaustunde .nav-list yatay ve dikeyde ortalanmis (align-items:center);
     mobilde bu deger miras kalinca her menu ogesi kucuk ve ortali gorunuyordu.
     stretch ile satirlar tam genislikte, sola hizali oluyor. */
  .nav-list{flex-direction:column;gap:0;align-items:stretch}
  .nav-link{width:100%;padding:13px 14px;font-size:0.95rem;border-radius:var(--r-sm);text-align:left}
  /* Aciliş/kapanis 'kayma' hissi vermesin diye display:none/block yerine
     yumusak max-height gecisi kullanilir (FAQ accordion ile ayni mantik) */
  .nav-dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0 0 0 14px;min-width:auto;background:transparent;max-height:0;overflow:hidden;transition:max-height var(--t-base) ease}
  .nav-dropdown.open .nav-dropdown-menu,.nav-dropdown.dropdown-open .nav-dropdown-menu{max-height:900px}
  .header-hamburger{display:flex}
  body.menu-open{overflow:hidden}

  /* Hero */
  .hero-section{padding:56px 0 44px}
  .hero-title{font-size:1.7rem}
  .hero-subtitle{font-size:0.95rem;margin-bottom:24px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%;justify-content:center}
  .hero-actions .btn-outline{border-color:rgba(255,255,255,0.4);color:#fff}

  /* Page Hero */
  .page-hero{padding:40px 0 30px}
  .page-hero h1{font-size:1.5rem}

  /* Sections */
  .section{padding:44px 0}
  .section-title{font-size:1.4rem;margin-bottom:8px}
  .section-subtitle{font-size:0.92rem;margin-bottom:32px}

  /* Grids */
  .package-grid,.platform-grid,.features-grid,.testimonial-grid,.testimonials-grid,.article-grid,.articles-grid,.tools-grid{grid-template-columns:1fr}
  .cities-grid{grid-template-columns:repeat(3,1fr)}
  .city-grid{grid-template-columns:repeat(3,1fr)}
  .foreign-cities-grid{grid-template-columns:repeat(2,1fr)}
  .cities-all-grid{grid-template-columns:1fr}

  /* Packages */
  .package-card{padding:24px 20px}
  .package-price{font-size:1.7rem}

  /* Platform layout */
  .platform-layout{padding:28px 0}
  .platform-header h1{font-size:1.5rem}
  .platform-section{margin-top:36px}

  /* Sidebar */
  .platform-sidebar{flex-direction:column}
  .sidebar-widget{min-width:auto}

  /* Footer */
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .footer-col-brand{grid-column:span 2}

  /* CTA */
  .cta-section{padding:44px 0}
  .cta-title{font-size:1.4rem}

  /* Article */
  .article-detail{padding:24px}
  .article-detail .article-title{font-size:1.35rem}

  /* Forms */
  .analysis-form-wrapper,.tool-wrapper{padding:24px;margin:0 12px}

  /* Related */
  .related-packages-grid,.related-grid{grid-template-columns:1fr}
}

/* ============================================
   RESPONSIVE: max-width 480px
   ============================================ */
@media(max-width:480px){
  .container{padding:0 14px}
  .hero-title{font-size:1.4rem}
  .section-title{font-size:1.25rem}
  .cities-grid{grid-template-columns:repeat(2,1fr)}
  .city-grid{grid-template-columns:repeat(2,1fr)}
  .foreign-cities-grid{grid-template-columns:1fr}
  .pagination-link{min-width:34px;height:34px;font-size:0.8rem}
  .btn-lg{padding:12px 22px;font-size:0.9rem}
  .package-grid{grid-template-columns:1fr}
  .package-card-footer{flex-direction:column}
  .footer-grid{grid-template-columns:1fr;gap:22px}
  .footer-col-brand{grid-column:span 1}
  .footer-col-platforms .footer-links{columns:1}
}

/* ============================================
   PACKAGE DETAIL PAGE
   ============================================ */
.package-detail{max-width:900px;margin:0 auto}
.package-detail-header{text-align:center;margin-bottom:32px}
.package-detail-header h1{font-size:1.8rem;font-weight:700;margin-bottom:10px}
.package-detail-desc{font-size:1rem;color:var(--c-text-2);max-width:600px;margin:0 auto;line-height:1.7}
.package-detail-body{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:32px;transition:background var(--t-base),border-color var(--t-base)}
.package-detail-info{min-width:0}
.package-detail-quantity{font-size:0.95rem;color:var(--c-text-2);margin-bottom:16px}
.package-detail-quantity strong{color:var(--c-text)}
.package-features-detail{list-style:none}
.package-features-detail li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:0.9rem;color:var(--c-text-2);border-bottom:1px solid var(--c-border)}
.package-features-detail li:last-child{border-bottom:none}
.package-features-detail li i{color:var(--c-primary);flex-shrink:0}
.package-detail-price-box{background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-md);padding:28px;text-align:center;transition:background var(--t-base),border-color var(--t-base)}
.package-detail-price{font-size:2.4rem;font-weight:800;color:var(--c-primary);margin-bottom:24px;line-height:1}
.package-detail-actions{display:flex;flex-direction:column;gap:10px}

/* ============================================
   CITY SELECTOR (Package pages)
   ============================================ */
.city-selector{margin-top:8px}
.city-selector-section .section-subtitle{margin-bottom:24px}

/* ============================================
   PRINT
   ============================================ */
@media print{
  .site-header,.site-footer,.header-hamburger,.header-btn,.cta-section,.pagination,.breadcrumb{display:none!important}
  body{background:#fff;color:#000}
  html.dark{--c-bg:#fff;--c-surface:#fff;--c-text:#000;--c-text-2:#333;--c-border:#ccc}
}

/* Package Detail Responsive */
@media(max-width:768px){
  .package-detail-body{grid-template-columns:1fr;padding:24px;gap:24px}
  .package-detail-header h1{font-size:1.4rem}
  .package-detail-price{font-size:2rem}
}

/* ============================================
   ANALYSIS FORM PAGE
   ============================================ */
.analysis-form-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:0 auto;align-items:start}
.analysis-form-info h3{font-size:1.1rem;font-weight:600;color:var(--c-text);margin-bottom:16px}
.analysis-steps{display:flex;flex-direction:column;gap:20px}
.analysis-step{display:flex;gap:16px;align-items:flex-start}
.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-full);background:var(--c-primary);color:#fff;font-size:0.9rem;font-weight:700;flex-shrink:0}
.step-content{flex:1}
.step-content h4{font-size:0.95rem;font-weight:600;color:var(--c-text);margin-bottom:4px}
.step-content p{font-size:0.88rem;color:var(--c-text-2);line-height:1.6}
.analysis-form-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px;transition:background var(--t-base),border-color var(--t-base)}
.analysis-form-box h3{font-size:1.1rem;font-weight:600;color:var(--c-text);margin-bottom:20px}
.analysis-form .form-group:last-of-type{margin-bottom:20px}
.form-help{font-size:0.8rem;color:var(--c-text-3);margin-top:4px}
.required{color:var(--c-primary);margin-left:2px}

/* ============================================
   TOOL DETAIL PAGE
   ============================================ */
.tool-form-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px;max-width:640px;margin:0 auto;transition:background var(--t-base),border-color var(--t-base)}
.tool-form-box h3{font-size:1.1rem;font-weight:600;color:var(--c-text);margin-bottom:8px}
.tool-form-desc{font-size:0.9rem;color:var(--c-text-2);margin-bottom:20px;line-height:1.6}
.tool-header-icon{font-size:3rem;color:var(--c-primary);margin-bottom:16px;display:block}
.tool-result{margin-top:24px}
.tool-result-box{padding:20px;background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:0.9rem;color:var(--c-text-2);line-height:1.7}
.tool-result-preview{text-align:center;margin-top:16px}
.tool-result-preview img{max-width:200px;margin:0 auto}

/* ============================================
   ARTICLE DETAIL PAGE
   ============================================ */
.article-detail-section{padding:40px 0}
.article-detail-header{margin-bottom:20px}
.article-detail-header h1{font-size:1.7rem;font-weight:700;margin-bottom:12px;line-height:1.3}
.article-detail-image{margin-bottom:24px;border-radius:var(--r-md);overflow:hidden}
.article-detail-image img{width:100%;border-radius:var(--r-md)}
.article-detail-body{line-height:1.8}

/* ============================================
   LEGAL PAGE
   ============================================ */
.legal-page-section{padding:40px 0}
.legal-page-content{max-width:800px;margin:0 auto}
.legal-page-update{font-size:0.82rem;color:var(--c-text-3);margin-bottom:24px}

/* ============================================
   REPUTATION MANAGEMENT PAGE
   ============================================ */
.reputation-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.reputation-service-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px;transition:transform var(--t-base),box-shadow var(--t-base)}
.reputation-service-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.reputation-service-item h3{font-size:1.05rem;font-weight:600;color:var(--c-text);margin-bottom:8px}
.reputation-service-item p{font-size:0.88rem;color:var(--c-text-2);line-height:1.6}

/* ============================================
   HERO CONTENT WRAPPER
   ============================================ */
.hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}


/* ============================================
   SECTION SPECIFIC OVERRIDES
   ============================================ */
.section:nth-child(even).faq-section,
.section:nth-child(even).testimonials-section,
.section:nth-child(even).articles-section{background:transparent}
.section:nth-child(odd).platforms-section,
.section:nth-child(odd).features-section{background:transparent}

/* Analysis Form Responsive */
@media(max-width:768px){
  .analysis-form-wrapper{grid-template-columns:1fr;gap:24px;padding:0 12px}
  .reputation-services-grid{grid-template-columns:1fr}
}

/* ============================================
   GÜNDÜZ MODU BEYAZ YAZI DÜZELTMESİ
   Editörden gelen içeriklerin her zaman kontrastlı olması
   ============================================ */

/* Editörden gelen tüm içerikler için renk kontrastı zorla */
.article-body,
.article-detail-body,
.legal-page-content,
.content-body,
.rich-content,
.platform-header-desc,
.platform-content-section,
.package-content-section,
.tool-content,
.testimonial-quote,
.testimonial-card blockquote,
.faq-answer,
.faq-answer-inner,
.tool-result-box,
.generated-response,
.analysis-form-info p,
.step-content p,
.tool-form-desc {
  color: var(--c-text-2);
}

/* Editör içeriğindeki tüm metin elementleri için renk düzeltmesi (inline style olsa bile) */
.article-body p, .article-detail-body p, .legal-page-content p, .content-body p, .rich-content p,
.platform-header-desc p, .platform-content-section p, .package-content-section p, .tool-content p,
.testimonial-quote p, .testimonial-card blockquote p, .faq-answer p, .faq-answer-inner p,
.article-body li, .article-detail-body li, .legal-page-content li, .content-body li, .rich-content li,
.platform-header-desc li, .platform-content-section li, .package-content-section li, .tool-content li,
.testimonial-quote li, .testimonial-card blockquote li, .faq-answer li, .faq-answer-inner li,
.article-body span, .article-detail-body span, .legal-page-content span, .content-body span, .rich-content span,
.platform-header-desc span, .platform-content-section span, .package-content-section span, .tool-content span,
.testimonial-quote span, .testimonial-card blockquote span, .faq-answer span, .faq-answer-inner span,
.article-body td, .article-detail-body td, .legal-page-content td, .content-body td, .rich-content td,
.article-body strong, .article-detail-body strong, .legal-page-content strong, .content-body strong, .rich-content strong,
.article-body em, .article-detail-body em, .legal-page-content em, .content-body em, .rich-content em,
.faq-answer strong, .faq-answer-inner strong, .testimonial-quote strong, .testimonial-card blockquote strong {
  color: var(--c-text-2) !important;
}

/* Başlıklar için ana metin rengini zorla */
.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6,
.article-detail-body h1, .article-detail-body h2, .article-detail-body h3, .article-detail-body h4, .article-detail-body h5, .article-detail-body h6,
.legal-page-content h1, .legal-page-content h2, .legal-page-content h3, .legal-page-content h4, .legal-page-content h5, .legal-page-content h6,
.content-body h1, .content-body h2, .content-body h3, .content-body h4, .content-body h5, .content-body h6,
.rich-content h1, .rich-content h2, .rich-content h3, .rich-content h4, .rich-content h5, .rich-content h6,
.platform-header-desc h1, .platform-header-desc h2, .platform-header-desc h3, .platform-header-desc h4, .platform-header-desc h5, .platform-header-desc h6,
.platform-content-section h1, .platform-content-section h2, .platform-content-section h3, .platform-content-section h4, .platform-content-section h5, .platform-content-section h6,
.package-content-section h1, .package-content-section h2, .package-content-section h3, .package-content-section h4, .package-content-section h5, .package-content-section h6,
.tool-content h1, .tool-content h2, .tool-content h3, .tool-content h4, .tool-content h5, .tool-content h6,
.faq-answer h1, .faq-answer h2, .faq-answer h3, .faq-answer h4, .faq-answer h5, .faq-answer h6,
.faq-answer-inner h1, .faq-answer-inner h2, .faq-answer-inner h3, .faq-answer-inner h4, .faq-answer-inner h5, .faq-answer-inner h6 {
  color: var(--c-text) !important;
}

/* Bağlantılar için renk düzeltmesi */
.article-body a, .article-detail-body a, .legal-page-content a, .content-body a, .rich-content a,
.platform-content-section a, .package-content-section a, .tool-content a, .faq-answer a, .faq-answer-inner a {
  color: var(--c-primary) !important;
}

/* ============================================
   QUILL EDITOR STYLES
   ============================================ */
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
  border-color: var(--c-border) !important;
}
.ql-toolbar.ql-snow {
  background: var(--c-surface-alt);
  border-radius: var(--r-sm) var(--r-sm) 0 0;
}
.ql-container.ql-snow {
  border-radius: 0 0 var(--r-sm) var(--r-sm);
  background: var(--c-surface);
  font-family: inherit;
  font-size: 14px;
  min-height: 250px;
}
.ql-editor.ql-blank::before {
  color: var(--c-text-3) !important;
  font-style: normal;
}
.ql-editor {
  color: var(--c-text) !important;
  min-height: 250px;
}
.ql-editor h1, .ql-editor h2, .ql-editor h3 {
  color: var(--c-text) !important;
}
.ql-editor p, .ql-editor li, .ql-editor span, .ql-editor strong {
  color: var(--c-text) !important;
}
.ql-snow .ql-stroke {
  stroke: var(--c-text-2) !important;
}
.ql-snow .ql-fill {
  fill: var(--c-text-2) !important;
}
.ql-snow .ql-picker-label {
  color: var(--c-text-2) !important;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke {
  stroke: var(--c-primary) !important;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill {
  fill: var(--c-primary) !important;
}

/* ============================================
   CITY SELECTOR YARDIMCI STIL
   ============================================ */
.cities-section .city-link {
  background: var(--c-surface);
}

/* ============================================
   SECTION BACKGROUND OVERRIDE
   nth-child'e bağlı olmayan, sabit sınıf bazlı
   ============================================ */
.section.section-alt { background: var(--c-surface-alt); }
.section.section-transparent { background: transparent; }

/* ============================================
   FAQ ACCORDION DUZELTME
   ============================================ */
.faq-item { margin-bottom: 12px; }
.faq-question { width: 100%; text-align: left; cursor: pointer; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out, padding 0.3s ease; }
.faq-item.open .faq-answer { max-height: 1000px; }
.faq-answer-inner { padding: 0 20px 16px; }
.faq-icon { transition: transform 0.3s ease; }
.faq-item.open .faq-icon { transform: rotate(180deg); }

/* ============================================
   MAKALE - ICINDEKILER (TOC)
   ============================================ */
.page-article { max-width: 800px; margin: 0 auto; }
.page-article-header { margin-bottom: 24px; }
.page-article-header h1 { font-size: 1.8rem; font-weight: 700; margin-bottom: 12px; line-height: 1.3; color: var(--c-text); }
.page-article-excerpt { font-size: 1rem; color: var(--c-text-2); line-height: 1.7; }

.article-toc { background: var(--c-surface-alt); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 20px 24px; margin: 24px 0; }
.toc-title { font-size: 1.1rem; font-weight: 700; color: var(--c-text); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid var(--c-primary); }
.toc-list { list-style: none; padding: 0; margin: 0; }
.toc-item { padding: 4px 0; }
.toc-item.toc-level-3 { padding-left: 20px; }
.toc-item a { color: var(--c-text-2); text-decoration: none; font-size: 0.9rem; line-height: 1.6; transition: color var(--t-fast); display: block; }
.toc-item a:hover { color: var(--c-primary); }

.page-article-body { line-height: 1.8; }
.page-article-body h2 { font-size: 1.4rem; font-weight: 700; color: var(--c-text); margin: 28px 0 12px; scroll-margin-top: 80px; }
.page-article-body h3 { font-size: 1.15rem; font-weight: 600; color: var(--c-text); margin: 20px 0 8px; scroll-margin-top: 80px; }
.page-article-body p { font-size: 0.95rem; color: var(--c-text-2); margin-bottom: 14px; }
.page-article-body ul, .page-article-body ol { padding-left: 24px; margin-bottom: 14px; }
.page-article-body ul { list-style: disc; }
.page-article-body ol { list-style: decimal; }
.page-article-body li { font-size: 0.95rem; color: var(--c-text-2); margin-bottom: 6px; }

/* ============================================
   ILISKILI PAKETLER - DÜZENLI GRID
   ============================================ */
.related-packages-section { padding: 48px 0; }
.related-packages-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; max-width: 1000px; margin: 0 auto; }
.related-package-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 16px 20px; text-decoration: none; transition: transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast); }
.related-package-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: var(--c-primary); }
.related-package-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.related-package-name { font-size: 0.9rem; font-weight: 600; color: var(--c-text); }
.related-package-price { font-size: 1rem; font-weight: 700; color: var(--c-primary); }
.related-package-arrow { color: var(--c-primary); font-size: 1rem; flex-shrink: 0; }

@media (max-width: 768px) {
    .related-packages-grid { grid-template-columns: 1fr; }
}

/* ============================================
   YABANCI ULKE SAYFASI
   ============================================ */
.foreign-country-section { padding: 48px 0; }
.foreign-country-header { text-align: center; margin-bottom: 32px; }
.foreign-country-header h1 { font-size: 1.8rem; font-weight: 700; color: var(--c-text); margin-bottom: 10px; }
.foreign-country-header p { font-size: 1rem; color: var(--c-text-2); max-width: 600px; margin: 0 auto; }

/* ============================================
   HIZMET BOLGELERI SAYFASI
   ============================================ */
.service-regions-section { padding: 48px 0; }
.regions-tabs { display: flex; gap: 8px; justify-content: center; margin-bottom: 32px; flex-wrap: wrap; }
.regions-tab { padding: 10px 24px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-full); color: var(--c-text); font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all var(--t-fast); font-family: inherit; }
.regions-tab.active, .regions-tab:hover { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.regions-panel { display: none; }
.regions-panel.active { display: block; }

/* ============================================
   FAQ ACCORDION STABILIZASYON
   ============================================ */
.faq-item { margin-bottom: 12px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-md); overflow: hidden; transition: border-color var(--t-fast); }
.faq-item:hover { border-color: var(--c-border-hover); }
.faq-question { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: none; border: none; font-size: 0.95rem; font-weight: 600; color: var(--c-text); cursor: pointer; text-align: left; gap: 12px; font-family: inherit; line-height: 1.5; transition: color var(--t-fast); }
.faq-question:hover { color: var(--c-primary); }
.faq-question:focus { outline: 2px solid var(--c-primary); outline-offset: -2px; }
.faq-icon { font-size: 0.8rem; color: var(--c-text-3); transition: transform 0.3s ease, color var(--t-fast); flex-shrink: 0; }
.faq-item.open .faq-icon { transform: rotate(180deg); color: var(--c-primary); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; }
.faq-item.open .faq-answer { max-height: 2000px; }
.faq-answer-inner { padding: 0 20px 16px; font-size: 0.92rem; color: var(--c-text-2); line-height: 1.8; }

/* ============================================
   MAKALE - İÇİNDEKİLER (TOC)
   ============================================ */
.page-article { max-width: 800px; margin: 0 auto; }
.page-article-header { margin-bottom: 24px; }
.page-article-header h1 { font-size: 1.8rem; font-weight: 700; margin-bottom: 12px; line-height: 1.3; color: var(--c-text); }
.page-article-excerpt { font-size: 1rem; color: var(--c-text-2); line-height: 1.7; }

.article-toc { background: var(--c-surface-alt); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 20px 24px; margin: 24px 0; }
.toc-title { font-size: 1.1rem; font-weight: 700; color: var(--c-text); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid var(--c-primary); }
.toc-list { list-style: none; padding: 0; margin: 0; }
.toc-item { padding: 4px 0; }
.toc-item.toc-level-3 { padding-left: 20px; }
.toc-link { color: var(--c-text-2); text-decoration: none; font-size: 0.9rem; line-height: 1.6; transition: color var(--t-fast); display: block; cursor: pointer; }
.toc-link:hover { color: var(--c-primary); }

.page-article-body { line-height: 1.8; }
.page-article-body h2, .article-heading { font-size: 1.4rem; font-weight: 700; color: var(--c-text); margin: 28px 0 12px; scroll-margin-top: 90px; }
.page-article-body h3 { font-size: 1.15rem; font-weight: 600; color: var(--c-text); margin: 20px 0 8px; scroll-margin-top: 90px; }
.page-article-body p { font-size: 0.95rem; color: var(--c-text-2); margin-bottom: 14px; }
.page-article-body ul, .page-article-body ol { padding-left: 24px; margin-bottom: 14px; }
.page-article-body ul { list-style: disc; }
.page-article-body ol { list-style: decimal; }
.page-article-body li { font-size: 0.95rem; color: var(--c-text-2); margin-bottom: 6px; }

/* ============================================
   İLGİLİ PAKETLER - DÜZENLİ GRID
   ============================================ */
.related-packages-section { padding: 48px 0; }
.related-packages-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; max-width: 1000px; margin: 0 auto; }
.related-package-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 16px 20px; text-decoration: none; transition: transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast); }
.related-package-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: var(--c-primary); }
.related-package-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.related-package-name { font-size: 0.9rem; font-weight: 600; color: var(--c-text); }
.related-package-price { font-size: 1rem; font-weight: 700; color: var(--c-primary); }
.related-package-arrow { color: var(--c-primary); font-size: 1rem; flex-shrink: 0; }

@media (max-width: 768px) {
    .related-packages-grid { grid-template-columns: 1fr; }
}

/* ============================================
   FLOATING BUTTONS (Sağ alt)
   ============================================ */
.floating-buttons { position: fixed; right: 20px; bottom: 20px; z-index: 998; display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }
.floating-whatsapp { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; font-size: 1.6rem; box-shadow: 0 4px 16px rgba(37,211,102,0.4); transition: transform var(--t-fast), box-shadow var(--t-fast); text-decoration: none; }
.floating-whatsapp:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(37,211,102,0.5); color: #fff; }
.floating-whatsapp svg, .floating-whatsapp i { width: 28px; height: 28px; }
.floating-scroll-top { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--c-surface); color: var(--c-text); border: 1px solid var(--c-border); font-size: 1.2rem; box-shadow: var(--shadow-md); transition: all var(--t-fast); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); }
.floating-scroll-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.floating-scroll-top:hover { background: var(--c-primary); color: #fff; border-color: var(--c-primary); transform: translateY(-2px); }
@media (max-width: 768px) {
    .floating-buttons { right: 16px; bottom: 16px; gap: 10px; }
    .floating-whatsapp { width: 50px; height: 50px; font-size: 1.4rem; }
    .floating-whatsapp svg, .floating-whatsapp i { width: 24px; height: 24px; }
    .floating-scroll-top { width: 42px; height: 42px; font-size: 1rem; }
}

/* ============================================
   SATIŞ BİLDİRİMİ POPUP (Sol alt)
   ============================================ */
.sales-notification { position: fixed; left: 20px; bottom: 20px; z-index: 997; max-width: 340px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-md); box-shadow: var(--shadow-lg); padding: 14px 16px; display: flex; align-items: center; gap: 12px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s; }
.sales-notification.show { opacity: 1; visibility: visible; transform: translateY(0); }
.sales-notification-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--c-primary-light); color: var(--c-primary); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.sales-notification-content { flex: 1; min-width: 0; }
.sales-notification-title { font-size: 0.85rem; font-weight: 700; color: var(--c-text); margin-bottom: 2px; }
.sales-notification-text { font-size: 0.8rem; color: var(--c-text-2); line-height: 1.4; }
.sales-notification-time { font-size: 0.72rem; color: var(--c-text-3); margin-top: 2px; }
.sales-notification-close { background: none; border: none; color: var(--c-text-3); cursor: pointer; font-size: 0.9rem; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 4px; transition: background var(--t-fast); }
.sales-notification-close:hover { background: var(--c-surface-hover); color: var(--c-text); }
@media (max-width: 768px) {
    /* Mobilde sol alt satis bildirimi WhatsApp/yukari-cik butonlariyla
       cakisip kucuk ekranda yer kapladigi icin tamamen gizlenir */
    .sales-notification, .sales-notification.show { display: none !important; }
}

/* ============================================
   İLETİŞİM FORMU
   ============================================ */
.contact-form-wrapper { max-width: 720px; margin: 0 auto; }
.contact-form-box { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); padding: 32px; transition: background var(--t-base), border-color var(--t-base); }
.contact-form-box h2 { font-size: 1.4rem; font-weight: 700; color: var(--c-text); margin-bottom: 8px; }
.contact-form-box .form-subtitle { font-size: 0.9rem; color: var(--c-text-2); margin-bottom: 24px; }
.contact-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px; }
.contact-info-item { background: var(--c-surface-alt); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 16px; text-align: center; transition: transform var(--t-fast); }
.contact-info-item:hover { transform: translateY(-2px); }
.contact-info-icon { font-size: 1.5rem; color: var(--c-primary); margin-bottom: 8px; }
.contact-info-label { font-size: 0.78rem; color: var(--c-text-3); margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
.contact-info-value { font-size: 0.92rem; color: var(--c-text); font-weight: 500; word-break: break-word; }
@media (max-width: 768px) {
    .contact-form-box { padding: 24px 20px; }
    .contact-info-grid { grid-template-columns: 1fr; }
}

/* ============================================
   HİZMET BÖLGELERİ - İKON BOŞLUK DÜZELTME
   ============================================ */
.cities-grid .city-link, .foreign-cities-grid .foreign-city-link {
    display: flex !important;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    padding: 12px 16px !important;
}
.cities-grid .city-link i, .foreign-cities-grid .foreign-city-link i {
    margin-right: 4px;
    flex-shrink: 0;
    color: var(--c-primary);
}
.cities-grid .city-link span, .foreign-cities-grid .foreign-city-link span {
    flex: 1;
}

/* ============================================
   YABANCI ÜLKE SAYFASI
   ============================================ */
.foreign-country-section { padding: 48px 0; }
.foreign-country-header { text-align: center; margin-bottom: 32px; }
.foreign-country-header h1 { font-size: 1.8rem; font-weight: 700; color: var(--c-text); margin-bottom: 10px; }
.foreign-country-header p { font-size: 1rem; color: var(--c-text-2); max-width: 600px; margin: 0 auto; }

/* ============================================
   HİZMET BÖLGELERİ SAYFASI
   ============================================ */
.service-regions-section { padding: 48px 0; }
.regions-tabs { display: flex; gap: 8px; justify-content: center; margin-bottom: 32px; flex-wrap: wrap; }
.regions-tab { padding: 10px 24px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-full); color: var(--c-text); font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all var(--t-fast); font-family: inherit; }
.regions-tab.active, .regions-tab:hover { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.regions-panel { display: none; }
.regions-panel.active { display: block; }

/* ============================================
   ALERT MESAJLARI (frontend)
   ============================================ */
.alert-message { padding: 14px 18px; border-radius: var(--r-md); margin-bottom: 16px; font-size: 0.9rem; display: flex; align-items: center; gap: 10px; }
.alert-message.alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.alert-message.alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.alert-message.alert-warning { background: #fff3cd; color: #856404; border: 1px solid #ffeeba; }
html.dark .alert-message.alert-success { background: rgba(40,167,69,0.15); color: #6fd08a; border-color: rgba(40,167,69,0.3); }
html.dark .alert-message.alert-error { background: rgba(220,53,69,0.15); color: #f08494; border-color: rgba(220,53,69,0.3); }
html.dark .alert-message.alert-warning { background: rgba(255,193,7,0.15); color: #ffd470; border-color: rgba(255,193,7,0.3); }

/* ============================================
   v5 GÖRSEL İYİLEŞTİRMELER (dark/light uyumlu, responsive)
   Mevcut tasarımı bozmadan ince rötuşlar
   ============================================ */

/* Başlık altına ince vurgu çizgisi */
.section-title{position:relative;padding-bottom:14px;letter-spacing:-0.02em}
.section-title::after{content:"";display:block;width:56px;height:3px;margin:14px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--c-primary),var(--c-accent))}

/* İkonlara yumuşak daire arka plan */
.platform-icon,.tool-icon{width:74px;height:74px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--c-primary-light);border-radius:var(--r-full)}
.feature-icon{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-primary-light);border-radius:var(--r-full);font-size:1.6rem}

/* Kart hover'larını biraz daha belirgin ve yumuşak yap */
.platform-card:hover,.package-card:hover,.tool-card:hover,.article-card:hover{box-shadow:var(--shadow-lg)}
.testimonial-card:hover,.feature-card:hover{box-shadow:var(--shadow-md)}

/* Hero başlığı akışkan ölçek (mobilde taşmaz) */
.hero-title{font-size:clamp(1.85rem,5.2vw,2.6rem);letter-spacing:-0.02em}
.cta-title{letter-spacing:-0.02em}

/* Buton ve bağlantı erişilebilirlik + dokunuş geri bildirimi */
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.btn:active{transform:translateY(0)}
.btn-lg{border-radius:var(--r-md)}

/* Global ince kaydırma çubuğu */
html{scrollbar-width:thin;scrollbar-color:var(--c-border-hover) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--c-border-hover);border-radius:10px}
*::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}

/* Görsellerde köşe yumuşatma */
.article-image img,.article-detail-image img,.platform-header-icon svg{border-radius:var(--r-md)}

/* Bölüm alt yazısı okunurluk */
.section-subtitle{opacity:0.95}

/* Küçük ekran ince ayarları */
@media (max-width:600px){
  .section{padding:44px 0}
  .section-title{font-size:1.6rem}
  .hero-section{padding:60px 0 44px}
  .btn{width:auto}
  .hero-actions .btn{width:100%}
}

/* ============================================
   REFERANSLAR (önce/sonra), AJANS, TR/GLOBAL NOT, EURO
   ============================================ */

/* Türkiye/global bilgi kutusu */
.tr-global-note{display:flex;align-items:flex-start;gap:10px;background:var(--c-primary-light);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--r-md);padding:12px 16px;margin:0 0 22px;font-size:0.9rem;color:var(--c-text-2);line-height:1.6}
.tr-global-note i{color:var(--c-primary);margin-top:3px}
.tr-global-note a{color:var(--c-primary);font-weight:600}
.tr-global-note a:hover{text-decoration:underline}
.tr-global-note span p{display:inline;margin:0}
.tr-global-note span strong{color:var(--c-text)}

/* Euro fiyat */
.package-price-eur{font-size:0.9rem;color:var(--c-text-3);font-weight:600;margin-top:2px}

/* Referans grid (buyuk fotograflar + galeri) */
.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}
.ref-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}
.ref-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--c-primary)}
.ref-card-head{margin-bottom:14px}
.ref-title{font-size:1.15rem;font-weight:700;color:var(--c-text);margin-bottom:6px}
.ref-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:0.82rem;color:var(--c-text-3)}
.ref-meta i{color:var(--c-primary);margin-right:3px}

/* Foto sayisina gore grid: buyuk ve net gorunum */
.ref-photo-grid{display:grid;gap:10px}
.ref-photo-count-1{grid-template-columns:1fr}
.ref-photo-count-2{grid-template-columns:1fr 1fr}
.ref-photo-count-3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.ref-photo-count-3 .ref-photo:first-child{grid-column:1 / -1}
.ref-photo-count-4{grid-template-columns:1fr 1fr}

.ref-photo{position:relative;margin:0}
.ref-photo-btn{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;position:relative;border-radius:var(--r-md);overflow:hidden}
.ref-photo-count-1 .ref-photo-btn img{height:320px}
.ref-photo-count-2 .ref-photo-btn img,.ref-photo-count-3 .ref-photo:first-child .ref-photo-btn img{height:220px}
.ref-photo-count-3 .ref-photo:not(:first-child) .ref-photo-btn img,.ref-photo-count-4 .ref-photo-btn img{height:160px}
.ref-photo-btn img{width:100%;object-fit:cover;display:block;border:1px solid var(--c-border);border-radius:var(--r-md);transition:transform var(--t-base)}
.ref-photo-btn:hover img{transform:scale(1.03)}
.ref-photo-zoom{position:absolute;bottom:8px;right:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);color:#fff;border-radius:var(--r-full);font-size:0.8rem;opacity:0;transition:opacity var(--t-fast)}
.ref-photo-btn:hover .ref-photo-zoom{opacity:1}
.ref-badge{position:absolute;top:8px;left:8px;font-size:0.7rem;font-weight:700;padding:3px 10px;border-radius:var(--r-full);color:#fff;z-index:1;background:var(--c-secondary)}
.ref-count{margin-top:6px;font-size:0.8rem;color:var(--c-text-2);text-align:center}
.ref-count strong{font-size:1rem;color:var(--c-text)}
.ref-result{margin-top:14px;text-align:center;background:rgba(37,211,102,0.12);color:var(--c-whatsapp-hover);font-weight:700;font-size:0.9rem;padding:8px;border-radius:var(--r-md)}
.ref-desc{margin-top:12px;font-size:0.86rem;color:var(--c-text-2);line-height:1.6}
@media (max-width:560px){
  .ref-grid{grid-template-columns:1fr}
  .ref-photo-count-1 .ref-photo-btn img{height:220px}
  .ref-photo-count-2 .ref-photo-btn img,.ref-photo-count-3 .ref-photo:first-child .ref-photo-btn img{height:150px}
  .ref-photo-count-3 .ref-photo:not(:first-child) .ref-photo-btn img,.ref-photo-count-4 .ref-photo-btn img{height:110px}
}

/* Lightbox (popup) modal */
.ref-lightbox{position:fixed;inset:0;background:rgba(10,10,20,0.92);z-index:9999;display:none;align-items:center;justify-content:center}
.ref-lightbox.open{display:flex}
.ref-lightbox-stage{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:10px}
.ref-lightbox-stage img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:var(--r-md);box-shadow:0 10px 50px rgba(0,0,0,0.5)}
.ref-lightbox-caption{color:#fff;font-size:0.9rem;opacity:0.85;text-align:center}
.ref-lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:none;border-radius:var(--r-full);background:rgba(255,255,255,0.12);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}
.ref-lightbox-close:hover{background:rgba(255,255,255,0.25)}
.ref-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:var(--r-full);background:rgba(255,255,255,0.12);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}
.ref-lightbox-nav:hover{background:rgba(255,255,255,0.25)}
.ref-lightbox-prev{left:18px}
.ref-lightbox-next{right:18px}
@media (max-width:600px){
  .ref-lightbox-nav{width:42px;height:42px;font-size:1.05rem}
  .ref-lightbox-prev{left:6px}
  .ref-lightbox-next{right:6px}
  .ref-lightbox-close{top:10px;right:10px;width:38px;height:38px}
}

/* Ajans hizmetleri */
.agency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.agency-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}
.agency-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--c-primary)}
.agency-card-img{height:180px;background:var(--c-surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden}
.agency-card-img img{width:100%;height:100%;object-fit:cover}
.agency-card-icon{font-size:3rem;color:var(--c-primary)}
.agency-card-icon svg{width:64px;height:64px}
.agency-card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.agency-card-body h3{font-size:1.1rem;font-weight:700;color:var(--c-text);margin-bottom:8px}
.agency-card-body p{font-size:0.88rem;color:var(--c-text-2);line-height:1.6;margin-bottom:14px;flex:1}
.agency-link{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;color:var(--c-primary)}
.agency-card:hover .agency-link{gap:10px}