:root { --primary:#0ea5e9; --text:#0f172a; --muted:#475569; --surface:#ffffff; --surface-alt:#f8fafc; --green:#16a34a; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);-webkit-text-size-adjust:100%;height:-webkit-fill-available;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.container{width:100%;max-width:none;padding:0 20px;margin:0}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:20}
.header-inner{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:56px;height:56px}
.brand-text{font-weight:800;font-size:clamp(1.05rem,2.4vw,1.3rem)}
.nav{display:flex;gap:14px}
.nav a{color:#334155;font-weight:600}
.menu-toggle{display:none;border:1px solid #e2e8f0;border-radius:10px;padding:6px 10px;background:#fff}
.cta{display:flex;gap:8px;align-items:center}
.icon-btn{width:42px;height:42px;border-radius:999px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}
.icon-btn.phone{background:#fff;color:#0f172a}
.icon-btn.whatsapp{background:#25D366;color:#fff;border-color:#25D366}

/* Hero */
.hero{position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;min-height:58vh}
@supports (min-height: 1svh){ .hero{min-height:58svh} }
@supports (min-height: 1dvh){ .hero{min-height:58dvh} }
.hero .container{position:relative}
.hero-inner{display:block;padding:clamp(36px,6vw,64px) 0}
.hero-text h1{font-size:clamp(1.6rem,5vw,3rem);margin:0 0 12px;font-weight:800;letter-spacing:.2px}
.hero-text p{color:#e5eefb;margin:0 0 18px;font-size:clamp(1rem,2.4vw,1.2rem)}
.hero-actions{display:flex;gap:10px}

/* Hero – yuvarlak butonlar (ikonlar) */
.circle-btn{
  width:48px;height:48px;border-radius:999px;border:1px solid #e5e7eb;
  display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0f172a;
  position:relative;overflow:hidden;
}
.circle-btn::before{
  content:""; width:22px;height:22px;display:block;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.45-1.14a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.45-1.14a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/></svg>") center/contain no-repeat;
}
.circle-btn.whatsapp{
  background:#25D366;color:#fff;border-color:#25D366;
}
.circle-btn.whatsapp::before{
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M20.52 3.48A11.82 11.82 0 0 0 12.01 0 11.99 11.99 0 0 0 2 18.19L0 24l5.99-1.97A12 12 0 0 0 12.01 24C18.63 24 24 18.63 24 12.01c0-3.2-1.25-6.2-3.48-8.53zM12.01 22a9.9 9.9 0 0 1-5.03-1.38l-.36-.21-3 .98.99-2.92-.24-.38A9.95 9.95 0 1 1 22 12.01 10 10 0 0 1 12.01 22zm5.47-7.54c-.3-.15-1.77-.88-2.04-.98-.27-.1-.47-.15-.67.15-.2.3-.77.98-.94 1.18-.17.2-.35.22-.65.07-.3-.15-1.24-.46-2.36-1.47-.87-.77-1.46-1.72-1.63-2.02-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.38-.02-.53-.07-.15-.67-1.6-.92-2.2-.24-.57-.48-.5-.67-.5h-.57c-.2 0 -.52 .07 -.8 .38 -.27 .3 -1.05 1.02 -1.05 2.48 0 1.46 1.07 2.88 1.22 3.08 .15 .2 2.1 3.2 5.08 4.49 .71 .31 1.26 .5 1.69 .64 .71 .22 1.36 .19 1.88 .11 .57 -.08 1.77 -.72 2.02 -1.41 .25 -.69 .25 -1.28 .17 -1.41 -.07 -.13 -.27 -.2 -.57 -.35z'/>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M20.52 3.48A11.82 11.82 0 0 0 12.01 0 11.99 11.99 0 0 0 2 18.19L0 24l5.99-1.97A12 12 0 0 0 12.01 24C18.63 24 24 18.63 24 12.01c0-3.2-1.25-6.2-3.48-8.53zM12.01 22a9.9 9.9 0 0 1-5.03-1.38l-.36-.21-3 .98.99-2.92-.24-.38A9.95 9.95 0 1 1 22 12.01 10 10 0 0 1 12.01 22zm5.47-7.54c-.3-.15-1.77-.88-2.04-.98-.27-.1-.47-.15-.67.15-.2.3-.77.98-.94 1.18-.17.2-.35.22-.65.07-.3-.15-1.24-.46-2.36-1.47-.87-.77-1.46-1.72-1.63-2.02-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.38-.02-.53-.07-.15-.67-1.6-.92-2.2-.24-.57-.48-.5-.67-.5h-.57c-.2 0 -.52 .07 -.8 .38 -.27 .3 -1.05 1.02 -1.05 2.48 0 1.46 1.07 2.88 1.22 3.08 .15 .2 2.1 3.2 5.08 4.49 .71 .31 1.26 .5 1.69 .64 .71 .22 1.36 .19 1.88 .11 .57 -.08 1.77 -.72 2.02 -1.41 .25 -.69 .25 -1.28 .17 -1.41 -.07 -.13 -.27 -.2 -.57 -.35z'/>") center/contain no-repeat;
}

/* Buttons */
.btn{display:inline-block;padding:10px 14px;border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--primary);color:white}
.btn-ghost{background:transparent;border-color:#e2e8f0;color:#fff}
.btn-whatsapp{background:#25D366;color:#fff}

/* Sections */
.section{padding:40px 0}
.section.alt{background:var(--surface-alt)}
.section h2{font-size:clamp(1.4rem,2.6vw,1.6rem);margin:0 0 8px}
.section-lead{color:#475569;margin:0 0 12px}

/* Cards & gallery */
.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.03);display:flex;flex-direction:column}
.card img{width:100%;height:180px;object-fit:cover}
.card h3{margin:12px 12px 6px;font-size:1.05rem}
.card p{margin:0 12px 14px;color:#475569;flex-grow:1}

.grid.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}
.grid.gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px}

/* Contact */
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.contact-list{padding-left:0;list-style:none}
.ticks{padding-left:18px}
.ticks li{list-style:disc}
.small{font-size:.9rem;color:#64748b}
label{display:block;margin:10px 0 6px}
input,textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px}

/* Footer */
.site-footer{border-top:1px solid #e5e7eb;background:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.back-to-top{font-size:20px}
.footer-dark{background:#000;color:#e5e7eb;padding:36px 0 20px}
.footer-dark a{color:#e5e7eb;text-decoration:none;opacity:.9}
.footer-dark a:hover{opacity:1}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr auto;gap:28px;align-items:start}
.footer-col h3{margin:0 0 10px;font-size:1.05rem}
.footer-list{list-style:none;margin:8px 0 0;padding:0}
.footer-list li{margin:6px 0;line-height:1.5}
.footer-logo img{height:66px;width:auto;display:block}
.footer-bottom{padding-top:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:20px}
.footer-bottom p{margin:6px 0 0;color:#cbd5e1;font-size:.95rem}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr;gap:18px}.footer-logo img{height:54px;margin-top:4px}}
.site-footer.footer-dark{background:#000 !important;color:#e5e7eb !important;border-top:1px solid rgba(255,255,255,.08) !important}
.site-footer.footer-dark a{color:#e5e7eb !important}

/* Eski alt bar – varsayılan kapalı */
.mobile-action{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -6px 16px rgba(0,0,0,.06);padding-bottom:max(8px, env(safe-area-inset-bottom))}
.mobile-action a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-weight:700}
.mobile-action a:first-child{color:#0f172a}
.mobile-action a:last-child{background:#25D366;color:#fff}

/* Layout container override */
.container{width:100%;max-width:1200px;padding:0 20px;margin:0 auto}

/* About */
.section.about{background:#f8fafc}
.about .about-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:20px;align-items:center}
.about .about-text p{margin:0 0 10px;color:#475569}
.about .about-points{margin:8px 0 0 18px;color:#475569}
.about .about-points li{margin:4px 0}
.about .about-media img{width:100%;height:auto;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.14)}
@media (max-width:900px){.about .about-grid{grid-template-columns:1fr}}

/* Contact (grey) */
#iletisim.section{background:#f3f4f6}
#iletisim .contact-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}

/* === Dropdown Nav (desktop & large) === */
.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.nav .nav-group{display:flex;gap:16px;align-items:center}
.dropdown{position:relative}
.drop-btn{background:transparent;border:none;color:#0f172a;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:6px}
.drop-btn:focus{outline:2px solid #cbd5e1;outline-offset:2px;border-radius:8px}
.caret{font-size:.9rem}
.drop-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px rgba(2,6,23,.15);padding:8px;display:none;max-height:70vh;overflow:auto;z-index:50}
.drop-item{display:block;padding:10px 12px;border-radius:8px;color:#0f172a;text-decoration:none;white-space:nowrap}
.drop-item:hover{background:#f1f5f9}
@media (hover:hover){ .dropdown:hover .drop-menu{display:block} }
.dropdown.open .drop-menu{display:block}
@media (max-width:760px){
  .drop-btn{font-size:1.05rem}
  .drop-menu{min-width:200px}
}

/* === Inner service pages === */
.inner-hero{background:#f8fafc;padding:36px 0 18px;border-bottom:1px solid #e5e7eb}
.inner-hero h1{margin:0 0 6px}
.breadcrumbs{color:#475569;font-size:.95rem}
.svc-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}
.svc-media img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr}}

/* Sticky header like homepage */
.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.hdr{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.brand-logo{height:42px}

/* Call/WhatsApp icons */
.header-actions{display:flex;gap:10px;align-items:center}
.header-actions a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid #e5e7eb;color:#0f172a;text-decoration:none}
.header-actions a.whatsapp{background:#25D366;border-color:#25D366;color:#fff}

/* Dropdown hover gap fix & scroll */
.dropdown{position:relative;padding-bottom:8px}
.drop-menu{top:100%;left:0;margin-top:2px}
.drop-menu::-webkit-scrollbar{width:8px}
.drop-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}

/* ===========================
   MOBILE: Burger + Right Panel
   =========================== */
.bs-burger{ display:none;width:44px;height:44px;border:0;background:transparent;position:relative; }
.bs-burger span{ position:absolute; left:10px; right:10px; height:2px; background:#0f172a; border-radius:2px; transition:.2s; }
.bs-burger span:nth-child(1){ top:12px; } .bs-burger span:nth-child(2){ top:20px; } .bs-burger span:nth-child(3){ top:28px; }

@media (max-width:760px){
  .nav{ display:none !important; }
  .bs-burger{ display:block; }
}

#bsMobile{ position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.96); opacity:0; pointer-events:none; transition:opacity .22s ease; }
#bsMobile.open{ opacity:1; pointer-events:auto; }
#bsMobile .panel{ position:absolute; top:0; right:0; bottom:0; width:min(88vw,420px); background:#000; color:#fff; transform:translateX(100%); transition:transform .26s ease; }
#bsMobile.open .panel{ transform:translateX(0); }
#bsMobile .close{ position:absolute; top:18px; left:18px; font-size:34px; line-height:1; background:transparent; border:0; color:#fff; opacity:.95; cursor:pointer; }

#bsMobile .links{
  position:absolute; top:72px; left:24px; right:24px; bottom:24px;
  display:flex; flex-direction:column; gap:18px; align-items:flex-start; text-align:left;
  overflow:auto;
}
.mobile-link{ color:#fff; font-weight:800; font-size:clamp(18px,5vw,28px); text-decoration:none; padding:8px 0; }
.mobile-link:hover{ text-decoration:underline; text-underline-offset:4px; }

.acc{ width:100%; border-top:1px solid rgba(255,255,255,.12); padding-top:6px; }
.acc-btn{ width:100%; background:transparent; border:0; color:#fff; font-weight:800; font-size:clamp(18px,5vw,28px); display:flex; align-items:center; justify-content:space-between; padding:8px 0; cursor:pointer; }
.acc-btn .caret{ display:inline-block; transform:rotate(0deg); transition:transform .2s ease; font-size:24px; line-height:1; }
.acc.open .acc-btn .caret{ transform:rotate(180deg); }
.acc-panel{ display:none; margin-top:6px; max-height:62vh; overflow:auto; }
.acc-panel a{ display:block; color:#fff; opacity:.92; padding:8px 0; font-size:clamp(16px,4.4vw,20px); }
.acc-panel a:hover{ opacity:1; }
.acc.open .acc-panel{ display:block; }

@media (min-width: 761px){ #bsMobile{ display:none !important; } }

/* ------------------------------------
   Mobile floating CTA – WhatsApp (sağ) & Ara (sol)
   Yalnız mobil. Menü overlay z-index:9999 => CTA 9000'da.
------------------------------------- */
@media (max-width:760px){
  .mobile-action{ display:none !important; } /* eski bar kapalı */

  .mobile-cta{
    position:fixed;
    left:16px; right:16px;
    bottom:calc(16px + env(safe-area-inset-bottom));
    display:flex; justify-content:space-between; gap:12px;
    z-index:9000;           
    pointer-events:none;
  }
  .mobile-cta .cta{
    width:64px; height:64px; border-radius:9999px;
    display:grid; place-items:center;
    background:#ffffff; border:1px solid #e5e7eb;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    pointer-events:auto;
    color:#0f172a;
  }
  .mobile-cta .cta svg{ width:26px; height:26px; fill:currentColor; }
  .mobile-cta .cta.whatsapp{ background:#25D366; border-color:#25D366; color:#fff; }

  body{ padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important; }
}

/* =========================
   ► EK DÜZELTMELER
   ========================= */

/* 1) Dropdown menülerdeki nokta/bullet işaretlerini tamamen kaldır */
.drop-menu, .drop-menu ul, .drop-menu li{ list-style:none !important; }
.drop-menu li::marker{ content:"" !important; }
.drop-menu li::before{ content:none !important; }
.drop-menu a.drop-item{ background-image:none !important; }
.drop-menu .drop-item::before,
.drop-menu .drop-item::after{ content:none !important; }

/* 2) FOOTER siyah kalsın (masaüstü-mobil fark etmeksizin) */
.site-footer{ 
  background:#000; 
  color:#e5e7eb; 
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer a{ color:#e5e7eb; }

/* 3) Masaüstünde alttaki WhatsApp/Telefon floating butonlarını gizle */
@media (min-width:901px){
  .floating-buttons,
  .floating-action,
  .float-buttons,
  .whatsapp-float,
  .whatsapp-button,
  .wp-whatsapp,
  .sticky-call,
  .call-float,
  .fixed-contact,
  .btn-whatsapp-fixed,
  .btn-phone-fixed,
  .mobile-cta{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* 4) TÜM İÇERİK BEYAZ – ana sayfa görünümüyle eşleşsin */
html, body{ background:#fff !important; color:var(--text) !important; }
.section,
.inner-hero,
main,
.content,
.svc-grid,
.service-section,
.about,
#iletisim.section{
  background:#fff !important;
  color:var(--text) !important;
}