/* =============================================================
   Mersin Temizlik Pro — main.css v2.0
   INP=0 | GPU Composited | Mobile-First | WCAG 2.1 AA
============================================================= */

/* ── NAVIGATION ─────────────────────────────────────────── */
.nav-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav-menu .menu-item{position:relative}
.nav-link{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:.9375rem;font-weight:500;color:var(--color-gray-700);border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;white-space:nowrap}
.nav-link:hover,.menu-item:hover>.nav-link{color:var(--color-primary);background:var(--color-primary-50)}
.menu-item.current-menu-item>.nav-link,.menu-item.current-menu-parent>.nav-link{color:var(--color-primary);font-weight:600}
.dropdown-arrow{display:inline-flex;transition:transform var(--transition-fast);flex-shrink:0}
.has-dropdown:hover .dropdown-arrow,.has-dropdown:focus-within .dropdown-arrow{transform:rotate(180deg)}

/* Dropdown submenu */
.sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);padding:8px;list-style:none;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 200ms ease,visibility 200ms ease,transform 200ms ease;z-index:var(--z-dropdown);pointer-events:none}
.has-dropdown:hover .sub-menu,.has-dropdown:focus-within .sub-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.sub-menu .menu-item .nav-link{padding:10px 14px;border-radius:var(--radius-md);font-size:.875rem;display:block}
.sub-menu .sub-menu{top:0;left:calc(100% + 4px)}

/* Mobile nav */
.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:#fff;z-index:var(--z-modal);transform:translateX(100%);transition:transform 300ms cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column;contain:layout style}
.mobile-nav.open{transform:translateX(0)}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 300ms ease}
.mobile-menu-overlay.visible{opacity:1;visibility:visible}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}
.mobile-nav-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:none;background:var(--color-gray-100);cursor:pointer;transition:background var(--transition-fast)}
.mobile-nav-close:hover{background:var(--color-gray-200)}
.mobile-menu-list{flex:1;padding:16px;list-style:none;margin:0}
.mobile-menu-list .menu-item .nav-link{padding:14px 16px;font-size:1rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;color:var(--color-gray-800)}
.mobile-menu-list .menu-item .nav-link:hover{background:var(--color-primary-50);color:var(--color-primary)}
.mobile-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:4px 0 4px 16px;max-height:0;overflow:hidden;transition:max-height 300ms ease}
.mobile-menu-list .has-dropdown.sub-open>.sub-menu{max-height:600px}
.mobile-nav-footer{padding:20px 24px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}
body.menu-open{overflow:hidden}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:72px;padding-bottom:var(--space-16);overflow:hidden;background:linear-gradient(150deg,var(--color-primary-50) 0%,#fff 55%,#f0fdf4 100%)}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.2;will-change:transform}
.hero-shape-1{width:600px;height:600px;background:var(--color-primary);top:-200px;right:-100px;animation:floatY 8s ease-in-out infinite}
.hero-shape-2{width:400px;height:400px;background:var(--color-secondary);bottom:-100px;left:-100px;animation:floatY 10s ease-in-out infinite reverse}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@media(prefers-reduced-motion:reduce){.hero-shape{animation:none}}
.hero-grid{position:relative;z-index:1;display:grid;gap:var(--space-16);align-items:center}
@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}
.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);border:1px solid var(--color-border)}
.hero-title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.1;color:var(--color-gray-900);margin-bottom:var(--space-6);letter-spacing:-.02em}
.hero-description{font-size:var(--text-lg);color:var(--color-text-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:540px}
.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-8)}
.stat-item{display:flex;flex-direction:column;gap:4px}
.stat-number{font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);line-height:1;font-variant-numeric:tabular-nums}
.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-4)}
.hero-image-card{position:relative;border-radius:var(--radius-2xl);overflow:visible}
.hero-image-inner{border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-gray-100);min-height:400px;display:flex;align-items:center;justify-content:center}
.hero-img-placeholder{text-align:center;padding:var(--space-16);color:var(--color-gray-400)}
.hero-img-placeholder p{margin-top:var(--space-4);font-weight:600;font-size:var(--text-lg)}
.floating-card{position:absolute;background:#fff;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);animation:scalePulse 3s ease-in-out infinite}
@keyframes scalePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media(prefers-reduced-motion:reduce){.floating-card{animation:none}}
.floating-card-1{bottom:24px;left:-20px}
.floating-card-2{top:24px;right:-20px}
.floating-icon{font-size:1.5rem}
.floating-text strong{display:block;font-size:var(--text-base);font-weight:700;color:var(--color-gray-900)}
.floating-text span{font-size:var(--text-xs);color:var(--color-text-muted)}

/* ── TRUST BAR ────────────────────────────────────────────── */
.trust-bar{padding:var(--space-12) 0}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}
@media(min-width:768px){.trust-grid{grid-template-columns:repeat(4,1fr)}}
.trust-item{text-align:center}
.trust-icon{width:56px;height:56px;background:var(--color-primary-50);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-primary)}
.trust-item h3{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}
.trust-item p{font-size:var(--text-sm);color:var(--color-text-muted)}

/* ── SERVİS KARTLARI ─────────────────────────────────────── */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}
.service-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base);contain:layout style}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.service-image{position:relative;height:220px;overflow:hidden;background:var(--color-gray-100)}
.service-image img{width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.service-card:hover .service-image img{transform:scale(1.05)}
.service-image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50),#f0fdf4)}
.service-overlay{position:absolute;inset:0;background:rgba(37,99,235,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}
.service-card:hover .service-overlay{opacity:1}
.service-content{padding:var(--space-6)}
.service-icon{font-size:2rem;margin-bottom:var(--space-3)}
.service-title{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}
.service-title a{color:inherit;text-decoration:none}
.service-title a:hover{color:var(--color-primary)}
.service-description{font-size:var(--text-sm);color:var(--color-text-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}
.service-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.service-price{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-50);padding:4px 10px;border-radius:var(--radius-full)}
.service-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}
.service-link:hover{gap:var(--space-2)}
.services-cta{text-align:center}

/* ── NEDEN BİZ ────────────────────────────────────────────── */
.why-grid{display:grid;gap:var(--space-16);align-items:start}
@media(min-width:1024px){.why-grid{grid-template-columns:1fr 1fr}}
.why-features{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8)}
.why-feature-item{display:flex;gap:var(--space-4);align-items:flex-start}
.why-feature-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}
.why-feature-item strong{display:block;font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:2px}
.why-feature-item span{font-size:var(--text-sm);color:var(--color-text-light)}
.why-card-stack{position:sticky;top:calc(72px + var(--space-8))}
.why-main-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);margin-bottom:var(--space-4)}
.why-main-card h3{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}
.why-main-card p{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-4)}
.why-rating{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}
.why-cert-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.cert-badge{padding:6px 14px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-gray-700)}

/* ── BÖLGELER ─────────────────────────────────────────────── */
.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}
.area-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}
.area-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}
.area-emoji{font-size:2rem;flex-shrink:0}
.area-info{flex:1}
.area-info h3{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:4px}
.area-info p{font-size:var(--text-xs);color:var(--color-text-muted)}
.area-arrow{color:var(--color-gray-400);flex-shrink:0;transition:transform var(--transition-fast)}
.area-card:hover .area-arrow{transform:translateX(4px);color:var(--color-primary)}

/* ── SÜREÇ ────────────────────────────────────────────────── */
.process-steps{display:grid;gap:var(--space-8);counter-reset:none}
@media(min-width:768px){.process-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.process-steps{grid-template-columns:repeat(4,1fr)}}
.process-step{text-align:center;padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--color-border);position:relative;transition:box-shadow var(--transition-base)}
.process-step:hover{box-shadow:var(--shadow-lg)}
.step-number{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800}
.step-icon{font-size:2.5rem;margin-bottom:var(--space-4)}
.process-step h3{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}
.process-step p{font-size:var(--text-sm);color:var(--color-text-light);line-height:var(--leading-relaxed)}

/* ── YORUMLAR ─────────────────────────────────────────────── */
.overall-rating{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-base);color:var(--color-text-muted)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8)}
.testimonial-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--transition-base)}
.testimonial-card:hover{box-shadow:var(--shadow-lg)}
.testimonial-rating{display:flex;gap:2px}
.testimonial-text{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);font-style:italic;flex:1}
.testimonial-author{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}
.author-avatar img{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover}
.author-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xl);font-weight:700;flex-shrink:0}
.author-info strong{display:block;font-weight:700;color:var(--color-gray-900)}
.author-info span{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}
.verified-badge{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--color-secondary);font-weight:600;margin-top:2px}
.star-rating{display:inline-flex;gap:1px;vertical-align:middle}

/* ── SSS ACCORDION ────────────────────────────────────────── */
.faq-accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-base)}
.faq-item:has(.faq-question[aria-expanded=true]){box-shadow:var(--shadow-md);border-color:var(--color-primary)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);text-align:left;font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);background:none;border:none;cursor:pointer;touch-action:manipulation;transition:color var(--transition-fast)}
.faq-question:hover{color:var(--color-primary)}
.faq-question[aria-expanded=true]{color:var(--color-primary)}
.faq-icon{flex-shrink:0;transition:transform var(--transition-fast)}
.faq-question[aria-expanded=true] .faq-icon{transform:rotate(180deg)}
.faq-answer{overflow:hidden;max-height:0;transition:max-height 300ms ease}
.faq-answer.open{max-height:500px}
.faq-answer p{padding:0 var(--space-6) var(--space-6);font-size:var(--text-base);color:var(--color-text-light);line-height:var(--leading-relaxed)}

/* ── HAKKIMIZDAKİ İÇERİK ─────────────────────────────────── */
.about-content-grid{display:grid;gap:var(--space-16);align-items:start}
@media(min-width:1024px){.about-content-grid{grid-template-columns:2fr 1fr}}
.about-main-content h2{margin-bottom:var(--space-6)}
.about-main-content h3{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin:var(--space-8) 0 var(--space-4)}
.about-main-content p{font-size:var(--text-base);color:var(--color-text-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}
.about-contact-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);position:sticky;top:calc(72px + var(--space-6))}
.about-contact-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}
.about-contact-card p{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-6)}
.about-contact-card .btn{margin-bottom:var(--space-3)}
.contact-card-info{padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-light);line-height:var(--leading-relaxed)}
.about-certifications{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8)}
.about-certifications h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5)}
.cert-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.cert-list li{font-size:var(--text-sm);color:var(--color-text-light);padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-100)}
.cert-list li:last-child{border-bottom:none}

/* ── CTA BÖLÜMÜ ───────────────────────────────────────────── */
.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,var(--color-secondary) 100%);padding:var(--space-20) 0;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat}
.cta-content{position:relative;z-index:1}
.text-center{text-align:center}
.cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:var(--space-6);line-height:var(--leading-tight)}
.cta-description{font-size:var(--text-lg);color:rgba(255,255,255,.85);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}
.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}

/* ── BREADCRUMB ───────────────────────────────────────────── */
.breadcrumb-wrapper{background:var(--color-gray-50);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}
.breadcrumb-wrapper .rank-math-breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted)}
.breadcrumb-wrapper .rank-math-breadcrumb a{color:var(--color-primary);text-decoration:none}
.breadcrumb-wrapper .rank-math-breadcrumb a:hover{text-decoration:underline}

/* ── SINGLE PAGE / POST ───────────────────────────────────── */
.page-hero{background:linear-gradient(135deg,var(--color-primary-50),#fff);padding:var(--space-20) 0 var(--space-12)}
.page-hero-inner{max-width:800px}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-4)}
.page-hero .page-desc{font-size:var(--text-lg);color:var(--color-text-light);line-height:var(--leading-relaxed)}
.content-wrap{max-width:800px;margin:0 auto}
.content-wrap h2{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin:var(--space-10) 0 var(--space-4)}
.content-wrap h3{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin:var(--space-8) 0 var(--space-3)}
.content-wrap h4{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin:var(--space-6) 0 var(--space-3)}
.content-wrap p{font-size:var(--text-base);color:var(--color-text-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}
.content-wrap ul,.content-wrap ol{padding-left:var(--space-6);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.content-wrap ul li{list-style:disc;color:var(--color-text-light);line-height:var(--leading-relaxed)}
.content-wrap ol li{list-style:decimal;color:var(--color-text-light)}
.content-wrap img{border-radius:var(--radius-xl);margin:var(--space-8) 0}
.content-wrap a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.content-wrap blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);background:var(--color-primary-50);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--space-8) 0;font-style:italic;color:var(--color-gray-700)}
.content-wrap table{width:100%;border-collapse:collapse;margin-bottom:var(--space-8)}
.content-wrap th,.content-wrap td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left;font-size:var(--text-sm)}
.content-wrap th{background:var(--color-gray-50);font-weight:600}

/* ── HİZMET SAYFASI ──────────────────────────────────────── */
.service-page-hero{background:linear-gradient(135deg,var(--color-primary-50) 0%,#fff 60%)}
.service-detail-grid{display:grid;gap:var(--space-12)}
@media(min-width:1024px){.service-detail-grid{grid-template-columns:2fr 1fr}}
.service-sticky-cta{position:sticky;top:calc(72px + var(--space-4))}
.service-cta-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}
.service-cta-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}
.service-cta-card .price-tag{font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);margin:var(--space-4) 0}
.service-checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}
.service-checklist li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-light)}
.service-checklist li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-secondary);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:700;flex-shrink:0}

/* ── BÖLGE SAYFASI ───────────────────────────────────────── */
.area-map-block{border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border)}
.area-map-block iframe{display:block;width:100%;height:350px;border:none}
.related-areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}
.related-area-link{padding:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;font-weight:600;font-size:var(--text-sm);color:var(--color-gray-700);transition:all var(--transition-fast)}
.related-area-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}

/* ── İLETİŞİM FORMU ─────────────────────────────────────── */
.contact-grid{display:grid;gap:var(--space-12)}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-form-wrap{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-10);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}
.contact-form-wrap h2{margin-bottom:var(--space-8)}
.form-grid{display:grid;gap:var(--space-5)}
@media(min-width:640px){.form-two-col{grid-template-columns:1fr 1fr}}
.form-field{display:flex;flex-direction:column;gap:var(--space-2)}
.form-field label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}
.form-field label .required{color:#ef4444;margin-left:2px}
.form-input,.form-textarea,.form-select{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:#fff;width:100%}
.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.form-textarea{min-height:120px;resize:vertical}
.form-field.has-error .form-input,.form-field.has-error .form-textarea{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.form-error-msg{font-size:var(--text-xs);color:#ef4444;font-weight:500}
.form-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.kvkk-check{display:flex;align-items:flex-start;gap:var(--space-3)}
.kvkk-check input[type=checkbox]{margin-top:3px;accent-color:var(--color-primary)}
.kvkk-check label{font-size:var(--text-sm);color:var(--color-text-light);line-height:var(--leading-relaxed)}
.kvkk-check a{color:var(--color-primary)}
.form-status{display:none;padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500}
.form-status.success{display:block;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.form-status.error{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* ── FOOTER ───────────────────────────────────────────────── */
.site-footer{background:var(--color-footer-bg,#111827);color:rgba(255,255,255,.7)}
.footer-top{padding:var(--space-16) 0}
.footer-grid{display:grid;gap:var(--space-12)}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.footer-brand .logo-text{-webkit-text-fill-color:transparent;color:transparent}
.footer-tagline{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:var(--space-4) 0 var(--space-6)}
.footer-contact{display:flex;flex-direction:column;gap:var(--space-3)}
.footer-contact-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed)}
.footer-contact-item svg{flex-shrink:0;margin-top:2px;opacity:.6}
.footer-contact-link{transition:color var(--transition-fast)}
.footer-contact-link:hover{color:#fff}
.footer-socials{display:flex;gap:var(--space-3);margin-top:var(--space-6)}
.social-link{width:38px;height:38px;background:rgba(255,255,255,.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}
.social-link:hover{background:var(--color-primary)}
.social-link svg{opacity:.7}
.social-link:hover svg{opacity:1}
.footer-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:var(--space-5)}
.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.footer-links a{font-size:var(--text-sm);color:rgba(255,255,255,.6);transition:color var(--transition-fast)}
.footer-links a:hover{color:#fff}
.footer-cta .btn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:var(--space-6) 0}
.footer-bottom-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}
.footer-copy{font-size:var(--text-sm);color:rgba(255,255,255,.4)}
.footer-copy a{color:rgba(255,255,255,.5);transition:color var(--transition-fast)}
.footer-copy a:hover{color:#fff}
.footer-legal-nav{display:flex;gap:var(--space-6)}
.footer-legal-nav a{font-size:var(--text-sm);color:rgba(255,255,255,.4);transition:color var(--transition-fast)}
.footer-legal-nav a:hover{color:rgba(255,255,255,.7)}

/* ── BACK TO TOP + FLOATING WA ───────────────────────────── */
.back-to-top{position:fixed;bottom:100px;right:24px;width:44px;height:44px;background:#fff;color:var(--color-gray-700);border-radius:var(--radius-full);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base);z-index:200}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.floating-wa{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25d366;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 24px rgba(37,211,102,.4);z-index:200;transition:transform var(--transition-base),box-shadow var(--transition-base)}
.floating-wa:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,.5)}
.floating-wa-pulse{position:absolute;inset:-6px;border-radius:var(--radius-full);border:2px solid rgba(37,211,102,.4);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.2}}
@media(prefers-reduced-motion:reduce){.floating-wa-pulse{animation:none}}

/* ── ÇEREZ BANNER ────────────────────────────────────────── */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-border);padding:var(--space-5) var(--space-6);z-index:calc(var(--z-modal) - 1);box-shadow:0 -4px 24px rgba(0,0,0,.1);transform:translateY(100%);transition:transform 400ms ease}
.cookie-banner.visible{transform:translateY(0)}
.cookie-content{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}
.cookie-content p{font-size:var(--text-sm);color:var(--color-text-light);flex:1;min-width:200px}
.cookie-content a{color:var(--color-primary)}
.cookie-buttons{display:flex;gap:var(--space-3);flex-shrink:0}

/* ── 404 SAYFASI ─────────────────────────────────────────── */
.error-404{min-height:80vh;display:flex;align-items:center}
.error-404-inner{text-align:center;max-width:500px;margin:0 auto}
.error-404-code{font-size:8rem;font-weight:800;color:var(--color-primary);line-height:1;opacity:.3}
.error-404-inner h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4)}
.error-404-inner p{font-size:var(--text-lg);color:var(--color-text-light);margin-bottom:var(--space-8)}

/* ── PAGINATION ──────────────────────────────────────────── */
.pagination{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-12) 0}
.page-numbers{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);transition:all var(--transition-fast)}
.page-numbers.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.page-numbers:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}

/* ── YARDIMCI SINIFLAR ───────────────────────────────────── */
.visually-hidden,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.mb-0{margin-bottom:0}.mt-auto{margin-top:auto}
.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}
.rounded-full{border-radius:var(--radius-full)}
.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media(max-width:1023px){
    .hero{padding-top:88px}
    .hero-grid{grid-template-columns:1fr}
    .hero-image-wrapper{display:none}
    .why-grid{grid-template-columns:1fr}
    .why-card-stack{position:static}
    .about-contact-card{position:static}
    .service-detail-grid{grid-template-columns:1fr}
    .service-sticky-cta{position:static}
}
@media(max-width:767px){
    .section{padding:var(--space-16) 0}
    .hero-title{font-size:2rem}
    .hero-stats{gap:var(--space-6)}
    .process-steps{grid-template-columns:1fr}
    .testimonials-grid{grid-template-columns:1fr}
    .cta-buttons{flex-direction:column;align-items:stretch}
    .footer-grid{grid-template-columns:1fr}
    .footer-bottom-inner{flex-direction:column;text-align:center}
    .cookie-content{flex-direction:column}
    .trust-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:479px){
    .hero-cta{flex-direction:column}
    .btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}
    .hero-stats{gap:var(--space-4)}
}

/* ── PRINT ───────────────────────────────────────────────── */
@media print{
    .site-header,.floating-wa,.back-to-top,.cookie-banner,.cta-section,.mobile-menu-toggle{display:none!important}
    .site-main{padding-top:0}
    a{color:#000}
    a[href]::after{content:" (" attr(href) ")";font-size:.75em;color:#666}
}

/* ============================================================
   v3.0 — Yeni Stiller
============================================================ */

/* Breadcrumb */
.breadcrumb-wrapper{background:var(--color-gray-50);border-bottom:1px solid var(--color-border);padding:12px 0;font-size:.875rem;color:var(--color-text-muted)}
.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.breadcrumb-list a{color:var(--color-primary)}
.breadcrumb-list a:hover{text-decoration:underline}
.breadcrumb-sep{color:var(--color-gray-400)}

/* Service Badge */
.service-badge{position:absolute;top:12px;right:12px;background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);z-index:1}
.service-card{position:relative}

/* Star rating */
.star-rating{display:inline-flex;align-items:center;gap:1px}

/* Form improvements */
.form-field{margin-bottom:1rem}
.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select{border-color:#ef4444}
.form-error-msg{color:#ef4444;font-size:.8125rem;margin-top:4px;display:block}
.form-status{padding:12px 16px;border-radius:8px;font-size:.9375rem;margin-top:12px;display:none}
.form-status.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;display:block}
.form-status.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;display:block}

/* Cookie banner */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-gray-900);color:#fff;padding:16px;z-index:var(--z-modal);transform:translateY(100%);transition:transform 300ms ease;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#cookie-banner.visible{transform:translateY(0)}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
#cookie-accept{background:var(--color-primary);color:#fff;padding:8px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none}
#cookie-reject{background:transparent;color:#9ca3af;padding:8px 16px;border-radius:8px;cursor:pointer;border:1px solid #374151}

/* Back to top */
.back-to-top{position:fixed;bottom:90px;right:20px;width:44px;height:44px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 300ms ease;z-index:var(--z-fixed);box-shadow:var(--shadow-lg)}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-2px)}

/* Floating WhatsApp */
.floating-wa{position:fixed;bottom:28px;right:20px;width:56px;height:56px;background:#25d366;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;z-index:var(--z-fixed);box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform 200ms ease}
.floating-wa:hover{transform:scale(1.1)}
.floating-wa-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(37,211,102,.3);animation:pulse-ring 1.5s ease-out infinite}
@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

/* Mobile responsiveness */
@media(max-width:768px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-image-wrapper{display:none}
  .hero-title{font-size:var(--text-3xl)!important}
  .hero-stats{grid-template-columns:repeat(2,1fr)!important}
  .services-grid{grid-template-columns:1fr!important}
  .areas-grid{grid-template-columns:repeat(2,1fr)!important}
  .footer-grid{grid-template-columns:1fr!important}
  .service-detail-grid{grid-template-columns:1fr!important}
  .service-sticky-cta{position:static!important}
  .header-phone-text{display:none}
  .section{padding:var(--space-12) 0}
  .section-title{font-size:var(--text-2xl)!important}
}

@media(max-width:480px){
  .areas-grid{grid-template-columns:1fr!important}
  .trust-grid{grid-template-columns:1fr!important}
  .btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}
  .hero-cta{flex-direction:column}
  .hero-cta .btn{width:100%;justify-content:center}
}

/* Content styles for service/area pages */
.content-wrap h2{font-size:var(--text-2xl);font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--color-gray-900)}
.content-wrap h3{font-size:var(--text-xl);font-weight:600;margin:var(--space-6) 0 var(--space-3);color:var(--color-gray-800)}
.content-wrap p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--color-text-light)}
.content-wrap ul{list-style:disc;padding-left:1.5rem;margin-bottom:var(--space-4)}
.content-wrap ul li{margin-bottom:var(--space-2);color:var(--color-text-light)}
.content-wrap strong{color:var(--color-gray-900);font-weight:600}

/* Google Core Web Vitals — no layout shift */
img{width:attr(width px);height:attr(height px)}
.hero-img-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-radius:var(--radius-2xl)}

/* ============================================================
   BLOG LAYOUT
   ============================================================ */
.blog-layout {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: var(--space-10);
    align-items: start;
}
.blog-main { min-width: 0; }

/* Post Grid */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
    margin-bottom: var(--space-10);
}
.post-card {
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
    display: flex;
    flex-direction: column;
}
.post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.post-card-thumb {
    display: block;
    overflow: hidden;
    aspect-ratio: 16/9;
    position: relative;
    background: var(--color-gray-100);
}
.post-card-thumb img { width:100%;height:100%;object-fit:cover;transition:transform .4s; }
.post-card:hover .post-card-thumb img { transform: scale(1.04); }
.post-card-cat {
    position:absolute;top:12px;left:12px;
    background:var(--color-primary);color:#fff;
    font-size:.75rem;font-weight:600;
    padding:4px 10px;border-radius:20px;
}
.post-card-body { padding: var(--space-5); flex:1; display:flex; flex-direction:column; }
.post-card-meta { display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:10px; }
.post-card-meta .dot { opacity:.4; }
.post-card-title { font-size:1.0625rem;font-weight:700;margin-bottom:8px;line-height:1.4; }
.post-card-title a { color:var(--color-gray-900); text-decoration:none; }
.post-card-title a:hover { color:var(--color-primary); }
.post-card-excerpt { font-size:.875rem;color:var(--color-text-muted);line-height:1.6;flex:1;margin-bottom:14px; }
.post-card-link { display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--color-primary);text-decoration:none;margin-top:auto; }
.post-card-link:hover { gap:10px; }
.post-type-badge { background:var(--color-primary-50);color:var(--color-primary);padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600; }

/* Pagination */
.pagination-nav { margin-top: var(--space-8); }
.pagination-nav .page-numbers { display:inline-flex;list-style:none;gap:6px;flex-wrap:wrap; }
.pagination-nav .page-numbers li a,
.pagination-nav .page-numbers li span {
    display:flex;align-items:center;gap:4px;
    padding:8px 14px;border-radius:8px;font-size:.875rem;font-weight:500;
    border:1px solid var(--color-border);text-decoration:none;color:var(--color-gray-700);
    transition: all .15s;
}
.pagination-nav .page-numbers li .current { background:var(--color-primary);color:#fff;border-color:var(--color-primary); }
.pagination-nav .page-numbers li a:hover { background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary); }

/* No Results */
.no-results { text-align:center;padding:var(--space-16) var(--space-8); }
.no-results-icon { font-size:4rem;margin-bottom:16px;line-height:1; }

/* Archive Header */
.archive-header { margin-bottom: var(--space-10); }

/* ============================================================
   SINGLE POST
   ============================================================ */
.single-post-article { background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border); }
.single-post-header { padding: var(--space-8) var(--space-8) 0; }
.post-cats { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px; }
.post-cat-badge { background:var(--color-primary-50);color:var(--color-primary);padding:4px 12px;border-radius:20px;font-size:.8125rem;font-weight:600;text-decoration:none; }
.single-post-title { font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1.25;margin-bottom:var(--space-5);color:var(--color-gray-900); }
.post-meta-bar { display:flex;flex-wrap:wrap;gap:16px;padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border); }
.post-meta-item { display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-text-muted); }
.post-meta-item a { color:var(--color-primary);text-decoration:none; }
.single-post-thumbnail { padding:0 var(--space-8); margin-top:var(--space-6); }
.single-post-thumbnail img { width:100%;height:auto;border-radius:var(--radius-lg);display:block; }
.single-post-content { padding:var(--space-8); }
.single-post-content h2 { font-size:1.375rem;font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--color-gray-900); }
.single-post-content h3 { font-size:1.125rem;font-weight:700;margin:var(--space-6) 0 var(--space-3); }
.single-post-content p { margin-bottom:var(--space-4);line-height:1.8;color:var(--color-text-light); }
.single-post-content ul,.single-post-content ol { margin:var(--space-4) 0 var(--space-4) var(--space-6);line-height:1.9;color:var(--color-text-light); }
.single-post-content li { margin-bottom:6px; }
.single-post-content a { color:var(--color-primary);text-decoration:underline;text-underline-offset:3px; }

/* Post Tags */
.post-tags { display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:var(--space-5) var(--space-8);border-top:1px solid var(--color-border); }
.post-tag { background:var(--color-gray-100);color:var(--color-gray-700);padding:5px 12px;border-radius:20px;font-size:.8125rem;text-decoration:none;transition:.15s; }
.post-tag:hover { background:var(--color-primary-50);color:var(--color-primary); }

/* Author Box */
.author-box { display:flex;gap:var(--space-5);padding:var(--space-6) var(--space-8);background:var(--color-gray-50);margin:0 var(--space-8) var(--space-6);border-radius:var(--radius-lg); }
.author-avatar img,.author-img { width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0; }
.author-label { display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px; }
.author-name { font-size:1.0625rem;font-weight:700;margin-bottom:6px; }
.author-bio { font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin:0; }

/* Post Navigation */
.post-navigation { padding:var(--space-6) var(--space-8); border-top:1px solid var(--color-border); }
.post-nav-grid { display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4); }
.post-nav-item { display:flex;flex-direction:column;gap:6px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:.15s; }
.post-nav-item:hover { border-color:var(--color-primary);background:var(--color-primary-50); }
.post-nav-next { text-align:right; }
.post-nav-label { display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--color-text-muted); }
.post-nav-next .post-nav-label { justify-content:flex-end; }
.post-nav-title { font-size:.9375rem;font-weight:600;color:var(--color-gray-800);line-height:1.4; }

/* Related Posts */
.related-posts { padding:var(--space-8);border-top:1px solid var(--color-border); }
.related-posts-title { font-size:1.25rem;font-weight:700;margin-bottom:var(--space-6); }
.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4); }
.related-card { border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden; }
.related-thumb { display:block;aspect-ratio:16/9;overflow:hidden;background:var(--color-gray-100); }
.related-thumb img { width:100%;height:100%;object-fit:cover;transition:transform .3s; }
.related-card:hover .related-thumb img { transform:scale(1.05); }
.related-content { padding:14px; }
.related-date { font-size:.75rem;color:var(--color-text-muted); }
.related-title { font-size:.9375rem;font-weight:600;margin:6px 0;line-height:1.4; }
.related-title a { color:var(--color-gray-900);text-decoration:none; }
.related-title a:hover { color:var(--color-primary); }
.related-excerpt { font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;margin:0; }

/* ============================================================
   YORUMLAR
   ============================================================ */
.comments-section { padding:var(--space-8); border-top:1px solid var(--color-border); }
.comments-title { font-size:1.25rem;font-weight:700;margin-bottom:var(--space-6); }
.comments-count { color:var(--color-primary); }
.comment-list { list-style:none;padding:0;margin:0 0 var(--space-8); }
.comment-item { padding:var(--space-5) 0;border-bottom:1px solid var(--color-border); }
.comment-item:last-child { border-bottom:none; }
.comment-body { display:flex;gap:14px; }
.comment-avatar img { width:48px;height:48px;border-radius:50%;flex-shrink:0; }
.comment-main { flex:1;min-width:0; }
.comment-header { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px; }
.comment-author { font-size:.9375rem;font-weight:700;color:var(--color-gray-900); }
.comment-date { font-size:.8125rem;color:var(--color-text-muted); }
.comment-verified { font-size:.75rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 8px;border-radius:10px; }
.comment-content p { font-size:.9375rem;line-height:1.7;color:var(--color-text-light);margin:0; }
.comment-footer { margin-top:8px;display:flex;gap:12px; }
.comment-reply-link,.comment-edit a { font-size:.8125rem;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:4px; }
.comment-reply-link:hover { text-decoration:underline; }
.comment-awaiting { color:var(--color-text-muted);font-style:italic;font-size:.875rem; }
/* children */
.comment-list .children { list-style:none;padding-left:var(--space-8);margin:var(--space-3) 0 0; }

/* Yorum Formu */
.mersin-comment-form .comment-fields-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4); }
.form-field label { display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;color:var(--color-gray-800); }
.form-field .required { color:var(--color-error, #dc2626); }
.mersin-input,.mersin-textarea {
    width:100%;padding:10px 14px;
    border:1.5px solid var(--color-border);border-radius:var(--radius-md);
    font-size:.9375rem;font-family:inherit;
    transition:border-color .15s,box-shadow .15s;
    background:#fff;
}
.mersin-input:focus,.mersin-textarea:focus { outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1); }
.mersin-textarea { min-height:120px;resize:vertical; }
.comment-field-comment { margin-bottom:var(--space-4); }
.comment-form h3.comment-reply-title { font-size:1.25rem;font-weight:700;margin-bottom:var(--space-5); }
.form-submit { margin-top:var(--space-4); }

/* ============================================================
   SIDEBAR
   ============================================================ */
.blog-sidebar { position:sticky;top:24px; }
.sidebar-widget {
    background:#fff;
    border:1px solid var(--color-border);
    border-radius:var(--radius-xl);
    padding:var(--space-5);
    margin-bottom:var(--space-5);
}
.sidebar-widget-title {
    font-size:1rem;font-weight:700;margin-bottom:var(--space-4);
    display:flex;align-items:center;gap:8px;color:var(--color-gray-900);
    padding-bottom:12px;border-bottom:2px solid var(--color-primary-50,#eff6ff);
}
/* CTA Widget */
.sidebar-cta-widget { background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary,#1d4ed8) 100%);color:#fff;border:none; }
.sidebar-cta { text-align:center; }
.sidebar-cta-icon { font-size:2.5rem;margin-bottom:10px;line-height:1; }
.sidebar-cta-title { font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:8px; }
.sidebar-cta-text { font-size:.875rem;opacity:.9;margin-bottom:16px;line-height:1.5; }
.btn-block { display:flex;justify-content:center;width:100%; }
.btn-whatsapp { background:#25d366;color:#fff;border:2px solid #25d366; }
.btn-whatsapp:hover { background:#22c55e;border-color:#22c55e;color:#fff; }

/* Search form */
.sidebar-widget .search-form { display:flex;gap:8px; }
.sidebar-widget .search-field { flex:1;padding:8px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem; }
.sidebar-widget .search-submit { padding:8px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem; }

/* Sidebar Links */
.sidebar-links-list { list-style:none;padding:0;margin:0; }
.sidebar-links-list li { border-bottom:1px solid var(--color-border); }
.sidebar-links-list li:last-child { border-bottom:none; }
.sidebar-link { display:flex;align-items:center;gap:8px;padding:10px 4px;text-decoration:none;color:var(--color-gray-700);font-size:.9375rem;transition:.15s; }
.sidebar-link:hover { color:var(--color-primary);padding-left:8px; }
.sidebar-link-icon { font-size:1.125rem;flex-shrink:0; }

/* Areas Grid */
.sidebar-areas-grid { display:flex;flex-wrap:wrap;gap:8px; }
.sidebar-area-chip { background:var(--color-gray-100);color:var(--color-gray-700);padding:6px 12px;border-radius:20px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:.15s;display:inline-flex;align-items:center;gap:4px; }
.sidebar-area-chip:hover { background:var(--color-primary-50);color:var(--color-primary); }

/* Recent Posts */
.sidebar-recent-posts { list-style:none;padding:0;margin:0; }
.sidebar-recent-post { display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border); }
.sidebar-recent-post:last-child { border-bottom:none; }
.sidebar-recent-thumb { width:64px;height:48px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--color-gray-100); }
.sidebar-recent-thumb img { width:100%;height:100%;object-fit:cover; }
.sidebar-recent-date { font-size:.75rem;color:var(--color-text-muted);display:block;margin-bottom:3px; }
.sidebar-recent-title { font-size:.875rem;font-weight:600;line-height:1.4;margin:0; }
.sidebar-recent-title a { color:var(--color-gray-800);text-decoration:none; }
.sidebar-recent-title a:hover { color:var(--color-primary); }

/* Hours Widget */
.sidebar-hours-list { list-style:none;padding:0;margin:0; }
.sidebar-hours-row { display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:.875rem; }
.sidebar-hours-row:last-child { border-bottom:none; }
.sidebar-hours-row.today .hours-day { font-weight:700;color:var(--color-primary); }
.sidebar-hours-row.today .hours-time { font-weight:600;color:var(--color-primary); }
.today-badge { background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:6px;margin-left:4px; }

/* ============================================================
   PAGE TEMPLATES
   ============================================================ */
.page-layout-full { max-width:860px;margin:0 auto; }
.page-article { padding:var(--space-8) 0; }
.page-article-header { margin-bottom:var(--space-6); }
.page-article-title { font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800; }

/* About Stats */
@media (max-width:768px) {
    .about-stats-grid { grid-template-columns:repeat(2,1fr) !important; }
    .about-mv-grid { grid-template-columns:1fr !important; }
    .about-values-grid { grid-template-columns:1fr 1fr !important; }
}

/* ============================================================
   SSS ACCORDION
   ============================================================ */
.faq-item { border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:8px;overflow:hidden; }
.faq-question {
    width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
    padding:18px 20px;background:#fff;border:none;cursor:pointer;text-align:left;
    font-size:1rem;font-weight:600;color:var(--color-gray-900);line-height:1.4;
    transition:background .15s;
}
.faq-question:hover,.faq-item:has(.faq-question[aria-expanded=true]) .faq-question { background:var(--color-primary-50,#eff6ff); }
.faq-icon { flex-shrink:0;color:var(--color-primary); }
.faq-icon-minus { display:none; }
.faq-question[aria-expanded=true] .faq-icon-plus { display:none; }
.faq-question[aria-expanded=true] .faq-icon-minus { display:block; }
.faq-answer { max-height:0;overflow:hidden;transition:max-height .3s ease; }
.faq-answer.open { max-height:600px; }
.faq-answer-inner { padding:0 20px 18px; }
.faq-answer-inner p { font-size:.9375rem;line-height:1.75;color:var(--color-text-light);margin:0; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px) {
    .blog-layout { grid-template-columns:1fr 300px; }
}
@media (max-width:768px) {
    .blog-layout { grid-template-columns:1fr; }
    .blog-sidebar { position:static; }
    .posts-grid { grid-template-columns:1fr; }
    .related-grid { grid-template-columns:1fr 1fr; }
    .mersin-comment-form .comment-fields-grid { grid-template-columns:1fr; }
    .post-nav-grid { grid-template-columns:1fr; }
    .single-post-header,.single-post-content,.single-post-thumbnail,.author-box,.post-navigation,.post-tags,.related-posts,.comments-section { padding-left:var(--space-5);padding-right:var(--space-5); }
    .author-box { flex-direction:column; }
}
@media (max-width:480px) {
    .related-grid { grid-template-columns:1fr; }
    .post-meta-bar { gap:10px; }
}

/* ============================================================
   MODERN UPGRADE v3.1 — Glass, Gradients, Micro-interactions
   ============================================================ */

/* ── HEADER UPGRADE ─────────────────────────────────────── */
.site-header {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.site-header.scrolled {
    box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 4px 20px rgba(0,0,0,.08);
}
.btn-phone {
    display: flex; align-items: center; gap: 6px;
    font-size: .875rem; font-weight: 600; color: var(--color-gray-700);
    text-decoration: none; padding: 6px 12px; border-radius: var(--radius-lg);
    transition: all .15s; white-space: nowrap;
}
.btn-phone:hover { color: var(--color-primary); background: var(--color-primary-50); }
.phone-text { display: none; }
@media(min-width: 768px) { .phone-text { display: inline; } }
/* Hamburger button */
.mobile-menu-toggle {
    display: none; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: var(--radius-lg);
    border: 1.5px solid var(--color-border); background: transparent;
    cursor: pointer; transition: all .15s;
}
.mobile-menu-toggle:hover { background: var(--color-gray-50); border-color: var(--color-primary); }
@media(max-width: 1023px) { .mobile-menu-toggle { display: flex; } }
@media(max-width: 1023px) { .main-navigation { display: none; } }
@media(max-width: 639px) { .header-cta .btn-whatsapp { display: none; } }

/* ── SECTION SPACING ─────────────────────────────────────── */
.section { padding: var(--space-16) 0; }
.section-alt { padding: var(--space-16) 0; background: var(--color-gray-50); }
.section-primary { padding: var(--space-16) 0; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); color: #fff; }
.section-header { text-align: center; margin-bottom: var(--space-12); }
.section-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; color: var(--color-gray-900); margin-bottom: var(--space-4); line-height: 1.2; }

/* ── BUTTONS UPGRADE ─────────────────────────────────────── */
.btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 22px; border-radius: var(--radius-xl);
    font-size: .9375rem; font-weight: 600; line-height: 1;
    border: 2px solid transparent; cursor: pointer;
    text-decoration: none; transition: all .2s; white-space: nowrap;
    font-family: inherit;
}
.btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.btn-lg { padding: 14px 28px; font-size: 1rem; }
.btn-sm { padding: 7px 16px; font-size: .875rem; }
.btn-xl { padding: 16px 36px; font-size: 1.0625rem; }
.btn-primary { background: var(--color-primary); color: #fff; box-shadow: 0 4px 14px rgba(37,99,235,.3); }
.btn-primary:hover { background: var(--color-primary-dark); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,99,235,.4); color: #fff; }
.btn-white { background: #fff; color: var(--color-primary); border-color: transparent; box-shadow: var(--shadow-md); }
.btn-white:hover { background: var(--color-primary-50); color: var(--color-primary); }
.btn-outline { background: transparent; color: var(--color-primary); border-color: var(--color-primary); }
.btn-outline:hover { background: var(--color-primary); color: #fff; }
.btn-outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,.6); }
.btn-outline-white:hover { background: #fff; color: var(--color-primary); border-color: #fff; }
.btn-whatsapp { background: #25d366; color: #fff; border-color: #25d366; }
.btn-whatsapp:hover { background: #1db954; border-color: #1db954; color: #fff; transform: translateY(-1px); }
.btn-block { width: 100%; justify-content: center; }

/* ── GRADIENT TEXT ───────────────────────────────────────── */
.text-gradient {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── GLASS CARDS ─────────────────────────────────────────── */
.glass-card {
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: var(--radius-2xl);
    box-shadow: 0 8px 32px rgba(0,0,0,.08);
}

/* ── HERO IMPROVEMENTS ───────────────────────────────────── */
@media(max-width: 1023px) {
    .hero { min-height: auto; padding-top: calc(72px + var(--space-12)); }
    .hero-image-wrapper { display: none; }
    .hero-stats { justify-content: flex-start; }
}
@media(max-width: 639px) {
    .hero-stats { gap: var(--space-5); }
    .stat-number { font-size: 1.75rem; }
    .hero-cta { flex-direction: column; }
    .hero-cta .btn { width: 100%; justify-content: center; }
}

/* ── SERVICE CARDS UPGRADE ───────────────────────────────── */
.service-card { background: #fff; transition: transform .25s, box-shadow .25s; }
.service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(37,99,235,.12); }
.service-badge {
    position: absolute; top: 12px; right: 12px; z-index: 2;
    background: var(--color-accent,#f59e0b); color: #fff;
    font-size: .75rem; font-weight: 700; padding: 3px 10px;
    border-radius: var(--radius-full); text-transform: uppercase; letter-spacing: .04em;
}

/* ── PROCESS STEPS UPGRADE ───────────────────────────────── */
.process-steps { position: relative; }
@media(min-width: 1024px) {
    .process-steps::before {
        content: '';
        position: absolute;
        top: 32px; left: 12.5%; right: 12.5%;
        height: 2px;
        background: linear-gradient(90deg, var(--color-primary-50), var(--color-primary), var(--color-secondary), var(--color-primary-50));
        z-index: 0;
    }
    .process-step { position: relative; z-index: 1; }
}

/* ── TESTIMONIAL UPGRADE ─────────────────────────────────── */
.testimonial-card {
    position: relative; overflow: hidden;
    transition: transform .2s, box-shadow .2s;
}
.testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); }
.testimonial-card::before {
    content: '"';
    position: absolute; top: -8px; left: 20px;
    font-size: 6rem; line-height: 1;
    color: var(--color-primary-50); font-family: Georgia, serif;
    z-index: 0; pointer-events: none;
}
.testimonial-text { position: relative; z-index: 1; }

/* ── CTA SECTION UPGRADE ─────────────────────────────────── */
.cta-section {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 50%, var(--color-secondary) 100%);
    position: relative; overflow: hidden;
}
.cta-section::after {
    content: '';
    position: absolute; top: -50%; right: -10%;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 70%);
    pointer-events: none;
}

/* ── TRUST BAR UPGRADE ───────────────────────────────────── */
.trust-bar { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.trust-item { transition: transform .2s; }
.trust-item:hover { transform: translateY(-3px); }
.trust-icon {
    background: linear-gradient(135deg, var(--color-primary-50), #f0fdf4);
    box-shadow: 0 4px 12px rgba(37,99,235,.1);
    transition: box-shadow .2s;
}
.trust-item:hover .trust-icon { box-shadow: 0 8px 20px rgba(37,99,235,.2); }

/* ── AREA CARDS UPGRADE ──────────────────────────────────── */
.area-card {
    border: 1.5px solid var(--color-border);
    background: linear-gradient(135deg, #fff 0%, var(--color-gray-50) 100%);
}
.area-card:hover {
    background: linear-gradient(135deg, var(--color-primary-50) 0%, #fff 100%);
    border-color: var(--color-primary);
}

/* ── FORM UPGRADE ─────────────────────────────────────────── */
.form-input, .form-select, .form-textarea {
    width: 100%; padding: 12px 16px;
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-lg);
    font-size: 1rem; font-family: inherit; background: #fff;
    transition: border-color .15s, box-shadow .15s;
    appearance: none; -webkit-appearance: none;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.form-input.error, .form-textarea.error { border-color: var(--color-error, #dc2626); }
.form-textarea { min-height: 130px; resize: vertical; }
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center; background-repeat: no-repeat; background-size: 20px;
    padding-right: 44px; cursor: pointer;
}
.form-field label {
    display: block; font-size: .875rem; font-weight: 600;
    color: var(--color-gray-700); margin-bottom: 6px;
}
.required { color: var(--color-error, #dc2626); }
.kvkk-check {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: .875rem; color: var(--color-text-light);
}
.kvkk-check input[type=checkbox] { margin-top: 2px; flex-shrink: 0; width: 16px; height: 16px; accent-color: var(--color-primary); }
.form-status { padding: 12px 16px; border-radius: var(--radius-lg); font-size: .9375rem; font-weight: 500; margin-top: 12px; }
.form-status.success { background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0; }
.form-status.error { background: #fee2e2; color: #dc2626; border: 1px solid #fca5a5; }

/* ── CONTACT GRID UPGRADE ────────────────────────────────── */
.contact-form-wrap { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-10); }
.contact-form-wrap h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: var(--space-6); }
.contact-info-card {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    color: #fff; border-radius: var(--radius-2xl); padding: var(--space-10);
    position: sticky; top: calc(72px + var(--space-4));
}
.contact-info-card h3 { font-size: 1.375rem; font-weight: 700; color: #fff; margin-bottom: var(--space-4); }
.contact-info-item { display: flex; gap: 12px; align-items: flex-start; margin-bottom: var(--space-4); font-size: .9375rem; }
.contact-info-item svg { flex-shrink: 0; margin-top: 1px; opacity: .8; }
.contact-info-item a { color: #fff; text-decoration: none; }
.contact-info-item a:hover { text-decoration: underline; }
.contact-map { border-radius: var(--radius-xl); overflow: hidden; margin-top: var(--space-6); }
.contact-map iframe { width: 100%; height: 200px; border: 0; display: block; }

/* ── BREADCRUMB ──────────────────────────────────────────── */
.breadcrumb-wrapper { background: var(--color-gray-50); border-bottom: 1px solid var(--color-border); padding: 12px 0; margin-top: 72px; }
.breadcrumb-list, .rank-math-breadcrumb p, .yoast-breadcrumb {
    font-size: .8125rem; color: var(--color-text-muted);
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
}
.breadcrumb-list a, .rank-math-breadcrumb a, .yoast-breadcrumb a { color: var(--color-primary); text-decoration: none; }
.breadcrumb-list a:hover, .rank-math-breadcrumb a:hover { text-decoration: underline; }

/* ── SERVICE DETAIL ENHANCEMENTS ─────────────────────────── */
.service-article h2, .area-article h2 { font-size: 1.625rem; font-weight: 700; margin: var(--space-8) 0 var(--space-4); color: var(--color-gray-900); padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.service-article h2:first-child, .area-article h2:first-child { border-top: none; padding-top: 0; }
.service-article h3, .area-article h3 { font-size: 1.1875rem; font-weight: 700; margin: var(--space-6) 0 var(--space-3); color: var(--color-gray-900); }
.service-article ul, .service-article ol, .area-article ul { margin: var(--space-4) 0 var(--space-4) var(--space-6); line-height: 1.8; color: var(--color-text-light); list-style: disc; }
.service-article li { margin-bottom: 6px; }
.service-article p, .area-article p { font-size: 1rem; line-height: 1.8; color: var(--color-text-light); margin-bottom: var(--space-4); }
.service-checklist { list-style: none; padding: 0; margin: var(--space-4) 0; display: flex; flex-direction: column; gap: 8px; }
.service-checklist li { display: flex; align-items: center; gap: 8px; font-size: .9375rem; color: var(--color-text-light); }
.service-checklist li::before { content: '✓'; color: var(--color-success, #16a34a); font-weight: 700; flex-shrink: 0; }

/* ── FOOTER UPGRADE ──────────────────────────────────────── */
.site-footer { background: var(--color-footer-bg, #111827); color: rgba(255,255,255,.7); }
.footer-top { padding: var(--space-16) 0; }
.footer-grid { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: var(--space-10); }
@media(max-width: 1023px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-8); } }
@media(max-width: 639px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-col h3.footer-title { font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: var(--space-4); }
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.footer-links a { font-size: .9375rem; color: rgba(255,255,255,.6); text-decoration: none; transition: color .15s; display: flex; align-items: center; gap: 6px; }
.footer-links a:hover { color: #fff; }
.footer-links a::before { content: '→'; font-size: .75rem; opacity: 0; transform: translateX(-4px); transition: all .15s; }
.footer-links a:hover::before { opacity: 1; transform: translateX(0); }
.footer-tagline { font-size: .9375rem; color: rgba(255,255,255,.5); line-height: 1.6; margin: var(--space-3) 0 var(--space-5); }
.footer-contact { display: flex; flex-direction: column; gap: 10px; margin-bottom: var(--space-5); }
.footer-contact-item { display: flex; align-items: flex-start; gap: 10px; font-size: .875rem; color: rgba(255,255,255,.6); }
.footer-contact-link { color: rgba(255,255,255,.6); text-decoration: none; transition: color .15s; }
.footer-contact-link:hover { color: #fff; }
.footer-socials { display: flex; gap: 10px; flex-wrap: wrap; }
.social-link {
    width: 38px; height: 38px; border-radius: var(--radius-lg);
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1);
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,.7); transition: all .15s;
}
.social-link:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; transform: translateY(-2px); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: var(--space-5) 0; }
.footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
.footer-copy { font-size: .875rem; color: rgba(255,255,255,.4); }
.footer-copy a { color: rgba(255,255,255,.6); text-decoration: none; }
.footer-copy a:hover { color: #fff; }
.footer-legal-nav { display: flex; gap: var(--space-5); }
.footer-legal-nav a { font-size: .8125rem; color: rgba(255,255,255,.4); text-decoration: none; }
.footer-legal-nav a:hover { color: rgba(255,255,255,.7); }

/* ── BACK TO TOP & FLOATING ──────────────────────────────── */
.back-to-top {
    position: fixed; bottom: 100px; right: 24px; z-index: 400;
    width: 44px; height: 44px; border-radius: var(--radius-xl);
    background: #fff; border: 1.5px solid var(--color-border);
    box-shadow: var(--shadow-lg); color: var(--color-gray-700);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; opacity: 0; pointer-events: none;
    transition: all .3s; font-family: inherit;
}
.back-to-top.visible { opacity: 1; pointer-events: auto; }
.back-to-top:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); transform: translateY(-3px); }
.floating-wa {
    position: fixed; bottom: 40px; right: 24px; z-index: 400;
    width: 56px; height: 56px; border-radius: var(--radius-full);
    background: #25d366; color: #fff; box-shadow: 0 4px 16px rgba(37,211,102,.4);
    display: flex; align-items: center; justify-content: center;
    text-decoration: none; transition: all .2s;
}
.floating-wa:hover { transform: scale(1.1); box-shadow: 0 8px 24px rgba(37,211,102,.5); }
.floating-wa-pulse {
    position: absolute; inset: -4px; border-radius: inherit;
    background: #25d366; opacity: .3; animation: pulse 2s ease-out infinite;
    z-index: -1;
}
@keyframes pulse { 0% { transform: scale(1); opacity: .3; } 100% { transform: scale(1.5); opacity: 0; } }
@media(prefers-reduced-motion: reduce) { .floating-wa-pulse { animation: none; } }

/* ── COOKIE BANNER ───────────────────────────────────────── */
#cookie-banner {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 600;
    background: var(--color-gray-900); color: rgba(255,255,255,.85);
    padding: 16px var(--space-6); display: flex;
    align-items: center; justify-content: space-between; gap: 16px;
    flex-wrap: wrap; font-size: .9375rem;
    transform: translateY(100%); transition: transform .3s ease;
}
#cookie-banner.visible { transform: translateY(0); }
#cookie-accept { background: var(--color-primary); color: #fff; border: none; padding: 8px 20px; border-radius: var(--radius-lg); font-weight: 600; cursor: pointer; font-size: .875rem; }

/* ── 404 PAGE ─────────────────────────────────────────────── */
.error-page { min-height: calc(100vh - 72px); display: flex; align-items: center; justify-content: center; padding: var(--space-16) 0; }
.error-code { font-size: clamp(5rem, 20vw, 10rem); font-weight: 900; line-height: 1; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.error-title { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 700; color: var(--color-gray-900); margin-bottom: var(--space-4); }
.error-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; justify-content: center; margin-top: var(--space-8); }

/* ── GLOBAL RESPONSIVE ───────────────────────────────────── */
@media(max-width: 1023px) {
    .section, .section-alt { padding: var(--space-12) 0; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: 1fr 1fr; }
    .process-steps { grid-template-columns: 1fr 1fr; }
    .about-content-grid { grid-template-columns: 1fr; }
    .about-contact-card { position: static; }
}
@media(max-width: 767px) {
    .services-grid { grid-template-columns: 1fr; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .process-steps { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .areas-grid { grid-template-columns: 1fr 1fr; }
    .blog-layout { grid-template-columns: 1fr; }
    .blog-sidebar { position: static; }
    .posts-grid { grid-template-columns: 1fr; }
    .related-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .contact-info-card { position: static; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .cta-buttons { flex-direction: column; align-items: center; }
    .cta-buttons .btn { width: 100%; max-width: 320px; justify-content: center; }
}
@media(max-width: 479px) {
    .areas-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }
    .hero-stats { gap: var(--space-4); }
    .stat-number { font-size: 1.5rem; }
}

/* ── CONTENT WRAP (single/page) ──────────────────────────── */
.content-wrap { font-size: 1rem; line-height: 1.8; color: var(--color-text-light); }
.content-wrap h1 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; color: var(--color-gray-900); margin-bottom: var(--space-6); }
.content-wrap h2 { font-size: 1.625rem; font-weight: 700; color: var(--color-gray-900); margin: var(--space-10) 0 var(--space-4); }
.content-wrap h3 { font-size: 1.1875rem; font-weight: 700; color: var(--color-gray-900); margin: var(--space-6) 0 var(--space-3); }
.content-wrap p { margin-bottom: var(--space-4); }
.content-wrap ul, .content-wrap ol { margin: var(--space-4) 0 var(--space-4) var(--space-6); }
.content-wrap li { margin-bottom: 6px; }
.content-wrap a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.content-wrap blockquote { border-left: 4px solid var(--color-primary); padding: var(--space-4) var(--space-6); background: var(--color-primary-50); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; margin: var(--space-6) 0; font-style: italic; }
.content-wrap img { border-radius: var(--radius-xl); margin: var(--space-6) 0; }
.content-wrap table { width: 100%; border-collapse: collapse; margin: var(--space-6) 0; }
.content-wrap th, .content-wrap td { padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); text-align: left; font-size: .9375rem; }
.content-wrap th { background: var(--color-gray-50); font-weight: 700; }

/* ── PAGE HERO IMPROVEMENTS ──────────────────────────────── */
.service-page-hero {
    background: linear-gradient(135deg, var(--color-primary-50) 0%, #fff 60%, #f0fdf4 100%);
    padding: calc(72px + var(--space-12)) 0 var(--space-12);
    border-bottom: 1px solid var(--color-border);
}
.service-page-hero h1 { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 800; line-height: 1.2; margin-bottom: var(--space-4); }
.page-desc { font-size: 1.125rem; color: var(--color-text-light); max-width: 680px; line-height: 1.7; }
.page-hero { padding: calc(72px + var(--space-12)) 0 var(--space-12); }
.page-hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--color-gray-900); margin-bottom: var(--space-4); }

/* ── STAR RATINGS ─────────────────────────────────────────── */
.star-rating svg { width: 16px; height: 16px; }
.star-rating.lg svg { width: 22px; height: 22px; }
.star-rating.md svg { width: 18px; height: 18px; }

/* ── NO RESULTS ──────────────────────────────────────────── */
.no-results { text-align: center; padding: var(--space-16) var(--space-8); }
.no-results h2 { font-size: 1.75rem; font-weight: 700; margin-bottom: var(--space-4); }
.no-results p { color: var(--color-text-muted); font-size: 1.0625rem; }

/* ── PAGE LINKS ──────────────────────────────────────────── */
.page-links { margin: var(--space-8) 0; display: flex; gap: var(--space-2); align-items: center; }
.page-links .post-page-numbers {
    padding: 6px 12px; border-radius: var(--radius-md);
    border: 1px solid var(--color-border); font-weight: 600; font-size: .875rem;
}
.page-links .post-page-numbers.current { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

/* ── AOS ANIMATIONS ──────────────────────────────────────── */
[data-aos] { opacity: 0; transition-property: opacity, transform; }
[data-aos=fade-up] { transform: translateY(20px); }
[data-aos=fade-right] { transform: translateX(-20px); }
[data-aos=fade-left] { transform: translateX(20px); }
[data-aos=zoom-in] { transform: scale(.96); }
[data-aos].aos-animate { opacity: 1; transform: none; }
@media(prefers-reduced-motion: reduce) { [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; } }

/* ============================================================
   v3.3 — KAPSAMLI MODERN UPGRADE
   Mobile nav fix, featured images, modern card design
   ============================================================ */

/* ── 1. MOBILE NAV — KESIN FIX ──────────────────────────── */
/* Desktop'ta toggle tamamen gizli */
.mobile-menu-toggle { display: none !important; }
@media (max-width: 1023px) {
    .mobile-menu-toggle {
        display: flex !important;
        align-items: center; justify-content: center; flex-direction: column;
        gap: 5px; width: 42px; height: 42px;
        border-radius: 10px; border: 1.5px solid var(--color-border);
        background: transparent; cursor: pointer;
        transition: border-color .15s, background .15s;
    }
    .mobile-menu-toggle:hover { background: var(--color-primary-50); border-color: var(--color-primary); }
}
/* Mobile nav — transform ile gizli, JS ile açılır */
.mobile-nav {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: min(320px, 90vw); background: #fff;
    z-index: var(--z-modal); overflow-y: auto;
    display: flex; flex-direction: column;
    transform: translateX(100%);
    transition: transform 300ms cubic-bezier(.4,0,.2,1),
                visibility 300ms, box-shadow 300ms;
    visibility: hidden;
    box-shadow: none;
}
.mobile-nav.open {
    transform: translateX(0);
    visibility: visible;
    box-shadow: -8px 0 32px rgba(0,0,0,.15);
}
/* Overlay */
.mobile-menu-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.5);
    z-index: calc(var(--z-modal) - 1);
    opacity: 0; visibility: hidden;
    transition: opacity .3s, visibility .3s;
    backdrop-filter: blur(2px);
}
.mobile-menu-overlay.visible { opacity: 1; visibility: visible; }
/* Body scroll lock */
body.menu-open { overflow: hidden; }

/* ── 2. FEATURED IMAGE — UNIVERSAL STYLES ───────────────── */
/* Post card thumbnail — her zaman görünür, resim yoksa placeholder */
.post-card-thumb {
    display: block; height: 210px; overflow: hidden;
    background: linear-gradient(135deg, #dbeafe 0%, #d1fae5 100%);
    position: relative; flex-shrink: 0;
}
.post-card-thumb img.post-thumb-img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: transform .45s ease;
}
.post-card:hover .post-card-thumb img.post-thumb-img { transform: scale(1.06); }
.post-thumb-placeholder {
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 8px;
    background: linear-gradient(135deg, var(--color-primary-50) 0%, #f0fdf4 100%);
    color: var(--color-primary); opacity: .6;
}
.post-card-thumb--no-img .post-thumb-placeholder { opacity: .55; }
.post-card-cat {
    position: absolute; top: 12px; left: 12px;
    background: var(--color-primary); color: #fff;
    font-size: .75rem; font-weight: 700;
    padding: 3px 10px; border-radius: 999px;
    text-transform: uppercase; letter-spacing: .04em;
    pointer-events: none;
}

/* Service card image */
.service-image {
    position: relative; height: 220px; overflow: hidden;
    background: linear-gradient(135deg, var(--color-primary-50), #f0fdf4);
}
.service-thumb-img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: transform .45s ease;
}
.service-card:hover .service-thumb-img { transform: scale(1.06); }
.service-image-placeholder {
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 8px;
    background: linear-gradient(135deg, var(--color-primary-50) 0%, #ecfdf5 100%);
}
.service-placeholder-icon { font-size: 3.5rem; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,.1)); }
.service-placeholder-label {
    font-size: .875rem; font-weight: 600;
    color: var(--color-primary); text-align: center;
    padding: 0 16px; opacity: .8;
}
.service-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.6) 0%, transparent 60%);
    display: flex; align-items: flex-end; justify-content: center;
    padding-bottom: 16px; opacity: 0;
    transition: opacity .3s;
}
.service-card:hover .service-overlay { opacity: 1; }

/* Single post thumbnail */
.single-post-thumbnail {
    border-radius: var(--radius-2xl); overflow: hidden;
    margin-bottom: var(--space-8);
    aspect-ratio: 16/7; background: linear-gradient(135deg, var(--color-primary-50), #f0fdf4);
}
.single-thumb-img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.single-post-thumbnail--no-img {
    display: flex; align-items: center; justify-content: center;
    min-height: 220px;
}
.single-thumb-placeholder {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 12px;
    color: var(--color-primary); opacity: .4; padding: var(--space-12);
}
.single-thumb-placeholder span { font-size: .875rem; }

/* Article hero image (ilçe/hizmet) */
.article-hero-thumb {
    border-radius: var(--radius-2xl); overflow: hidden;
    margin-bottom: var(--space-8); aspect-ratio: 16/6;
}
.article-hero-img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}

/* ── 3. PAGE HERO — FEATURED IMAGE BACKGROUND ───────────── */
.page-hero--has-img {
    position: relative;
    background-image: var(--hero-bg);
    background-size: cover; background-position: center;
    background-color: var(--color-primary);
}
.page-hero-img-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(135deg,
        rgba(37,99,235,.88) 0%,
        rgba(16,185,129,.7) 100%);
    z-index: 0;
}
.page-hero--has-img .container,
.page-hero--has-img .page-hero-inner { position: relative; z-index: 1; }
.page-hero--has-img h1,
.page-hero--has-img p,
.page-hero--has-img .section-subtitle { color: #fff !important; }
.page-hero--has-img .hero-badge { background: rgba(255,255,255,.15) !important; color: rgba(255,255,255,.9) !important; border-color: rgba(255,255,255,.3) !important; }

/* ── 4. MODERN CARD DESIGN UPGRADE ─────────────────────── */
.post-card {
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    overflow: hidden; display: flex; flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    height: 100%;
}
.post-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(37,99,235,.12);
    border-color: var(--color-primary);
}
.post-card-body { padding: var(--space-5); flex: 1; display: flex; flex-direction: column; }
.post-card-meta { display: flex; align-items: center; gap: 6px; font-size: .8125rem; color: var(--color-text-muted); margin-bottom: 10px; }
.post-card-title { font-size: 1.0625rem; font-weight: 700; line-height: 1.4; margin-bottom: 8px; }
.post-card-title a { color: var(--color-gray-900); text-decoration: none; transition: color .15s; }
.post-card-title a:hover { color: var(--color-primary); }
.post-card-excerpt { font-size: .875rem; color: var(--color-text-muted); line-height: 1.65; flex: 1; margin-bottom: var(--space-4); }
.post-card-link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .875rem; font-weight: 600;
    color: var(--color-primary); text-decoration: none;
    margin-top: auto; padding: 8px 0;
    transition: gap .15s;
}
.post-card-link:hover { gap: 10px; }

/* Service card — modern */
.service-card {
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    overflow: hidden; display: flex; flex-direction: column;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
.service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(37,99,235,.12);
    border-color: var(--color-primary);
}
.service-content { padding: var(--space-5); flex: 1; display: flex; flex-direction: column; }
.service-icon { font-size: 1.5rem; margin-bottom: var(--space-2); }
.service-title { font-size: 1.0625rem; font-weight: 700; margin-bottom: var(--space-2); line-height: 1.4; }
.service-title a { color: var(--color-gray-900); text-decoration: none; }
.service-title a:hover { color: var(--color-primary); }
.service-description { font-size: .875rem; color: var(--color-text-muted); line-height: 1.6; flex: 1; margin-bottom: var(--space-4); }
.service-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }
.service-price {
    font-size: .8125rem; font-weight: 700;
    background: var(--color-primary-50);
    color: var(--color-primary);
    padding: 4px 10px; border-radius: var(--radius-full);
}
.service-link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .875rem; font-weight: 600;
    color: var(--color-primary); text-decoration: none;
    transition: gap .15s;
}
.service-link:hover { gap: 9px; }

/* ── 5. POSTS GRID — RESPONSIVE ─────────────────────────── */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    gap: var(--space-6);
}
@media (max-width: 639px) {
    .posts-grid { grid-template-columns: 1fr; }
}

/* ── 6. FORM — MODERN ────────────────────────────────────── */
.form-row { margin-bottom: var(--space-4); display: flex; flex-direction: column; gap: 6px; }
.form-row label { font-size: .875rem; font-weight: 600; color: var(--color-gray-700); }
.form-row .required { color: var(--color-error); }
.form-input {
    width: 100%; padding: 12px 16px;
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-lg); font-size: .9375rem;
    color: var(--color-gray-900); background: #fff;
    transition: border-color .15s, box-shadow .15s;
    outline: none;
    font-family: var(--font-primary);
}
.form-input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
.form-input.form-textarea { min-height: 120px; resize: vertical; }
.form-row.has-error .form-input { border-color: var(--color-error); }
.field-error { font-size: .8125rem; color: var(--color-error); }
.form-status {
    padding: 12px 16px; border-radius: var(--radius-lg);
    font-size: .9375rem; font-weight: 600; display: none;
}
.form-status.success { display: block; background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.form-status.error   { display: block; background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.kvkk-check { display: flex; align-items: flex-start; gap: 10px; font-size: .875rem; color: var(--color-text-muted); }
.kvkk-check input[type=checkbox] { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; accent-color: var(--color-primary); }

/* ── 7. HEADER / FOOTER MODERN ─────────────────────────── */
.site-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: var(--z-sticky);
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-bottom: 1px solid transparent;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.site-header.scrolled {
    border-bottom-color: var(--color-border);
    box-shadow: 0 2px 24px rgba(0,0,0,.06);
}
.header-inner {
    display: flex; align-items: center; justify-content: space-between;
    height: 72px; gap: var(--space-6);
}
.site-logo img { height: 48px; width: auto; display: block; }
.site-logo .logo-text {
    font-size: 1.125rem; font-weight: 800;
    color: var(--color-primary); text-decoration: none;
    white-space: nowrap;
}
.main-navigation { display: flex; align-items: center; }
.nav-menu { display: flex; align-items: center; list-style: none; gap: 4px; margin: 0; padding: 0; }
.nav-link {
    display: flex; align-items: center; gap: 4px;
    padding: 8px 14px; border-radius: var(--radius-lg);
    font-size: .9375rem; font-weight: 600;
    color: var(--color-gray-700); text-decoration: none;
    transition: color .15s, background .15s;
    white-space: nowrap;
}
.nav-link:hover, .current-menu-item .nav-link { color: var(--color-primary); background: var(--color-primary-50); }
.has-dropdown { position: relative; }
.dropdown-arrow { transition: transform .2s; display: inline-flex; }
.has-dropdown:hover .dropdown-arrow,
.has-dropdown:focus-within .dropdown-arrow { transform: rotate(180deg); }
.sub-menu {
    position: absolute; top: calc(100% + 8px); left: 0;
    min-width: 220px; background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl); padding: 8px;
    list-style: none; margin: 0;
    opacity: 0; visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .15s, visibility .15s, transform .15s;
    z-index: var(--z-dropdown);
}
.has-dropdown:hover .sub-menu,
.has-dropdown:focus-within .sub-menu {
    opacity: 1; visibility: visible; transform: translateY(0);
}
.sub-menu .nav-link { padding: 9px 14px; border-radius: var(--radius-md); width: 100%; }
.header-cta { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }
.btn-phone {
    display: flex; align-items: center; gap: 6px;
    font-size: .9375rem; font-weight: 700;
    color: var(--color-gray-800); text-decoration: none;
    padding: 8px 14px; border-radius: var(--radius-lg);
    transition: color .15s, background .15s;
}
.btn-phone:hover { color: var(--color-primary); background: var(--color-primary-50); }
@media (max-width: 1023px) { .main-navigation { display: none; } }
@media (max-width: 767px) { .btn-phone .phone-text { display: none; } }
@media (max-width: 639px) { .header-cta .btn-whatsapp { display: none; } }

/* ── 8. AOS ANİMASYONLAR ─────────────────────────────────── */
[data-aos] {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: .55s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
[data-aos].aos-animate { opacity: 1; transform: none !important; }
[data-aos=fade-up]    { transform: translateY(24px); }
[data-aos=fade-right] { transform: translateX(-24px); }
[data-aos=fade-left]  { transform: translateX(24px); }
[data-aos=zoom-in]    { transform: scale(.94); }
@media (prefers-reduced-motion: reduce) {
    [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ── 9. COOKIE BANNER ────────────────────────────────────── */
.cookie-banner {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: calc(var(--z-modal) + 10);
    background: rgba(17,24,39,.97);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 16px 24px;
    display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
    justify-content: space-between;
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.4,0,.2,1);
    border-top: 1px solid rgba(255,255,255,.1);
}
.cookie-banner.visible { transform: translateY(0); }
.cookie-content { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; width: 100%; justify-content: space-between; }
.cookie-content p { font-size: .9rem; color: rgba(255,255,255,.85); margin: 0; flex: 1; min-width: 200px; }
.cookie-content p a { color: #93c5fd; text-decoration: underline; }
.cookie-buttons { display: flex; gap: 8px; flex-shrink: 0; }
#cookie-accept {
    background: var(--color-primary); color: #fff;
    border: none; padding: 9px 20px; border-radius: var(--radius-lg);
    font-size: .875rem; font-weight: 700; cursor: pointer;
    transition: background .15s;
}
#cookie-accept:hover { background: var(--color-primary-dark); }
#cookie-reject {
    background: transparent; color: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.25); padding: 9px 16px;
    border-radius: var(--radius-lg); font-size: .875rem; cursor: pointer;
    transition: border-color .15s, color .15s;
}
#cookie-reject:hover { border-color: rgba(255,255,255,.5); color: #fff; }

/* ── 10. FLOATING WHATSAPP + BACK TO TOP ─────────────────── */
.floating-wa {
    position: fixed; bottom: 88px; right: 24px;
    z-index: var(--z-fixed);
    background: #25d366; color: #fff;
    width: 56px; height: 56px;
    border-radius: var(--radius-full);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 16px rgba(37,211,102,.4);
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}
.floating-wa:hover { transform: scale(1.1); box-shadow: 0 6px 24px rgba(37,211,102,.5); }
.floating-wa-pulse {
    position: absolute; inset: -4px; border-radius: var(--radius-full);
    background: rgba(37,211,102,.3);
    animation: waPulse 2.5s ease-out infinite;
}
@keyframes waPulse { 0%{transform:scale(1);opacity:.8} 70%{transform:scale(1.35);opacity:0} 100%{transform:scale(1.35);opacity:0} }
.back-to-top {
    position: fixed; bottom: 24px; right: 24px;
    z-index: var(--z-fixed);
    background: var(--color-primary); color: #fff;
    width: 44px; height: 44px; border-radius: var(--radius-full);
    border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: var(--shadow-lg);
    opacity: 0; visibility: hidden;
    transform: translateY(8px);
    transition: opacity .3s, visibility .3s, transform .3s, background .15s;
}
.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { background: var(--color-primary-dark); }

/* ── 11. SECTION UTILITIES ───────────────────────────────── */
.section { padding: var(--space-16) 0; }
.section-alt { padding: var(--space-16) 0; background: var(--color-gray-50); }
.section-primary { padding: var(--space-16) 0; background: linear-gradient(135deg, var(--color-primary) 0%, #1d4ed8 100%); }
.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
@media (max-width: 767px) { .container { padding: 0 16px; } .section { padding: var(--space-12) 0; } }
.section-header { text-align: center; margin-bottom: var(--space-12); }
.section-subtitle {
    display: inline-block;
    background: var(--color-primary-50); color: var(--color-primary);
    font-size: .8125rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .08em;
    padding: 5px 14px; border-radius: var(--radius-full);
    margin-bottom: var(--space-3);
}
.section-title { font-size: clamp(1.5rem, 3.5vw, 2.25rem); font-weight: 800; color: var(--color-gray-900); line-height: 1.2; }
.text-gradient {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.text-center { text-align: center; }

/* ── 12. BTN SYSTEM ─────────────────────────────────────── */
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 11px 22px; border-radius: var(--radius-xl);
    font-size: .9375rem; font-weight: 700; line-height: 1;
    text-decoration: none; cursor: pointer; border: 2px solid transparent;
    transition: transform .15s, box-shadow .15s, background .15s, border-color .15s, color .15s;
    white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn-primary { background: var(--color-primary); color: #fff; border-color: var(--color-primary); box-shadow: 0 4px 14px rgba(37,99,235,.3); }
.btn-primary:hover { background: var(--color-primary-dark); border-color: var(--color-primary-dark); box-shadow: 0 6px 20px rgba(37,99,235,.4); }
.btn-secondary { background: var(--color-secondary); color: #fff; border-color: var(--color-secondary); }
.btn-secondary:hover { background: var(--color-secondary-dark); border-color: var(--color-secondary-dark); }
.btn-white { background: #fff; color: var(--color-primary); border-color: #fff; }
.btn-white:hover { background: var(--color-primary-50); border-color: var(--color-primary-50); }
.btn-outline { background: transparent; color: var(--color-primary); border-color: var(--color-primary); }
.btn-outline:hover { background: var(--color-primary); color: #fff; }
.btn-outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,.6); }
.btn-outline-white:hover { background: rgba(255,255,255,.15); border-color: #fff; }
.btn-whatsapp { background: #25d366; color: #fff; border-color: #25d366; }
.btn-whatsapp:hover { background: #1db954; border-color: #1db954; box-shadow: 0 4px 14px rgba(37,211,102,.35); }
.btn-sm { padding: 8px 16px; font-size: .875rem; border-radius: var(--radius-lg); }
.btn-lg { padding: 14px 28px; font-size: 1.0625rem; border-radius: var(--radius-xl); }
.btn-block { width: 100%; }

/* ── 13. PAGE HERO ──────────────────────────────────────── */
.page-hero {
    padding: calc(72px + var(--space-12)) 0 var(--space-10);
    background: linear-gradient(135deg, var(--color-primary-50) 0%, #fff 100%);
    border-bottom: 1px solid var(--color-border);
    position: relative; overflow: hidden;
}
.page-hero-inner { max-width: 800px; }
.page-hero h1 { font-size: clamp(1.75rem, 4.5vw, 3rem); font-weight: 900; line-height: 1.15; color: var(--color-gray-900); margin: var(--space-3) 0; }
.page-desc { font-size: clamp(.9375rem, 2vw, 1.125rem); color: var(--color-text-muted); line-height: 1.7; }
.hero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--color-primary-50); color: var(--color-primary);
    font-size: .8125rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .06em;
    padding: 6px 14px; border-radius: var(--radius-full);
    border: 1px solid rgba(37,99,235,.15);
    margin-bottom: var(--space-3);
}

/* ── 14. BREADCRUMB ─────────────────────────────────────── */
.breadcrumb {
    background: var(--color-gray-50);
    border-bottom: 1px solid var(--color-border);
    padding: 10px 0;
    font-size: .8125rem;
}
.breadcrumb-list { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.breadcrumb-list a { color: var(--color-text-muted); text-decoration: none; }
.breadcrumb-list a:hover { color: var(--color-primary); }
.breadcrumb-list .separator { color: var(--color-gray-300); }
.breadcrumb-list .current { color: var(--color-gray-600); }

/* ── 15. RESPONSIVE FIXES ───────────────────────────────── */
@media (max-width: 1023px) {
    .blog-layout { grid-template-columns: 1fr; }
    .service-detail-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .posts-grid { grid-template-columns: 1fr; }
    .hero-grid { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .process-steps { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr; }
    .post-nav-grid { grid-template-columns: 1fr; }
    .section-title { font-size: 1.5rem; }
}
@media (max-width: 479px) {
    .trust-grid { grid-template-columns: 1fr; }
    .header-cta .btn-primary { display: none; }
    .cookie-banner { padding: 12px 16px; }
}

/* ── FOOTER LOGO ─────────────────────────────────────────── */
.footer-logo { display: inline-block; text-decoration: none; margin-bottom: var(--space-4); }
.footer-logo-img { height: 52px; width: auto; display: block; object-fit: contain; filter: brightness(0) invert(1); /* koyu footerda logo beyaza dönsün */ }
.footer-logo .custom-logo { height: 52px; width: auto; display: block; object-fit: contain; filter: brightness(0) invert(1); }

/* ── MEGA MENU — 15 HİZMET DROPDOWN ─────────────────────── */
/* Hizmetler menüsü için geniş 2 kolonlu dropdown */
.has-dropdown.mega-dropdown { position: static; }
.has-dropdown.mega-dropdown > .sub-menu {
    left: 0; right: 0;
    width: 100%; max-width: 760px;
    left: 50%; transform: translateX(-50%) translateY(-8px);
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}
.has-dropdown.mega-dropdown:hover > .sub-menu,
.has-dropdown.mega-dropdown:focus-within > .sub-menu {
    opacity: 1; visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.has-dropdown.mega-dropdown .sub-menu .nav-link {
    font-size: .875rem;
    padding: 8px 12px;
    border-radius: var(--radius-md);
}
/* Normal dropdown zaten çalışıyor — hizmetler üst menü linki üzerinde mega-dropdown class'ı JS ile eklenmeli */
/* JS ile: document.querySelector('.menu-item > a[href*="hizmetler"]').closest('.menu-item').classList.add('mega-dropdown') */

/* ── HEADER — TELEFON/TEKLİF KALDIRILDI DÜZELTME ─────────── */
.header-cta .btn-phone { display: none; }
.header-cta { gap: var(--space-2); }
@media (max-width: 767px) {
    .btn-whatsapp .btn-text { display: none; }
}

/* ============================================================
   HERO SLIDER — v3.5
   Mobil uyumlu, smooth fade geçiş, nokta navigasyonu
   ============================================================ */

/* Slider kapsayıcı */
.hero-slider {
    position: relative;
    width: 100%; height: 100%;
    min-height: 360px;
    overflow: hidden;
    border-radius: inherit;
}

/* Her slayt */
.hero-slide {
    position: absolute; inset: 0;
    opacity: 0;
    transition: opacity .7s cubic-bezier(.4,0,.2,1),
                transform .7s cubic-bezier(.4,0,.2,1);
    transform: scale(1.03);
    will-change: opacity, transform;
}
.hero-slide.active {
    opacity: 1;
    transform: scale(1);
    position: relative; /* aktif slayt flow'a girer, yüksekliği tutar */
    z-index: 1;
}
.hero-slide img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    border-radius: inherit;
}

/* Placeholder (görsel yokken) */
.hero-slide-placeholder {
    width: 100%; height: 100%; min-height: 360px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 12px;
    background: linear-gradient(135deg, #dbeafe 0%, #d1fae5 100%);
    border-radius: inherit;
}
.hero-slide-placeholder span { font-size: 5rem; line-height: 1; }
.hero-slide-placeholder p {
    font-size: 1rem; font-weight: 600;
    color: var(--color-primary); opacity: .7;
}

/* Nokta navigasyonu */
.hero-slider-dots {
    position: absolute; bottom: 16px; left: 50%;
    transform: translateX(-50%);
    display: flex; gap: 8px;
    z-index: 10;
}
.hero-dot {
    width: 8px; height: 8px;
    border-radius: var(--radius-full);
    border: none; padding: 0; cursor: pointer;
    background: rgba(255,255,255,.45);
    transition: background .25s, width .3s, transform .2s;
}
.hero-dot.active {
    background: #fff;
    width: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.hero-dot:hover { background: rgba(255,255,255,.75); transform: scale(1.2); }

/* İlerleme çubuğu — aktif dot altında */
.hero-dot.active::after {
    content: '';
    display: block;
    height: 2px;
    background: rgba(255,255,255,.4);
    border-radius: 2px;
    animation: dotProgress var(--hero-interval, 4s) linear forwards;
}
@keyframes dotProgress { from { width: 0 } to { width: 100% } }

/* Mobil */
@media (max-width: 767px) {
    .hero-slider { min-height: 260px; }
    .hero-slide-placeholder { min-height: 260px; }
    .hero-slide-placeholder span { font-size: 3.5rem; }
}
@media (max-width: 479px) {
    .hero-slider { min-height: 220px; }
    .hero-slide-placeholder { min-height: 220px; }
}