html{scroll-behavior:smooth}
/* Merkez Taksi Uğur — mobil-öncelikli, ekstra küçük ekran uyumlu */
:root{
  --bg:#0a0a0a;
  --fg:#f7f7f7;
  --muted:#c9c9c9;
  --brand:#ffcc00;
  --brand-dark:#d4a900;
  --radius:16px;
  --container:min(1152px, 100vw);
  --safe: env(safe-area-inset-bottom, 0px);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  color: var(--fg);
  background: var(--bg);
  line-height:1.6;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

img{max-width:100%;display:block;border-radius:12px;height:auto}

/* Fluid type */
h1{font-size:clamp(1.5rem, 3.5vw + 1rem, 2.75rem)}
h2{font-size:clamp(1.25rem, 2.5vw + .9rem, 1.75rem)}
h3{font-size:clamp(1.05rem, 1.8vw + .8rem, 1.25rem)}
p,li,small{font-size:clamp(.95rem, .6vw + .8rem, 1.05rem)}

/* Container */
.container{max-width:72rem;margin:0 auto;padding:0 12px}

/* Header / Brandbar */
.site-header{
  position:sticky; top:0; z-index:50;
  background: rgba(10,10,10,.9);
  backdrop-filter:saturate(1.2) blur(6px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brandbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
.brand{display:flex;align-items:center;gap:10px;min-height:44px}
.brand img{height:40px;width:auto;border-radius:50%}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text small{color:var(--muted);font-size:.8rem;margin-top:2px}

.quick{display:flex;gap:8px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px; min-width:44px;
  padding:10px 14px;border-radius:999px;text-decoration:none;
  border:1px solid transparent; font-weight:700; white-space:nowrap;
}
.btn-outline{border-color:#ffffff33;color:var(--fg);background:transparent}
.btn-call{background:#222;color:#fff;border-color:#ffffff33}
.btn-wa{background:var(--brand);color:#000}
.btn:hover{transform:translateY(-1px)}
.btn-xl{padding:14px 18px}

/* Floating Action Buttons */
.fab{
  position:fixed; right:12px; padding:12px 16px; border-radius:999px; text-decoration:none; color:#000; font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.fab-wa{ bottom:calc(76px + var(--safe)); background:var(--brand); }
.fab-call{ bottom:calc(16px + var(--safe)); background:#16ff97; color:#000; }

/* Hero */
.hero{
  position:relative;min-height:65vh;display:grid;place-items:center;
  background: #000 center/cover no-repeat;
  background-image: var(--hero);
}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.7))}
.hero-inner{position:relative;text-align:left}
.hero p{color:#eee;margin:6px 0 14px}
.info-chip{
  margin-top:12px; display:inline-block; padding:8px 12px; background:#ffffff22; border:1px solid #ffffff22; border-radius:999px; font-size:.9rem;
}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px auto}
.card{background:#101010;border:1px solid #ffffff0f;border-radius:16px;padding:12px}
.card h3{margin:8px 0 4px}
.card p{color:var(--muted);margin:0}

/* About */
.about{padding:36px 0;background:#0e0e0e}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center}
.bullets{list-style:'✔  '; padding-left:0; margin:10px 0 0}
.bullets li{margin:6px 0}

/* Gallery */
.gallery{padding:36px 0}
.gallery h2{margin:0 0 12px}
.gallery .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

/* Map */
.map{padding:36px 0;background:#0e0e0e}
.map .map-embed{aspect-ratio:16/9;border:1px solid #ffffff12;border-radius:16px;overflow:hidden;margin:10px 0}
.map iframe{width:100%;height:100%;border:0}
.map .map-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Contact */
.contact{padding:36px 0}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
.contact-photo{border:1px solid #ffffff12;background:#111}
.no-email{display:block;color:#bfbfbf;margin-top:10px}

/* Footer */
.site-footer{padding:18px 0;border-top:1px solid #ffffff10;background:#0a0a0a;text-align:center;color:#bdbdbd}

/* Responsive breakpoints */
@media (max-width: 900px){
  .cards{grid-template-columns:1fr 1fr}
  .about-grid, .contact-grid{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .cards{grid-template-columns:1fr}
  .quick{display:none}
  .hero{min-height:60vh}
  .btn-xl{width:100%}
  .container{padding:0 10px}
}
@media (max-width: 360px){
  .brand img{height:34px}
  .fab{right:10px}
  .info-chip{font-size:.82rem}
  .btn{padding:10px 12px}
}


/* --- Uniform media sizing --- */
.card img{width:100%; aspect-ratio:16/9; object-fit:cover}
.gallery .grid img{width:100%; aspect-ratio:4/3; object-fit:cover}
.about-media img{width:100%; aspect-ratio:4/3; object-fit:cover}

/* Hero chips */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip{background:#ffffff22;border:1px solid #ffffff22;border-radius:999px;padding:6px 10px;font-weight:600}


/* Compact map sizing */
.map .map-embed{aspect-ratio:21/9; max-height:300px}
@media (max-width: 900px){ .map .map-embed{aspect-ratio:18/9; max-height:260px} }
@media (max-width: 520px){ .map .map-embed{aspect-ratio:16/9; max-height:220px} }
/* Mobile touch polish */
*{-webkit-tap-highlight-color: rgba(0,0,0,0)}
a,button{touch-action: manipulation}


/* Mobile button polish */
@media (max-width: 560px){
  .cta{
    flex-direction: column;
    gap: 10px;
  }
  .cta .btn{
    width: 100%;
    font-size: 16px;
    padding: 14px 12px;
    border-radius: 12px;
  }
}


/* Hero readability upgrade */
.hero .overlay{
  background: radial-gradient(120% 120% at 50% 10%, rgba(0,0,0,.50) 0%, rgba(0,0,0,.70) 40%, rgba(0,0,0,.88) 100%);
}
.hero-inner h1{ text-shadow: 0 2px 18px rgba(0,0,0,.55) }
.hero-inner p{ text-shadow: 0 1px 12px rgba(0,0,0,.45) }
.fade-in{ animation: fadein .7s ease-out both }
@keyframes fadein{ from{opacity:0; transform: translateY(6px)} to{opacity:1; transform:none} }


/* Hero right-aligned translucent box */
.hero-inner{ display:flex; justify-content:flex-end; }
.hero-panel{
  width:min(560px, 96vw);
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: saturate(1.1) blur(4px);
  -webkit-backdrop-filter: saturate(1.1) blur(4px);
  padding: 18px;
  border-radius: 18px;
}
.hero-panel .cta{ display:flex; gap:10px; flex-wrap:wrap }
.hero-panel .info-chip{ background:#ffffff1f; border-color:#ffffff2a }
.hero-panel .chips .chip{ background:#ffffff26; border-color:#ffffff40 }
@media (max-width:520px){
  .hero-panel{ width:100%; padding:14px; border-radius:14px }
}


/* Icon action bar (compact) */
.iconbar{display:flex;gap:10px;align-items:center;margin:10px 0}
.iconbtn{
  width:48px;height:48px;min-width:48px;min-height:48px;
  display:inline-grid;place-items:center;
  border-radius:999px;border:1px solid #ffffff2a;
  background:#0e0e0e99;color:#fff;text-decoration:none;
  transition:transform .15s ease, background .2s ease, border .2s ease;
}
.iconbtn svg{width:22px;height:22px;display:block}
.iconbtn:hover{transform:translateY(-2px);border-color:#ffffff55;background:#111111cc}
.iconbtn-wa{background:var(--brand);color:#000;border-color:transparent}
.iconbtn-call{background:#16ff97;color:#000;border-color:transparent}
@media (max-width:520px){
  .iconbtn{width:52px;height:52px}
}

/* A2HS install banner */
.install-banner{
  position: fixed; left: 0; right: 0; bottom: 0;
  padding: 8px 12px calc(8px + var(--safe)); z-index: 60;
  background: rgba(10,10,10,.9);
  backdrop-filter: blur(10px) saturate(1.1);
  border-top: 1px solid #ffffff22;
}
.install-inner{ display:flex; align-items:center; justify-content:space-between; gap:10px; max-width: var(--container); margin: 0 auto; }
.install-text strong{ display:block; }
.install-text small{ color:#cfcfcf; display:block; margin-top:2px; }
.install-actions{ display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width: 560px){
  .install-inner{ flex-direction: column; align-items: stretch; }
  .install-actions .btn{ width: 100%; }
}


/* Force link color overrides */
a{
  color:#ffffff !important;
  text-decoration:none !important;
}
a:visited{
  color:#ffffff !important;
}
a:hover{
  color:#ffcc00 !important;
}


/* FINAL OVERRIDE — link colors */
a, a:link, a:visited, a:active{ color:#ffffff !important; text-decoration:none !important; }
a:hover{ color:#ffcc00 !important; text-decoration:none !important; }
.site-footer a{ color:#ffffff !important; }


/* HERO ICON COLORS (final) */
.iconbar .iconbtn { background:#111111cc; }
.iconbar .iconbtn:first-child { background:#FDD835 !important; color:#000 !important; } /* location - yellow */
.iconbar .iconbtn-wa { background:#25D366 !important; color:#000 !important; }
.iconbar .iconbtn-call { background:#FF3B30 !important; color:#fff !important; }
.iconbar .iconbtn svg { color: currentColor; }