/* NAY yeni tasarim - Prototip 2 liste (/amazon) ve ana sayfa parcalari */
.p2-liste { padding-bottom: 16px; }
.p2-hero { padding: 16px 14px 18px; display: flex; flex-direction: column; align-items: center; gap: 10px; background: #F7F6F3; }
.p2-hero h1 { margin: 0; text-align: center; font: 800 24px/1.2 var(--f-bas); text-wrap: balance; }
.p2-taze { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--yesil2); }
.p2-nokta { width: 8px; height: 8px; border-radius: 50%; background: #22C55E; flex: none; display: inline-block; }
.p2-ara { width: 100%; display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 14px; border-radius: 14px; background: var(--kart); box-shadow: 0 6px 20px rgba(17,19,22,.10); border: 1px solid var(--cizgi); margin: 0; }
.p2-ara input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 16px; outline: none; height: 46px; }
.p2-hizli { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.p2-hizli button { height: 34px; padding: 0 12px; border-radius: 999px; background: var(--kart); color: var(--ink); border: 1px solid #D6D2C8; font: 700 12.5px var(--f-gov); cursor: pointer; }
.p2-hizli button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.p2-liste h2 { margin: 0; font: 800 17px var(--f-bas); }
.p2-bb { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.p2-bb small { font-size: 11px; font-weight: 600; color: var(--soluk); display: flex; align-items: center; gap: 5px; }
.p2-serit { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.p2-serit::-webkit-scrollbar { display: none; }
.p2-ilgi { padding: 10px 14px; background: var(--kart); display: grid; gap: 8px; border-bottom: 1px solid var(--cizgi); }
.p2-kaydir { font: 700 11px var(--f-gov); color: #fff; background: var(--turuncu); border-radius: 999px; padding: 2px 8px; animation: p2it 1.4s ease-in-out infinite; }
@keyframes p2it { 50% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) { .p2-kaydir { animation: none; } }
.p2-kart { display: flex; flex-direction: column; gap: 3px; padding: 4px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 8px; text-decoration: none; color: var(--ink) !important; min-width: 0; }
.p2-kart[hidden] { display: none; }
.p2-serit .p2-kart { flex: 0 0 124px; }
.p2-kart.p2-sup { border: 2px solid var(--super); }
.p2-kart.p2-ilg { border: 2px solid var(--turuncu); }
.p2-r { position: relative; aspect-ratio: 1; background: #fff; border-radius: 6px; overflow: hidden; }
.p2-r img { width: 100%; height: 100%; object-fit: contain; display: block; }
.p2-rz { position: absolute; font-size: 10px; font-weight: 800; padding: 2px 5px; border-radius: 4px; }
.p2-rz.p2-sol { bottom: 4px; left: 4px; background: #111316; color: #fff; }
.p2-rz.p2-ust { top: 4px; left: 4px; background: var(--turuncu); color: #fff; font-size: 12px; }
.p2-rz.p2-sp { top: 4px; left: 4px; background: var(--super); color: #fff; }
.p2-kad { font-size: 11.5px; line-height: 1.25; height: 29px; overflow: hidden; }
.p2-kf { font: 800 14px var(--f-bas); font-variant-numeric: tabular-nums; }
.p2-kf s { font: 400 10px var(--f-gov); color: var(--soluk2); }
.p2-et { font-size: 9.5px; font-weight: 700; padding: 2px 5px; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: fit-content; max-width: 100%; }
.p2-et-kod { background: #F5F3FF; color: #4C1D95; } .p2-et-kupon { background: #FEF3C7; color: #92400E; } .p2-et-abone { background: #ECFDF5; color: #14532D; }
.p2-bol { padding: 10px 10px 4px; display: grid; gap: 8px; }
.p2-bol[hidden] { display: none; }
.p2-izg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.p2-tum { padding: 8px 10px 4px; }
@media (min-width: 560px) { .p2-izg { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.p2-sira { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 8px 10px 0; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; }
.p2-sira button { height: 40px; border: 0; background: var(--kart); color: var(--ink); font: 600 11.5px/1.1 var(--f-gov); cursor: pointer; padding: 0 4px; white-space: normal; }
.p2-sira button + button { border-left: 1px solid var(--cizgi); }
.p2-sira button[aria-pressed="true"] { background: var(--ink); color: #fff; font-weight: 700; }
.p2-bos { color: var(--soluk); text-align: center; padding: 16px 0; }
.p2-sayfa { padding: 12px 10px; display: flex; justify-content: center; overflow-x: auto; }
.p2-mk .p2-ad2 { font: 800 13px var(--f-bas); } .p2-mk small { font-size: 10px; color: var(--soluk); }
.p2-katil { margin: 8px 10px 12px; padding: 12px; background: var(--yesil); color: #fff; border-radius: 12px; display: grid; gap: 8px; }
.p2-katil div { font: 800 15px var(--f-bas); }
.p2-katil nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.p2-katil a { display: grid; place-items: center; height: 40px; border-radius: 10px; background: #fff; text-decoration: none; font-weight: 700; font-size: 13px; }
.p2-hizli a { height: 34px; padding: 0 12px; border-radius: 999px; background: var(--kart); color: var(--ink); border: 1px solid #D6D2C8; font: 700 12.5px var(--f-gov); display: inline-flex; align-items: center; text-decoration: none; }
.p2-ana { padding-bottom: 6px; } .p2-ana-git { margin: 10px 14px 4px; }
/* 2026-11-04 ikinci tur: bitti bandi, dip etiketi, marka seridi, filtre cubugu */
.p2-bitti-bant { position: sticky; top: 61px; z-index: 35; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 10px 14px; background: #FEE2E2; border-bottom: 2px solid #DC2626; color: #7F1D1D; }
.p2-bitti-bant[hidden] { display: none; }
.p2-bitti-bant b { font-size: 15px; } .p2-bitti-bant span { grid-column: 1; font-size: 13px; font-weight: 600; } .p2-bitti-bant small { grid-column: 1; font-size: 12px; }
.p2-bitti-bant button { grid-column: 2; grid-row: 1 / span 3; align-self: center; width: 34px; height: 34px; border: 0; border-radius: 17px; background: #fff; cursor: pointer; }
.p2-et-dip { background: #DCFCE7; color: #14532D; }
.p2-mkb .p2-serit .p2-kart { flex: 0 0 104px; }
.p2-ft { padding: 10px 10px 2px; }
.p2-ilgi h2, .p2-mkb h2 { font-size: 16px; }
.p2-liste .p2-ft { padding: 10px 10px 2px !important; }

/* kullanici 2026-11-09: NAY yeni tasarim liste sayfalari masaustunde genis (NDC/FD gibi 1360px). Telefon degismez. */
@media (min-width: 1000px) {
  .p2 { max-width: 1360px; padding-left: 24px; padding-right: 24px; }
  .p2-halka, .p2-altbilgi { max-width: 1360px; }
  .p2-altbilgi { width: 100%; margin-left: auto !important; margin-right: auto !important; }
  .p2-izg { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 18px; }
  .p2-kart { font-size: 15px; }
}
@media (min-width: 1000px) {
  body:has(.p2-izg) .p2-ustbar { max-width: 1360px; padding-left: 24px; padding-right: 24px; }
}