/*header başla*/
:root{
  --brand:#bb002b;
  --brandSoft: rgba(187,0,43,.10);
  --text:#0f172a;
  --muted:#64748b;
  --bg:#ffffff;
  --soft:#f6f7fb;
  --line:rgba(15,23,42,.10);
  --radius:14px;
  --shadow:0 10px 26px rgba(15,23,42,.10);
}

/* =========================================================
   HEADER SHELL (İZOLE ALAN)
========================================================= */
.header-shell *{ box-sizing:border-box; }
.header-shell a{ text-decoration:none; }
.header-shell ul{ list-style:none; margin:0; padding:0; }
.header-shell img{ max-width:100%; height:auto; }
.header-shell .ps-container{
  width: min(1260px, calc(100% - 32px));
  margin: 0 auto;
}

/* =========================================================
   LOADER
========================================================= */
#loader{
  position:fixed; inset:0;
  display:flex; align-items:center; justify-content:center;
  z-index:99999;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(4px);
  opacity:1;
  transition: opacity .5s ease;
}
#loader img{ width:86px; height:86px; animation:spin 1s linear infinite; }
@keyframes spin{ from{transform:rotate(0)} to{transform:rotate(360deg)} }
@media (prefers-reduced-motion: reduce){
  #loader{ transition:none; }
  #loader img{ animation:none; }
}

/* =========================================================
   DESKTOP HEADER
========================================================= */
.header-shell .noMobile{ display:block; }
@media (max-width: 991px){
  .header-shell .noMobile{ display:none; }
}

.header-shell .ps-topbar{
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.header-shell .ps-topbar-inner{
  display:flex;
  align-items:center;
  gap:16px;
  padding: 14px 0;
  flex-wrap: nowrap;
}

/* Logo */
.header-shell .ps-logo{
  display:flex;
  align-items:center;
  flex: 0 0 auto;
  min-width: 240px;
}
.header-shell .ps-logo img{
  width: clamp(180px, 16vw, 340px);
  height:auto;
  display:block;
}

/* Actions */
.header-shell .ps-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 0 0 auto;
}

/* pill */
.header-shell .ps-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background:#fff;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
  color: var(--text);
  font-weight: 800;
  transition: .15s ease;
  white-space: nowrap;
}
.header-shell .ps-pill:hover{
  transform: translateY(-1px);
  border-color: rgba(187,0,43,.18);
}
.header-shell .ps-pill i{ color: var(--brand); }
.header-shell .ps-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--brandSoft);
  color: var(--brand);
  font-weight: 900;
}

/* =========================================================
   SEARCH (BUTON ALTA DÜŞMESİN)
========================================================= */
.header-shell .ps-search{
  flex: 1 1 auto;
  min-width: 320px;
  display:flex;
  justify-content:center;
}
.header-shell .ps-search-form{
  width: 100%;
  max-width: 640px;
  position: relative;
}
@media (max-width: 1200px){
  .header-shell .ps-search-form{ max-width: 520px; }
  .header-shell .ps-logo{ min-width: 220px; }
}
@media (max-width: 1100px){
  .header-shell .ps-search-form{ max-width: 460px; }
}
@media (min-width: 1400px){
  .header-shell .ps-search-form{ max-width: 720px; }
}

/* input group */
.header-shell .ps-search-form .input-group{
  display:flex;
  width:100%;
  flex-wrap: nowrap;
  align-items: stretch;
}

/* input */
.header-shell .ps-search input.form-control{
  width: 100%;
  height: 44px;
  border: 1px solid var(--line);
  border-right: none;
  border-radius: 999px 0 0 999px;
  padding: 10px 16px;
  outline:none;
  background:#fff;
  color: var(--text);
  min-width: 0;
}
.header-shell .ps-search input.form-control:focus{
  border-color: rgba(187,0,43,.35);
  box-shadow: 0 0 0 4px rgba(187,0,43,.10);
}

/* button */
.header-shell .ps-search #btnSearch{
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 0 999px 999px 0;
  padding: 0 18px;
  font-weight: 900;
  background: var(--brand);
  color:#fff;
  transition: .15s ease;
  cursor:pointer;
  flex: 0 0 auto;
  min-width: 84px;
}
.header-shell .ps-search #btnSearch:hover{ filter: brightness(.95); }

/* search results */
.header-shell #arama_sonuclari{
  position:absolute;
  top: calc(44px + 10px);
  left: 0;
  width: 100%;
  background:#fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  z-index: 99999;
  display:none;
  max-height: 420px;
  overflow-y: auto;
  padding: 6px;
}
.header-shell #arama_sonuclari.show{ display:block; }
.header-shell #arama_sonuclari a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 800;
  color: var(--text);
  transition: .12s ease;
}
.header-shell #arama_sonuclari a:hover{ background: var(--soft); }
.header-shell #arama_sonuclari .stok-ok{ color:#16a34a; font-weight: 900; white-space:nowrap; }
.header-shell #arama_sonuclari .stok-no{ color:#dc2626; font-weight: 900; white-space:nowrap; }
.header-shell #arama_sonuclari .ps-empty{ padding: 12px; color: var(--muted); font-weight: 700; }

/* =========================================================
   MENU BAR
========================================================= */
.header-shell .ps-menubar{
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.header-shell .ps-menubar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 0;
}

/* Links */
.header-shell .ps-links{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.header-shell .ps-links a{
  height: 40px;
  display:inline-flex;
  align-items:center;
  padding: 0 12px;
  border-radius: 12px;
  color: var(--text);
  font-weight: 900;
  transition:.15s ease;
}
.header-shell .ps-links a:hover{
  background: var(--soft);
  color: var(--brand);
}

/* =========================================================
   CATEGORIES (BRAND + 4 KOLON GRID + EŞİT KART)
========================================================= */
.header-shell .ps-cats{ position:relative; }

/* Trigger */
.header-shell .ps-cat-trigger{
  height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(187,0,43,.28);
  background: linear-gradient(180deg, rgba(187,0,43,.12), rgba(187,0,43,.06));
  color: var(--text);
  font-weight: 900;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow: 0 10px 22px rgba(187,0,43,.10), 0 6px 14px rgba(15,23,42,.06);
  transition: .15s ease;
}
.header-shell .ps-cat-trigger i{ color: var(--brand); }
.header-shell .ps-cat-trigger:hover{
  transform: translateY(-1px);
  border-color: rgba(187,0,43,.45);
  box-shadow: 0 14px 30px rgba(187,0,43,.14), 0 10px 26px rgba(15,23,42,.08);
}

/* Panel: kapalı/açık */
.header-shell #kategoriMenu{
  position:absolute;
  top: 50px;
  left: 0;
  width: min(1200px, calc(100vw - 24px));
  max-height: min(70vh, 640px);
  overflow:auto;

  /* kapalı başlasın */
  display: none;
  z-index: 99999;

  border-radius: 18px;
  border: 1px solid rgba(187,0,43,.22);
  box-shadow: 0 18px 46px rgba(15,23,42,.14);
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(187,0,43,.06), rgba(255,255,255,1) 40%),
    #fff;
}

/* Açılınca grid */
.header-shell #kategoriMenu.show{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  align-items: start;
  align-content: start;
}

/* Panel başlığı (gridde tam satır) */
.header-shell #kategoriMenu:before{
  content:"Kategoriler";
  grid-column: 1 / -1;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(187,0,43,.08);
  color: var(--brand);
  font-weight: 900;
  letter-spacing: .2px;
}

/* Kart */
.header-shell #kategoriMenu > li{
  margin: 0;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  overflow: hidden;
  background:#fff;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
  align-self: start; 
}

/* Üst kategori satırı: eşit yükseklik */
.header-shell #kategoriMenu .dropdown-item{
  min-height: 56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px 12px;
  font-size: 14px;
  font-weight: 900;
  color: var(--text);
  background: linear-gradient(180deg, #fff, #fbfbfe);
  transition: .12s ease;
}

/* Sol kısım taşma kontrol */
.header-shell #kategoriMenu .dropdown-item .left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.header-shell #kategoriMenu .dropdown-item .left i{ color: var(--brand); }
.header-shell #kategoriMenu .dropdown-item .left{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Ok sabit ölçü */
.header-shell #kategoriMenu .dropdown-item .chev{
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(187,0,43,.10);
  color: var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
  transition: .15s ease;
}
.header-shell #kategoriMenu .dropdown-item:hover{
  background: rgba(187,0,43,.07);
  color: var(--brand);
}
.header-shell #kategoriMenu .dropdown-item:hover .chev{
  background: rgba(187,0,43,.16);
}

/* Açık kart görünümü */
.header-shell #kategoriMenu > li.is-open{
  border-color: rgba(187,0,43,.22);
  box-shadow: 0 14px 32px rgba(187,0,43,.12), 0 10px 26px rgba(15,23,42,.08);
}
.header-shell #kategoriMenu > li.is-open .dropdown-item{
  background: rgba(187,0,43,.10);
}
.header-shell #kategoriMenu > li.is-open .dropdown-item .chev i{
  transform: rotate(180deg);
  transition: transform .15s ease;
}

/* Sub menu */
.header-shell #kategoriMenu .sub-menu{
  margin:0;
  padding: 10px 12px 12px;
  background:#fff;
  border-top: 1px solid rgba(187,0,43,.12);
}
.header-shell #kategoriMenu .sub-menu li a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 10px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  color: #334155;
  transition: .12s ease;
}
.header-shell #kategoriMenu .sub-menu li a:before{
  content:"•";
  color: rgba(187,0,43,.85);
  font-weight: 900;
}
.header-shell #kategoriMenu .sub-menu li a:hover{
  background: rgba(187,0,43,.08);
  color: var(--brand);
}

/* Responsive kolon */
@media (max-width: 1200px){
  .header-shell #kategoriMenu.show{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px){
  .header-shell #kategoriMenu.show{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .header-shell #kategoriMenu.show{ grid-template-columns: 1fr; }
}

/* =========================================================
   MOBILE HEADER
========================================================= */
.header-shell .mobileHeader{
  position: sticky;
  top: 0;
  z-index: 99998;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line);
}
.header-shell .mobileHeader .mh-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
}
.header-shell .mh-left,.header-shell .mh-right{
  width:44px;
  display:flex;
  justify-content:center;
}
.header-shell .mh-center{ flex:1; display:flex; justify-content:center; }
.header-shell .mh-btn{
  width: 42px; height: 42px;
  border-radius: 12px;
  border:1px solid var(--line);
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
  color: var(--text);
}
.header-shell .mobileHeader img{ height: 50px; width:auto; display:block; }

.header-shell .mobileSearch{
  border-top:1px solid var(--line);
  background:#fff;
  padding: 10px 12px 12px;
  display:none;
}
.header-shell .mobileSearch.show{ display:block; }
.header-shell .mobileSearch .input-group{ display:flex; width:100%; flex-wrap:nowrap; }
.header-shell .mobileSearch .form-control{
  width:100%;
  height: 44px;
  border: 1px solid var(--line);
  border-right:none;
  border-radius: 999px 0 0 999px;
  padding: 10px 14px;
}
.header-shell .mobileSearch .go{
  height: 50px!important;
  border: 1px solid var(--line);
  border-radius: 0 999px 999px 0;
  padding: 0 18px;
  font-weight: 900;
  background: var(--brand);
  color:#fff;
  cursor:pointer;
  min-width: 84px;
}

/* Mobile compare bar */
.header-shell #compare-button{ display:none; }
@media (max-width: 768px){
  .header-shell #compare-button{
    position:fixed;
    left:0; bottom:0;
    width:100%;
    display:block;
    background: var(--brand);
    color:#fff;
    padding: 14px 0;
    z-index: 100000;
    box-shadow: 0 -12px 30px rgba(0,0,0,.15);
    text-align:center;
  }
  .header-shell #compare-button a{
    color:#fff !important;
    font-weight: 900;
    letter-spacing:.2px;
  }
  .header-shell #product-count{ font-weight: 900; margin-left: 8px; }
}

/* Genel font */
.header-shell #kategoriMenu{
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ÜST KATEGORİ (kart başlığı) */
.header-shell #kategoriMenu .dropdown-item{
  font-size: 14.5px;          /* biraz daha premium */
  font-weight: 700;           /* kalın ama bağırmıyor */
  letter-spacing: .15px;      /* nefes aldırır */
  color: #0f172a;
}

/* Üst kategori ikon + metin hizası */
.header-shell #kategoriMenu .dropdown-item .left{
  gap: 12px;
}

/* Üst kategori ikon */
.header-shell #kategoriMenu .dropdown-item .left i{
  font-size: 13px;
  color: var(--brand);
  opacity: .9;
}

/* Hover’da yazı daha net */
.header-shell #kategoriMenu .dropdown-item:hover{
  font-weight: 800;
}

/* ALT KATEGORİLER */
.header-shell #kategoriMenu .sub-menu li a{
  font-size: 13px;
  font-weight: 500;           /* hafif – premium */
  letter-spacing: .2px;
  line-height: 1.4;
  color: #334155;
}

/* Alt kategori bullet */
.header-shell #kategoriMenu .sub-menu li a:before{
  font-size: 12px;
  margin-right: 4px;
}

/* Hover alt kategori */
.header-shell #kategoriMenu .sub-menu li a:hover{
  font-weight: 600;
}

/* Açık kartta üst başlık daha güçlü */
.header-shell #kategoriMenu > li.is-open .dropdown-item{
  font-weight: 800;
  letter-spacing: .25px;
}

/* Chevron ikon biraz daha zarif */
.header-shell #kategoriMenu .dropdown-item .chev i{
  font-size: 13px;
}
/*header bit*/























/*footer başla*/
  .promosyonsipariscopy{ font-weight:900; }
  .promosyonsipariscopy:hover{ color:#bb002b; }

  /* Mobile left menu: kararlı konum + animasyon */
  .mobileLeftCategoriesList{
    position: fixed;
    top: 0;
    left: -340px;
    width: 340px;
    max-width: 86vw;
    height: 100vh;
    background:#fff;
    z-index: 100002;

    transition: left .25s ease;
    will-change: left;
    box-shadow: 16px 0 30px rgba(0,0,0,.12);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobileLeftCategoriesList.is-open{ left: 0; }

  .openbox-overlay{
    position: fixed;
    inset: 0;
    z-index: 100001;
    background: rgba(15,23,42,.35);
    backdrop-filter: blur(2px);
  }

  /* Mobile kategori tipografi ufak iyileştirme */
  #kategoriMenuMobile .dropdown-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding: 10px 12px;
    font-weight: 800;
  }
  #kategoriMenuMobile .dropdown-item i{ color:#bb002b; }
  #kategoriMenuMobile .dropdown-item .mchev{
    width: 32px; height: 32px;
    border-radius: 10px;
    display:flex; align-items:center; justify-content:center;
    background: rgba(187,0,43,.08);
    color:#bb002b;
    flex: 0 0 32px;
  }
  #kategoriMenuMobile li.is-open .dropdown-item .mchev i{
    transform: rotate(180deg);
    transition: transform .15s ease;
  }

  #kategoriMenuMobile .sub-menu{
    padding: 8px 12px 12px;
  }
  #kategoriMenuMobile .sub-menu a{
    display:block;
    padding: 8px 8px;
    border-radius: 10px;
    font-weight: 600;
    color:#334155;
  }
  #kategoriMenuMobile .sub-menu a:hover{
    background: rgba(187,0,43,.08);
    color:#bb002b;
  }

  /* Close button gerçek button */
  .btnClose{
    border:0;
    background:transparent;
    font-size: 20px;
    padding: 8px 10px;
    cursor:pointer;
  }
  
  /* =========================
   MOBILE LEFT MENU UI FIX (premium + hizalı)
   footer.php > STYLES bloğunun EN ALTINA EKLE
========================= */

/* Menü iç padding daha düzgün */
.mobileLeftCategoriesList .leftMenuContent{
  padding-bottom: 90px; /* altta taşma olmasın */
}

/* Başlıklar */
.mobileLeftCategoriesList .leftMobileMenuTitle{
  font-size: 11px;
  letter-spacing: .12em;
  font-weight: 900;
  color: black;
  margin: 14px 0 10px;
}

/* Menü linkleri */
.mobileLeftCategoriesList .leftMenuContent > ul > li > a{
  display:flex;
  align-items:center;
  padding: 12px 10px;
  border-radius: 12px;
  font-weight: 800;
  color:#0f172a;
}
.mobileLeftCategoriesList .leftMenuContent > ul > li > a:hover{
  background: rgba(187,0,43,.06);
  color:#bb002b;
}

/* Kategori listesi genel */
#kategoriMenuMobile{
  margin-top: 8px;
}

/* KATEGORİ SATIRI: tek satır, 3 kolon */
#kategoriMenuMobile > li > a.dropdown-item{
  display:grid;
  grid-template-columns: 18px 1fr 36px;  /* sol ikon | yazı | ok */
  align-items:center;
  gap: 10px;

  padding: 12px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 8px 18px rgba(15,23,42,.06);

  font-size: 14px;
  font-weight: 900;
  color:#0f172a;

  line-height: 1.15;
  margin-bottom: 10px;
}

/* Sol ikon kesin görünsün */
#kategoriMenuMobile > li > a.dropdown-item > i{
  width: 18px;
  height: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bb002b;
  font-size: 12px;
}

/* Yazı kırpma / taşma */
#kategoriMenuMobile > li > a.dropdown-item{
  min-width: 0;
}
#kategoriMenuMobile > li > a.dropdown-item{
  overflow: hidden;
}
#kategoriMenuMobile > li > a.dropdown-item{
  white-space: nowrap;
  text-overflow: ellipsis;
}
#kategoriMenuMobile > li > a.dropdown-item{
  /* grid’de 2. kolon otomatik, yazı buraya oturur */
}
#kategoriMenuMobile > li > a.dropdown-item span.mchev{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(187,0,43,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bb002b;
}

/* Hover */
#kategoriMenuMobile > li > a.dropdown-item:hover{
  border-color: rgba(187,0,43,.20);
  background: rgba(187,0,43,.06);
  color:#bb002b;
}
#kategoriMenuMobile > li > a.dropdown-item:hover span.mchev{
  background: rgba(187,0,43,.16);
}

/* Açıkken ok dönsün */
#kategoriMenuMobile > li.is-open > a.dropdown-item span.mchev i{
  transform: rotate(180deg);
  transition: transform .15s ease;
}

/* Alt kategori alanı: kart gibi */
#kategoriMenuMobile > li > ul.sub-menu{
  margin-top: -6px;
  margin-bottom: 12px;
  padding: 10px 12px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(187,0,43,.10);
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
}

/* Alt kategori linkleri */
#kategoriMenuMobile > li > ul.sub-menu li a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 10px;
  border-radius: 12px;

  font-size: 13px;
  font-weight: 800;
  color:#334155;
}
#kategoriMenuMobile > li > ul.sub-menu li a:before{
  content:"•";
  color: rgba(187,0,43,.85);
  font-weight: 900;
}
#kategoriMenuMobile > li > ul.sub-menu li a:hover{
  background: rgba(187,0,43,.08);
  color:#bb002b;
}

/* Üstteki logo + kapat butonu hizası */
.mobileLeftCategoriesList .leftMenuTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.mobileLeftCategoriesList .btnMenu img{
  display:block;
}
.mobileLeftCategoriesList .btnClose{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.10);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
}
/*footer bit*/



/*karsilastirma basla*/
    :root{
      --brand:#bb002b;
      --text:#0f172a;
      --muted:#64748b;
      --soft:#f6f7fb;
      --line:rgba(0,0,0,.08);
      --shadow:0 10px 25px rgba(0,0,0,.08);
      --radius:16px;
      --orange:#f59e0b;
    }
    body{ font-family:Poppins, sans-serif; background:#fff; }

    .cmp-wrap{ padding: 18px 0 32px; }
    .cmp-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
    .cmp-topbar{
      padding: 14px 16px;
      border-bottom:1px solid var(--line);
      background: linear-gradient(90deg, rgba(187,0,43,.06), rgba(255,255,255,1));
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .cmp-title{
      margin:0;
      font-size: 18px;
      font-weight: 900;
      color: var(--text);
      display:flex;
      align-items:center;
      gap:10px;
    }
    .cmp-count{
      width: 34px; height: 34px;
      border-radius: 12px;
      background: #111827;
      color:#fff;
      display:flex; align-items:center; justify-content:center;
      font-weight: 900;
      box-shadow: 0 10px 22px rgba(0,0,0,.12);
    }
    .cmp-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
    .btn-cmp{
      border: 1px solid var(--line);
      background:#fff;
      border-radius: 999px;
      padding: 10px 12px;
      font-weight: 900;
      font-size: 12px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      text-decoration:none !important;
      color: var(--text);
      box-shadow: 0 8px 18px rgba(0,0,0,.06);
      transition:.15s ease;
    }
    .btn-cmp:hover{ transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0,0,0,.10); }
    .btn-cmp.excel{ border-color: rgba(22,163,74,.24); background: rgba(22,163,74,.08); color: #14532d; }
    .btn-cmp.clear{ border-color: rgba(220,38,38,.22); background: rgba(220,38,38,.08); color: #7f1d1d; }

    .cmp-body{ padding: 14px 14px 18px; }
    .table-wrap{
      border:1px solid var(--line);
      border-radius: 14px;
      overflow:hidden;
      background:#fff;
    }
    thead th{
      background: #f8fafc;
      color: #0f172a;
      font-weight: 900;
      font-size: 12px;
      border-bottom: 1px solid var(--line) !important;
      text-align:center;
      white-space:nowrap;
      vertical-align:middle !important;
    }
    tbody td{
      font-weight: 700;
      color: #0f172a;
      text-align:center;
      font-size: 13px;
      vertical-align:middle !important;
    }
    .text-left{ text-align:left !important; }

    .pimg{
      width: 74px; height: 74px;
      object-fit: cover;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: var(--soft);
      box-shadow: 0 8px 18px rgba(0,0,0,.06);
    }

    /* ✅ Ürün adı TAM görünsün */
    .pname{
      font-weight: 900;
      color: var(--text);
      text-decoration:none !important;
      display:inline-block;
      white-space: normal;   /* kırılabilir */
      overflow: visible;     /* kesme yok */
      text-overflow: unset;
      line-height: 1.25;
    }
    .pname:hover{ color: var(--brand); }
    .pname.orange{ color: var(--orange) !important; }

    .badges{ display:flex; gap:6px; flex-wrap:wrap; margin-top: 6px; }
    .badge-soft{
      background: var(--soft);
      border:1px solid var(--line);
      color: var(--muted);
      padding: 6px 10px;
      border-radius: 999px;
      font-weight:800;
      font-size: 11px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .badge-orange{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.35); color: #92400e; }
    .badge-blue{ background: rgba(59,130,246,.10); border-color: rgba(59,130,246,.18); color:#1e3a8a; }

    .desc{ color:#334155; font-weight: 650; line-height: 1.45; }

    .btn-remove{
      border: 1px solid rgba(220,38,38,.22);
      background: rgba(220,38,38,.08);
      color: #7f1d1d;
      border-radius: 999px;
      padding: 8px 10px;
      font-weight: 900;
      font-size: 12px;
      display:inline-flex;
      gap:8px;
      align-items:center;
      cursor:pointer;
      transition:.15s ease;
    }
    .btn-remove:hover{ transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0,0,0,.10); }

    .empty{ text-align:center; padding: 34px 10px; color: var(--muted); font-weight: 900; }
/*karsilastirma bit*/






/*urun detay basla*/
        :root{
            --brand:#bb002b;
            --text:#0f172a;
            --muted:#64748b;
            --soft:#f6f7fb;
            --line:rgba(0,0,0,.08);
            --shadow:0 10px 25px rgba(0,0,0,.08);
            --radius:16px;
        }
        body{ font-family:Poppins, sans-serif; }

        .pd-wrap{ padding: 14px 0 30px; }
        .pd-card{
            background:#fff;
            border:1px solid var(--line);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            overflow:hidden;
        }
        .pd-topbar{
            padding:14px 16px;
            border-bottom:1px solid var(--line);
            background: linear-gradient(0deg, #fff, #fff), linear-gradient(90deg, rgba(187,0,43,.06), transparent);
        }
        .pd-code{
            font-weight:800;
            color: var(--muted);
            letter-spacing:.4px;
            font-size: 13px;
        }
        .pd-title{
            font-size: 22px;
            font-weight: 800;
            margin: 6px 0 0;
            color: var(--text);
        }
        .pd-title.orange{ color: #f59e0b; }
        .pd-body{ padding: 16px; }

        /* Gallery */
        .gallery-main{
            border-radius: 14px;
            border:1px solid var(--line);
            overflow:hidden;
            background: #fff;
        }
        .gallery-main img{ width:100%; height:auto; display:block; }
        .thumbs{ display:flex; gap:10px; padding-top:12px; flex-wrap:wrap; }
        .thumbs a{
            width: 74px; height: 74px; border-radius: 12px; overflow:hidden;
            border:1px solid var(--line); background:#fff; display:block; transition:.15s ease;
        }
        .thumbs a:hover{ transform: translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.08); }
        .thumbs img{ width:100%; height:100%; object-fit:cover; display:block; }

        /* Badges */
        .badge-soft{
            background: var(--soft);
            border:1px solid var(--line);
            color: var(--muted);
            padding: 8px 12px;
            border-radius: 999px;
            font-weight:700;
            font-size: 12px;
            display:inline-flex;
            gap:8px;
            align-items:center;
        }
        .stock-ok{ color:#16a34a; }
        .stock-no{ color:#dc2626; }

        /* Price */
        .price-box{
            margin-top: 12px;
            padding: 14px 14px;
            border-radius: 14px;
            background: #b70a2d;
            color:#fff;
        }
        .price-main{ font-size: 22px; font-weight: 900; margin: 0; letter-spacing:.2px; }
        .price-sub{ margin: 4px 0 0; font-size: 12px; color: rgba(255,255,255,.75); }

        .note-box{
            margin-top: 10px;
            border-radius: 14px;
            border:1px dashed rgba(245,158,11,.45);
            background: rgba(245,158,11,.10);
            padding: 12px 12px;
            color:#7c2d12;
            font-weight:700;
        }

        .info-grid{
            margin-top: 14px;
            display:grid;
            grid-template-columns: 1fr 1fr;
            gap:10px;
        }
        .info-item{
            border:1px solid var(--line);
            border-radius: 14px;
            padding: 10px 12px;
            background:#fff;
        }
        .info-label{ font-size: 12px; color: var(--muted); font-weight:700; margin-bottom: 2px; }
        .info-val{ font-size: 14px; color: var(--text); font-weight:800; }

        .desc-box{
            margin-top: 14px;
            border-radius: 14px;
            border:1px solid var(--line);
            background:#fff;
            padding: 14px;
        }
        .desc-box h3{ font-size: 15px; font-weight: 900; margin: 0 0 10px; color: var(--text); }
        .desc-box ul{ margin:0; padding-left: 18px; }
        .desc-box li{ margin: 6px 0; color: #334155; font-weight:600; }

        /* Share */
        .share-row{ display:flex; gap:8px; flex-wrap:wrap; margin-top: 12px; }
        .share-btn{
            width: 40px; height: 40px; border-radius: 12px; border:1px solid var(--line);
            display:flex; align-items:center; justify-content:center; background:#fff; transition:.15s ease;
            box-shadow: 0 6px 16px rgba(0,0,0,.06);
        }
        .share-btn:hover{ transform: translateY(-1px); }
        .share-btn i{ font-size: 18px; }

        .btn-trase{ margin-top: 10px; border-radius: 999px; font-weight: 800; }

        /* Varyasyonlar (DAHA KÜÇÜK + pd-body ALTINDA) */
        .var-inline{
            margin-top: 16px;
            border-top: 1px solid var(--line);
            padding-top: 14px;
        }
        .var-head{
            display:flex; align-items:center; justify-content:space-between; gap:10px;
            margin-bottom: 10px;
        }
        .var-head h3{ margin:0; font-size: 14px; font-weight: 900; color: var(--text); }
        .var-row{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }
        .vitem{
            display:flex;
            align-items:center;
            gap:10px;
            border:1px solid var(--line);
            border-radius: 14px;
            padding: 8px 10px;
            background:#fff;
            min-width: 220px;
            max-width: 280px;
            transition:.15s ease;
        }
        .vitem:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,.07); }
        .vitem.active{ outline:2px solid rgba(187,0,43,.30); }
        .vimg{
            width: 54px; height:54px;
            border-radius: 12px;
            overflow:hidden;
            border:1px solid var(--line);
            background: var(--soft);
            flex: 0 0 auto;
        }
        .vimg img{ width:100%; height:100%; object-fit:cover; display:block; }
        .vbody{ min-width:0; }
        .vname{
            font-weight: 900;
            font-size: 12px;
            color: var(--text);
            margin:0 0 4px;
            line-height:1.2;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .vmeta{
            display:flex;
            flex-wrap:wrap;
            gap:6px;
            font-size: 11px;
            color: var(--muted);
            font-weight: 800;
        }
        .vpill{
            padding: 5px 8px;
            border-radius: 999px;
            background: var(--soft);
            border:1px solid var(--line);
        }
        .vpill.ok{ background: rgba(22,163,74,.10); color:#166534; border-color: rgba(22,163,74,.18); }
        .vpill.no{ background: rgba(220,38,38,.10); color:#7f1d1d; border-color: rgba(220,38,38,.18); }

        @media (max-width: 991px){
            .pd-title{ font-size: 20px; }
            .vitem{ min-width: 200px; }
        }
		
		/* ✅ Compare Bar (Modern) */
.compare-bar{
  margin-top: 12px;
  border: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(187,0,43,.06), rgba(255,255,255,1));
  border-radius: 14px;
  padding: 12px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.cmp-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 220px;
}

.cmp-badge{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  background: #111827;
  color:#fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

.cmp-title{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.cmp-title b{
  font-weight: 900;
  color: var(--text);
  font-size: 13px;
}
.cmp-title small{
  color: var(--muted);
  font-weight: 700;
  font-size: 11px;
  margin-top: 2px;
}

.cmp-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.btn-compare{
  border: 1px solid var(--line);
  background:#fff;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 900;
  font-size: 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none !important;
  color: var(--text);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  transition:.15s ease;
}
.btn-compare:hover{ transform: translateY(-1px); box-shadow:0 12px 26px rgba(0,0,0,.10); }

.btn-compare.add{
  border-color: rgba(187,0,43,.28);
  background: rgba(187,0,43,.06);
  color: #7f001e;
}
.btn-compare.add i{ color: #bb002b; }

.btn-compare.inlist{
  border-color: rgba(22,163,74,.25);
  background: rgba(22,163,74,.08);
  color: #14532d;
  cursor: default;
  opacity: .92;
}
.btn-compare.inlist i{ color:#16a34a; }

.btn-compare.view{
  border-color: rgba(59,130,246,.22);
  background: rgba(59,130,246,.06);
}
.btn-compare.view i{ color:#2563eb; }

/* ✅ Toast */
.cmp-toast{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  min-width: 260px;
  max-width: 360px;
  background: #111827;
  color:#fff;
  border-radius: 14px;
  padding: 12px 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
  display:none;
}
.cmp-toast.show{ display:block; animation: cmpIn .18s ease; }
@keyframes cmpIn{ from{ transform: translateY(8px); opacity:0; } to{ transform: translateY(0); opacity:1; } }
.cmp-toast .t-head{ font-weight: 900; font-size: 12px; }
.cmp-toast .t-body{ margin-top: 4px; color: rgba(255,255,255,.82); font-weight:700; font-size: 12px; }

/*urun detay bit*/

/*kategoriler basla*/

    .leftBlock .accordion-body a { display:block; border-bottom:1px solid #f1f1f1; padding:10px 0; }
    .magnify>.magnify-lens { cursor: zoom-in; }

    /* ✅ Sidebar aktif stiller */
    .sidebar-link.is-active{ font-weight: 900; color:#bb002b !important; }
    .accordion-button.is-current{ color:#bb002b !important; font-weight: 900; }
    .accordion-button.is-current:not(.collapsed){ background: rgba(187,0,43,.06) !important; }

    .sidebar-toplink{
      display:block;
      padding:10px 0;
      border-bottom:1px solid #f1f1f1;
      font-weight:800;
      color:#0f172a;
    }
    /* ✅ "Tüm ..." SADECE üst kategori sayfasında kırmızı olacak */
    .sidebar-toplink.is-active{ color:#bb002b !important; font-weight:900; }

/*kategoriler bit*/



/*arama basla*/

        .leftBlock .accordion-body a { display:block; border-bottom:1px solid #f1f1f1; padding:10px 0; }
        .accordion-body ul{ list-style:none; padding-left:0; margin:0; }
        .accordion-body li{ margin:0; padding:0; }
 
/*arama bit*/







/*index başla*/

/* =========================
   Mobil grid fix (eski inline)
   ========================= */
@media (max-width: 768px) {
  .col-sm-3 {
    width: 50%;
    float: left;
  }
  .hizala {
    margin-bottom: 20px;
  }
  .box {
    display: block;
    text-align: center;
  }
  .bannerImage {
    position: relative;
  }
  .bannerImage img {
    width: 100%;
    height: auto;
  }
  .bannerImage h4 {
    margin-top: 0;
    height: auto;
    line-height: 24px;
  }
}

/* Slider container */
.homeSlider {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.homeSlider .slayt img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .homeSlider {
    width: 100%;
  }
}

/* Kare konteyner (ürün resimleri) */
.square-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.square-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

/* Ürün başlık aynı hizada */
.product-title {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

/* Kategori başlığı (inline style yerine) */
.cat-title{
  text-align:center;
  font-size:15px;
  line-height:28px;
  font-weight:bold;
  margin-top:-20px;
  height:auto;
  background-color:#bb002b;
  color:#fff;
  border-radius:0 0 5px 5px;
  border:1px solid #bb002b;
}

/* =========================
   NEW: Home Featured Carousel
   ========================= */
.home-featured {
  padding: 30px 0;
}

.home-featured .section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 16px;
}

.home-featured .section-title{
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  letter-spacing: .2px;
}

.home-featured .section-sub{
  margin: 6px 0 0 0;
  color: #6c757d;
  font-size: 14px;
}

.home-featured .nav-hint{
  color:#6c757d;
  font-size:13px;
  white-space:nowrap;
}

.featured-wrap{
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 18px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.featured-wrap .carousel-inner{
  padding: 0 44px;
}

@media (max-width: 768px){
  .featured-wrap{ padding: 14px 10px; border-radius: 12px; }
  .featured-wrap .carousel-inner{ padding: 0 34px; }
}

.featured-card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  background: #fff;
  height: 100%;
}

.featured-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
  border-color: rgba(187,0,43,.22);
}

.featured-media{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #f6f7f9;
}

.featured-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.featured-badge{
  position:absolute;
  left:10px;
  top:10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background: rgba(187,0,43,.92);
  color:#fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.featured-body{
  padding: 12px 12px 10px 12px;
}

.no-underline{
  text-decoration:none !important;
}

.featured-title{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25rem;
  margin: 0 0 8px 0;
  min-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  text-align:center;
}

.featured-price{
  text-align:center;
  font-weight: 800;
  font-size: 16px;
  margin: 0;
  color: #0d6efd;
}

.featured-meta{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:8px;
  margin-top: 10px;
  color:#6c757d;
  font-size: 12px;
}

.alt-variants{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(0,0,0,.08);
}

.alt-variants .label{
  display:block;
  color:#6c757d;
  font-size: 12px;
  margin-bottom: 6px;
  text-align:center;
}

.alt-variants .variant-grid{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap: wrap;
}

.variant-thumb{
  width: 38px;
  height: 38px;
  border-radius: 10px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.08);
  background:#f6f7f9;
  transition: transform .15s ease, border-color .15s ease;
}

.variant-thumb:hover{
  transform: translateY(-2px);
  border-color: rgba(187,0,43,.28);
}

.variant-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* Carousel oklar */
.carousel-control-prev,
.carousel-control-next{
  width: 44px;
  height: 44px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

.carousel-control-prev{ left: 6px; }
.carousel-control-next{ right: 6px; }

.carousel-control-prev-icon,
.carousel-control-next-icon{
  background: none !important;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

.carousel-control-prev-icon i,
.carousel-control-next-icon i{
  font-size: 18px;
  color: #111;
}


  #productCarousel .carousel-item { transition-duration: .35s; }
    #productCarousel .carousel-inner {
      user-select: none;
      -webkit-user-select: none;
      touch-action: pan-y;
      cursor: grab;
    }
    #productCarousel .carousel-inner.is-dragging { cursor: grabbing; }

    .home-category-section { padding: 40px 0; }
    .category-card {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      margin-bottom: 30px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      aspect-ratio: 1/1;
    }
    .category-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 25px rgba(0,0,0,0.15);
    }
    .category-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease;
    }
    .category-card:hover img { transform: scale(1.1); }
    .category-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60%;
      background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 20px;
      text-align: center;
    }
    .category-title {
      color: #fff;
      font-size: 1.1rem;
      font-weight: 600;
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    @media (max-width: 768px) {
      .category-card { margin-bottom: 15px; border-radius: 8px; }
      .category-title { font-size: 0.9rem; }
      .home-category-section { padding: 20px 10px; }
    }

/*index bit*/


/*kategoriler başla*/

  .home-category-section{ padding: 10px 0 0; }
    .category-card{
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      margin-bottom: 18px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.10);
      transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1);
      aspect-ratio: 1/1;
      display:block;
      text-decoration:none;
    }
    .category-card:hover{
      transform: translateY(-8px);
      box-shadow: 0 12px 25px rgba(0,0,0,0.15);
    }
    .category-card img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition: transform 0.6s ease;
      display:block;
    }
    .category-card:hover img{ transform: scale(1.1); }
    .category-overlay{
      position:absolute;
      bottom:0; left:0; right:0;
      height:60%;
      background: linear-gradient(to top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%);
      display:flex;
      align-items:flex-end;
      justify-content:center;
      padding:20px;
      text-align:center;
    }
    .category-title{
      color:#fff;
      font-size:1.05rem;
      font-weight:600;
      margin:0;
      text-transform:uppercase;
      letter-spacing:.5px;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    @media (max-width: 768px){
      .category-card{ margin-bottom: 12px; border-radius: 8px; }
      .category-title{ font-size: .90rem; }
    }
    .subcats-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:12px;
      margin: 10px 0 6px;
    }
    .subcats-head h3{
      margin:0;
      font-size: 18px;
      font-weight: 800;
    }
    .subcats-head small{
      color:#64748b;
      font-weight:700;
    }
/*kategoriler bit*/

/* Mobile Search Results */
.header-shell #arama_sonuclari_mobile{
  width: 100%;
  background:#fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  display:none;
  max-height: 320px;
  overflow-y: auto;
  padding: 6px;
  margin-top: 8px;
}
.header-shell #arama_sonuclari_mobile.show{ display:block; }
.header-shell #arama_sonuclari_mobile a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 10px;
  font-weight: 800;
  color: var(--text);
  font-size: 13px;
  border-bottom: 1px solid var(--soft);
}
.header-shell #arama_sonuclari_mobile a:last-child{ border-bottom: none; }
.header-shell #arama_sonuclari_mobile .stok-ok{ color:#16a34a; font-weight: 900; }
.header-shell #arama_sonuclari_mobile .stok-no{ color:#dc2626; font-weight: 900; }