/* ilac-muadil.css — İlaç Muadil Bulucu (im-), 1 Ekim 2026.
 * Site standardı: kap 1200px, gradient hero (135deg #0B3C5D -> #1B6CA8, 18px), beyaz kart 1rem + 0 8px 28px rgba(11,60,93,.07),
 * çip zemini #E8F1F8, başlıklar Georgia. Gövde 16px (1rem), ikincil 15px (.9375rem), form girdisi 16px, dokunma alanı >= 48px.
 * Telefonda tablolar karta dönüşür (yatay kaydırma yok); geniş ekranda tablo kabı yine de kaydırılabilir. */

.im-sayfa{--im-deep:#0B3C5D;--im-mid:#1B6CA8;--im-soft:#E8F1F8;--im-sand:#F4F8FB;--im-ink:#0F172A;--im-ink2:#475569;--im-rule:#E2E8F0;
    max-width:1200px;margin:0 auto;padding:.5rem 1rem 3rem;color:var(--im-ink);font-size:1rem;line-height:1.6;overflow-wrap:break-word;}
.im-sayfa *,.im-sayfa *::before,.im-sayfa *::after{box-sizing:border-box;}
.im-sayfa [hidden]{display:none!important;}
.im-sayfa a{color:var(--im-mid);}
.im-sayfa :focus-visible{outline:3px solid #B7791F;outline-offset:2px;border-radius:4px;}
.im-gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* sayfa yolu */
.im-iz{margin:.6rem 0 1rem;font-size:.9375rem;color:var(--im-ink2);}
.im-iz ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;}
.im-iz li+li::before{content:"›";margin-right:.35rem;color:#94A3B8;}
.im-iz a{text-decoration:none;}
.im-iz a:hover{text-decoration:underline;}
.im-iz [aria-current]{color:var(--im-ink);font-weight:600;}

/* üst bant */
.im-hero{background:linear-gradient(135deg,#0B3C5D 0%,#1B6CA8 100%);color:#fff;border-radius:18px;padding:2rem 1.75rem;margin:0 0 1.25rem;}
.im-ust-etiket{display:inline-block;margin:0 0 .6rem;padding:.2rem .75rem;border-radius:999px;background:rgba(255,255,255,.14);color:#E3EDF5;font-size:.9375rem;font-weight:600;}
.im-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(1.6rem,4.2vw,2.2rem);line-height:1.2;margin:0 0 .7rem;color:#fff;text-wrap:balance;}
.im-giris{margin:0 0 .6rem;font-size:1rem;line-height:1.65;color:#DBEAFE;max-width:60rem;}
.im-ozet{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0;}
.im-ozet li{font-size:.9375rem;color:#fff;background:rgba(255,255,255,.14);border-radius:8px;padding:.2rem .7rem;}

/* arama */
.im-ara{position:relative;display:flex;gap:.5rem;max-width:40rem;margin:1.1rem 0 0;}
.im-ara-ik{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748B;pointer-events:none;}
.im-ara input[type="search"]{flex:1;min-width:0;min-height:54px;border:0;border-radius:12px;padding:.7rem 1rem .7rem 2.7rem;font:inherit;font-size:1rem;
    color:var(--im-ink);background:#fff;-webkit-text-fill-color:var(--im-ink);-webkit-appearance:none;appearance:none;}
.im-ara input::placeholder{color:#64748B;opacity:1;}
.im-ara input:focus{outline:3px solid rgba(255,255,255,.55);outline-offset:2px;}
.im-ara button{min-height:54px;min-width:48px;border:0;border-radius:12px;padding:.6rem 1.1rem;background:#F59E0B;color:#1F2937;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;}
.im-ara button:hover{background:#FBBF24;}
.im-ipucu{margin:.5rem 0 0;font-size:.9375rem;color:#BFDBFE;}

/* sonuçlar */
.im-sonuc{background:#fff;border:1px solid var(--im-rule);border-radius:1rem;box-shadow:0 8px 28px rgba(11,60,93,.07);padding:1.1rem 1.25rem;margin:0 0 1.25rem;}
.im-durum{margin:0 0 .7rem;font-size:.9375rem;color:var(--im-ink2);font-weight:600;}
.im-sonuc-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;}
.im-sonuc-oge{display:flex;flex-direction:column;gap:.15rem;min-height:56px;padding:.75rem 1rem;border:1px solid var(--im-rule);border-radius:12px;background:#fff;
    text-decoration:none;color:var(--im-ink)!important;transition:border-color .15s,background .15s;}
.im-sonuc-oge:hover{border-color:#7DD3FC;background:#F0F9FF;}
.im-sonuc-ad{font-weight:700;color:var(--im-deep);font-size:1rem;}
.im-sonuc-eslesen{font-size:.9375rem;color:#92400E;font-weight:600;}
.im-sonuc-markalar{font-size:.9375rem;color:var(--im-ink2);}
.im-sonuc-alt{font-size:.9375rem;color:var(--im-ink2);}
.im-bos{background:#F8FAFC;border-radius:12px;padding:1rem 1.1rem;}
.im-bos p{margin:0 0 .4rem;}

/* zorunlu uyarı */
.im-uyari{background:#FFF8E6;border:1px solid #F1D08A;border-left:5px solid #B45309;border-radius:1rem;padding:1rem 1.25rem;margin:0 0 1.5rem;color:#4A2A00;}
.im-uyari h2{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;line-height:1.3;margin:0 0 .5rem;color:#7C2D12;display:flex;align-items:center;gap:.5rem;}
.im-uyari p{margin:0 0 .45rem;font-size:1rem;line-height:1.6;}
.im-uyari p:last-child{margin-bottom:0;}

/* bölümler ve kartlar */
.im-bolum{margin:0 0 1.75rem;}
.im-kart{background:#fff;border:1px solid var(--im-rule);border-radius:1rem;box-shadow:0 8px 28px rgba(11,60,93,.07);padding:1.25rem 1.4rem;}
.im-bolum>h2,.im-kart>h2{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;line-height:1.3;color:var(--im-deep);margin:0 0 .8rem;font-weight:700;}
.im-bolum p{margin:0 0 .7rem;}
.im-not{font-size:.9375rem;color:var(--im-ink2);}

/* çipler */
.im-cipler{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;}
.im-cip{display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:.45rem 1rem;border-radius:999px;background:var(--im-soft);color:var(--im-deep)!important;
    font-weight:600;font-size:1rem;text-decoration:none;border:1px solid transparent;}
.im-cip:hover{border-color:var(--im-mid);}
.im-cip small{font-size:.9375rem;font-weight:400;color:var(--im-ink2);}
button.im-cip{font:inherit;font-weight:600;cursor:pointer;}
button.im-cip[aria-pressed="true"]{background:var(--im-deep);color:#fff!important;}
button.im-cip[aria-pressed="true"] small{color:#DBEAFE;}

/* A-Z */
.im-harf-nav ul{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;}
.im-harf-nav a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--im-rule);
    font-weight:700;color:var(--im-deep);text-decoration:none;}
.im-harf-nav a:hover{background:var(--im-soft);}
.im-kat-sec{margin:0 0 1rem;}
.im-harf{margin:0 0 1.2rem;scroll-margin-top:80px;}
.im-harf h3{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;color:var(--im-deep);margin:0 0 .6rem;padding-bottom:.3rem;border-bottom:2px solid var(--im-soft);}
.im-etkenler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;}
.im-etken{display:flex;flex-direction:column;gap:.15rem;min-height:64px;height:100%;padding:.75rem 1rem;border:1px solid var(--im-rule);border-radius:12px;background:#fff;
    text-decoration:none;color:var(--im-ink)!important;transition:border-color .15s,box-shadow .15s;}
.im-etken:hover{border-color:#7DD3FC;box-shadow:0 6px 18px rgba(15,23,42,.07);}
.im-etken strong{color:var(--im-deep);font-size:1rem;}
.im-etken-markalar{font-size:.9375rem;color:var(--im-ink2);}
.im-etken-alt{font-size:.9375rem;color:#64748B;}

/* adımlar ve bağlantılar */
.im-adimlar{margin:0;padding-left:1.4rem;}
.im-adimlar li{margin:0 0 .5rem;}
.im-baglantilar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.6rem;}
.im-baglantilar a{display:flex;align-items:flex-start;gap:.6rem;min-height:56px;padding:.75rem 1rem;border:1px solid var(--im-rule);border-radius:12px;background:#fff;
    text-decoration:none;color:var(--im-deep);font-weight:600;line-height:1.45;}
.im-baglantilar a:hover{border-color:#7DD3FC;background:#F0F9FF;}
.im-baglantilar i{margin-top:.2rem;color:var(--im-mid);flex:none;}

/* güç/form tabloları */
.im-atla{margin:0 0 1.25rem;}
.im-atla p{margin:0 0 .5rem;font-size:.9375rem;color:var(--im-ink2);font-weight:600;}
.im-atla .im-cip{font-size:.9375rem;}
.im-tablo-blok{margin:0 0 1.4rem;scroll-margin-top:80px;}
.im-tablo-blok:last-child{margin-bottom:0;}
.im-tablo-blok h3{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;color:var(--im-deep);margin:0 0 .55rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;}
.im-tablo-blok h3 span{font-family:inherit;font-size:.9375rem;font-weight:400;color:var(--im-ink2);}
.im-tablo-kap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--im-rule);border-radius:12px;background:#fff;}
.im-tablo{width:100%;border-collapse:collapse;font-size:.9375rem;table-layout:fixed;min-width:640px;}
/* sütun genişlikleri bütün tablolarda aynı olsun (sayfada alt alta hizalı görünür) */
.im-tablo th:nth-child(1){width:38%;}.im-tablo th:nth-child(2){width:18%;}.im-tablo th:nth-child(3){width:14%;}.im-tablo th:nth-child(4){width:15%;}.im-tablo th:nth-child(5){width:15%;}
.im-tablo th{background:var(--im-sand);text-align:left;padding:.6rem .85rem;font-weight:700;color:var(--im-deep);border-bottom:1px solid var(--im-rule);}
.im-tablo td{padding:.65rem .85rem;border-top:1px solid #EDF2F7;vertical-align:top;}
.im-tablo tbody tr:first-child td{border-top:0;}
.im-tablo td.im-ad{font-size:1rem;font-weight:600;color:var(--im-ink);}
.im-barkod{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--im-ink2);}
.im-pasif{display:inline-block;margin-left:.4rem;font-size:.9375rem;font-weight:600;color:#9A3412;}

/* reçete rozetleri (renk + yazı; renk tek başına anlam taşımaz) */
.im-rozet{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:999px;font-size:.9375rem;font-weight:700;border:1px solid;line-height:1.35;}
.im-rozet::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex:none;}
.im-rozet-normal{background:#EEF2F6;color:#334155;border-color:#CBD5E1;}
.im-rozet-kirmizi{background:#FDECEC;color:#9B1C1C;border-color:#F5B5B5;}
.im-rozet-yesil{background:#E7F6EC;color:#166534;border-color:#A7DDB9;}
.im-rozet-mor{background:#F3EAFD;color:#6B21A8;border-color:#D8B4FE;}
.im-rozet-turuncu{background:#FFF1E6;color:#9A3412;border-color:#FDBA74;}

/* SSS */
.im-sss{display:flex;flex-direction:column;gap:.6rem;}
.im-sss details{border:1px solid var(--im-rule);border-radius:12px;background:#fff;}
.im-sss summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;font-weight:700;color:var(--im-ink);line-height:1.45;}
.im-sss summary::-webkit-details-marker{display:none;}
.im-sss summary::after{content:"+";font-size:1.4rem;font-weight:400;color:var(--im-mid);flex:none;line-height:1;}
.im-sss details[open] summary::after{content:"−";}
.im-sss details[open] summary{border-bottom:1px solid #F1F5F9;}
.im-sss .im-sss-yanit{padding:.8rem 1.1rem 1rem;}
.im-sss .im-sss-yanit p{margin:0 0 .5rem;}

/* uzman yönlendirmesi */
.im-uzman{background:#F0F7FC;border:1px solid #CFE3F2;border-radius:1rem;padding:1.25rem 1.4rem;margin:0 0 1.5rem;}
.im-uzman h2{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;color:var(--im-deep);margin:0 0 .5rem;}
.im-uzman p{margin:0 0 .8rem;}
.im-dugmeler{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .8rem;}
.im-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.6rem 1.15rem;border-radius:10px;border:1.5px solid var(--im-mid);
    background:#fff;color:var(--im-mid)!important;font:inherit;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;text-align:center;}
.im-btn:hover{background:var(--im-soft);}
.im-btn-ana{background:var(--im-deep);border-color:var(--im-deep);color:#fff!important;}
.im-btn-ana:hover{background:var(--im-mid);border-color:var(--im-mid);}
.im-acil{font-size:.9375rem;color:var(--im-ink2);margin:0!important;}
.im-acil a{font-weight:700;color:#9B1C1C;}

.im-kaynak{font-size:.9375rem;color:var(--im-ink2);border-top:1px solid var(--im-rule);padding-top:1rem;margin:1.5rem 0 0;}
.im-kaynak p{margin:0 0 .4rem;}
.im-geri{margin:1rem 0 0;}

@media (max-width:767px){
    .im-hero{padding:1.4rem 1.1rem;border-radius:14px;}
    .im-kart{padding:1rem;}
    .im-uyari{padding:.9rem 1rem;}
    .im-uzman{padding:1rem;}
    .im-ara{flex-wrap:nowrap;}
    .im-bolum>h2,.im-kart>h2{font-size:1.25rem;}
}
/* telefonda tablo -> kart: her satır bir kart, hücreler etiketli satırlar */
@media (max-width:720px){
    .im-tablo-kap{overflow:visible;border:0;background:transparent;}
    .im-tablo thead{display:none;}
    .im-tablo{table-layout:auto;min-width:0;}
    .im-tablo,.im-tablo tbody,.im-tablo tr,.im-tablo td{display:block;width:100%;}
    .im-tablo tr{border:1px solid var(--im-rule);border-radius:12px;background:#fff;padding:.7rem .9rem;margin:0 0 .6rem;}
    .im-tablo td{border:0!important;padding:.15rem 0;display:flex;gap:.6rem;align-items:baseline;}
    .im-tablo td::before{content:attr(data-etiket);flex:0 0 6.5rem;font-size:.9375rem;font-weight:600;color:var(--im-ink2);}
    .im-tablo td.im-ad{min-width:0;display:block;padding-bottom:.35rem;}
    .im-tablo td.im-ad::before{content:none;}
}
@media (prefers-reduced-motion:reduce){.im-sayfa *{transition:none!important;scroll-behavior:auto!important;}}
@media print{
    .im-ara,.im-sonuc,.im-harf-nav,.im-kat-sec,.im-uzman .im-dugmeler{display:none!important;}
    .im-hero{background:none;color:#000;border:1px solid #000;}
    .im-hero h1,.im-giris,.im-ozet li,.im-ust-etiket{color:#000;background:none;}
}