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

/* Teknofrost: yatay yazı logosu tam genişlikte; firma adı yalnızca ekran okuyucuda */
.logo--resim .logo-isaret{width:auto;height:44px;max-width:220px;border-radius:0;background:transparent}
.logo--resim .logo-isaret img{width:auto;height:100%;max-width:100%}
.logo--resim .logo-yazi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ab .logo--resim .logo-isaret{height:48px;background:#fff;padding:6px 10px;border-radius:8px;box-sizing:content-box}
@media (max-width:600px){.logo--resim .logo-isaret{height:34px;max-width:160px}}
/* Mavi teklif kutusunda vurgulu kelime zeminle aynı renge düşmesin */
.tk-kutu h2 em{color:inherit;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}

/* İç sayfa başlığı (header): sağ taraftaki boşluğun zemininde sayfaya uygun büyük soluk ikon */
.sb{position:relative;overflow:hidden}
.sb-ic{position:relative}
.sb-metin,.sb-foto{position:relative;z-index:1}
.sb-ikon{position:absolute;right:clamp(10px,3vw,44px);top:50%;transform:translateY(-50%) rotate(-10deg);font-size:clamp(7.5rem,14.5vw,13.5rem);line-height:1;color:var(--ana);opacity:.09;pointer-events:none;user-select:none;z-index:0}
@media (max-width:760px){.sb-ikon{font-size:6.4rem;right:-6px;opacity:.07}}

/* İletişim kanalları: Telefon, WhatsApp ve E-posta değerleri başlığın alt satırına kaysın */
.il-kanallar a>span,.il-kanallar span span{display:flex;flex-direction:column;gap:.14rem;line-height:1.35;min-width:0}
.il-kanallar b{overflow-wrap:anywhere}

/* Masaüstü açılır menü: li öğeleri daha geniş, açıklamalar gereksiz aşağı uzamasın */
@media (min-width:1101px){
  .nv-l2{width:max-content;min-width:360px;max-width:430px}
  .nv-l3{width:max-content;min-width:310px;max-width:380px}
  .nv-tek{width:max-content;min-width:320px;max-width:400px}
  .nv-l2.nv-l2-sag{left:auto;right:0}
  .nv-l2 a{padding:.52rem .75rem}
}

/* Sayaç kutuları (Referanslar / Hakkımızda): sağ zeminde ilgili soluk ikon */
.rk>div{position:relative;overflow:hidden}
.rk dd,.rk dt{position:relative;z-index:1}
.rk-ikon{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-8deg);font-size:clamp(2.7rem,4.2vw,3.7rem);line-height:1;color:var(--ana);opacity:.10;pointer-events:none;user-select:none;transition:transform .25s,opacity .25s}
.rk>div:hover .rk-ikon{transform:translateY(-50%) rotate(0deg) scale(1.06);opacity:.16}

/* Form içi görsel güvenlik kodu (CAPTCHA) ve alt gönderim çubuğu */
.fk-guvenlik .fk-et i{color:var(--ana)}
.fk-kod-satir{display:flex;align-items:stretch;gap:.6rem;flex-wrap:wrap}
.fk-kod-gorsel{display:inline-flex;align-items:center;background:#eef3f9;border:1.5px solid var(--cizgi);border-radius:var(--rb,12px);overflow:hidden;flex:none;height:48px}
.fk-kod-gorsel img{width:154px;height:48px;object-fit:cover;cursor:pointer;display:block;user-select:none}
.fk-kod-yenile{width:42px;height:100%;border:0;border-left:1px solid var(--cizgi);background:var(--yuzey);color:var(--ana);cursor:pointer;display:grid;place-items:center;font-size:.95rem;transition:background .18s,color .18s}
.fk-kod-yenile:hover{background:var(--ana);color:var(--anaYazi,#fff)}
.fk-kod-yenile.donuyor i{animation:fkKodDon .55s ease}
@keyframes fkKodDon{to{transform:rotate(360deg)}}
.fk-kod-satir input[name="guvenlik_kodu"]{flex:1 1 130px;min-width:120px;height:48px;min-height:48px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}
.fk-kod-satir input[name="guvenlik_kodu"]::placeholder{letter-spacing:normal;text-transform:none;font-family:var(--f2),system-ui,sans-serif;font-size:.88rem;font-weight:400}
.fk-alt-cubuk{display:flex;flex-direction:column;gap:.85rem}
.fk-alt-cubuk .btn{margin-top:0}

/* Ana sayfa yatay teklif formu: başlık solda, açıklama sağda, form tam genişlikte altta ve alanlar yatayda yayılı */
.dsh-form.dsh-form--yatay{display:block}
.dsh-form-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem 2.5rem;flex-wrap:wrap;margin-bottom:clamp(18px,2.6vw,26px)}
.dsh-form-bas .dsh-h2{margin:.35rem 0 0;line-height:1.04}
.dsh-form-yazi{margin:0 0 .2rem auto;max-width:44ch;text-align:right;font-size:1.04rem;line-height:1.55}
@media (min-width:1025px){
  .fk--yatay .fk-alanlar{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem 1rem;align-items:start}
  .fk--yatay .fk-ekstra-alan{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:.55rem 1rem;padding:.55rem .85rem;border-radius:var(--rb,8px);background:var(--zemin);border:1px solid var(--cizgi)}
  .fk--yatay .fk-ekstra-alan .fk-et{margin-bottom:0;white-space:nowrap}
  .fk--yatay .fk-mesaj-alan{grid-column:span 3}
  .fk--yatay .fk-mesaj-alan textarea{min-height:52px;height:52px;resize:vertical}
  .fk--yatay .fk-guvenlik{grid-column:span 2}
  .fk--yatay .fk-guvenlik .fk-kod-satir{flex-wrap:nowrap}
  .fk--yatay .fk-guvenlik .fk-kod-gorsel,.fk--yatay .fk-guvenlik .fk-kod-gorsel img,.fk--yatay .fk-guvenlik input[name="guvenlik_kodu"]{height:52px;min-height:52px}
  .fk--yatay .fk-alt-cubuk{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:.25rem}
  .fk--yatay .fk-alt-cubuk .fk-gonder{width:auto;min-width:255px;flex:none}
}
@media (max-width:1024px){
  .dsh-form-yazi{text-align:left;margin-left:0}
}

/* Otomatik kaymalı yatay kaydırıcı (Çözüm alanları ve Öne çıkan 8 ürün) + ileri / geri düğmeleri */
.oto-kay{position:relative;--kay-bosluk:1rem}
.oto-kay-iz{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--kay-bosluk) * 3)) / 4);gap:var(--kay-bosluk);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:6px 2px 12px}
.oto-kay-iz::-webkit-scrollbar{display:none}
.oto-kay-iz>*{scroll-snap-align:start;min-width:0}
.oto-kay-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);box-shadow:0 10px 24px -8px rgba(15,27,43,.28);display:grid;place-items:center;cursor:pointer;font-size:.95rem;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}
.oto-kay-btn--sol{left:-18px}
.oto-kay-btn--sag{right:-18px}
.oto-kay-btn:hover{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff);transform:translateY(-50%) scale(1.06);box-shadow:0 12px 26px -8px var(--ana)}
.oto-kay-btn:active{transform:translateY(-50%) scale(.96)}
@media (max-width:1310px){
  .oto-kay-btn--sol{left:6px}
  .oto-kay-btn--sag{right:6px}
}
@media (max-width:1060px){
  .oto-kay-iz{grid-auto-columns:calc((100% - (var(--kay-bosluk) * 2)) / 3)}
}
@media (max-width:780px){
  .oto-kay-iz{grid-auto-columns:calc((100% - var(--kay-bosluk)) / 2)}
}
@media (max-width:520px){
  .oto-kay-iz{grid-auto-columns:86%}
  .oto-kay-btn{width:38px;height:38px;font-size:.85rem}
}