/* 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}}

/* ic-baslik: iç sayfa başlığı tek satır; iletişim kartlarında etiket üstte, değer altta; mobil menünün altındaki boşlukta soluk logo (referans: sivasbirlikmermer.com) */
.sb .sb-ic h1{font-size:clamp(1.75rem,3.2vw,2.7rem);max-width:none;text-wrap:balance}
.il-kanallar a>span,.il-kanallar li>span>span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.il-kanallar b{overflow-wrap:anywhere}
.ck-filigran{position:absolute;left:50%;bottom:clamp(14px,5vh,46px);translate:-50% 0;width:min(56%,210px);opacity:.1;pointer-events:none;z-index:0}
.ck-filigran img{display:block;width:100%;height:auto;border-radius:22%}
.ck-liste{position:relative;z-index:1}
@media (max-height:720px){.ck-filigran{width:min(38%,140px)}}
@media (max-height:600px){.ck-filigran{display:none}}
/* ic-baslik-ikon: fotoğraf yoksa başlığın sağında sayfaya uygun büyük, soluk ikon */
.sb-ic:has(>.sb-ikon){grid-template-columns:minmax(0,1fr) auto}
.sb-ikon{display:grid;place-items:center;padding-right:clamp(0px,3vw,48px);pointer-events:none}
.sb-ikon i{font-size:clamp(7rem,13vw,12.5rem);line-height:1;color:var(--ana);opacity:.09}
@media (max-width:760px){
  .sb-ic:has(>.sb-ikon){grid-template-columns:minmax(0,1fr);position:relative}
  .sb-ikon{position:absolute;right:4px;top:50%;translate:0 -50%;padding:0;z-index:0}
  .sb-ikon i{font-size:6.5rem;opacity:.06}
  .sb-metin{position:relative;z-index:1}
}