/* 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}
/* Form güvenlik kodu ve reCAPTCHA (inc/form-guvenlik.php) */
.fk-kod{display:flex;flex-direction:column;gap:.4rem}
.fk-kod-et{font-size:.86rem;font-weight:600}
.fk-kod-ic{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fk-kod-ic img{width:150px;height:48px;border-radius:10px;border:1px solid var(--cizgi);background:#f4f6fa;image-rendering:pixelated}
.fk-kod-yenile{width:42px;height:42px;border-radius:12px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--ana);font-size:1.2rem;cursor:pointer}
.fk-kod-ic input{flex:1;min-width:150px;letter-spacing:.3em;font-weight:700}
.fk-kod-ic input::placeholder{letter-spacing:normal;font-weight:400}
.fk-robot{min-height:78px}

/* İletişim kartları: etiket (Telefon, WhatsApp, E-posta) üstte, değer altında — adres kartındaki gibi */
.il-kanallar li>a>span,.il-kanallar li>span>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.3}
.il-kanallar small{display:block}
.il-kanallar b{overflow-wrap:anywhere}

/* Masaüstü ürün menüsü (k_menu 'katalog'): solda kategoriler, ortada üzerine gelinen kategorinin alt kategorileri ve son parçaları, sağda markalar ve arama */
.uy-ust-ic{position:relative}
.nv-katalog{position:static}
.nv-mega--katalog{left:0;right:0;translate:none;width:auto;top:calc(100% - 4px);padding:0;overflow:hidden}
.nm-ic{display:grid;grid-template-columns:290px minmax(0,1fr) 250px;height:min(540px,calc(100vh - 130px))}
.nm-sol{list-style:none;margin:0;padding:10px;overflow-y:auto;border-right:1px solid var(--cizgi);background:var(--zemin);scrollbar-width:thin}
.nm-sol a{display:flex;align-items:center;gap:.7rem;padding:6px 8px;border-radius:12px;color:var(--yazi)}
.nm-sol a.aktif,.nm-sol a:focus-visible{background:var(--yuzey);box-shadow:0 4px 14px -8px rgba(0,0,0,.25)}
.nm-sol a.aktif b{color:var(--ana)}
.nm-g{flex:none;width:40px;height:40px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--ana) 10%,var(--yuzey));color:var(--ana)}
.nm-g img{width:100%;height:100%;object-fit:cover}
.nm-ad{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.nm-ad b{font-size:.92rem;font-weight:700}
.nm-ad small{font-size:.74rem;color:var(--soluk)}
.nm-ok{font-size:.7rem;color:var(--soluk);opacity:0;transition:opacity .15s}
.nm-sol a.aktif .nm-ok{opacity:1}
.nm-sag{padding:18px 22px;overflow-y:auto}
.nm-panel[hidden]{display:none}
.nm-bas{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--cizgi)}
.nm-bas b{font-size:1.15rem;font-family:var(--f1)}
.nm-tumu{font-size:.86rem;font-weight:700;color:var(--ana);white-space:nowrap}
.nm-alt{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.nm-alt a{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.45rem .6rem;border-radius:8px;color:var(--yazi);font-size:.9rem}
.nm-alt a:hover,.nm-alt a.aktif{background:color-mix(in srgb,var(--ana) 9%,transparent);color:var(--ana)}
.nm-alt small{color:var(--soluk);font-size:.75rem}
.nm-son>small,.nm-yan>small{display:block;margin-bottom:8px;color:var(--soluk);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nm-son>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nm-son a{display:flex;flex-direction:column;gap:5px;color:var(--yazi);font-size:.76rem;line-height:1.3}
.nm-son img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--yuzey2)}
.nm-son span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nm-son a:hover span{color:var(--ana)}
.nm-yan{display:flex;flex-direction:column;gap:14px;padding:18px;border-left:1px solid var(--cizgi);background:var(--zemin)}
.nm-marka{display:flex;flex-wrap:wrap;gap:6px}
.nm-marka a{padding:.32rem .65rem;border-radius:99px;background:var(--yuzey);border:1px solid var(--cizgi);font-size:.8rem;font-weight:600;color:var(--yazi)}
.nm-marka a:hover{border-color:var(--ana);color:var(--ana)}
.nm-marka a.nm-marka-tumu{border-color:transparent;background:none;color:var(--ana)}
.nm-cta{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--yuzey);border:1px solid var(--cizgi)}
.nm-cta b{font-size:.95rem}
.nm-cta span{font-size:.8rem;color:var(--soluk);margin-bottom:2px}
.nm-cta .btn{justify-content:center;padding:.55rem .9rem;font-size:.85rem}
@media (max-width:1200px){.nm-ic{grid-template-columns:260px minmax(0,1fr)}.nm-yan{display:none}}

/* Masaüstü marka menüsü (k_marka_menu): üstte en çok parçası olan 8 marka, altta hepsi A-Z; kutuya yazınca süzülür (site.js) */
.nv-mega--marka .mm-ic{max-height:min(560px,calc(100vh - 130px));overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 14px;scrollbar-width:thin}
.mm-bas{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.mm-bas b{font-size:1.15rem;font-family:var(--f1)}
.mm-ara{display:flex;align-items:center;gap:8px;width:min(320px,45%);height:40px;padding:0 12px;border:1px solid var(--cizgi);border-radius:12px;background:var(--zemin);color:var(--soluk)}
.mm-ara:focus-within{border-color:var(--ana);background:var(--yuzey)}
.mm-ara input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:.92rem;color:var(--yazi)}
.mm-et{display:block;margin:0 0 8px;color:var(--soluk);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mm-bolum+.mm-bolum{margin-top:16px}
.mm-bolum[hidden]{display:none}
.mm-pop-izgara{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.mm-pop{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:14px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);transition:border-color .15s,box-shadow .15s}
.mm-pop:hover,.mm-pop.aktif{border-color:var(--ana);box-shadow:0 6px 18px -10px rgba(0,0,0,.3)}
.mm-pop:hover b{color:var(--ana)}
.mm-harf{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--ana) 10%,var(--yuzey));color:var(--ana);font-weight:800;font-size:1.05rem}
.mm-ad{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.mm-ad b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-ad small{font-size:.74rem;color:var(--soluk)}
.mm-tum{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px 12px}
.mm-tum a{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.36rem .6rem;border-radius:8px;color:var(--yazi);font-size:.9rem}
.mm-tum a:hover,.mm-tum a.aktif{background:color-mix(in srgb,var(--ana) 9%,transparent);color:var(--ana)}
.mm-tum a[hidden]{display:none}
.mm-tum small{color:var(--soluk);font-size:.74rem}
.mm-yok{margin:6px 0 0;font-size:.9rem;color:var(--soluk)}
.mm-yok[hidden]{display:none}
.mm-yok a,.mm-alt span a{color:var(--ana);font-weight:700}
.mm-alt{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:14px;padding-top:12px;border-top:1px solid var(--cizgi);font-size:.86rem;color:var(--soluk)}
@media (max-width:1200px){.mm-tum{grid-template-columns:repeat(5,minmax(0,1fr))}.mm-pop-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
.koyu .d-sonuc.hata{background:#3d1414;color:#fca5a5}
.ur-g h3 a:hover{color:var(--ana)}
/* Uygulama konseptinin geçişli ana düğmesi renkli kutuda kutuyla aynı renge düşüyordu: kutuda beyaz düğme */
.k-uygulama .tk-kutu .btn--ana{background:var(--anaYazi,#fff);color:var(--ana)}
/* Doğan Grup: geniş resimli logo (firma adı resmin içinde; yazı yalnız ekran okuyucular için) */
.logo--resim .logo-isaret{display:block;width:auto;height:auto;border-radius:0;background:none;padding:0;overflow:visible}
.logo--resim .logo-isaret img{display:block;width:auto;height:46px;max-width:none}
.logo--kucuk.logo--resim .logo-isaret img{height:36px}
/* Telefonda logo 45 px; dar ekranda (360 px) düğmelere sığmazsa oranı bozulmadan daralır */
@media (max-width:600px){.logo--resim .logo-isaret img{height:45px;max-width:calc(100vw - 190px);object-fit:contain;object-position:left center}}
.logo--resim .logo-yazi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.koyu .logo--resim .logo-isaret{background:#fff;padding:5px 9px;border-radius:10px}
/* Parça fotoğrafları çoğunlukla yatay ekran görüntüsü: kartlarda kırpılmadan sığdırılır */
.ur-foto{aspect-ratio:4/3;background:#fff}
.ur-foto img,.uy-o-foto img{object-fit:contain;padding:6px}
.uy-o-foto{background:#fff}
.ud-buyuk img{object-fit:contain;background:#fff}

/* Başlık: zeminden ayrışan beyaz yüzey, alt çizgi ve hafif gölge */
.uy-ust{background:color-mix(in srgb,var(--yuzey) 94%,transparent);border-bottom:1px solid var(--cizgi);box-shadow:0 10px 28px -22px rgba(8,40,70,.55)}
.uy-ust.kaydi{box-shadow:0 12px 30px -20px rgba(8,40,70,.6)}
.uy-ust-alan{padding-top:18px}

/* Yatay şerit okları (site.js) */
.kaydir{position:relative}
.kaydir-ok{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);box-shadow:0 10px 24px -12px rgba(0,0,0,.4);display:grid;place-items:center;cursor:pointer;transition:opacity .2s,transform .15s}
.kaydir-ok:hover{color:var(--ana);transform:scale(1.06)}
.kaydir-ok--sol{left:-12px}
.kaydir-ok--sag{right:-12px}
.kaydir-ok[disabled]{opacity:0;pointer-events:none}
.kaydir--hk .kaydir-ok{top:46px}
@media (max-width:760px){.kaydir-ok{width:36px;height:36px;margin-top:-18px}.kaydir-ok--sol{left:-6px}.kaydir-ok--sag{right:-6px}}
/* Henüz yüklenmemiş ya da bozuk resmin alt yazısı kartı bozmasın */
.uy-o-foto img,.ur-foto img,.uy-hk img,.kt-kart img{font-size:0;color:transparent}

/* Alt bilgi imzası */
.ab-imza a{font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px}
.ab-imza a:hover{color:var(--ana)}

/* Fotoğrafı olmayan parça ve kategori */
.foto-yok{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:var(--yuzey2);color:var(--soluk);text-align:center;padding:1rem}
.foto-yok i{font-size:1.8rem;opacity:.55}
.foto-yok small{font-size:.75rem;font-weight:600}
.ud-buyuk--bos{display:flex}
.uy-o-foto:empty{background:var(--yuzey2);display:grid;place-items:center}
.uy-o-foto:empty::after{content:"\f030";font:900 1.6rem "Font Awesome 6 Free";color:var(--soluk);opacity:.5}
.uy-hk span>i{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--zemin);color:var(--ana);font-size:1.6rem;border:3px solid var(--zemin)}
.kt-ikon{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,var(--ana),var(--ana2));color:#fff;font-size:3rem}
.kt-ikon i{opacity:.9}

/* Ürün kartında WhatsApp sipariş; mobilde tema ikinci bağlantıyı gizlediği için yeşil simge olarak kalır */
.ur-alt a.ur-wa{color:#128c4a}
.ur-alt a.ur-wa:hover{color:#0b6b37}
@media (max-width:760px){
  .ur-alt a.ur-wa{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#25d366;color:#fff;justify-content:center;font-size:0}
  .ur-alt a.ur-wa i{font-size:1.05rem}
}

/* Parça arama formu ve canlı sonuçlar */
.ara-kutu{max-width:760px;margin:0 0 1.6rem}
.ara-form{display:flex;gap:.6rem;align-items:center}
.ara-form label{flex:1;display:flex;align-items:center;gap:.7rem;padding:0 1rem;min-height:54px;border-radius:16px;background:var(--yuzey);border:1.5px solid var(--cizgi)}
.ara-form label:focus-within{border-color:var(--ana)}
.ara-form label i{color:var(--soluk)}
.ara-form input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:16px;color:var(--yazi)}
.ara-form .btn{min-height:54px}
.canli-sonuc{display:grid;gap:.4rem;margin-top:.6rem;max-height:360px;overflow-y:auto}
.canli-sonuc[hidden]{display:none}
.canli-sonuc a{display:flex;align-items:center;gap:.8rem;padding:.5rem;border-radius:14px;background:var(--zemin);border:1px solid var(--cizgi)}
.canli-sonuc a img,.canli-bos{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.canli-bos{display:grid;place-items:center;background:var(--yuzey2);color:var(--soluk)}
.canli-sonuc a span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;font-size:.88rem}
.canli-sonuc a small{color:var(--soluk)}
.canli-sonuc a.canli-tumu{justify-content:center;font-weight:700;color:var(--ana);background:var(--yuzey)}
.canli-yok{color:var(--soluk);margin:.4rem 0;font-size:.9rem}
.canli-yok a{color:var(--ana);font-weight:700}
.ara-ipucu,.ara-sayi{color:var(--soluk);margin:0 0 1.2rem}
.ara-sayi b{color:var(--yazi)}
/* Yapay zeka asistanı (kit.php asistan(), asistan.js): sağ altta maskot, masaüstünde köşede sohbet kutusu, telefonda alttan açılan pencere */
.as-dugme{position:fixed;right:18px;bottom:18px;z-index:88;width:70px;height:70px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 10px 16px rgba(0,0,0,.22));animation:as-sallan 4.5s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.as-dugme:hover{animation-play-state:paused;transform:scale(1.06)}
@keyframes as-sallan{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media (prefers-reduced-motion:reduce){.as-dugme{animation:none}}
.as-maskot{position:relative;display:block;width:100%;height:100%}
.as-maskot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.as-maskot .as-kapali,.as-maskot.kirp .as-acik{opacity:0}
.as-maskot.kirp .as-kapali{opacity:1}
.as-maskot--ikon{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--ana),var(--ana2,var(--ana)));color:#fff;font-size:1.7rem;border:3px solid var(--yuzey)}
.as-balon{position:absolute;right:78px;bottom:14px;white-space:nowrap;padding:.6rem .9rem;border-radius:16px 16px 4px 16px;background:var(--yuzey);color:var(--yazi);font-size:.88rem;box-shadow:0 12px 30px -10px rgba(0,0,0,.35);border:1px solid var(--cizgi);animation:as-gir .35s ease}
.as-balon b{color:var(--ana)}
.as-balon[hidden]{display:none}
/* Maskotun altında her zaman görünen "Bana sor" etiketi (sohbet açıkken gizlenir) */
.as-etiket{position:absolute;left:50%;bottom:-8px;translate:-50% 0;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:var(--ana);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;border:2px solid var(--yuzey);box-shadow:0 6px 14px -6px rgba(0,0,0,.45);pointer-events:none}
.as-etiket i{font-size:.72rem}
.asistan.acik .as-etiket{display:none}
@keyframes as-gir{from{opacity:0;transform:translateY(8px)}}
body:has(.asistan) .basa{bottom:100px}
.as-pencere{position:fixed;right:18px;bottom:98px;z-index:1250;width:min(390px,calc(100vw - 36px));height:min(620px,calc(100vh - 130px));display:flex;flex-direction:column;border-radius:24px;background:var(--yuzey);border:1px solid var(--cizgi);box-shadow:0 30px 70px -18px rgba(0,0,0,.4);overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .2s,transform .2s}
.as-pencere[hidden]{display:none}
.as-pencere.gorunur{opacity:1;transform:none}
.as-bas{display:flex;align-items:center;gap:.7rem;padding:.8rem .8rem .8rem 1rem;background:linear-gradient(135deg,var(--ana),var(--ana2,var(--ana)));color:#fff}
.as-bas .as-maskot{width:44px;height:44px;flex:none}
.as-bas .as-maskot--ikon{font-size:1.15rem;border-width:2px}
.as-kim{flex:1;min-width:0;line-height:1.2}
.as-kim b{display:block;font-size:1rem}
.as-kim small{opacity:.85;font-size:.76rem}
.as-nokta{display:inline-block;width:7px;height:7px;margin-right:3px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3)}
.as-ikon{flex:none;width:36px;height:36px;border-radius:12px;border:0;background:rgba(255,255,255,.16);color:#fff;cursor:pointer}
.as-ikon:hover{background:rgba(255,255,255,.28)}
.as-mesajlar{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1rem .9rem;display:flex;flex-direction:column;gap:.7rem;background:var(--zemin)}
.as-m{display:flex;gap:.5rem;align-items:flex-end;max-width:100%}
.as-m--ben{justify-content:flex-end}
.as-avatar{flex:none;width:30px;height:30px}
.as-avatar .as-maskot{width:30px;height:30px}
.as-avatar .as-maskot--ikon{font-size:.8rem;border-width:1px}
.as-avatar:empty{display:none}
.as-m-ic{min-width:0;max-width:85%}
.as-m-metin{padding:.6rem .8rem;border-radius:16px 16px 16px 4px;background:var(--yuzey);border:1px solid var(--cizgi);font-size:.9rem;line-height:1.5;color:var(--yazi);overflow-wrap:anywhere}
.as-m-metin a{color:var(--ana);font-weight:700;text-decoration:underline}
.as-m--ben .as-m-metin{border-radius:16px 16px 4px 16px;background:var(--ana);border-color:var(--ana);color:#fff}
.as-kartlar{display:flex;gap:8px;overflow-x:auto;margin-top:.5rem;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.as-kart{flex:0 0 140px;scroll-snap-align:start;display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:14px;background:var(--yuzey);border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none}
.as-kart:hover{border-color:var(--ana)}
.as-kart img,.as-kart-bos{width:100%;height:86px;border-radius:10px;object-fit:cover;background:var(--yuzey2);display:grid;place-items:center;color:var(--soluk)}
.as-kart-ad{font-size:.76rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.as-kart small{font-size:.7rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-kart em{align-self:flex-start;font-style:normal;font-size:.66rem;font-weight:700;padding:.1rem .45rem;border-radius:99px}
.as-kart em.var{background:#dcfce7;color:#166534}
.as-kart em.yok{background:#fee2e2;color:#991b1b}
.as-yaziyor .as-m-ic{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:16px;background:var(--yuzey);border:1px solid var(--cizgi)}
.as-yaziyor small{color:var(--soluk);font-size:.78rem}
.as-nokta3{display:inline-flex;gap:3px}
.as-nokta3 i{width:6px;height:6px;border-radius:50%;background:var(--ana);animation:as-zipla 1s infinite}
.as-nokta3 i:nth-child(2){animation-delay:.15s}.as-nokta3 i:nth-child(3){animation-delay:.3s}
@keyframes as-zipla{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.as-oneriler{display:flex;flex-wrap:wrap;gap:6px;padding:.6rem .9rem 0;background:var(--zemin)}
.as-oneriler[hidden]{display:none}
.as-m-oneri{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}
.as-m-oneri button{padding:.35rem .7rem;border-radius:99px;border:1px solid color-mix(in srgb,var(--ana) 35%,var(--cizgi));background:var(--yuzey);color:var(--ana);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}
.as-m-oneri button:hover,.as-oneriler button:hover{background:var(--ana);color:#fff;border-color:var(--ana)}
.as-oneriler button{padding:.4rem .75rem;border-radius:99px;border:1px solid color-mix(in srgb,var(--ana) 35%,var(--cizgi));background:var(--yuzey);color:var(--ana);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}
.as-form{display:flex;align-items:flex-end;gap:8px;padding:.7rem .8rem;background:var(--zemin);border-top:1px solid var(--cizgi)}
.as-form textarea{flex:1;min-width:0;resize:none;max-height:120px;padding:.65rem .9rem;border-radius:16px;border:1px solid var(--cizgi);background:var(--yuzey);font:inherit;font-size:.92rem;color:var(--yazi);outline:0}
.as-form textarea:focus{border-color:var(--ana)}
.as-form button{flex:none;width:44px;height:44px;border-radius:14px;border:0;background:var(--ana);color:#fff;cursor:pointer}
.as-form button:disabled{opacity:.5;cursor:wait}
.as-not{margin:0;padding:.35rem .9rem .6rem;background:var(--zemin);font-size:.7rem;color:var(--soluk);text-align:center}
.as-not a{color:var(--ana);font-weight:700}
@media (max-width:1024px){
  body.sekmeli .as-dugme{bottom:calc(84px + env(safe-area-inset-bottom));right:12px;width:60px;height:60px}
  body.sekmeli:has(.asistan) .basa{bottom:calc(152px + env(safe-area-inset-bottom))}
  body.sekmeli .as-balon{right:68px;bottom:10px}
  body.sekmeli .as-etiket{bottom:-7px;padding:2px 7px;font-size:.64rem}
}
@media (max-width:760px){
  html.as-acik{overflow:hidden}
  .asistan.acik .as-dugme{display:none}
  .as-pencere{left:0;right:0;bottom:0;width:100%;height:min(88dvh,720px);border-radius:24px 24px 0 0;border-bottom:0;transform:translateY(100%);transform-origin:bottom center;transition:opacity .2s,transform .25s ease}
  .as-pencere.gorunur{transform:none}
  .as-bas{position:relative;padding-top:1.1rem}
  .as-bas::before{content:"";position:absolute;top:6px;left:50%;translate:-50% 0;width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.55)}
  .as-form{padding-bottom:calc(.7rem + env(safe-area-inset-bottom))}
}

/* Arama penceresi (aramaPenceresi, site.js): masaüstünde üstte ortalı kutu, telefonda ekranın üstüne yapışık tam genişlik */
html.ara-acik{overflow:hidden}
.ara-pencere{position:fixed;inset:0;z-index:1300;display:flex;justify-content:center;align-items:flex-start;padding:9vh 16px 16px;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s}
.ara-pencere[hidden]{display:none}
.ara-pencere.acik{opacity:1}
.ap-kutu{width:min(720px,100%);max-height:82vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:14px;border-radius:22px;background:var(--yuzey);box-shadow:0 30px 70px -20px rgba(0,0,0,.45);transform:translateY(-12px);transition:transform .18s}
.ap-kutu::-webkit-scrollbar{display:none} /* kaydırma çubuğu gizli; tekerlek, dokunma ve klavyeyle kayar */
/* Açılır panellerde (mega menüler, canlı arama, asistan sohbeti) de kaydırma çubuğu gösterilmez; sayfanın kendi çubuğu yerinde */
.nm-sol,.nm-sag,.nv-mega--marka .mm-ic,.canli-sonuc,.uy-arasonuc,.as-mesajlar{scrollbar-width:none}
.nm-sol::-webkit-scrollbar,.nm-sag::-webkit-scrollbar,.nv-mega--marka .mm-ic::-webkit-scrollbar,.canli-sonuc::-webkit-scrollbar,.uy-arasonuc::-webkit-scrollbar,.as-mesajlar::-webkit-scrollbar{display:none}
.ara-pencere.acik .ap-kutu{transform:none}
.ap-form{display:flex;align-items:center;gap:8px}
.ap-form label{flex:1;min-width:0;display:flex;align-items:center;gap:.7rem;padding:0 1rem;height:54px;border-radius:16px;background:var(--zemin);border:2px solid color-mix(in srgb,var(--ana) 35%,var(--cizgi))}
.ap-form label>i{color:var(--ana)}
.ap-form input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:1.05rem;color:var(--yazi)}
.ap-form .ap-ara{height:54px;border-radius:16px;padding:0 1.3rem}
.ap-kapat{flex:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--soluk);font-size:1.1rem;cursor:pointer}
.ap-kapat:hover{color:var(--yazi);border-color:var(--yazi)}
.ap-sonuc{max-height:none;margin-top:.8rem}
.ap-oneri{padding:.9rem .3rem .2rem}
.ap-oneri[hidden]{display:none}
.ap-oneri small{display:block;margin:.4rem 0 .5rem;color:var(--soluk);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ap-cipler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.6rem}
.ap-cipler a{padding:.42rem .8rem;border-radius:99px;background:var(--zemin);border:1px solid var(--cizgi);font-size:.86rem;font-weight:600;color:var(--yazi)}
.ap-cipler a:hover{border-color:var(--ana);color:var(--ana)}
.ap-cipler a.ap-tumu{color:var(--ana);background:none}
.ap-ipucu{margin:.4rem 0 0;color:var(--soluk);font-size:.84rem}
.ap-ipucu i{color:var(--ana);margin-right:.25rem}
@media (max-width:760px){
  .ara-pencere{padding:0;align-items:stretch;flex-direction:column;justify-content:flex-start}
  .ap-kutu{width:100%;max-height:100dvh;border-radius:0 0 22px 22px;padding:calc(10px + env(safe-area-inset-top)) 12px 14px}
  .ap-form label{height:50px;padding:0 .8rem}
  .ap-form .ap-ara{display:none}
  .ap-kapat{width:44px;height:44px}
}

/* Ana sayfa hizmet kartları: masaüstünde 4'lü sıra, tablet ve mobilde 2'li; simge üstte, başlık ve kısa yazı altında */
.k-uygulama .uy-hz{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k-uygulama .uy-hz a{grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;align-items:start;row-gap:.55rem;padding:1.1rem 1.1rem 1rem;transition:border-color .2s,transform .2s,box-shadow .2s}
.k-uygulama .uy-hz a>span{grid-row:1;grid-column:1}
.k-uygulama .uy-hz a>i{grid-row:1;grid-column:2;align-self:start;margin-top:.35rem}
.k-uygulama .uy-hz b{grid-column:1/-1;line-height:1.3}
.k-uygulama .uy-hz small{grid-column:1/-1}
.k-uygulama .uy-hz a:hover{border-color:color-mix(in srgb,var(--ana) 40%,var(--cizgi));transform:translateY(-2px);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--ana) 45%,transparent)}
@media (max-width:900px){.k-uygulama .uy-hz{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* Hizmet kartlarının sağ altında kartın kendi simgesi büyük ve soluk (yazının arkasında kalır) */
.k-uygulama .uy-hz a,.hz-kart{position:relative;overflow:hidden;isolation:isolate}
.hz-arka{position:absolute;right:-.35em;bottom:-.3em;z-index:-1;font-size:6.5rem;line-height:1;font-style:normal;color:var(--ana);opacity:.07;transform:rotate(-12deg);transition:opacity .25s,transform .35s;pointer-events:none}
.k-uygulama .uy-hz a:hover .hz-arka,.hz-kart:hover .hz-arka{opacity:.13;transform:rotate(-6deg) scale(1.06)}
@media (max-width:760px){.hz-arka{font-size:4.6rem}}
@media (max-width:760px){.k-uygulama .uy-hz a{padding:.85rem;row-gap:.4rem;border-radius:16px}.k-uygulama .uy-hz a>span{width:40px;height:40px;border-radius:13px}.k-uygulama .uy-hz b{font-size:.92rem}.k-uygulama .uy-hz small{font-size:.76rem}}

/* Akıllı arama notları: düzeltilmiş sorgu, yakın sonuçlar, okunuşla anlaşılan hali */
.ara-not{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 1rem;padding:.8rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--ana) 8%,var(--yuzey));border:1px solid color-mix(in srgb,var(--ana) 22%,transparent);color:var(--yazi);font-size:.95rem;line-height:1.5}
.ara-not>i{color:var(--ana);margin-top:.2rem}
.ara-not--sade{background:var(--yuzey2);border-color:var(--cizgi);color:var(--soluk)}
.ara-not--sade>i{color:var(--soluk)}
.ara-yz{display:inline-block;margin-left:.3rem;padding:.1rem .5rem;border-radius:99px;background:var(--ana);color:#fff;font-style:normal;font-size:.75rem;font-weight:700;vertical-align:1px}
.canli-not{margin:0 0 .4rem;padding:.45rem .6rem;border-radius:8px;background:color-mix(in srgb,var(--ana) 8%,transparent);font-size:.85rem;color:var(--yazi)}
.canli-not i{color:var(--ana);margin-right:.3rem}
.canli-not--sade{background:none;padding:.2rem .2rem .4rem;color:var(--soluk)}
.canli-not--sade i{color:var(--soluk)}
.ara-yok{padding:1.4rem;border-radius:var(--r,18px);background:var(--yuzey);border:1px solid var(--cizgi)}
.ara-yok .ud-dugmeler{margin-top:1rem}

/* Sayfalama */
.sayfalama{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:2rem}
.sayfalama a,.sayfalama span{min-width:42px;height:42px;padding:0 .7rem;border-radius:12px;display:inline-grid;place-items:center;border:1px solid var(--cizgi);background:var(--yuzey);font-weight:700}
.sayfalama a:hover{border-color:var(--ana);color:var(--ana)}
.sayfalama span[aria-current]{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff)}
.sayfalama .sy-bosluk{border:0;background:none;min-width:auto;padding:0 .2rem}

/* Markalar */
.cip--marka a{font-weight:700}
.mk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}
.mk-kart{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 2.6rem 1.1rem 1.2rem;border-radius:var(--r,18px);background:var(--yuzey);border:1px solid var(--cizgi);transition:border-color .15s,transform .15s}
.mk-kart b{font-family:var(--f1);font-size:1.1rem}
.mk-kart small{color:var(--soluk)}
.mk-kart i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--ana)}
.mk-kart:hover{border-color:var(--ana);transform:translateY(-2px)}
.uy-tumu{margin:1rem 0 0;text-align:center}

/* Ürün sayfası: stok durumu ve parça bilgileri */
.ud-rozetler{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .8rem}
.ud-stok{display:inline-flex;gap:.4rem;align-items:center;padding:.3rem .75rem;border-radius:8px;font-size:.8rem;font-weight:700}
.ud-stok--var{background:#e7f6ec;color:#166534}
.ud-stok--yok{background:#fff4e5;color:#9a3412}
/* Ürün sayfası: orijinal parça numarası, satıldı durumu, fiyat, ürüne özgü tanıtım (sayfalar.php urun_detay) */
.ud-oem{background:color-mix(in srgb,var(--ana) 10%,var(--yuzey));color:var(--ana)}
.ud-stok--satildi{background:#fdecec;color:#b42318}
.ud-fiyat{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:8px;background:var(--yazi);color:var(--yuzey);font-size:.92rem;font-weight:800}
.ud-tanim{margin:.2rem 0 .9rem;color:var(--yazi);line-height:1.65}
.ud-satildi{display:flex;gap:.7rem;align-items:flex-start;margin:0 0 .9rem;padding:.85rem 1rem;border-radius:14px;background:#fff6f5;border:1px solid #f6d3cf;color:#7a271a;line-height:1.55}
.ud-satildi i{margin-top:.2rem;color:#d92d20}
.ud--satildi .ud-buyuk img{filter:saturate(.75)}
.koyu .ud-satildi{background:#3d1414;border-color:#5c1f1f;color:#fecaca}
/* Fotoğrafsız sayfa başlığında sayfaya uygun büyük, soluk simge (sayfalar.php sayfaBasVarsayilan); telefonda sağ üstte filigran */
.sb-ic:has(.sb-ikon){grid-template-columns:1.2fr .8fr}
.sb-ikon{position:relative;justify-self:center;display:grid;place-items:center;width:min(300px,100%);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 36%,color-mix(in srgb,var(--ana) 13%,transparent),color-mix(in srgb,var(--ana) 5%,transparent) 58%,transparent 71%)}
.sb-ikon>i{font-size:clamp(5rem,9vw,8.5rem);color:var(--ana);opacity:.16;transform:rotate(-8deg)}
.sb-ikon>i+i{position:absolute;right:13%;bottom:15%;font-size:clamp(1.8rem,3vw,2.7rem);opacity:.24;transform:rotate(12deg)}
@media (max-width:900px){
  .sb{position:relative;overflow:hidden}
  .sb-ic:has(.sb-ikon){grid-template-columns:1fr}
  .sb-ikon{position:absolute;top:8px;right:-34px;width:190px}
  .sb-ikon>i{font-size:5.6rem;opacity:.11}
  .sb-ikon>i+i{display:none}
}

/* Kategori ve marka sayfasının giriş metni (sayfalar.php liste_tanitim) */
.liste-tanitim{max-width:900px;margin:0 0 1.2rem;color:var(--soluk);line-height:1.65}
.liste-tanitim b{color:var(--yazi)}
.ud-bilgi-tablo{margin:.4rem 0 1.1rem}
.ud-bilgi-tablo .oz-tablo th{width:38%}

/* Yüklenebilir uygulama: alttan çıkan öneri ve alt bilgideki düğme */
.pwa-oneri{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;gap:.8rem;max-width:520px;margin:0 auto;padding:.8rem .9rem;border-radius:20px;background:var(--yuzey);border:1px solid var(--cizgi);box-shadow:0 18px 50px -12px rgba(0,0,0,.35);transform:translateY(160%);transition:transform .3s ease}
.pwa-oneri.acik{transform:none}
.pwa-oneri[hidden]{display:none}
@media (max-width:1024px){body.sekmeli .pwa-oneri{bottom:calc(86px + env(safe-area-inset-bottom))}}
.pwa-oneri img{border-radius:12px;flex:none}
.pwa-metin{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.pwa-metin b{font-size:.95rem}
.pwa-metin small{color:var(--soluk);font-size:.8rem}
.pwa-oneri .btn{flex:none;padding:.6rem 1.1rem}
.pwa-kapat{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:none;color:var(--soluk);cursor:pointer}
.ab-uygulama{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:12px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);font-weight:700;cursor:pointer}
.ab-uygulama[hidden]{display:none}

/* 404 sayfası (index.php): arama kutusu, düğmeler, kategoriler ve markalar */
.hata-ust{padding-top:0}
.hata-kutu{max-width:760px;padding:1.4rem;border-radius:22px;background:var(--yuzey);border:1px solid var(--cizgi);box-shadow:0 20px 50px -30px rgba(0,0,0,.35)}
.hata-kutu .hata-ara{margin-top:0}
.hata-dugmeler{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.hata-markalar{display:flex;flex-wrap:wrap;gap:.5rem}
.hata-markalar a{display:inline-flex;align-items:baseline;gap:.4rem;padding:.5rem .95rem;border-radius:99px;background:var(--yuzey);border:1px solid var(--cizgi);font-weight:700;font-size:.92rem;color:var(--yazi)}
.hata-markalar a:hover{border-color:var(--ana);color:var(--ana)}
.hata-markalar small{font-weight:500;color:var(--soluk);font-size:.75rem}
.hata-markalar a.hata-tumu{border-color:transparent;background:none;color:var(--ana)}

/* Sayfalar arası yumuşak geçiş (destekleyen tarayıcıda): eski sayfa yeni sayfa hazır olana kadar ekranda kalır, beyaz ekran yanıp sönmez */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}