/* ======================================================
   ISTANBUL YAPI DEKORASYON — Butik & Zarif
   Renk: Teal (#0D9488) + Krem (#F9FAFB)
   Font: Playfair Display + Lato
   ====================================================== */
:root {
  --c-bg: #F9FAFB; --c-bg-alt: #F0FDFA; --c-surface: #FFFFFF;
  --c-border: #D1FAF3; --c-border-dark: #99F6E4;
  --c-ink: #0F2B28; --c-ink-soft: #1F4040; --c-ink-muted: #4B7A76; --c-ink-faint: #80ABA8;
  --c-primary: #0D9488; --c-primary-dark: #0F766E; --c-primary-light: #14B8A6;
  --c-primary-pale: #CCFBF1; --c-accent: #F59E0B; --c-accent-light: #FCD34D;
  --c-white: #FFFFFF; --c-green: #25D366;
  --font-serif: 'Playfair Display', Georgia, serif; --font-sans: 'Lato', system-ui, sans-serif;
  --fs-xs: clamp(0.75rem,0.7rem + 0.25vw,0.813rem); --fs-sm: clamp(0.875rem,0.8rem + 0.35vw,0.938rem);
  --fs-base: clamp(1rem,0.95rem + 0.25vw,1.063rem); --fs-md: clamp(1.063rem,1rem + 0.3vw,1.125rem);
  --fs-lg: clamp(1.25rem,1.1rem + 0.5vw,1.5rem); --fs-xl: clamp(1.5rem,1.3rem + 0.8vw,1.875rem);
  --fs-2xl: clamp(1.875rem,1.5rem + 1.5vw,2.5rem); --fs-3xl: clamp(2.25rem,1.75rem + 2vw,3rem);
  --fs-4xl: clamp(2.75rem,2rem + 3vw,4rem); --fs-hero: clamp(3.5rem,2.5rem + 4vw,5rem);
  --sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;
  --container-max: 1280px; --container-pad: clamp(1rem,4vw,2rem);
  --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:48px;--radius-full:9999px;
  --shadow-sm:0 1px 4px rgba(13,148,136,.06); --shadow-md:0 4px 20px rgba(13,148,136,.1);
  --shadow-lg:0 8px 40px rgba(13,148,136,.14); --shadow-xl:0 16px 60px rgba(13,148,136,.18);
  --shadow-teal:0 8px 32px rgba(13,148,136,.4); --t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s ease;
  --z-header:1000;--z-dropdown:1010;--z-mobile:1020;--z-float:1030;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--c-ink);background:var(--c-bg);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:1.2;color:var(--c-ink);font-weight:700}img,video,svg{display:block;max-width:100%}
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--c-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);z-index:9999}
.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}
.section{padding-block:var(--sp-20)}.section-sm{padding-block:var(--sp-12)}.section-alt{background:var(--c-bg-alt)}.section-dark{background:var(--c-ink);color:#fff}
.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:rgba(249,250,251,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);transition:box-shadow var(--t-base)}
.site-header.scrolled{box-shadow:0 4px 24px rgba(13,148,136,.12)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:76px}
.site-logo{display:flex;align-items:center;gap:.75rem}
.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--t-base)}
.site-logo:hover .logo-icon{transform:rotate(10deg) scale(1.05)}
.logo-name{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:700;color:var(--c-ink);letter-spacing:-.01em}
.logo-sub{font-size:var(--fs-xs);color:var(--c-primary);font-weight:600;letter-spacing:.06em}
.main-nav{display:none}@media(min-width:1024px){.main-nav{display:flex}}
.nav-list{display:flex;align-items:center;gap:.25rem}
.nav-link{font-size:var(--fs-sm);font-weight:600;color:var(--c-ink-muted);padding:.5rem .75rem;border-radius:var(--radius-full);transition:color var(--t-fast),background var(--t-fast)}
.nav-link:hover,.nav-link.active{color:var(--c-primary);background:var(--c-primary-pale)}
.has-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-8px);background:#fff;border:1px solid var(--c-border);border-top:2px solid var(--c-primary);border-radius:var(--radius-lg);padding:.5rem;min-width:220px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--t-base);z-index:var(--z-dropdown)}
.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown-item{display:block;font-size:var(--fs-sm);color:var(--c-ink-muted);padding:.5rem .75rem;border-radius:var(--radius-md);transition:all var(--t-fast)}.dropdown-item:hover{color:var(--c-primary);background:var(--c-primary-pale)}
.dropdown-all{color:var(--c-primary)!important;font-weight:700;border-top:1px solid var(--c-border)}
.header-cta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.btn-call{display:none;align-items:center;gap:.5rem;background:var(--c-primary);color:#fff;font-size:var(--fs-sm);font-weight:700;padding:.625rem 1.25rem;border-radius:var(--radius-full);transition:all var(--t-fast);white-space:nowrap}
.btn-call:hover{background:var(--c-primary-dark);transform:translateY(-1px)}@media(min-width:768px){.btn-call{display:flex}}
.btn-whatsapp{display:none;align-items:center;gap:.5rem;background:var(--c-green);color:#fff;font-size:var(--fs-sm);font-weight:700;padding:.625rem 1.25rem;border-radius:var(--radius-full);transition:all var(--t-fast);white-space:nowrap}
.btn-whatsapp:hover{background:#1aaf55;transform:translateY(-1px)}@media(min-width:1024px){.btn-whatsapp{display:flex}}
.hamburger{display:flex;flex-direction:column;gap:5px;padding:.5rem}@media(min-width:1024px){.hamburger{display:none}}
.hamburger span{display:block;width:24px;height:2px;background:var(--c-ink);border-radius:2px;transition:all var(--t-base)}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;background:var(--c-bg);border-top:1px solid var(--c-border);padding:1rem 0}.mobile-menu.open{display:block}
.mobile-nav-list{padding-inline:var(--container-pad);display:flex;flex-direction:column;gap:.25rem}
.mobile-nav-link{display:block;color:var(--c-ink-muted);font-size:var(--fs-md);font-weight:700;padding:.75rem 1rem;border-radius:var(--radius-md);transition:all var(--t-fast)}.mobile-nav-link:hover{color:var(--c-primary);background:var(--c-primary-pale)}
.mobile-cta-wrap{display:flex;gap:.75rem;padding-top:1rem;flex-wrap:wrap}
.mobile-cta-call,.mobile-cta-wp{flex:1;min-width:120px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:var(--fs-sm);padding:.75rem 1rem;border-radius:var(--radius-full)}
.mobile-cta-call{background:var(--c-primary);color:#fff}.mobile-cta-wp{background:var(--c-green);color:#fff}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#F0FDFA,#E6FFFB);padding-top:76px}
.hero-bg{position:absolute;inset:0}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(13,148,136,.08) 1px,transparent 1px);background-size:32px 32px}
.hero-content{position:relative;z-index:1;width:100%}
.hero-inner{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;padding-block:var(--sp-20)}@media(min-width:1024px){.hero-inner{grid-template-columns:1fr 400px;padding-block:var(--sp-24)}}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--c-primary-pale);border:1px solid rgba(13,148,136,.25);color:var(--c-primary);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.375rem 1rem;border-radius:var(--radius-full);margin-bottom:1.5rem}
.hero-title{font-family:var(--font-serif);font-size:var(--fs-hero);font-weight:800;color:var(--c-ink);line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem}
.hero-title .accent{color:var(--c-primary);font-style:italic}
.hero-desc{font-size:var(--fs-lg);color:var(--c-ink-muted);max-width:540px;line-height:1.8;margin-bottom:2rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--c-primary);color:#fff;font-weight:700;font-size:var(--fs-md);padding:1rem 2rem;border-radius:var(--radius-full);transition:all var(--t-base);white-space:nowrap}
.btn-primary:hover{background:var(--c-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-teal)}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:2px solid var(--c-primary);color:var(--c-primary);font-weight:700;font-size:var(--fs-md);padding:.875rem 2rem;border-radius:var(--radius-full);transition:all var(--t-base);white-space:nowrap}
.btn-secondary:hover{background:var(--c-primary);color:#fff;transform:translateY(-2px)}
.hero-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);border-top:4px solid var(--c-primary)}
.hero-card-title{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:700;margin-bottom:.5rem}
.hero-card-sub{font-size:var(--fs-sm);color:var(--c-ink-muted);margin-bottom:1.5rem}
.form-group{margin-bottom:1rem}.form-label{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--c-ink-soft);margin-bottom:.5rem}
.form-control{width:100%;padding:.75rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--radius-lg);font-size:var(--fs-base);color:var(--c-ink);background:var(--c-bg);transition:all var(--t-fast);min-height:48px}
.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(13,148,136,.12);background:#fff}
.form-control::placeholder{color:var(--c-ink-faint)}textarea.form-control{min-height:120px;resize:vertical}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234B7A76' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}
.btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));color:#fff;font-size:var(--fs-md);font-weight:700;border-radius:var(--radius-lg);cursor:pointer;border:none;transition:all var(--t-fast)}
.btn-submit:hover{transform:translateY(-1px);box-shadow:var(--shadow-teal)}
.section-header{text-align:center;max-width:680px;margin-inline:auto;margin-bottom:4rem}
.section-label{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--c-primary);margin-bottom:.75rem}
.section-title{font-family:var(--font-serif);font-size:var(--fs-4xl);font-weight:800;color:var(--c-ink);line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}
.section-title .accent{color:var(--c-primary);font-style:italic}
.section-desc{font-size:var(--fs-md);color:var(--c-ink-muted);line-height:1.8}
.section-dark .section-title{color:#fff}.section-dark .section-label{color:var(--c-accent-light)}.section-dark .section-desc{color:rgba(255,255,255,.65)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.service-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:2rem;transition:all var(--t-base)}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:rgba(13,148,136,.3)}
.service-card-icon{width:56px;height:56px;background:var(--c-primary-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--c-primary);transition:all var(--t-base)}
.service-card:hover .service-card-icon{background:var(--c-primary);color:#fff}
.service-card-cat{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary);margin-bottom:.5rem}
.service-card-title{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:700;margin-bottom:.75rem}
.service-card-desc{font-size:var(--fs-sm);color:var(--c-ink-muted);line-height:1.75;margin-bottom:1.25rem}
.service-card-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);font-weight:700;color:var(--c-primary)}.arrow{transition:transform var(--t-fast)}.service-card-link:hover .arrow{transform:translateX(4px)}
.district-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}
.district-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-full);padding:.875rem;text-align:center;font-size:var(--fs-sm);font-weight:700;color:var(--c-ink-soft);transition:all var(--t-base);display:block}
.district-card:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.process-step{text-align:center}
.process-step-num{width:72px;height:72px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));color:#fff;font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-teal)}
.process-step-title{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:700;margin-bottom:.5rem}
.process-step-desc{font-size:var(--fs-sm);color:var(--c-ink-muted);line-height:1.75}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:48px;height:48px;background:var(--c-primary-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--c-primary)}
.feature-title{font-family:var(--font-serif);font-size:var(--fs-md);font-weight:700;margin-bottom:.25rem}.feature-desc{font-size:var(--fs-sm);color:var(--c-ink-muted);line-height:1.75}
.faq-list{display:flex;flex-direction:column;gap:.75rem}
.faq-item{border:1.5px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;background:#fff}
.faq-question{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-size:var(--fs-md);font-weight:700;color:var(--c-ink);cursor:pointer;background:none;border:none;transition:all var(--t-fast)}
.faq-question:hover,.faq-question[aria-expanded="true"]{color:var(--c-primary);background:var(--c-primary-pale)}
.faq-icon{width:22px;height:22px;flex-shrink:0;color:var(--c-primary);transition:transform var(--t-base)}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(180deg)}
.faq-answer{display:none;padding:0 1.5rem 1.25rem;font-size:var(--fs-sm);color:var(--c-ink-muted);line-height:1.8}.faq-answer.open{display:block}
.cta-banner{background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary));border-radius:var(--radius-2xl);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden}
.cta-banner-title{font-family:var(--font-serif);font-size:var(--fs-4xl);font-weight:800;color:#fff;margin-bottom:1rem}
.cta-banner-desc{font-size:var(--fs-md);color:rgba(255,255,255,.8);max-width:540px;margin:0 auto 2rem;line-height:1.8}
.cta-banner-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.cta-banner .btn-secondary{border-color:rgba(255,255,255,.5);color:#fff}.cta-banner .btn-secondary:hover{background:rgba(255,255,255,.1)}
.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--c-ink-muted);margin-bottom:1rem}.breadcrumb a{color:var(--c-primary)}.breadcrumb-sep{color:var(--c-border-dark)}
.page-hero{background:linear-gradient(135deg,var(--c-ink),var(--c-primary-dark));padding-top:calc(76px + 4rem);padding-bottom:4rem}
.page-hero-title{font-family:var(--font-serif);font-size:var(--fs-4xl);font-weight:800;color:#fff;margin-bottom:1rem}
.page-hero-desc{font-size:var(--fs-lg);color:rgba(255,255,255,.75);max-width:640px;line-height:1.8}
.site-footer{background:var(--c-ink);color:rgba(255,255,255,.65);padding-top:5rem;padding-bottom:2rem;border-top:4px solid var(--c-primary)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem}@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}}
.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
.footer-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.footer-logo-name{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:700;color:#fff}
.footer-desc{font-size:var(--fs-sm);line-height:1.8;max-width:300px;margin-bottom:1.5rem}
.footer-contact-info{display:flex;flex-direction:column;gap:.75rem}
.footer-phone,.footer-email{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);color:rgba(255,255,255,.65);transition:color var(--t-fast)}.footer-phone:hover,.footer-email:hover{color:var(--c-primary-light)}
.footer-address{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--fs-sm);font-style:normal;line-height:1.6}
.footer-heading{font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary-light);margin-bottom:1.25rem}
.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{font-size:var(--fs-sm);color:rgba(255,255,255,.55);transition:color var(--t-fast)}.footer-links a:hover{color:var(--c-primary-light)}
.footer-badges{display:flex;flex-direction:column;gap:.5rem}.badge{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);color:rgba(255,255,255,.65)}.badge svg{color:var(--c-primary-light);flex-shrink:0}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);font-size:var(--fs-xs);color:rgba(255,255,255,.35)}
.footer-credit a{color:var(--c-primary-light)}
.whatsapp-float{position:fixed;bottom:2rem;right:2rem;z-index:var(--z-float);width:60px;height:60px;background:var(--c-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.5);transition:transform var(--t-base);animation:float-pulse 3s ease-in-out infinite}
.whatsapp-float:hover{transform:scale(1.12)}@keyframes float-pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.5)}50%{box-shadow:0 4px 32px rgba(37,211,102,.7)}}
.back-to-top{position:fixed;bottom:2rem;right:calc(2rem + 72px);z-index:var(--z-float);width:48px;height:48px;background:var(--c-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform var(--t-base)}.back-to-top[hidden]{display:none}.back-to-top:hover{transform:translateY(-3px)}
[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}[data-animate].in-view{opacity:1;transform:translateY(0)}
[data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}[data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}[data-delay="5"]{transition-delay:.5s}[data-delay="6"]{transition-delay:.6s}
.service-detail-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.service-detail-grid{grid-template-columns:1fr 320px}}
.service-content h2{font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:700;margin-top:2rem;margin-bottom:1rem}
.service-content p{font-size:var(--fs-base);color:var(--c-ink-muted);line-height:1.85;margin-bottom:1rem}
.service-content ul{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}
.service-content ul li{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--fs-sm);color:var(--c-ink-muted)}.service-content ul li::before{content:'◆';color:var(--c-primary);font-size:.5rem;flex-shrink:0;margin-top:7px}
.sidebar-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1.25rem}.sidebar-card:first-child{background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary));border-color:transparent;color:#fff}
.sidebar-card-title{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:700;margin-bottom:1rem}.sidebar-cta{display:flex;flex-direction:column;gap:.75rem}
.contact-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1.5fr}}
.contact-info-card{background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary));color:#fff;border-radius:var(--radius-xl);padding:2.5rem}
.contact-info-title{font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:700;margin-bottom:.5rem}.contact-info-sub{color:rgba(255,255,255,.7);margin-bottom:2rem;font-size:var(--fs-sm)}
.contact-info-list{display:flex;flex-direction:column;gap:1.25rem}.contact-info-item{display:flex;gap:1rem;align-items:flex-start}
.contact-info-icon{width:44px;height:44px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--c-accent-light)}
.contact-info-label{font-size:var(--fs-xs);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.contact-info-value{font-size:var(--fs-sm);font-weight:700;color:#fff}.contact-info-value a{color:inherit}.contact-info-value a:hover{color:var(--c-accent-light)}
.contact-form-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:2.5rem}
.form-success{background:rgba(13,148,136,.08);border:1.5px solid rgba(13,148,136,.3);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;color:var(--c-primary-dark);font-size:var(--fs-sm);font-weight:700;margin-top:1rem;display:none}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.gallery-item{aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;background:var(--c-bg-alt)}
.gallery-item-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;color:rgba(255,255,255,.4);font-size:var(--fs-sm);transition:transform var(--t-slow)}
.gallery-item:hover .gallery-item-placeholder{transform:scale(1.05)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.blog-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--t-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.blog-card-img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary));display:flex;align-items:center;justify-content:center}
.blog-card-body{padding:1.5rem}
.blog-card-cat{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary);margin-bottom:.5rem}
.blog-card-title{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:700;margin-bottom:.75rem;line-height:1.35}.blog-card-title a:hover{color:var(--c-primary)}
.blog-card-excerpt{font-size:var(--fs-sm);color:var(--c-ink-muted);line-height:1.75;margin-bottom:1rem}.blog-card-meta{font-size:var(--fs-xs);color:var(--c-ink-faint)}.blog-card-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);font-weight:700;color:var(--c-primary);margin-top:1rem}
.about-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}
.about-visual{background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary-light));border-radius:50% 50% 48px 48px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}
.related-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.related-service-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:1.25rem;transition:all var(--t-base)}.related-service-card:hover{border-color:var(--c-primary);background:var(--c-primary-pale)}.related-service-card a{color:var(--c-ink);font-weight:700;font-size:var(--fs-sm)}.related-service-card a:hover{color:var(--c-primary)}
.district-hero-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}
.district-service-link{background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.25);border-radius:var(--radius-full);padding:.875rem 1.25rem;color:rgba(255,255,255,.85);font-size:var(--fs-sm);font-weight:700;transition:all var(--t-fast);display:block;text-align:center}.district-service-link:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);transform:translateY(-2px)}
.trust-strip{background:var(--c-primary-dark);padding:1.25rem 0}
.trust-strip-inner{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.trust-item svg{color:var(--c-accent-light)}
@media(max-width:639px){.cta-banner{padding:2.5rem 1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ══════════════════════════════════════════
   WHATSAPP FLOAT SOL (JS tarafından oluşturulur)
   ══════════════════════════════════════════ */
.whatsapp-float-left {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  z-index: 1030;
  display: flex;
  align-items: center;
  gap: .625rem;
  background: #25D366;
  color: #fff;
  border-radius: 9999px;
  padding: .875rem 1.25rem .875rem 1rem;
  box-shadow: 0 4px 20px rgba(37,211,102,.45);
  font-size: .938rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
  animation: wa-left-pulse 3s ease-in-out infinite;
  white-space: nowrap;
}
.whatsapp-float-left:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 6px 28px rgba(37,211,102,.6);
}
.whatsapp-float-left .wa-label { display: none; }
@media (min-width: 480px) { .whatsapp-float-left .wa-label { display: inline; } }
@media (max-width: 479px) {
  .whatsapp-float-left {
    width: 52px; height: 52px; padding: 0;
    justify-content: center; border-radius: 50%;
    bottom: 1.25rem; left: 1.25rem;
  }
  .whatsapp-float { bottom: 1.25rem !important; right: 1.25rem !important; width: 52px !important; height: 52px !important; }
  .back-to-top { display: none !important; }
}
@keyframes wa-left-pulse {
  0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,.45); }
  50% { box-shadow: 0 4px 32px rgba(37,211,102,.65); }
}

/* ══ İLETİŞİM KARTLARI ══ */
.contact-card-grid {
  display: grid; grid-template-columns: 1fr; gap: 1.25rem;
}
@media (min-width: 640px) { .contact-card-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .contact-card-grid { grid-template-columns: repeat(3, 1fr); } }
.contact-card {
  border-radius: 20px; padding: 2rem;
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 1rem; transition: all .25s ease;
  border: 1.5px solid var(--c-border, #e0e0e0);
  background: var(--c-surface, #fff);
}
.contact-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(0,0,0,.1); }
.contact-card.featured { background: linear-gradient(135deg, #1a7a40, #25D366); border-color: transparent; color: #fff; }
.contact-card.call { background: var(--c-ink, #0a0a0a); border-color: transparent; color: #fff; }
.contact-card-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; }
.contact-card.plain .contact-card-icon { background: var(--c-primary-pale, #f0f4ff); color: var(--c-primary, #0a0a0a); }
.contact-card-label { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .7; }
.contact-card-value { font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
.contact-card-value a { color: inherit; text-decoration: none; }
.contact-card-sub { font-size: .875rem; opacity: .75; }
.contact-card-btn {
  display: inline-flex; align-items: center; gap: .5rem;
  background: rgba(255,255,255,.2); color: inherit; font-weight: 700; font-size: .875rem;
  padding: .75rem 1.5rem; border-radius: 9999px; transition: background .15s ease;
  text-decoration: none; margin-top: auto;
}
.contact-card-btn:hover { background: rgba(255,255,255,.32); }
.map-wrapper { border-radius: 16px; overflow: hidden; height: 380px; border: 1.5px solid var(--c-border, #e0e0e0); }
.map-wrapper iframe { width: 100%; height: 100%; border: none; display: block; }

/* ══ HİZMET GÖRSELİ ══ */
.service-hero-img {
  width: 100%; height: 360px; object-fit: cover;
  border-radius: 16px; display: block; background: var(--c-bg-alt, #f5f5f5);
}
@media (max-width: 767px) { .service-hero-img { height: 220px; } }

/* ══ RESPONSIVE ══ */
@media (max-width: 374px) {
  .hero-title { font-size: clamp(2rem, 8vw, 2.5rem) !important; }
  .btn-primary, .btn-secondary { font-size: .875rem; padding: .875rem 1.25rem; }
  .services-grid { grid-template-columns: 1fr !important; }
  .district-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 375px) and (max-width: 479px) {
  .district-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: 1fr; }
}
@media (min-width: 480px) and (max-width: 639px) {
  .district-grid { grid-template-columns: repeat(3, 1fr); }
  .services-grid { grid-template-columns: 1fr; }
}
@media (min-width: 640px) and (max-width: 767px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .service-detail-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 1440px) { :root { --container-max: 1400px; } }
@media print {
  .site-header, .site-footer, .whatsapp-float, .whatsapp-float-left, .back-to-top, .trust-strip { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .whatsapp-float, .whatsapp-float-left { animation: none !important; }
}

.process-step-title, .process-step-desc { color: #ffffff !important; }
.process-step-num { color: var(--c-accent, #B8860B) !important; }