.f04{
  --zemin:#f3f3f2; --yuzey:#ffffff; --panel:#ecedee; --metin:#191a1c; --sonuk:#666a70;
  --cizgi:rgba(0,0,0,.12); --gumus:#7c828c; --bronz:#7a5c3c;
  --rozet-zemin:#ffffff; --rozet-cizgi:rgba(0,0,0,.10); --rozet-op:.66;
  font-family:var(--sans);color:var(--metin);background:var(--zemin);
  border-top:1px solid var(--cizgi);
  -webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
html.dark .f04{
  --zemin:#0c0d0f; --yuzey:#141518; --panel:#17191b; --metin:#f1f2f4; --sonuk:#9a9ea6;
  --cizgi:rgba(255,255,255,.12); --gumus:#c9cdd4; --bronz:#d9b48a;
  --rozet-zemin:var(--yuzey); --rozet-cizgi:rgba(255,255,255,.10); --rozet-op:.58}
.f04 *,.f04 *::before,.f04 *::after{box-sizing:border-box}
.f04 a{color:inherit;text-decoration:none}
.f04 a:focus-visible{outline:1px solid var(--bronz);outline-offset:4px}
.f04 ul,.f04 p,.f04 h2,.f04 h3,.f04 address{margin:0;padding:0;list-style:none;font-style:normal}
.f04 .f04-ic{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4.4vw,72px)}
.f04 .f04-etiket{font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sonuk);line-height:1.4}

/* üyelik şeridi · 22.10 koyu temada açık panel kalktı (kurum isteği): zemin koyu, rozetler
   ana sayfa şeridindeki gibi invert + hue-rotate ile açılır, renkler yerinde kalır */
.f04 .f04-uyelik{padding:clamp(44px,5vw,72px) 0 0}
.f04 .f04-rozetler{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  background:var(--rozet-zemin);border:1px solid var(--rozet-cizgi);border-radius:4px}
.f04 .f04-rozetler li{display:flex;align-items:center;justify-content:center;
  height:112px;padding:20px clamp(12px,1.6vw,28px);border-left:1px solid var(--rozet-cizgi)}
.f04 .f04-rozetler li:first-child{border-left:0}
.f04 .f04-rozetler a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.f04 .f04-rozetler img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;
  transition:transform .3s cubic-bezier(.2,.7,.2,1)}   /* 22.10 · renkli; hover'da biraz büyür (kurum isteği) */
.f04 .f04-rozetler .f04-dik img{max-height:72px}
.f04 .f04-rozetler li:hover img{transform:scale(1.1)}
html.dark .f04 .f04-rozetler img{filter:invert(1) hue-rotate(180deg)}
@media(prefers-reduced-motion:reduce){ .f04 .f04-rozetler img{transition:none} }

/* gövde */
/* 12.10 18:47 · iletişim + klinik sütunları kalktı · 18:57 «sol blok ve menü alt alta» →
   kimlik bloğu üstte, menü altında ince çizgiyle ayrılmış, sola yaslı */
 
.f04 .f04-kimlik{padding:clamp(36px,3.6vw,52px) 0;display:flex;flex-direction:column;align-items:center;text-align:center}
 
.f04 .f04-kimlik .f04-unvan{max-width:none}
.f04 .f04-kimlik .f04-menu{justify-content:center;align-self:stretch}


 
.f04 .f04-kimlik{--f04-dikey:clamp(26px,2.5vw,36px);padding-bottom:var(--f04-dikey)}
.f04 .f04-kimlik .f04-menu{padding-top:var(--f04-dikey)}
/* 19:37 · üst satır iki sütun: logo + unvan solda (sola yaslı), Health Türkiye + yetkili klinik sağda (sağa yaslı) */
.f04 .f04-ust{align-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:32px 48px;flex-wrap:wrap}
.f04 .f04-sol{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.f04 .f04-sag{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.f04 .f04-sag .f04-ht{margin-top:0}
@media (max-width:700px){
  .f04 .f04-ust{flex-direction:column;align-items:flex-start}
  .f04 .f04-sag{align-items:flex-start;text-align:left}
}

.f04 .f04-logo{display:inline-block}
.f04 .f04-logo img{height:52px;width:auto;display:block}
.f04 .f04-logo-koyu{display:none!important}
html.dark .f04 .f04-logo-acik{display:none!important}
html.dark .f04 .f04-logo-koyu{display:block!important}
.f04 .f04-unvan{margin-top:18px;font-size:1.05rem;font-weight:800;letter-spacing:-.015em;line-height:1.3;max-width:24ch}
/* Health Türkiye logosu · yetkili klinik satırının üstünde; yalnız opaklık hover'ı (konum sabit) */
.f04 .f04-ht{display:inline-block;line-height:0;margin-top:22px;transition:opacity .25s ease}
.f04 .f04-ht:hover{opacity:.8}
.f04 .f04-ht img{display:block;height:46px;width:auto}   /* 19:33 · 48 → 68px · 22.10 kurum isteği «daha küçük» → 46px */
.f04 .f04-ht-koyu{display:none!important}
html.dark .f04 .f04-ht-acik{display:none!important}
html.dark .f04 .f04-ht-koyu{display:block!important}
.f04 .f04-yetki{margin-top:10px;display:inline-flex;align-items:center;gap:10px;
  font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bronz)}   /* 22.10 · .72 → .62rem (kurum isteği) */
.f04 .f04-yetki i{font-size:1.25em;letter-spacing:0}
.f04 .f04-menu{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;padding-top:22px;border-top:1px solid var(--cizgi)}
.f04 .f04-menu a{font-size:.92rem;color:var(--sonuk);transition:color .25s ease}
.f04 .f04-menu a:hover{color:var(--metin)}

/* taban */
.f04 .f04-taban{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  padding:22px 0 28px;border-top:1px solid var(--cizgi);font-size:.82rem;color:var(--sonuk)}
.f04 .f04-yasal{text-align:center;max-width:72ch;justify-self:center;line-height:1.5}   /* 13.10 · metin uzadı, okunur satır boyu */
.f04 .f04-mono{height:24px;width:auto;opacity:.65}
html.dark .f04 .f04-mono{filter:invert(1);opacity:.5}

/* tablet */
@media (max-width:1080px){
  .f04 .f04-rozetler{grid-template-columns:repeat(4,minmax(0,1fr))}   /* 22.10 · 7 rozet: 4 + 3 */
  .f04 .f04-rozetler li:nth-child(5){border-left:0}
  .f04 .f04-rozetler li:nth-child(n+5){border-top:1px solid var(--rozet-cizgi)}
}
/* mobil */
@media (max-width:700px){
  .f04 .f04-rozetler li{height:92px;padding:12px 8px}
  /* 22.10 · telefonda 3 sütun: 3 + 3 + son rozet tek satırda ortada */
  .f04 .f04-rozetler{grid-template-columns:repeat(3,minmax(0,1fr))}
  .f04 .f04-rozetler li:nth-child(5){border-left:1px solid var(--rozet-cizgi)}
  .f04 .f04-rozetler li:nth-child(4), .f04 .f04-rozetler li:nth-child(7){border-left:0}
  .f04 .f04-rozetler li:nth-child(n+4){border-top:1px solid var(--rozet-cizgi)}
  .f04 .f04-rozetler li:nth-child(7){grid-column:1 / -1}
  .f04 .f04-rozetler img{max-height:46px}
  .f04 .f04-rozetler .f04-dik img{max-height:58px}
  .f04 .f04-kimlik{padding:36px 0 var(--f04-dikey);--f04-dikey:26px}
  .f04 .f04-taban{grid-template-columns:1fr auto;gap:12px 20px}
  .f04 .f04-yasal{grid-column:1/-1;grid-row:2;text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .f04 *{transition:none!important}
}

/* imza-hover (19 Eki 2026): alt bilgi imzasının üzerine gelince yalnız renk ya da opaklık — zemin, kutu, gölge, kayma, alt çizgi yok; geçiş 150 ms */
a:is(.kp-imza-a,[href^="https://turkbilisim.com.tr"][style*="nowrap"]),a:is(.kp-imza-a,[href^="https://turkbilisim.com.tr"][style*="nowrap"]):is(:hover,:focus,:active){display:inline!important;float:none!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;background:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;filter:none!important;border-width:0!important;padding:0!important;text-decoration:none!important;animation:none!important;transition:color .15s ease,opacity .15s ease!important}
a:is(.kp-imza-a,[href^="https://turkbilisim.com.tr"][style*="nowrap"])::before,a:is(.kp-imza-a,[href^="https://turkbilisim.com.tr"][style*="nowrap"])::after{content:none!important}
a:is(.kp-imza-a,[href^="https://turkbilisim.com.tr"][style*="nowrap"]):hover{color:#191a1c!important}

/* 22.10 · alt bilgi üst menüyle aynı genişlikte: yazılar logo çizgisinde başlar, menünün son öğesinde biter (eski: 1440px ortalı) */
.f04 .f04-ic{max-width:none;padding:0 var(--metin-kenar)}
/* 22.10 · logo şeridinin kenarı üst menüyle aynı dil: --rail-r yuvarlak köşe + camın ince parlak degrade kenarı (kurum isteği) */
.f04 .f04-rozetler{border-radius:var(--rail-r);overflow:hidden;border:1px solid transparent;
  background:linear-gradient(var(--rozet-zemin),var(--rozet-zemin)) padding-box,
    linear-gradient(180deg,var(--cam-kenar-ust) 0%,var(--cam-kenar-orta) 42%,var(--cam-kenar-alt) 100%) border-box}
/* 22.10 · TABANDAN SİMETRİ (kurum isteği): iki sütun ortak iki satırlı ızgarada — logolar aynı alt çizgiye,
   unvan ve «yetkili klinik» yazısı aynı taban çizgisine oturur (sağdakiler daha küçük olsa da). */
@media (min-width:701px){
  .f04 .f04-ust{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:48px;row-gap:0;align-items:end}
  .f04 .f04-sol,.f04 .f04-sag{display:grid;grid-row:1 / span 2;grid-template-rows:subgrid;row-gap:0}
  .f04 .f04-sol .f04-logo,.f04 .f04-sag .f04-ht{grid-row:1;align-self:end;margin:0}
  .f04 .f04-sol .f04-unvan,.f04 .f04-sag .f04-yetki{grid-row:2;align-self:last baseline;margin-top:16px}
  .f04 .f04-sag{justify-items:end}
}