/* Yazılıma özel ek stiller: harfli / resimli logo, form tuzak alanı, hata mesajı */
.logo--harf .logo-isaret{font-family:var(--f1);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.logo--resim .logo-isaret{background:transparent;overflow:hidden;padding:0}
.logo--resim .logo-isaret img{width:100%;height:100%;object-fit:contain}
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.d-sonuc.hata{background:#fde8e8;color:#b42318}
.koyu .d-sonuc.hata{background:#3d1414;color:#fca5a5}
.ur-g h3 a:hover{color:var(--ana)}

/* Mobil alt hızlı erişim bandı: tüm temalarda (masaüstünde gizli) */
.sekme--hizli button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.66rem;font-weight:600;color:var(--soluk);background:none;border:0;padding:0;cursor:pointer}
.sekme--hizli button i{font-size:1.1rem}
.sekme--hizli .sekme-wa i{color:#25d366}
.sekme--hizli a:active,.sekme--hizli button:active{transform:scale(.94)}

/* Teklif formu güvenlik kodu */
.fk-guvenlik{display:grid;gap:.8rem}
.fk-guvenlik>label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600}
.gk{display:flex;align-items:center;gap:.5rem}
.gk img{width:150px;height:48px;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--zemin);flex:none;object-fit:cover}
.gk-yenile{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--yuzey);color:var(--ana);cursor:pointer;flex:none;display:grid;place-items:center}
.gk-yenile:hover{border-color:var(--ana)}
.fk .gk input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.25em;font-weight:700}
@media (max-width:400px){.gk img{width:118px;height:42px}}

/* Teklif bandı (degrade zemin) üzerindeki ana düğme zeminle aynı renkteydi: beyaz kenarlı, okunur */
.tk-kutu .btn--ana{background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.75);box-shadow:none}
.tk-kutu .btn--ana:hover{background:#fff;color:var(--ana)}

/* PageSpeed: ilk ekrandaki (kahraman) bölüm görünme animasyonunu beklemesin; başlık ve görsel JS yüklenmeden çizilsin (LCP) */
#icerik > section:first-child [data-gor],.cm-kahraman [data-gor]{opacity:1;transform:none;transition:none}

/* Mavi Medikal: logo amblemi (kalpli "m" + EKG) saydam görsel, yanında firma adı ve tanımı yazıyla (logonun yazısı küçükte okunmuyordu) */
.logo.logo--resim{gap:.6rem}
.logo.logo--resim .logo-isaret{width:auto;height:auto;border-radius:0;overflow:visible;background:none;box-shadow:none;border:0}
.logo.logo--resim .logo-isaret img{display:block;width:auto;height:50px;object-fit:contain;border-radius:0}
.logo.logo--resim .logo-yazi b{color:var(--ana);font-size:1.12rem;letter-spacing:-.01em}
.logo.logo--resim .logo-yazi small{color:var(--ana2);font-weight:600}
.ab .logo.logo--resim .logo-yazi b{color:inherit}
@media (max-width:760px){.logo.logo--resim .logo-isaret img{height:40px}.logo.logo--resim .logo-yazi small{font-size:.68rem}}
/* İletişim kanalları: üstte küçük etiket (Telefon, WhatsApp, E-posta…), altında değer (tema kuralı yalnız span içindeki span'ı alt alta diziyordu) */
.il-kanallar a>span{display:flex;flex-direction:column;gap:.15rem;line-height:1.3;min-width:0}
.il-kanallar a>span b,.il-kanallar span span b{overflow-wrap:anywhere}

/* Fotoğrafı olmayan ürün: yer tutucu görsel yerine kategori simgesi + ürün kodu (şık boş durum) */
.gorsel-yok{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;width:100%;height:100%;min-height:100%;aspect-ratio:inherit;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--ana) 10%,var(--yuzey)) 0,var(--yuzey2) 70%);color:var(--ana);text-align:center}
.gorsel-yok i{font-size:2.6rem;opacity:.85}
.gorsel-yok small{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.ur-foto--yok{display:block}
.og-kk-foto .gorsel-yok i{font-size:2.8rem}
.ud-buyuk--yok{display:block}
.gorsel-yok--buyuk i{font-size:5rem}
.gorsel-yok--buyuk small{font-size:.9rem}
/* Organik kahraman: sürekli şekil değiştiren maske animasyonu kaldırıldı (her karede yeniden boyama; PageSpeed) */
.og-damla{animation:none}
/* Ürün fotoğrafları dikey (manken / katalog): kartlarda ve kahramanda üstten hizala */
.ur-foto img,.og-damla img,.og-k-foto2 img,.og-kk-foto img{object-position:50% 18%}
/* Referans listesi iki sütun */
.icerik-metin ul.liste{columns:2;column-gap:2rem}.icerik-metin ul.liste li{break-inside:avoid}.icerik-metin ul.liste li:first-child{margin-top:0}
@media (max-width:600px){.icerik-metin ul.liste{columns:1}}