/* ==========================================================================
   ÇELİK RAF İZMİR - 2050 KUSURSUZ TEK PARÇA GENEL CSS PAKETİ (SON SÜRÜM)
   ========================================================================== */

/* 1. KATEGORİ MENÜ İKONLARI */
#PM_kategoriler ul.Popup>li>a::before{display:block !important;content:"" !important;flex:0 0 50px !important;width:50px !important;height:50px !important;background-position:center !important;background-repeat:no-repeat !important;background-size:contain !important;border-radius:5px !important;}
#PM_kategoriler a[href="/celik-raf-1-metre-pmk19"]::before{background-image:url("https://platincdn.com/3535/pictures/ANQVXXECVR342025103457_1-li.jpg") !important;}
#PM_kategoriler a[href="/celik-raf-15-metre-pmk18"]::before{background-image:url("https://platincdn.com/3535/pictures/FNYGICDXWI35202593530_celik-raf-1.1.jpg") !important;}
#PM_kategoriler a[href="/celik-raf-2-metre-pmk20"]::before{background-image:url("https://platincdn.com/3535/pictures/QZJWTYYEUN35202514301_1.jpg") !important;}
#PM_kategoriler a[href="/celik-raf-25-metre-pmk21"]::before{background-image:url("https://platincdn.com/3535/pictures/BDGQIWRIEO372025104030_1a---Kopya.jpg") !important;}
#PM_kategoriler a[href="/celik-raf-1-mm-pmk44"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/QZJWTYYEUN35202514301_1.jpg") !important;}
#PM_kategoriler a[href="/celik-raf-ekipmanlari-pmk22"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/FKOJWZBJEH37202516439_raf-600x600.jpg") !important;}
#PM_kategoriler a[href="/depo-rafi-2-metre-pmk64"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/mdf-beyaz-tekli-mini-rack.jpg") !important;}
#PM_kategoriler a[href="/depo-rafi-25-metre-pmk68"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/mdf-beyaz-tekli-mini-rack.jpg") !important;}
#PM_kategoriler a[href="/agir-yuk-rafi-pmk58"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/QLGRMDAWWD11272024144156_depo-rafi-tekli-.png") !important;}
#PM_kategoriler a[href="/celik-raf-avadanlik-pmk24"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/31x93x160.jpg") !important;}
#PM_kategoriler a[href="/paslanmaz-raf-sistemleri-pmk27"]::before{background-image:url("https://platincdn.com/3535/dosyalar/images/IBRAXIMQXQ826202013328_Wayfair-Basics-4-Shelf-Shelving-Unit--1-.jpg") !important;}
#PM_kategoriler ul.Popup>li>ul>li>a::before{display:none !important;content:none !important;background-image:none !important;}

#PM_kategoriler{width:175px !important;background:#ffffff !important;border:1px solid #e3e8ee !important;border-radius:7px !important;overflow:visible !important;box-sizing:border-box !important;}
#PM_kategoriler div.menu{background:#ffffff !important;border:0 !important;}
#PM_kategoriler ul.Popup>li{position:relative !important;background:#ffffff !important;border-bottom:1px solid #edf0f3 !important;}
#PM_kategoriler ul.Popup>li:last-child{border-bottom:0 !important;}
#PM_kategoriler ul.Popup>li>a{box-sizing:border-box !important;width:100% !important;min-height:66px !important;display:flex !important;align-items:center !important;gap:8px !important;padding:7px 7px !important;background:#ffffff !important;color:#172b3f !important;font-size:11px !important;font-weight:600 !important;line-height:1.25 !important;text-decoration:none !important;}
#PM_kategoriler ul.Popup>li>a>span{flex:1 !important;min-width:0 !important;}
#PM_kategoriler ul.Popup>li>a .arrow_right{flex:0 0 auto !important;margin-left:auto !important;color:#8793a0 !important;font-size:14px !important;}
#PM_kategoriler ul.Popup>li>a:hover{background:#f5f7f9 !important;color:#ff5a1f !important;}
#PM_kategoriler ul.Popup>li>ul{min-width:225px !important;padding:6px 0 !important;background:#ffffff !important;border:1px solid #e3e8ee !important;border-radius:6px !important;box-shadow:0 10px 28px rgba(11,31,51,.12) !important;}
#PM_kategoriler ul.Popup>li>ul>li>a{display:block !important;padding:10px 14px !important;background:#ffffff !important;color:#26384a !important;font-size:12px !important;font-weight:500 !important;text-decoration:none !important;white-space:nowrap !important;}
#PM_kategoriler ul.Popup>li>ul>li>a:hover{background:#f5f7f9 !important;color:#ff5a1f !important;}


/* 2. ESKİ ŞERİT VE ARAMAYI GİZLE */
#ust_ana_menu,
#ust_ana_menuler_yerlesimi,
#ust_arama_kismi {
  display: none !important;
}


/* 3. LOGO VE ÜYELİK ALANI */
#logo_ve_uyelik{
  box-sizing: border-box !important;
  min-height: 85px !important;
  padding: 10px 35px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #edf2f6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#logo_alani .logo{
  width: 260px !important;
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
#logo_alani .logo img{
  max-width: 230px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
}


/* 4. SAĞ ÜST SEPET ALANI */
#ust_sepet_kismi_container{
  margin-left: auto !important;
}
#ust_sepet_kismi {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#ust_sepet_kismi .sepet_link,
#ust_sepet_kismi a[href*="alisveris-sepetim"] {
  background: #ffffff !important;
  border: 1px solid #d9dee4 !important;
  border-radius: 6px !important;
  color: #0b253b !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
}
#ust_sepet_kismi .sepet_link:hover {
  border-color: #ff6500 !important;
  color: #ff6500 !important;
}
#ust_sepet_kismi .mini_sepetim_container {
  display: none !important;
}


/* 5. ALT NAVİGASYON BANDI (TÜM KATEGORİLER + LİNKLER + KARGO) */
#ust_ek_menuler,
#ust_ek_menuler_container,
#ust_ek_menuler_yerlesimi {
  background: #ffffff !important;
  border-top: 0 !important;
  border-bottom: 1px solid #edf2f6 !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 35px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 100 !important;
  box-shadow: none !important;
}
#ust_ek_menuler_yerlesimi .home {
  order: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 18px !important;
  background: #ff6500 !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  margin: 0 25px 0 0 !important;
  border: 0 !important;
  font-size: 0 !important;
  flex-shrink: 0 !important;
}
#ust_ek_menuler_yerlesimi .home i,
#ust_ek_menuler_yerlesimi .home svg {
  display: none !important;
}
#ust_ek_menuler_yerlesimi .home::after {
  content: "Tüm Kategoriler" !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}
#ust_ek_menuler_yerlesimi::before {
  order: 2 !important;
  content: "Raf Tasarım Merkezi      Neden Biz?      İLETİŞİM" !important;
  white-space: pre !important;
  color: #0b253b !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  margin-right: auto !important;
}
#ust_ek_menuler_yerlesimi::after {
  order: 3 !important;
  content: "TÜRKİYE GENELİ ÜCRETSİZ KARGO" !important;
  margin-left: auto !important;
  color: #ff6500 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}


/* 6. SOL DİKEY MENÜYÜ GİZLE VE ORTAYI %100 TAM EKRAN YAP (BEYAZ BOŞLUĞU YOK EDEN MÜHÜR) */
#PM_sol, 
td#PM_sol {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  visibility: hidden !important;
}

body.anasayfa #PM_orta,
body.anasayfa #PM_icerik,
#PM_orta, 
td#PM_orta, 
#PM_icerik, 
.icerik_orta {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
}


/* 7. KATEGORİ PANELİ KATMAN AYARI */
.cri-cat-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 35px !important;
  z-index: 999999 !important;
  box-shadow: 0 25px 65px rgba(7, 26, 42, 0.35) !important;
}
.cri-cat-wrap {
  position: relative !important;
  z-index: 100000 !important;
}


/* 8. MOBİL UYARLAMA KORUMASI */
@media screen and (max-width: 767px) {
  #logo_ve_uyelik { padding: 8px 16px !important; }
  #ust_ek_menuler_yerlesimi { padding: 0 14px !important; }
  #ust_ek_menuler_yerlesimi::before,
  #ust_ek_menuler_yerlesimi::after { display: none !important; }
}

/* CELIK RAF IZMIR 2050 - ESKI SOSYAL MEDYA BANDI */

#PM_alt .site_telif > div.social-media {
    display: none !important;
}

/* CRI 2050 - SADE ORIJINAL SEPET */

#ust_sepet_kismi a.cri-v63-original-cart,
#ust_sepet_kismi a.cri-v63-original-cart::before,
#ust_sepet_kismi a.cri-v63-original-cart::after,
#ust_sepet_kismi a.cri-v63-original-cart .cri-v63-cart-icon,
#ust_sepet_kismi a.cri-v63-original-cart .cri-v63-cart-icon * {
    background: transparent !important;
    background-color: transparent !important;
    color: #0b253b !important;
    box-shadow: none !important;
}

#ust_sepet_kismi a.cri-v63-original-cart {
    border: 1px solid #d9e4ed !important;
    border-radius: 8px !important;
}
/* CRI 2050 - IC SAYFA SADE SEPET */
@media screen and (min-width: 768px) {

  #ust_sepet_kismi .sepet_link {
    background: #fff !important;
    color: #0b253b !important;
    border: 1px solid #d9e4ed !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  #ust_sepet_kismi .sepet_link *,
  #ust_sepet_kismi .sepet_link::before,
  #ust_sepet_kismi .sepet_link::after {
    background: transparent !important;
    background-color: transparent !important;
    color: #0b253b !important;
    box-shadow: none !important;
  }
}/* ========================================
   CRI 2050 - MASAÜSTÜ HERO ÜST DÜZELTME
   Mobil ve iç sayfalara dokunmaz.
   ======================================== */

@media screen and (min-width: 768px) {

  #PM_anasayfa #anasayfa_yazisi {
    padding-top: 0 !important;
    border-top: 0 !important;
    margin-top: -20px !important;
  }

}/* CRI 2050 - Masaüstü çift sepet ikonu düzeltmesi */
@media screen and (min-width: 768px) {
  #ust_sepet_kismi .link_1.sepet_link::before,
  #ust_sepet_kismi .link_1.sepet_link::after {
    content: none !important;
    background-image: none !important;
  }
}
/* =========================================
   ÇELİK RAF İZMİR 2050
   MASAÜSTÜ ALT ÇİZGİ TEMİZLEME
   ========================================= */

@media screen and (min-width: 768px) {

  #PM_anasayfa:has(#cri-master-v56-html),
  #anasayfa_yazisi:has(#cri-master-v56-html) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

}
/* CRI 2050 - MEGA MENÜ TİPOGRAFİ FINAL */
@media screen and (min-width: 768px) {

  #cri2050-mega h3,
  #cri2050-mega h4 {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #0b253b !important;
  }

  #cri2050-mega a {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
  }

  #cri2050-mega a:not(:hover) {
    color: #243c52 !important;
  }
}
/* CRI 2050 - İç sayfa gereksiz navigasyon yazıları */
@media screen and (min-width: 768px) {
  body:not(:has(#cri-master-v56-html))
  #ust_ek_menuler_yerlesimi::before {
    content: none !important;
    display: none !important;
  }
}
/* =========================================
   CRI 2050 - IC SAYFA KATEGORI BUTONU
   Sadece masaustu ic sayfalarda calisir
   ========================================= */

@media screen and (min-width: 768px) {

  /* Sahte turuncu butonu gizle */
  body:not(:has(#cri-master-v56-html))
  #ust_ek_menuler_yerlesimi a.home {
    display: none !important;
  }

  /* Gercek kategori butonu */
  body:not(:has(#cri-master-v56-html))
  li.tum_kategoriler {
    background: #ff6500 !important;
    border: 0 !important;
    border-radius: 9px !important;
  }

  body:not(:has(#cri-master-v56-html))
  li.tum_kategoriler > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ff6500 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  /* Gercek kategori menusu basliklari */
  body:not(:has(#cri-master-v56-html))
  #PopupMenu1 > li > a {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0b253b !important;
    line-height: 1.5 !important;
  }

  /* Alt kategori baglantilari */
  body:not(:has(#cri-master-v56-html))
  #PopupMenu1 li ul li a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #243c52 !important;
    line-height: 1.6 !important;
  }

  /* Fareyle gelince turuncu */
  body:not(:has(#cri-master-v56-html))
  #PopupMenu1 a:hover {
    color: #ff6500 !important;
    text-decoration: underline !important;
    text-underline-color: #ff6500 !important;
    text-underline-offset: 4px !important;
  }
}
/* CELIK RAF IZMIR - KATEGORI KARTLARI FINAL */
@media screen and (min-width: 768px) {

  #PM_kategori_urunleri .urunler_main .icerik > div > .urun {
    border-radius: 16px !important;
    border: 1px solid #d9e4ed !important;
    box-shadow: 0 8px 24px rgba(11,37,59,.045) !important;
    background: #fff !important;
  }

  #PM_kategori_urunleri .urunler_main .icerik > div > .urun:hover {
    border-color: #ff6500 !important;
    box-shadow: 0 12px 28px rgba(11,37,59,.09) !important;
  }
}/* CRI 2050 | Yalniz ana sayfa masaustu kavis duzeltmesi.
   Duz/L/U hesaplama, linkler, fiyatlar, sepet ve mobil etkilenmez. */
@media screen and (min-width:768px) {
  /* Hero dis cerceve ve sag gorsel */
  html body #cri-master-v56-html section.cri-s-hero {
    border-radius: 22px !important;
    overflow: hidden !important;
  }
  html body #cri-master-v56-html section.cri-s-hero .cri-s-img-box,
  html body #cri-master-v56-html section.cri-s-hero .cri-s-img-box img {
    border-radius: 18px !important;
  }

  /* Duz, L Kose, U Kose kartlari */
  html body #cri-master-v56-html #sistem-sec .show-grid > article.cri-show-card {
    border-radius: 21px !important;
    overflow: hidden !important;
  }
  html body #cri-master-v56-html #sistem-sec .show-grid > article.cri-show-card .show-visual {
    border-radius: 20px 20px 0 0 !important;
    overflow: hidden !important;
  }
  html body #cri-master-v56-html #sistem-sec .show-grid > article.cri-show-card .show-cta {
    border-radius: 11px !important;
  }

  /* Urun gruplari, avantajlar ve SSS */
  html body #cri-master-v56-html #raf-sistemleri .cri-product-group {
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  html body #cri-master-v56-html #avantajlar.cri-benefits {
    border-radius: 22px !important;
  }
  html body #cri-master-v56-html #avantajlar .cri-benefit {
    border-radius: 14px !important;
  }
  html body #cri-master-v56-html #sikca-sorulan-sorular .cri-faq-list details {
    border-radius: 12px !important;
    overflow: hidden !important;
  }
}