/* hastanecaddesi.com — ortak stil. Kimlik: Türkiye sokak tabelası (lacivert zemin, beyaz yazı, beyaz çerçeve). */
:root{
  --tabela:#123f7a; --tabela-koyu:#0b2a54; --tabela-acik:#eaf1fa;
  --kehribar:#f0a43a; --kehribar-acik:#fff4e2;
  --wa:#1f8f4e; --wa-koyu:#17733e;
  --metin:#1a2230; --soluk:#566173; --cizgi:#dde3ec;
  --zemin:#fbfaf7; --kart:#ffffff;
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
section{scroll-margin-top:76px}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--metin);background:var(--zemin);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--tabela)}
.kap{max-width:1100px;margin:0 auto;padding:0 16px}
.dar{max-width:760px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;color:var(--tabela-koyu)}
h1{font-size:clamp(1.9rem,4.8vw,3rem);letter-spacing:-.02em}
h2{font-size:clamp(1.45rem,3.2vw,2rem);letter-spacing:-.01em}
h3{font-size:1.12rem}
p{margin:0 0 1em}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.3em;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:20px;height:20px;flex:none}
.btn-ana{background:var(--tabela);color:#fff}
.btn-ana:hover{background:var(--tabela-koyu)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-koyu)}
.btn-cizgi{border-color:var(--tabela);color:var(--tabela);background:#fff}
.butonlar{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* sokak tabelası logosu */
.tabela{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tabela);color:#fff;border-radius:6px;box-shadow:inset 0 0 0 3px var(--tabela),inset 0 0 0 5px #fff;padding:7px 14px 6px;text-decoration:none;line-height:1.05;font-weight:800;letter-spacing:.06em;font-size:.95rem}
.tabela small{font-weight:600;font-size:.62rem;letter-spacing:.14em;opacity:.85;margin-top:2px}

/* üst şerit */
.ust{position:sticky;top:0;z-index:10;background:rgba(251,250,247,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.ust nav{display:flex;align-items:center;gap:18px}
.ust nav a.menu{color:var(--metin);text-decoration:none;font-weight:600;font-size:.95rem}
.ust nav a.menu:hover{color:var(--tabela)}
.ust .btn{min-height:42px;padding:.45em 1em;font-size:.95rem}
@media(max-width:760px){.ust nav a.menu{display:none}}
@media(max-width:420px){.ust .btn span{display:none}}

/* giriş */
.giris{background:linear-gradient(180deg,var(--tabela-acik),var(--zemin));padding:44px 0 52px}
.giris .ozet{font-size:1.12rem;color:var(--soluk);max-width:38em}
.etiket{display:inline-block;background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:.25em .9em;font-size:.85rem;font-weight:600;color:var(--tabela);margin-bottom:14px}
.yol{font-size:.9rem;color:var(--soluk);margin-bottom:12px}
.yol a{color:var(--soluk)}

/* bölümler */
section.b{padding:56px 0}
section.b.acik{background:#fff;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.alt-baslik{color:var(--soluk);max-width:42em;margin-bottom:28px}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:22px}
.kart p{color:var(--soluk)}
.izgara{display:grid;gap:16px}
@media(min-width:760px){.izgara.iki{grid-template-columns:repeat(2,1fr)}.izgara.uc{grid-template-columns:repeat(3,1fr)}}

.urun{display:flex;flex-direction:column;border-top:5px solid var(--kehribar)}
.urun p{flex:1}
.urun .btn{min-height:44px;font-size:.95rem}

a.rehber{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--metin);transition:border-color .15s,box-shadow .15s}
a.rehber:hover{border-color:var(--tabela);box-shadow:0 10px 24px -16px rgba(11,42,84,.55)}
a.rehber h3{margin:0}
a.rehber p{margin:0;font-size:.95rem}
a.rehber em{font-style:normal;font-weight:700;font-size:.92rem;color:var(--tabela);margin-top:4px}

/* mağaza */
.magaza{display:grid;gap:24px;align-items:center}
@media(min-width:860px){.magaza{grid-template-columns:1fr 1fr}}
.magaza figure{margin:0;border-radius:var(--r);overflow:hidden}
.magaza dl{margin:0 0 6px;display:grid;gap:12px}
.magaza dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:700}
.magaza dd{margin:2px 0 0;font-size:1.05rem}

/* rehber yazıları */
.yazi h2{font-size:1.45rem;margin-top:1.6em}
.yazi ul,.yazi ol{padding-left:1.3em;margin:0 0 1.2em}
.yazi li{margin-bottom:.45em}
.yazi li::marker{color:var(--tabela)}
.kontrol{list-style:none;padding-left:0!important}
.kontrol li{position:relative;padding-left:2em}
.kontrol li::before{content:"";position:absolute;left:0;top:.28em;width:1.15em;height:1.15em;border:2px solid var(--tabela);border-radius:4px;background:#fff}
.uyari{background:var(--kehribar-acik);border:1px solid #f1d4a4;border-radius:var(--r);padding:16px 20px;margin:24px 0}
.uyari p{margin:0}
.not{font-size:.92rem;color:var(--soluk);border-top:1px solid var(--cizgi);padding-top:16px;margin-top:32px}
.cagri{background:var(--tabela-koyu);color:#fff;border-radius:var(--r);padding:26px;margin-top:36px}
.cagri h2{color:#fff;margin-top:0;font-size:1.35rem}
.cagri p{color:#d6e2f3}
.cagri .btn-cizgi{background:transparent;border-color:#fff;color:#fff}

details{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:0 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--tabela)}
details[open] summary::after{content:"–"}
details p{color:var(--soluk);margin:0 0 16px}

footer{background:var(--tabela-koyu);color:#c5d3e8;padding:36px 0 104px;font-size:.92rem}
footer a{color:#fff}
footer .kap{display:grid;gap:18px}
@media(min-width:760px){footer{padding-bottom:36px}footer .kap{grid-template-columns:1.2fr 1fr}}
footer p{margin:0 0 .4em}

/* mobil alt çubuk */
.mobil-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--cizgi);box-shadow:0 -6px 20px -12px rgba(0,0,0,.25)}
.mobil-cubuk .btn{min-height:46px;padding:.5em .6em;font-size:.95rem}
@media(min-width:760px){.mobil-cubuk{display:none}}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.giris + section.b{padding-top:20px}