/* ==================================================================
   PROTOTIP KATMANI — Ticimax Nova5 yerel kopyasi
   1) donmus DOM'un calisma zamani artiklarini duzeltir
   2) prototipin kendi arayuz parcalarini tanimlar (cekmece, bildirim)
   Tasarim degisiklikleri ozellestirme.css icinde durur.
   ================================================================== */

/* --------------------- 1. calisma zamani artiklari ----------------- */
.ticiComplete-result, .ui-autocomplete, .aramaSonucKutu, .hizliAramaSonuc,
#divAramaSonuc, .searchResultBox, .tooltipster-base,
.mfp-bg, .mfp-wrap, .fancybox-container { display: none !important; }

.owl-carousel:not(.owl-loaded) { max-height: 640px; overflow: hidden; }
.owl-carousel:not(.owl-loaded) > *:not(:first-child) { display: none; }

/* --------------------- 2. prototip arayuzu ------------------------- */
:root {
  --proto-renk: var(--theme-color, #E74D3F);
  --proto-metin: #1c1c1c;
  --proto-cizgi: #e8e8e8;
  --proto-yumusak: #f7f7f7;
}
#protoOrtu {
  position: fixed; inset: 0; background: rgba(20,20,22,.42); z-index: 99990;
  opacity: 0; visibility: hidden; transition: opacity .25s;
}
#protoOrtu.acik { opacity: 1; visibility: visible; }
body.proto-kilitli { overflow: hidden; }

#protoSepet {
  position: fixed; top: 0; bottom: 0; z-index: 99995;
  width: 380px; max-width: 88vw; background: #fff; display: flex; flex-direction: column;
  box-shadow: 0 0 40px rgba(0,0,0,.18); transition: transform .3s cubic-bezier(.4,0,.2,1);
  font-family: inherit; color: var(--proto-metin);
}
#protoSepet { right: 0; transform: translateX(102%); }
#protoSepet.acik { transform: translateX(0); }

.proto-cekmece-bas {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 22px; border-bottom: 1px solid var(--proto-cizgi); flex: 0 0 auto;
}
.proto-cekmece-bas strong { font-size: 16px; letter-spacing: .01em; }
.proto-kapat {
  border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer;
  color: #888; padding: 0 4px;
}
.proto-kapat:hover { color: var(--proto-metin); }

.proto-sepet-liste { flex: 1 1 auto; overflow-y: auto; padding: 8px 0; }
.proto-sepet-satir {
  display: flex; gap: 12px; padding: 14px 22px; border-bottom: 1px solid var(--proto-cizgi);
}
.proto-sepet-satir img { width: 62px; height: 62px; object-fit: contain; background: var(--proto-yumusak); border-radius: 6px; flex: 0 0 auto; }
.proto-sepet-satir .bilgi { flex: 1 1 auto; min-width: 0; }
.proto-sepet-satir .bilgi a { display: block; font-size: 13px; line-height: 1.35; color: var(--proto-metin); text-decoration: none; }
.proto-sepet-satir .bilgi a:hover { color: var(--proto-renk); }
.proto-sepet-satir .adet { display: inline-flex; align-items: center; gap: 2px; margin-top: 8px; border: 1px solid var(--proto-cizgi); border-radius: 5px; }
.proto-sepet-satir .adet button { border: 0; background: none; width: 26px; height: 26px; cursor: pointer; font-size: 14px; color: #555; }
.proto-sepet-satir .adet span { min-width: 22px; text-align: center; font-size: 13px; }
.proto-sepet-satir .sag { text-align: right; flex: 0 0 auto; }
.proto-sepet-satir .sag b { font-size: 13px; white-space: nowrap; }
.proto-sepet-satir .sag .proto-sil { display: block; margin-top: 8px; border: 0; background: none; font-size: 11px; color: #999; cursor: pointer; text-decoration: underline; }
.proto-sepet-satir .sag .proto-sil:hover { color: var(--proto-renk); }

.proto-bos { padding: 48px 22px; text-align: center; color: #777; }
.proto-bos p { margin-bottom: 18px; font-size: 14px; }

.proto-cekmece-alt { flex: 0 0 auto; padding: 18px 22px 22px; border-top: 1px solid var(--proto-cizgi); }
.proto-sepet-ozet { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; font-size: 14px; }
.proto-sepet-ozet b { font-size: 18px; }
.proto-dugme {
  display: block; text-align: center; padding: 13px 18px; border-radius: 5px;
  font-size: 13px; font-weight: 600; letter-spacing: .02em; text-decoration: none; cursor: pointer;
}
.proto-dugme-ana { background: var(--proto-renk); color: #fff; }
.proto-dugme-ana:hover { filter: brightness(.93); color: #fff; }
.proto-dugme-ikincil { background: #fff; color: var(--proto-metin); border: 1px solid var(--proto-metin); margin-top: 9px; }
.proto-dugme-ikincil:hover { background: var(--proto-metin); color: #fff; }


/* bildirim */
#protoBildirim {
  position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px);
  background: #16171a; color: #fff; padding: 13px 20px; border-radius: 8px; z-index: 99999;
  font: 400 13px/1.45 inherit; max-width: 92vw; text-align: center;
  opacity: 0; visibility: hidden; transition: all .25s; box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
#protoBildirim.acik { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
#protoBildirim[data-tur="basari"] { background: #157347; }
#protoBildirim[data-tur="uyari"] { background: #9a6700; }
#protoBildirim small { opacity: .75; font-size: 11px; }

/* favori sayaci */
.proto-favori-sayac {
  position: absolute; top: -4px; right: -8px; min-width: 16px; height: 16px; padding: 0 4px;
  background: var(--proto-renk); color: #fff; border-radius: 999px;
  font: 600 10px/16px -apple-system, sans-serif; text-align: center;
}
.proto-favori-sayac.bos { display: none; }
.header-favori-item .favori-link { position: relative; }
.favoriteslist.proto-favori-aktif, .UFavorilerimeEkle.proto-favori-aktif { color: var(--proto-renk) !important; }
.favoriteslist.proto-favori-aktif::before { color: var(--proto-renk) !important; }

/* kategori filtre yardimcilari */
.liFiltreElement.proto-secili { font-weight: 700; color: var(--proto-renk); }
.filterBlock.proto-kapali .filter-content, .vertical-filter-panel.proto-kapali .filter-content { display: none; }
.category-vertical-filters.proto-mobil-acik {
  position: fixed; left: 0; top: 0; bottom: 0; width: 320px; max-width: 86vw;
  background: #fff; z-index: 99995; overflow-y: auto; padding: 20px; box-shadow: 0 0 40px rgba(0,0,0,.18);
}

/* urun detay galeri secimi */
#divThumbList a.proto-secili, .cloudzoom-gallery.proto-secili { outline: 2px solid var(--proto-renk); outline-offset: 1px; }

/* prototip rozeti */
#protoRozet {
  position: fixed; left: 14px; bottom: 14px; z-index: 99998;
  display: flex; align-items: center; gap: 8px;
  font: 600 11px/1 -apple-system, "Segoe UI", Roboto, sans-serif; letter-spacing: .05em;
  background: #111; color: #fff; padding: 9px 13px; border-radius: 999px;
  box-shadow: 0 6px 22px rgba(0,0,0,.28); text-transform: uppercase;
  opacity: .5; cursor: pointer; user-select: none; transition: opacity .18s;
}
#protoRozet:hover { opacity: 1; }
#protoRozet i { width: 6px; height: 6px; border-radius: 50%; background: #4ade80; }

body.proto-linkleri-goster a[data-proto-yok] { outline: 2px dashed #f0932b; outline-offset: 2px; }
body.proto-linkleri-goster a:not([data-proto-yok]):not([href="#"]) { outline: 2px solid rgba(74,222,128,.7); outline-offset: 2px; }

@media (max-width: 767px) {
  #protoRozet { bottom: 10px; left: 10px; padding: 7px 10px; font-size: 10px; }
  #protoBildirim { bottom: 74px; }
}

/* kategori liste gorunumu */
#ProductPageProductList.proto-liste .ItemOrj { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
#ProductPageProductList.proto-liste .productItem { display: flex; gap: 22px; align-items: center; }
#ProductPageProductList.proto-liste .productImage { flex: 0 0 220px; }
#ProductPageProductList.proto-liste .productDetail { flex: 1 1 auto; text-align: left; }
.vertical-filter-panel .panel-heading { user-select: none; }
.liFiltreElement { cursor: pointer; }
.filterOrderInStock.proto-secili span { color: var(--theme-color, #E74D3F); font-weight: 700; }

/* filtre cekmecesi: tema paneli ekran disinda duruyor, prototipte kaydirarak aciyoruz */
.category-vertical-filters.top-filters {
  transition: left .3s cubic-bezier(.4,0,.2,1) !important;
  z-index: 99996 !important; background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.18);
  padding: 56px 22px 22px !important;
}
.category-vertical-filters.top-filters.proto-filtre-acik { left: 0 !important; }
.protoFiltreKapat {
  position: absolute; top: 12px; right: 16px; border: 0; background: none;
  font-size: 28px; line-height: 1; color: #888; cursor: pointer; z-index: 2;
}
.protoFiltreKapat:hover { color: #111; }
.category-vertical-filters .vertical-filter-panel { border-bottom: 1px solid #eee; }
.category-vertical-filters .panel-heading { padding: 14px 0; font-weight: 600; font-size: 14px; }
.category-vertical-filters .liFiltreElement { padding: 7px 0; font-size: 13.5px; }

/* tema mega menusu: acma/kapama kodu prototip motorunda, katman siralamasi burada */
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > .menu-wrap { z-index: 60; }
.newHeaderNavigation.mobileStyle .newHeaderNav,
.newHeaderNavigation.mobileStyle .menu-wrap,
.newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu { z-index: 99996 !important; }
.newHeaderNavigation.mobileStyle .newHeaderNav { background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.18); }
.newHeaderNavigation.mobileStyle .menu-wrap,
.newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu { background: #fff; }

/* mobil menu acikken baslik yigin sirasinda ortunun ustune cikar */
#headerNew.proto-menu-ustte { position: relative; z-index: 99997; }