/* ============================================================
   Masaustu (PC) menu duzeni — 3 sutun: kategoriler | menu | sepet
   TAMAMI @media (min-width: 992px) icindedir; mobil gorunum
   hicbir sekilde etkilenmez.
   ============================================================ */
@media (min-width: 992px) {

  .rp-pc {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 320px;
    align-items: start;
    gap: 24px;
    max-width: 1560px;
    margin: 0 auto;
    /* Uc sutun da ayni hizada baslar (ust bosluk: 16px). */
    padding: 16px 20px 40px 20px;
  }

  /* ---- Sol: kategori listesi ---- */
  /* Uzun listede son kategori yarim gorunuyordu: kendi icinde kayar ve
     altta nefes payi birakir. */
  .rp-pc-cats {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 4px 16px 0;
    scrollbar-width: thin;
  }
  .rp-pc-cats::-webkit-scrollbar { width: 6px; }
  .rp-pc-cats::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 999px; }
  .rp-pc-cats a {
    display: block;
    padding: 10px 14px;
    margin-bottom: 2px;
    border-left: 3px solid transparent;
    color: #4b5563;
    font-size: 15px;
    text-decoration: none;
    border-radius: 0 8px 8px 0;
    transition: background .12s, color .12s;
  }
  .rp-pc-cats a:hover { background: #f4f4f5; color: #111827; }
  .rp-pc-cats a.is-active {
    border-left-color: #de4437;
    color: #111827;
    font-weight: 700;
  }

  /* ---- Orta: arama + menu ---- */
  .rp-pc-main { min-width: 0; }

  /* Ustteki arama kutusu tam genislik, sabit */
  /* Masaustunde sayfa zemini acik gri, kartlar/panel beyaz. */
  body.rp-pc-on { background: #f7f8fa; }
  /* Arama seridi: tamamen seffaf (tema beyaz zemin + alt cizgi + golge veriyordu). */
  .rp-pc-main .sticky {
    position: sticky;
    top: 0;
    z-index: 20;
    background: transparent !important;
    padding: 10px 0 14px 0 !important;
    margin: 0;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .rp-pc-main .sticky .swiper-container { display: none; }   /* yatay etiketler solda listede */
  .rp-pc-main .search_input {
    position: relative;
    max-width: none;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* Ici beyaz, disi seffaf: kenarlik / golge yok. */
  .rp-pc-main .search_input input.search {
    width: 100%;
    height: 52px;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 20px 0 52px !important;
    font-size: 15px;
    background: #fff !important;
    box-shadow: none !important;
  }
  .rp-pc-main .search_input input.search:focus {
    outline: 0;
    background: #fff !important;
    box-shadow: none !important;
  }
  .rp-pc-main .search_input > i.fa-search {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 16px;
  }
  .rp-pc-main .search_input .search_kapat {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* Urun kartlari: 2 sutun izgara */
  /* Dar masaustunde kart cok daralip yazi dikey kirilmasin: sigmazsa tek sutun. */
  .rp-pc-main .menuler {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
  }
  .rp-pc-main .menu_section .container { max-width: none; padding: 0; }
  .rp-pc-main .rp-kat-title {
    font-size: 22px;
    font-weight: 800;
    color: #111827;
    margin: 26px 0 14px 0;
  }
  .rp-pc-main .yemek_card {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    margin: 0;
    padding: 16px;
    border: 1px solid #ececec;
    border-radius: 12px;
    background: #fff;
    transition: box-shadow .15s, border-color .15s;
  }
  .rp-pc-main .yemek_card:hover {
    border-color: #e2e2e2;
    box-shadow: 0 6px 18px rgba(17, 24, 39, .08);
  }
  /* Tema gorseli "absolute" konumlandiriyor; izgarada metnin ustune biniyordu.
     Masaustunde gorsel akisa alinir, metin kendi sutununda kalir. */
  .rp-pc-main .yemek_card .info {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 34px 0 0;   /* sag ustteki + butonu icin yer */
  }
  .rp-pc-main .yemek_card .info h3,
  .rp-pc-main .yemek_card .info h4,
  .rp-pc-main .yemek_card .info span { max-width: 100%; }
  /* Uzun aciklama en fazla 2 satir; devami "..." olur. */
  .rp-pc-main .yemek_card .info h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
  }
  .rp-pc-main .yemek_card img {
    position: static !important;
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 10px;
    flex: 0 0 92px;
    margin: 0;
  }
  .rp-pc-main .yemek_card .addbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 2px 6px rgba(17, 24, 39, .10);
    font-style: normal;
  }
  .rp-pc-main .yemek_card img + .addbtn { top: 10px; right: 10px; }

  /* ---- Sag: sepet paneli ----
     Kartin GORUNUMU dosyanin sonunda, medya sorgusunun DISINDA tanimli
     ".rp-basket-card" bloğundadir; ayni kart mobilde sepet modalinda da
     kullanilir. Burada yalnizca masaustune ozgu yerlesim vardir. */
  .rp-pc-basket {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
  }
  /* Genis ekranda sutunlar biraz ferahlar */
  @media (min-width: 1280px) {
    .rp-pc { grid-template-columns: 230px minmax(0, 1fr) 360px; }
  }
  @media (min-width: 1600px) {
    .rp-pc { grid-template-columns: 260px minmax(0, 1fr) 390px; }
  }

  /* Masaustunde alt mobil bar ve mobil sepet butonu gizlenir */
  .rp-pc-on .footer_ek,
  .rp-pc-on .footer_sepet { display: none !important; }

  /* "Yukari cik" dugmesi sepet panelinin uzerine biniyordu: menu sutununun
     sag alt kosesine alinir (sutun genisligi kadar sola kaydirilir). */
  .rp-pc-on #scrolltop { right: 356px !important; }
  @media (min-width: 1280px) { .rp-pc-on #scrolltop { right: 396px !important; } }
  /* 1560px'ten sonra izgara ortalanir; yan bosluk da hesaba katilir. */
  @media (min-width: 1560px) {
    .rp-pc-on #scrolltop { right: calc((100vw - 1560px) / 2 + 396px) !important; }
  }
  @media (min-width: 1600px) {
    .rp-pc-on #scrolltop { right: calc((100vw - 1560px) / 2 + 426px) !important; }
  }
}

/* ==============================================================
   Menu kartinda adet rozeti
   Urun sepetteyse "+" butonunun yerini koyu bir adet rozeti alir.
   Hem mobil hem masaustu icin gecerli; adet JS ile guncellenir
   (rpMenuAdetleri, sepet_modal.js).
   ============================================================== */
.yemek_card i.addbtn.addbtn--adet {
  background-color: #1f2937 !important;
  border-color: #1f2937 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 33px !important;
  box-shadow: 0 2px 8px rgba(17, 24, 39, .25);
}
.rp-pc-main .yemek_card i.addbtn.addbtn--adet { line-height: 28px !important; font-size: 14px !important; }

/* ==============================================================
   SEPET KARTI (.rp-basket-card)
   Masaustunde sag sutundaki panel ile mobildeki sepet modali AYNI
   gorunumu paylasir; bu blok bilerek medya sorgusunun disindadir.
   Ayri /basket/ sayfasi etkilenmez: orada bu sinif yoktur.

   DIKKAT — seciciler yer yer "ul.sepet_li li" ile uzatilmistir:
   eleska.css'teki genel sepet kurallari (or. "ul.sepet_li li
   .sepet_li_head>p { gap:0 }") daha yuksek ozgullukte oldugu icin
   kisa secici kullanilirsa gorsel ile yazi bitisip satirlar ic ice
   girer.
   ============================================================== */
.rp-basket-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ececec;
  border-radius: 16px;
  background: #fff;
  padding: 0;
}
.rp-basket-card h2.rp-basket-title {
  flex: 0 0 auto;
  margin: 0;
  padding: 16px 16px 14px;
  border-bottom: 1px solid #f2f2f4;
  font-size: 19px;
  font-weight: 800;
  text-align: center;
  color: #111827;
}
/* Iki katmanli esnek kolon: disarida basliklar/sekmeler, icerideki
   ".sepetcard" (ajax ile tamami degisen parca) urun listesi + toplamlar. */
.rp-basket-card .rp-basket-body,
.rp-basket-card .sepetcard {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

/* ---- Teslimat / Gel-al secimi ---- */
.rp-basket-card .btnradio {
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  width: auto !important;
  margin: 12px 16px 4px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 999px;
  background: #f3f4f6;
}
/* Tema aktif sekmeye onay isareti koyuyor; beyaz hap zaten secimi gosteriyor. */
.rp-basket-card .btnradio .btn-radio::before,
.rp-basket-card .btnradio .btn-radio::after { display: none !important; }
.rp-basket-card .btnradio .btn-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 1 1 0;
  min-width: 0;
  height: 38px;
  padding: 0 8px;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent;
  color: #6b7280;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: none;
}
.rp-basket-card .btnradio .btn-radio i { font-size: 14px; }
.rp-basket-card .btnradio .btn-radio.active {
  background: #fff !important;
  color: #111827 !important;
  box-shadow: 0 1px 3px rgba(17, 24, 39, .14);
}
.rp-basket-card .btnradio .btn-radio.active i { color: #000 !important; }
/* ---- Sepet bos ---- */
.rp-basket-card .sepet_bos {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 220px;
  padding: 40px 24px 56px;
  text-align: center;
}
.rp-basket-card .sepet_bos > span {
  display: block;
  margin-bottom: 10px;
  font-size: 34px;
  line-height: 1;
  color: #1f2937;
}
.rp-basket-card .sepet_bos > span svg { width: 1em; height: 1em; fill: currentColor; }
.rp-basket-card .sepet_bos h2 {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  color: #111827;
}
.rp-basket-card .sepet_bos p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: #6b7280;
}
.rp-basket-card .btn { white-space: normal; }

/* ---- Urun listesi: kartin tek kaydirma alani ---- */
.rp-basket-card .sepet_li {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 2px 16px;
  list-style: none;
  scrollbar-width: thin;
}
.rp-basket-card .sepet_li::-webkit-scrollbar { width: 6px; }
.rp-basket-card .sepet_li::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 999px; }

/* Alt blok: kupon / ozet / buton (ajax HTML'inde bu sirayla gelir) */
.rp-basket-card .sepetcard > div { flex: 0 0 auto; }
.rp-basket-card .sepetcard > .mb-2 {
  padding: 12px 16px 0;
  margin: 0 !important;
  border-top: 1px solid #f2f2f4;
}
.rp-basket-card .total_ozetl { padding: 10px 16px 0; margin: 0 !important; }
.rp-basket-card .sepetcard > div:last-child { padding: 12px 16px 14px; margin: 0 !important; }

/* ---- Sepet satiri ---- */
.rp-basket-card ul.sepet_li > li {
  display: block;
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid #f4f4f6;
}
.rp-basket-card ul.sepet_li > li:first-child { padding-top: 10px; }
.rp-basket-card ul.sepet_li > li:last-child { border-bottom: 0; }

.rp-basket-card ul.sepet_li li .sepet_li_head {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.rp-basket-card ul.sepet_li li .sepet_li_head > p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  margin: 0;
}
/* Siyah adet rozeti gereksiz: adet zaten [-] 2 [+] hapinda.
   Gorselsiz urunun yer tutucusu da bir <span>; o haric tutulur. */
.rp-basket-card ul.sepet_li li .sepet_li_head > p > span:not(.sepet_thumb) { display: none !important; }
/* min/max-width ve margin bilerek yaziliyor: temanin adet rozeti kurali
   ("...p>span") 30px genislik ve 10px sag bosluk veriyor; gorselsiz
   urunun yer tutucu span'i bunlari miras alip hizayi kaydiriyordu. */
.rp-basket-card ul.sepet_li li .sepet_thumb {
  display: block;
  flex: 0 0 46px;
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  margin: 0;
  object-fit: cover;
  border-radius: 9px;
}
/* Gorseli olmayan urun: ayni olcude sade bir yer tutucu, boylece ad ve
   kategori digerleriyle ayni hizada kalir. */
.rp-basket-card ul.sepet_li li .sepet_thumb--bos {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f6;
  border: 1px solid #ececec;
}
.rp-basket-card ul.sepet_li li .sepet_thumb--bos::before {
  content: "\f0f5";
  font: normal normal normal 15px/1 FontAwesome;
  color: #c3c7ce;
}
.rp-basket-card ul.sepet_li li .sepet_li_head > p > em {
  flex: 1 1 auto;
  min-width: 0;
  font-style: normal;
  padding-top: 1px;
}
.rp-basket-card ul.sepet_li li .sepet_li_head > p > em > i {
  display: block;
  font-style: normal;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #9ca3af;
}
.rp-basket-card ul.sepet_li li .sepet_li_head > p > em > b {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.35;
  color: #111827;
  overflow-wrap: anywhere;
}
.rp-basket-card ul.sepet_li li .sepet_li_head > i {
  flex: 0 0 auto;
  min-width: 0 !important;
  padding-top: 1px;
  font-style: normal;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.45;
  white-space: nowrap;
  text-align: right;
  color: #111827;
}

/* Varyantlar + not solda, adet hapi sagda */
.rp-basket-card .sepet_li_footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 3px 8px;
  padding: 0 0 0 56px;   /* gorsel genisligi + bosluk */
  margin: 4px 0 0 0;
  min-height: 0 !important;
}
/* Varyantlar madde madde degil tek metin: "A, B, C". Kirpma ve
   "Devamini goster" yok; tamami yazilir. */
.rp-basket-card ul.sepet_li li .varyant_list {
  grid-column: 1;
  display: block;
  margin: 0;
  padding-left: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1.5;
  color: #6b7280;
  word-break: normal;
  overflow-wrap: anywhere;
}
.rp-basket-card ul.sepet_li li .varyant_list:empty { display: none; }
.rp-basket-card ul.sepet_li li .varyant_list > li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rp-basket-card ul.sepet_li li .varyant_list > li + li::before { content: ", "; }
.rp-basket-card .varyant_list b { font-weight: 400; }
.rp-basket-card .varyant_list span { color: #4b5563; }

/* ---- Ek aciklama (not) ---- */
.rp-basket-card .notadd { grid-column: 1; font-size: 12px; margin: 2px 0 0; }
/* Not yazilirken metin alani satirin tamamini kullanir (adet hapinin
   altina gecer); aksi halde dar sutuna sikisiyordu. */
.rp-basket-card .sepet_li_footer.is-note-open .notadd { grid-column: 1 / -1; }
.rp-basket-card ul.sepet_li li .notadd > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .12s, background .12s;
}
.rp-basket-card ul.sepet_li li .notadd > span:hover { border-color: #d1d5db; background: #f9fafb; }
.rp-basket-card ul.sepet_li li .notadd > span::before {
  content: "\f040";
  font: normal normal normal 12px/1 FontAwesome;
  color: #6b7280;
}
/* Not kayitliysa "ekle" hapi gerekmez: notun kendisine tiklanip duzenlenir. */
.rp-basket-card ul.sepet_li li .notadd > p:not([style*="none"]) ~ span { display: none !important; }
/* Kalem ikonu SAGDA dursun: uzun notlarda solda kalinca metin ikonun
   etrafina sarilip dagiliyordu. */
.rp-basket-card ul.sepet_li > li > .sepet_li_footer > .notadd > p {
  padding: 8px 34px 8px 11px;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  border-radius: 10px;
}
.rp-basket-card ul.sepet_li > li > .sepet_li_footer > .notadd > p::before {
  left: auto;
  right: 7px;
  top: 7px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
}
.rp-basket-card .notadd .notbody { width: 100%; margin-top: 6px; }
.rp-basket-card .notadd .rp-not-sayac {
  text-align: right;
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
  margin-bottom: 3px;
}
.rp-basket-card .notadd textarea {
  width: 100% !important;
  min-height: 62px;
  padding: 9px 11px;
  border: 2px solid #c7d2fe;
  border-radius: 12px;
  background: #fff;
  font-size: 12.5px;
  line-height: 1.45;
  color: #111827;
  resize: vertical;
  outline: none;
}
.rp-basket-card .notadd textarea:focus { border-color: #6366f1; }
.rp-basket-card .notadd .notbtn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin-top: 5px;
}
.rp-basket-card .notadd .notbtn .save_note,
.rp-basket-card .notadd .notbtn .rp-not-iptal {
  display: inline-block;
  width: auto;
  padding: 0;
  border: 0;
  background: none;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}
.rp-basket-card .notadd .notbtn .rp-not-iptal { color: #6b7280; }
.rp-basket-card .notadd .notbtn .rp-not-iptal:hover { color: #374151; }
.rp-basket-card .notadd .notbtn .save_note { color: #4f46e5; }
.rp-basket-card .notadd .notbtn .save_note:hover { color: #4338ca; }

/* ---- Adet hapi: [-] adet [+]  (adet 1 ise eksi yerine cop kutusu) ---- */
.rp-basket-card .sepet_ekle_cikar {
  position: static !important;
  grid-column: 2;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  width: auto !important;
  margin: 0;
  padding: 2px;
  border-radius: 999px;
  background: #f3f4f6;
  align-self: center;
}
.rp-basket-card .sepet_ekle_cikar > div,
.rp-basket-card .sepet_ekle_cikar .sepet_cikar,
.rp-basket-card .sepet_ekle_cikar .sepet_ekle {
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  border-radius: 50%;
  text-align: center;
  border: 0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 24, 39, .10);
  color: #111827;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.rp-basket-card .sepet_ekle_cikar > div:hover { background: #e5e7eb; }
/* Son adet: "-" yerine cop kutusu (pc_layout.js is-trash sinifini koyar) */
.rp-basket-card .sepet_ekle_cikar .sepet_cikar.is-trash {
  font-size: 0;
  color: #b91c1c;
}
.rp-basket-card .sepet_ekle_cikar .sepet_cikar.is-trash::before {
  content: "\f1f8";
  font: normal normal normal 13px/28px FontAwesome;
}
.rp-basket-card .sepet_ekle_cikar .rp-adet {
  min-width: 22px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}

/* Kartta hicbir sey tasmasin (not alani cols="50" ile sabit genislikteydi) */
.rp-basket-card, .rp-basket-card * { max-width: 100%; box-sizing: border-box; }
.rp-basket-card textarea { width: 100% !important; resize: vertical; }
.rp-basket-card .notbody { width: 100%; }

/* ---- Kupon + toplamlar ---- */
.rp-basket-card .input-group { display: flex; gap: 8px; flex-wrap: wrap; }
.rp-basket-card .input-group .form-control {
  flex: 1 1 160px;
  min-width: 0;
  width: auto;
  border-radius: 10px !important;
  height: 40px;
}
.rp-basket-card .input-group-append { flex: 0 0 auto; }
.rp-basket-card .input-group-append .btn {
  height: 40px;
  width: auto !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  white-space: nowrap;
}
.rp-basket-card .kupon_msg { flex: 1 0 100%; margin: 0 0 4px 0; font-size: 12px; }
.rp-basket-card .total_ozetl a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  width: auto !important;
  margin: 0;
  padding: 3px 0;
  font-size: 13px;
  color: #4b5563;
}
.rp-basket-card .total_ozetl a > i { font-style: normal; white-space: nowrap; }
.rp-basket-card .total_ozetl a.total_label {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  border-top: 1px solid #f2f2f4;
  margin-top: 6px;
  padding-top: 8px;
}
/* ---- Siparisi tamamla ---- */
.rp-basket-card .btn-success,
.rp-basket-card .btn-warning {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 13px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.rp-basket-card .btn-success {
  background: #00c9a7 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 201, 167, .30);
}
.rp-basket-card .btn-success:hover { background: #00b394 !important; }
/* Kartta "Daha Fazla Ekle" gereksiz: menu zaten arkasinda duruyor. */
.rp-basket-card .btn-primary-dark-w[href="/"] { display: none; }
.rp-basket-card hr { display: none; }

/* ==============================================================
   BILDIRIM MODALI
   Kart iskeleti (.rp-basket-card) sepetle ortak; buradakiler yalnizca
   bildirim listesi ve sayfalama icin.
   ============================================================== */
.rp-bildirim-card ul.notification {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 4px 8px;
  list-style: none;
  scrollbar-width: thin;
}
.rp-bildirim-card ul.notification::-webkit-scrollbar { width: 6px; }
.rp-bildirim-card ul.notification::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 999px; }
.rp-bildirim-card ul.notification > li { margin: 0; padding: 0; list-style: none; }
.rp-bildirim-card ul.notification > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 10px;
  border-bottom: 1px solid #f4f4f6;
  color: #374151;
  text-decoration: none;
}
.rp-bildirim-card ul.notification > li:last-child > a { border-bottom: 0; }
.rp-bildirim-card ul.notification > li > a:hover { background: #f9fafb; }
.rp-bildirim-card ul.notification > li > a > b {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
/* Okunmamis bildirim: kalin + sol isaret */
.rp-bildirim-card ul.notification > li > a.active {
  border-left: 3px solid #00c9a7;
  padding-left: 9px;
  background: #f7fffd;
}
.rp-bildirim-card ul.notification > li > a.active > b { font-weight: 700; color: #111827; }
.rp-bildirim-card ul.notification > li > a > i {
  flex: 0 0 auto;
  color: #9ca3af;
  font-size: 14px;
}
/* Sayfalama: kartin altinda sabit serit */
.rp-bildirim-card .pagination-area {
  flex: 0 0 auto;
  padding: 10px 12px 12px;
  border-top: 1px solid #f2f2f4;
}
.rp-bildirim-card .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
.rp-bildirim-card .pagination .page-item { margin: 0; }
/* Yuvarlak, sade butonlar; secili olan dolu siyah. */
.rp-bildirim-card .pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0 !important;
  border: 1px solid #e8e8ea !important;
  border-radius: 50% !important;
  background: #fff;
  color: #4b5563;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background .12s, border-color .12s, color .12s;
}
.rp-bildirim-card .pagination .page-link:hover {
  background: #f4f4f5;
  border-color: #d9d9dd !important;
  color: #111827;
}
.rp-bildirim-card .pagination .page-link.current {
  background: #111827;
  border-color: #111827 !important;
  color: #fff;
}
.rp-bildirim-card .pagination .page-link.current:hover { background: #111827; color: #fff; }

/* ==============================================================
   Mobil sepet modali — ayni kart, tam ekrana yakin bir pencerede.
   ============================================================== */
.modal .rp-sepet-dialog {
  max-width: 460px;
  min-width: 0;
  margin: 0 auto;
  padding: 12px;
  justify-content: flex-start;
}
/* Bootstrap ".modal-dialog" icin pointer-events:none, ".modal-content"
   icin auto veriyor. Kartimizda "modal-content" sinifi yok; bu satir
   olmazsa tiklamalar kartin icinden gecip arka perdeye dusuyor ve
   modal nereye basilsa kapaniyor. */
.rp-sepet-dialog .rp-basket-card {
  pointer-events: auto;
  margin: auto 0;               /* guvenli dikey ortalama */
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  border: 0;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .22);
}
.rp-sepet-dialog .rp-basket-card > form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.rp-sepet-dialog .rp-basket-title { position: relative; }
/* Kapatma dugmesi: basligin icinde, yuvarlak ve sade. Tarayici odak
   cercevesi kutu gibi gorundugu icin kendi odak halkamizi veriyoruz. */
.rp-sepet-dialog .rp-basket-close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 50%;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: #6b7280;
  opacity: 1;
  text-shadow: none;
  cursor: pointer;
  transition: background .12s, color .12s;
}
.rp-sepet-dialog .rp-basket-close:hover { background: #f3f4f6 !important; color: #111827; }
.rp-sepet-dialog .rp-basket-close:focus { outline: 0; }
.rp-sepet-dialog .rp-basket-close:focus-visible {
  outline: 0;
  background: #f3f4f6 !important;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, .12) !important;
}
@media (max-width: 575.98px) {
  .modal .rp-sepet-dialog { max-width: 100%; padding: 8px; min-height: 100vh; min-height: 100dvh; }
  .rp-sepet-dialog .rp-basket-card { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
}

/* ==============================================================
   DAR EKRAN GERI DUSUSU
   Masaustu duzeni (.rp-pc) JavaScript ile kuruluyor ve yerlesim
   kurallari yalnizca min-width:992px icinde. Pencere sonradan
   daralirsa (ornek: devtools acilinca) DOM yerinde kaliyor ama stil
   dusuyordu; kategori listesi sayfanin ustune bicimsiz bir baglanti
   yigini olarak biniyordu. Burasi o durumu toparlar: izgara duz akisa
   doner, masaustune ozgu sutunlar gizlenir (kategoriler zaten yatay
   seritte, sepet de modalda).
   ============================================================== */
@media (max-width: 991.98px) {
  .rp-pc {
    display: block;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .rp-pc-cats,
  .rp-pc-basket {
    display: none !important;
  }
  .rp-pc-main {
    display: block;
    min-width: 0;
  }
}
/* ==============================================================
   MASAUSTU BASLIK CUBUGU HIZASI
   Ust bardaki butonlar (solda bildirim, sagda sepet + menu) ekranin
   en kenarina yapisiyordu; icerik ise 20px iceriden basliyor. Cubuk
   icerikle ayni genislik ve bosluga getirilir. Mobil dokunulmaz.
   ============================================================== */
@media (min-width: 992px) {
  .navbg .navbar {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* ==============================================================
   MASAUSTU BASLIK BUTONLARI
   - Bildirim (ve sepet) butonundaki yan cizgiler kaldirilir.
   - Menu sayfasinda sepet zaten sag sutunda duruyor; basliktaki
     kopya butona gerek yok. Diger sayfalarda (iletisim, siparis...)
     panel olmadigi ve alt cubuk masaustunde gizli oldugu icin buton
     DURUR, yoksa sepete ulasilamaz.
   Mobil etkilenmez.
   ============================================================== */
@media (min-width: 992px) {
  .navbar .menuli a.sepet-btn {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .rp-pc-on .navbar .menuli a.sepet-ac {
    display: none !important;
  }
  .rp-pc-on .navbar .menuli li:has(> a.sepet-ac) {
    display: none !important;
  }
}