/* NAY yeni tasarim cercevesi (2026-11-04): eski ust menu, yan kutu ve alt kisim gizlenir, sadece .p2-kok gorunur. */
html.p2-on body > *:not(.p2-kok):not(.y-ft-panel):not(.y-ft-perde):not(.p2-katman):not(.a2a_full):not(#a2apage_full):not(.a2a_overlay):not(script):not(noscript):not(style):not(link) { display: none !important; }
html.p2-on body { background: #F5F3EF !important; margin: 0; }
.p2-kok { --bg: #F5F3EF; --kart: #FFFFFF; --ink: #111316; --soluk: #4A4D55; --cizgi: #E3DFD7; --kutu: #ECE9E2; --yesil: #1F6B3A; --turuncu: #E8430A;
          font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: var(--bg); min-height: 100vh; }
.p2-kok *, .p2-kok *::before, .p2-kok *::after { box-sizing: border-box; }
.p2-ustbar { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--kart); border-bottom: 1px solid var(--cizgi); max-width: 640px; margin: 0 auto; }
.p2-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink) !important; flex: none; }
.p2-logo-k { width: 34px; height: 34px; border-radius: 10px; background: var(--yesil); color: #fff; display: grid; place-items: center; font: 800 14px Manrope, system-ui, sans-serif; }
.p2-logo-y { font: 800 15px Manrope, system-ui, sans-serif; white-space: nowrap; }
.p2-ustara { flex: 1; min-width: 0; display: flex; align-items: center; height: 40px; border-radius: 12px; background: var(--kutu); padding: 0 4px 0 12px; margin: 0; }
.p2-ustara input { flex: 1; min-width: 0; border: 0; background: none; font: inherit; font-size: 16px; color: var(--ink); outline: none; height: 38px; }
.p2-ustara button { width: 36px; height: 36px; border: 0; background: none; color: var(--ink); display: grid; place-items: center; cursor: pointer; }
@media (max-width: 420px) { .p2-logo-y { display: none; } }
.p2-menu-tus { flex: none; width: 42px; height: 42px; border: 0; border-radius: 12px; background: #111316; color: #fff; display: grid; place-items: center; cursor: pointer; }
.p2-cekmece-perde { position: fixed; inset: 0; z-index: 60; background: rgba(17, 19, 22, .45); }
.p2-cekmece { position: fixed; top: 0; right: 0; bottom: 0; z-index: 61; width: min(84vw, 320px); background: var(--kart); padding: 56px 16px 20px; display: flex; flex-direction: column; gap: 2px; overflow-y: auto; box-shadow: -8px 0 24px rgba(0,0,0,.15); }
.p2-cekmece[hidden], .p2-cekmece-perde[hidden] { display: none; }
.p2-cekmece > a { padding: 13px 8px; border-radius: 10px; text-decoration: none; color: var(--ink) !important; font-weight: 700; font-size: 16px; }
.p2-cekmece > a:hover { background: var(--kutu); }
.p2-cekmece-kapa { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border: 0; border-radius: 20px; background: var(--kutu); font-size: 18px; cursor: pointer; }
.p2-cekmece-alt { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cizgi); display: flex; gap: 14px; flex-wrap: wrap; font-size: 14px; }
.p2-cekmece-alt span { width: 100%; color: var(--soluk); font-size: 12.5px; } .p2-cekmece-alt a { font-weight: 700; color: var(--yesil) !important; text-decoration: none; }
.p2-altbilgi { max-width: 640px; margin: 24px auto 0; padding: 20px 16px 90px; border-top: 1px solid var(--cizgi); display: grid; gap: 10px; font-size: 13px; color: var(--soluk); }
.p2-altbilgi p { margin: 0; } .p2-altbilgi nav { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.p2-altbilgi nav a { color: var(--ink) !important; font-weight: 700; text-decoration: none; padding: 6px 0; }
.p2-altbilgi-not { font-size: 12px; line-height: 1.5; }
.p2-yapiskan { position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 30; max-width: calc(100% - 28px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
               background: var(--turuncu); color: #fff !important; text-decoration: none; font-weight: 800; font-size: 14px; padding: 11px 18px; border-radius: 999px; box-shadow: 0 8px 22px rgba(232, 67, 10, .35); }
.p2-yapiskan[hidden] { display: none; }
.p2-metin { max-width: 640px; margin: 12px auto 0; padding: 16px; background: #fff; border-radius: 16px; line-height: 1.6; font-size: 15px; }
.p2-metin .col-md-8, .p2-metin .col-md-12, .p2-metin .container, .p2-metin .row { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.p2-metin h1, .p2-metin h2, .p2-metin h3 { font-family: Manrope, system-ui, sans-serif; line-height: 1.25; }
.p2-metin input, .p2-metin textarea { font-size: 16px; }
/* 2026-11-05: liste sayfalari (grup, gunun/ozel firsatlar, ogren bil, ilanlar, arama, marka, kategori) icin genis alan: kartlar kendi stiliyle, zemin yeni */
.p2-genis { max-width: 960px; margin: 10px auto 0; padding: 6px 10px; line-height: 1.5; font-size: 15px; }
.p2-genis .container, .p2-genis .container-fluid { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.p2-genis h1, .p2-genis h2, .p2-genis h3 { font-family: Manrope, system-ui, sans-serif; line-height: 1.25; }
.p2-genis img { max-width: 100%; height: auto; }
.p2-genis .card, .p2-genis .product-card { border-radius: 14px !important; border: 1px solid var(--cizgi) !important; box-shadow: none !important; overflow: hidden; }
.p2-metin img { max-width: 100%; height: auto; border-radius: 10px; }
.p2-filtre-tasi { max-width: 960px; margin: 10px auto 0; padding: 10px; background: #fff; border-radius: 14px; }
.p2-filtre-tasi .col-md-8 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.p2-filtre-tasi input, .p2-filtre-tasi select { font-size: 16px; min-height: 38px; border-radius: 10px; }
/* kullanici 2026-11-10: masaustunde tum sayfalar genis acilsin (liste sayfalari gibi). Telefon degismez. */
@media (min-width: 1000px) {
  .p2-ustbar, .p2-altbilgi { max-width: 1360px !important; padding-left: 24px; padding-right: 24px; }
  .p2-genis, .p2-filtre-tasi { max-width: 1200px; }
  .p2-metin { max-width: 960px; padding: 24px 32px; }
}