/* /eczaciyim ve /reklam-ver tanıtım sayfaları (E2, 28.10.2026). Ortak tasarim.css'in üstüne; yalnız bu iki sayfa. */
.tan{max-width:var(--genis);margin:0 auto;padding:0 16px}
.tan-kahraman{display:grid;gap:var(--b-5);padding:var(--b-5) 0 var(--b-6);align-items:center}
.tan-kahraman h1{font-size:clamp(1.9rem,6.4vw,3.2rem);max-width:17ch;margin-bottom:var(--b-3)}
.tan-kahraman .lead{color:var(--metin);opacity:.82}
.tan-kahraman .alt-baslik{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;color:var(--vurgu);margin:0 0 var(--b-3)}
.tan-cagri{display:flex;flex-wrap:wrap;gap:var(--b-2);margin-top:var(--b-4)}
.tan-cagri .btn{flex:1 1 200px}
.tan-not{margin:var(--b-2) 0 0;font-size:.92rem;color:var(--soluk)}
@media (min-width:900px){.tan-kahraman{grid-template-columns:1.05fr .95fr;padding:var(--b-7) 0}}

/* ekran görüntüsü yer tutucusu (sonra gerçek görsel konacak) */
.ekran-yer{margin:0;display:grid;gap:8px}
.ekran-yer .cerceve{aspect-ratio:16/10;border-radius:var(--r-3);border:2px dashed var(--cizgi);background:var(--yuzey-2);display:grid;place-items:center;text-align:center;padding:var(--b-4);color:var(--soluk);font-weight:700}
.ekran-yer .cerceve.dikey{aspect-ratio:9/16;max-width:220px;margin:0 auto;width:100%}
.ekran-resim{display:block;line-height:0}
.ekran-resim img{display:block;width:100%;height:auto;border-radius:var(--r-3);border:1px solid var(--cizgi);background:var(--yuzey-2);box-shadow:0 10px 28px rgba(6,38,42,.10)}
.ekran-resim.dikey img{max-width:240px;margin:0 auto;border-radius:28px}
.ekran-yer figcaption{font-size:.88rem;color:var(--soluk);text-align:center}

.tan-bolum{padding:var(--b-7) 0}
.tan-bolum>h2:first-child{margin-top:0}
.tan-bant{background:var(--yuzey);border-block:1px solid var(--cizgi)}
.dert{list-style:none;margin:var(--b-4) 0 0;padding:0;display:grid;gap:var(--b-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.dert li{background:var(--zemin);border:1px solid var(--cizgi);border-left:5px solid var(--mercan);border-radius:var(--r-2);padding:var(--b-4)}
.dert b{display:block;margin-bottom:4px}
.dert span{color:var(--soluk)}

.parca{display:grid;gap:var(--b-5);margin-top:var(--b-5)}
.parca article{display:grid;gap:var(--b-4);align-items:center}
.parca h3{margin:0 0 var(--b-2);font-size:1.3rem}
.parca p{margin:0 0 var(--b-2);color:var(--soluk)}
@media (min-width:900px){.parca article{grid-template-columns:1fr 1fr;gap:var(--b-6)}.parca article:nth-child(even) .ekran-yer{order:-1}}

.adim-liste{counter-reset:a;list-style:none;margin:var(--b-5) 0 0;padding:0;display:grid;gap:var(--b-3)}
.adim-liste li{counter-increment:a;position:relative;padding:var(--b-4) var(--b-4) var(--b-4) 64px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-2)}
.adim-liste li::before{content:counter(a);position:absolute;left:var(--b-4);top:var(--b-4);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--petrol);color:#fff;font-weight:700}
.adim-liste b{display:block}
.adim-liste span{color:var(--soluk)}
@media (min-width:900px){.adim-liste{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}
@media (min-width:1100px){.adim-liste.bes{grid-template-columns:repeat(5,1fr)}.adim-liste.bes li{padding:var(--b-4);padding-top:60px}.adim-liste.bes li::before{left:var(--b-4)}}

.gerekli{display:grid;gap:var(--b-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin-top:var(--b-4)}
.gerekli div{background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r-2);padding:var(--b-4)}
.gerekli b{display:block}.gerekli span{color:var(--soluk);font-size:.95rem}

.uygun{display:grid;gap:var(--b-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin-top:var(--b-4)}
.uygun div{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-2);padding:var(--b-5)}
.uygun h3{margin:0 0 var(--b-2)}
.uygun ul{margin:0;padding-left:20px;color:var(--soluk)}
.uygun .hayir{border-color:color-mix(in srgb,var(--mercan) 45%,var(--cizgi))}

.son-cagri{background:var(--vurgu);color:var(--vurgu-metin);border-radius:var(--r-3);padding:var(--b-6) var(--b-5);display:grid;gap:var(--b-3);margin:var(--b-6) 0}
.son-cagri h2{margin:0;color:inherit}
.son-cagri p{margin:0;opacity:.9}
.son-cagri .btn{background:var(--vurgu-metin);color:var(--vurgu);border-color:var(--vurgu-metin)}
.son-cagri .btn:hover{background:var(--yuzey-2);color:var(--petrol-koyu)}
.son-cagri .btn.ikinci{background:transparent;color:inherit;border-color:currentColor}
.son-cagri .tan-cagri{margin-top:var(--b-2)}

/* ikna duzeni (E2, 28.10.2026 aksam) */
.tan-rozet{display:inline-block;margin:0 0 var(--b-3);padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--vurgu) 12%,var(--zemin));color:var(--vurgu);font-weight:700;font-size:.95rem;line-height:1.35}
.tan-cagri .tan-link{flex:0 0 auto;align-self:center;font-weight:700;padding:10px 4px}
.guven{list-style:none;margin:var(--b-3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:var(--soluk)}
.guven li{position:relative;padding-left:20px}
.guven li::before{content:"";position:absolute;left:2px;top:.42em;width:10px;height:6px;border-left:2px solid var(--vurgu);border-bottom:2px solid var(--vurgu);transform:rotate(-45deg)}
.dert .cozum{display:block;margin-top:var(--b-3);padding-top:var(--b-3);border-top:1px dashed var(--cizgi);font-style:normal;font-weight:600;color:var(--metin)}
.tan.tan-bolum{padding-left:16px;padding-right:16px}