/* liste.css — Faz 7 P0-2 urun karti (15) + kategori listesi (13). Kaynak: tasarim bilesenler/13-kategori, 15-urun-karti,
   _ortak/temel.css (.lz kokune kapsandi); renk ailesi tonlari arac_cubugu.FAMHEX. liste.py tek kaynak. */
.lz .ic { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
[dir="rtl"] .lz .ic.flip { transform: scaleX(-1); }
.lz .pill { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--line2); border-radius: var(--radius-pill); background: var(--card); font-weight: 700; font-size: 13.5px; white-space: nowrap; }
.lz .pill.accent { background: var(--accent); color: #fff; border-color: var(--accent); }
.lz .iconbtn { width: var(--hit); height: var(--hit); display: inline-grid; place-items: center; border-radius: 50%; position: relative; }
.lz .iconbtn::after { content: ""; position: absolute; inset: 4px; border: 1px solid var(--line2); border-radius: 50%; }
.lz .hb .ic { width: 18px; height: 18px; }
.lz .kb-tum .ic { width: 16px; height: 16px; }
.lz .w-lk .ic { width: 16px; height: 16px; }
.lz.pg { max-width: 1680px; margin: 0 auto; padding: 8px var(--gut) 40px; }
@media (max-width: 860px) {
  .lz.pg { padding-bottom: 24px; }
}
.lz .pg-kr ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; font: 600 12.5px/1 var(--sans); color: var(--ink3); }
.lz .pg-kr li { display: inline-flex; align-items: center; }
.lz .pg-kr li + li::before { content: "/"; margin-inline-end: 4px; color: var(--line2); }
.lz .pg-kr a { display: inline-flex; align-items: center; min-height: 32px; min-width: 44px; justify-content: center; }
.lz .pg-kr a:hover { text-decoration: underline; text-underline-offset: 3px; }
.lz .pg-kr [aria-current] { color: var(--ink); font-weight: 800; }
.lz .pg-kb { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block: 4px 10px; }   /* kutunun kayan cip satiri sutunu buyutmesin */
.lz .pg-kb-s { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.lz .pg-kb h1 { margin: 0; font: 600 clamp(28px, 3.2vw, 44px)/1.02 var(--serif); }
/* Paket G: basligin YANINDA kategori / koleksiyon cizimi; cizim + baslik tek grup — baslik iki satira kirilsa da cizim yalniz
   basina bir satirda kalmaz (eski .chead .chd ikizi) */
.lz .pg-kb-b { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 0 1 auto; }
.lz .pg-kb-b h1 { min-width: 0; }
.lz .pg-kb .kih { width: clamp(30px, 3.4vw, 40px); height: clamp(30px, 3.4vw, 40px); flex: none; stroke-width: 1.5; color: var(--accent-h); }
.lz .pg-ilg .pg-cip .ki { width: 18px; height: 18px; flex: none; stroke-width: 1.6; color: var(--accent-h); }
.lz .pg-kb-m { font: 800 11px/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--goldink); }
.lz .pg-bant { margin: 0; font: 600 13px/1.5 var(--sans); color: var(--ink2); }
.lz .pg-kb-a { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.lz .pg-kb-a .pg-bant { flex: 1 1 auto; min-width: 0; }
.lz.pg.lz-bas { padding-bottom: 10px; }
.lz.pg.lz-bas .pg-kb { padding-block: 4px 4px; }
main.lz.pg { padding-top: 2px; }
.lz .pk-u { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.lz .pg-kod { display: inline-flex; align-items: center; gap: 2px; font: 600 22px/1 var(--serif); letter-spacing: .01em; min-width: 0; }
[dir="rtl"] .lz .pg-kod { font: 700 18px/1 var(--sans); }
.lz .pg-kop, .lz .pg-fav { flex: none; width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: 50%; color: var(--ink3); margin: -6px 0; }
.lz .pg-kop .ic { width: 16px; height: 16px; }
.lz .pg-fav .ic { width: 20px; height: 20px; }
.lz .pk-r { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 600 12.5px/1.3 var(--sans); color: var(--ink3); }
.lz .pk-r i { width: 11px; height: 11px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.lz .pk-r b { color: var(--ink); }
.lz .pg-nk { display: flex; align-items: center; gap: 4px; }
.lz .pg-nk i { width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.lz .pg-nk i.on { box-shadow: 0 0 0 2px var(--card), 0 0 0 3.5px var(--ink); }
.lz .pg-nk em { font: 800 11px/1 var(--sans); font-style: normal; color: var(--ink3); margin-inline-start: 2px; }
.lz .pg-bd { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.lz .pg-bd li { font: 700 11.5px/1 var(--sans); border: 1px solid var(--line2); border-radius: 6px; padding: 6px 7px; background: var(--card); }
.lz .pg-bd li.yok { color: var(--ink3); text-decoration: line-through; border-style: dashed; background: var(--bg); }
.lz .pg-kilit { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--accent); font: 800 13px/1.2 var(--sans); }
.lz .pg-kilit .ic { width: 17px; height: 17px; }
.lz .pg-fiyat { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.lz .pg-fiyat .pr { font: 700 19px/1 var(--serif); }
.lz .pg-fiyat small { font: 700 12px/1 var(--sans); color: var(--ink3); margin-inline-start: 2px; }
.lz .pk-u { min-width: 0; }
.lz .pg-ort { position: fixed; inset: 0; z-index: calc(var(--z-panel) - 1); background: rgba(38,34,30,.42); }
.lz .ur-ad { display: inline-flex; align-items: center; border: 1px solid var(--line2); border-radius: 12px; background: var(--card); color: var(--ink); overflow: hidden; flex: none; }
.lz .ur-ad button { width: 44px; height: 44px; display: grid; place-items: center; }
.lz .ur-ad button:disabled { opacity: .35; }
.lz .ur-ad output { min-width: 32px; text-align: center; font: 800 15px/1 var(--sans); }
.lz :where(img[width][height]) { height: auto; }
.lz .pk-gf { position: relative; display: block; aspect-ratio: 2/3; border-radius: 14px; overflow: hidden; background: var(--cream); }
.lz .pk-gf img, .lz .pk-gf .ph-bos { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
@media (hover: hover) {
  .lz .pk-gf:hover img { transform: scale(1.03); }
}
@media (prefers-reduced-motion: reduce) {
  .lz .pk-gf img { transition: none; }
}
.lz .pk-rz { position: absolute; inset-block-start: 8px; inset-inline-start: 8px; padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.92); font: 800 11px/1 var(--sans); color: var(--ink); }
.lz .ur-ekle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 20px; border-radius: 12px; background: var(--dark); color: var(--on-dark); font: 800 15px/1 var(--sans); }
.lz .ur-ekle:disabled { background: var(--line); color: var(--ink2); cursor: default; }
.lz .c-h2 { margin: 0; font: 600 22px/1.2 var(--serif); }
[dir="rtl"] .lz .c-h2 { font: 800 17px/1.3 var(--sans); }
.lz .c-ray { margin-top: 30px; }
.lz .c-ray-u { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.lz .c-ray-l { display: inline-flex; align-items: center; min-height: 44px; font: 800 13px/1 var(--sans); color: var(--accent2); }
.lz .c-ray-i { display: grid; grid-auto-flow: column; grid-auto-columns: 46%; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding-bottom: 8px; position: relative; scrollbar-width: thin; }
@media (min-width: 760px) {
  .lz .c-ray-i { grid-auto-columns: 30%; }
}
@media (min-width: 1100px) {
  .lz .c-ray-i { grid-auto-columns: calc((100% - 40px) / 5); }
}
.lz .c-ray-i > * { scroll-snap-align: start; min-width: 0; }
.lz .c2-b .pg-kod bdi, .lz .c7-b .pg-kod bdi { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 420px) {
  .lz .c2-b .pg-kod, .lz .c7-b .pg-kod { font-size: 17px; }
  [dir="rtl"] .lz .c2-b .pg-kod, [dir="rtl"] .lz .c7-b .pg-kod { font-size: 14px; }
}
.lz .c-gor { display: inline-flex; gap: 4px; margin: 4px 0 12px; padding: 4px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
.lz .c-gor button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; min-width: 64px; padding: 0 14px; border-radius: 9px; font: 800 13px/1 var(--sans); color: var(--ink2); }
.lz .c-gor button .ic { width: 17px; height: 17px; }
.lz .c-gor button[aria-pressed="true"] { background: var(--dark); color: var(--on-dark); }
.lz .c-p { position: fixed; z-index: var(--z-dialog); inset: auto 0 0 0; max-height: 92vh; display: flex; flex-direction: column; background: var(--bg); border-radius: 20px 20px 0 0; box-shadow: var(--sh-menu); }
@media (min-width: 861px) {
  .lz .c-p { inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: min(540px, 92vw); max-height: 86vh; border-radius: 20px; }
  [dir="rtl"] .lz .c-p { transform: translate(50%, -50%); inset: 50% 50% auto auto; }
}
.lz .c-p + .pg-ort { z-index: calc(var(--z-dialog) - 1); }
.lz .c-pu { flex: none; display: grid; grid-template-columns: 54px minmax(0, 1fr) 44px; gap: 10px; align-items: center; padding: 12px 14px 8px; border-bottom: 1px solid var(--line); }
.lz .c-pu img, .lz .c-pu .ph-bos { width: 54px; height: auto; aspect-ratio: 2/3; object-fit: cover; border-radius: 8px; }
.lz .c-pu b { display: block; font: 600 20px/1 var(--serif); }
[dir="rtl"] .lz .c-pu b { font: 800 15px/1 var(--sans); }
.lz .c-pu span { font: 600 12.5px/1.3 var(--sans); color: var(--ink2); }
.lz .c-prs { flex: none; display: flex; gap: 2px; overflow-x: auto; padding: 4px 10px; border-bottom: 1px solid var(--line); scrollbar-width: none; position: relative; }
.lz .c-prk { flex: none; width: 40px; height: 44px; display: grid; place-items: center; }
.lz .c-prk i { width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.lz .c-prk[aria-pressed="true"] i { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ink); }
.lz .c-psek { flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 10px 14px 4px; }
.lz .c-psek button { min-height: 44px; border-radius: 12px; border: 1px solid var(--line2); font: 800 13.5px/1 var(--sans); }
.lz .c-psek button[aria-selected="true"] { background: var(--dark); color: var(--on-dark); border-color: var(--dark); }
.lz .c-pg { flex: 1; min-height: 0; overflow: auto; padding: 8px 14px 12px; display: grid; gap: 8px; align-content: start; position: relative; }
.lz .c-pn { margin: 0; font: 600 12.5px/1.45 var(--sans); color: var(--ink2); }
.lz .c-phz { display: flex; flex-wrap: wrap; gap: 6px; }
.lz .c-phz button { min-width: 48px; min-height: 44px; border-radius: 10px; border: 1px solid var(--line2); font: 800 14px/1 var(--sans); }
.lz .c-phz button[aria-pressed="true"] { background: var(--accent2); color: #fff; border-color: var(--accent2); }
.lz .c-psat { display: grid; grid-template-columns: minmax(52px, auto) minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.lz .c-psat b { font: 800 16px/1 var(--sans); }
.lz .c-psat small { font: 700 12px/1.2 var(--sans); color: var(--ink3); }
.lz .c-psat.yok b, .lz .c-psat.yok small { color: var(--ink3); } .lz .c-psat.yok b { text-decoration: line-through; }
.lz .c-pa { flex: none; display: grid; gap: 6px; padding: 10px 14px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); background: var(--card); border-radius: 0 0 20px 20px; }
.lz .c-pa p { margin: 0; display: flex; justify-content: space-between; gap: 8px; font: 800 13.5px/1.3 var(--sans); }
.lz .c-pa .ur-ekle { width: 100%; }
.lz .c5-l { display: grid; gap: 10px; }
@media (min-width: 760px) {
  .lz .c5-l { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1380px) {
  .lz .c5-l { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.lz .c5 { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; padding: 10px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); align-items: start; min-width: 0; }
.lz .c5.dolu { border-color: var(--accent2); box-shadow: inset 0 0 0 1px var(--accent2); }
.lz .c5-f { display: block; aspect-ratio: 2/3; border-radius: 10px; overflow: hidden; background: var(--cream); }
.lz .c5-f img, .lz .c5-f .ph-bos { width: 100%; height: 100%; object-fit: cover; }
.lz .c5-b { min-width: 0; display: grid; gap: 5px; }
.lz .c5-b .pg-kod { font-size: 20px; }
.lz .c5-a { margin: 0; font: 600 12.5px/1.3 var(--sans); color: var(--ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lz .c5-rk { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -5px; }
.lz .c5-rd { width: 30px; height: 44px; display: grid; place-items: center; }
.lz .c5-rd i { width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.lz .c5-rd.on i { box-shadow: 0 0 0 2px var(--card), 0 0 0 3.5px var(--ink); }
.lz .c5-rk em { font: 800 11px/1 var(--sans); font-style: normal; color: var(--ink3); padding-inline: 4px; }
.lz .c5-rh { margin: 0; font: 700 12px/1.3 var(--sans); color: var(--ink3); }
.lz .c5-rh b { color: var(--ink); }
.lz .c5-ad { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding-top: 4px; border-top: 1px solid var(--line); }
.lz .c5-ad > span { display: grid; gap: 2px; font: 800 13px/1.2 var(--sans); }
.lz .c5-ad small { font: 700 11.5px/1.2 var(--sans); color: var(--ink3); }
.lz .c5-tek { display: inline-flex; align-items: center; min-height: 44px; font: 800 12.5px/1 var(--sans); color: var(--accent2); }
.lz .c5-oz { position: sticky; bottom: 0; z-index: 5; margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; padding: 12px 14px; border-radius: 16px; background: var(--dark); color: var(--on-dark); }
@media (max-width: 860px) {
  .lz .c5-oz { bottom: calc(var(--k1-h, 62px) + 8px + env(safe-area-inset-bottom, 0px)); }
}
.lz .c5-oz p { margin: 0; font: 700 13.5px/1.35 var(--sans); }
.lz .c5-oz button { min-height: 48px; padding: 0 18px; border-radius: 12px; background: var(--on-dark); color: var(--dark); font: 800 14px/1 var(--sans); }
.lz .c5-oz button:disabled { background: var(--line); color: var(--ink2); }
.lz .c7-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 10px; }
@media (min-width: 760px) {
  .lz .c7-g { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 16px; }
}
@media (min-width: 1100px) {
  .lz .c7-g { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1500px) {
  .lz .c7-g { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.lz .c7 { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lz .c7-f { position: relative; display: block; aspect-ratio: 2/3; border-radius: 16px; overflow: hidden; background: var(--cream); }
.lz .c7-f img, .lz .c7-f .ph-bos { width: 100%; height: 100%; object-fit: cover; }
.lz .c7-f .pk-rz { pointer-events: none; }
.lz .c7-sr { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; position: relative; padding: 2px; }
.lz .c7-t { flex: none; width: 34px; height: 51px; border-radius: 8px; overflow: hidden; display: grid; place-items: center; background: var(--cream); box-shadow: inset 0 0 0 1px var(--line); }
.lz .c7-t img { width: 100%; height: 100%; object-fit: cover; }
.lz .c7-t i { width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.lz .c7-t.on { box-shadow: 0 0 0 2px var(--ink); }
.lz .c7-b { display: grid; gap: 4px; }
.lz .c7-b .pg-kod { font-size: 19px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[dir="rtl"] .lz .c7-b .pg-kod { font-size: 15px; }
.lz .c7-rh { margin: 0; font: 700 12px/1.3 var(--sans); color: var(--ink3); }
.lz .c7-rh b { color: var(--ink); }
.lz .c7 .pg-bd li { padding: 5px 6px; font-size: 11px; }
.lz .c7 .pg-kilit { min-height: 44px; font-size: 12.5px; }
.lz .c8-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
@media (min-width: 760px) {
  .lz .c8-g { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 14px; }
}
@media (min-width: 1100px) {
  .lz .c8-g { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.lz .c8 { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lz .c8-f { position: relative; aspect-ratio: 2/3; border-radius: 14px; overflow: hidden; background: var(--cream); }
.lz .c8-f > a { display: block; width: 100%; height: 100%; }
.lz .c8-f img, .lz .c8-f .ph-bos { width: 100%; height: 100%; object-fit: cover; }
.lz .c8-ek { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--dark); color: var(--on-dark); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.lz .c8-ek.kilit { background: rgba(255,255,255,.95); color: var(--accent); }
.lz .c8-ek .ic { width: 20px; height: 20px; }
.lz .c8-hz { display: none; }
@media (hover: hover) and (min-width: 861px) {
  .lz .c8-hz { position: absolute; inset-inline: 8px; inset-block-end: 8px; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; border-radius: 12px; background: rgba(255,255,255,.95); font: 800 13px/1 var(--sans); color: var(--ink); opacity: 0; transform: translateY(6px); transition: opacity .2s, transform .2s; }
  .lz .c8-f:hover .c8-hz, .lz .c8-f:focus-within .c8-hz { opacity: 1; transform: none; }
  .lz .c8-f:hover .c8-ek, .lz .c8-f:focus-within .c8-ek { opacity: 0; }
  .lz .c8-hz .ic { width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .lz .c8-hz { transition: none; }
}
.lz .c8-k { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 4px; font: 600 18px/1 var(--serif); min-width: 0; }
.lz .c8-k bdi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[dir="rtl"] .lz .c8-k { font: 800 14px/1 var(--sans); }
.lz .c8-m { margin: 0; font: 700 11.5px/1.3 var(--sans); color: var(--ink3); }
.lz .c8 .pg-nk i { width: 14px; height: 14px; }
.lz .l4-t { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--card); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.lz .l4-t th { text-align: start; font: 800 11px/1.2 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--ink3); padding: 10px 10px; background: var(--cream); border-bottom: 1px solid var(--line); }
[dir="rtl"] .lz .l4-t th { letter-spacing: 0; }
.lz .l4-t td { padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; font: 600 13px/1.3 var(--sans); }
.lz .l4-t tr:last-child td { border-bottom: 0; }
.lz .l4-t tr.dolu td { background: #f3f7f2; }
.lz .l4-m { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 210px; }
.lz .l4-m .pk-gf { width: 48px; aspect-ratio: 2/3; border-radius: 6px; }
.lz .l4-m b { font: 600 17px/1 var(--serif); display: block; }
[dir="rtl"] .lz .l4-m b { font: 800 14px/1 var(--sans); }
.lz .l4-m span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--ink2); font-size: 12px; }
.lz .l4-r { min-height: 44px; border: 1px solid var(--line2); border-radius: 10px; background: var(--card); font: 700 13px/1.2 var(--sans); color: var(--ink); padding: 0 8px; max-width: 150px; }
.lz .l4-s { display: inline-flex; align-items: center; border: 1px solid var(--line2); border-radius: 12px; overflow: hidden; background: var(--card); }
.lz .l4-s button { width: 44px; height: 44px; display: grid; place-items: center; }
.lz .l4-s button:disabled { opacity: .35; }
.lz .l4-s output { min-width: 34px; text-align: center; font: 800 15px/1 var(--sans); }
.lz .l4-tut { font: 700 15px/1 var(--serif); white-space: nowrap; }
.lz .l4-ozet { position: sticky; bottom: 0; z-index: 5; margin-top: 12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px 14px; border-radius: 16px; background: var(--dark); color: var(--on-dark); }
@media (max-width: 860px) {
  .lz .l4-ozet { bottom: calc(var(--k1-h, 62px) + 8px + env(safe-area-inset-bottom, 0px)); }
}
.lz .l4-ozet p { margin: 0; font: 700 13.5px/1.35 var(--sans); }
.lz .l4-ozet b { font: 700 18px/1 var(--serif); }
.lz .l4-ozet button { min-height: 46px; padding: 0 18px; border-radius: 12px; background: var(--on-dark); color: var(--dark); font: 800 14px/1 var(--sans); }
.lz .l4-ozet button:disabled { background: var(--line); color: var(--ink2); }
.lz .l4-kapi { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 14px; margin-bottom: 10px; border-radius: 14px; background: var(--accent-soft); }
.lz .l4-kapi p { margin: 0; font: 600 13px/1.45 var(--sans); max-width: 60ch; }
.lz .l4-kapi .pill { min-height: 46px; }
.lz .l4-h { margin: 0 0 10px; font: 600 12.5px/1.4 var(--sans); color: var(--ink3); }
@media (max-width: 860px) {
  .lz .l4-t thead { display: none; }
  .lz .l4-t, .lz .l4-t tbody, .lz .l4-t tr, .lz .l4-t td { display: block; }
  .lz .l4-t { border: 0; background: transparent; }
  .lz .l4-t tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; padding: 10px; margin-bottom: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; }
  .lz .l4-t td { padding: 0; border: 0; }
  .lz .l4-t td.l4-c-m { grid-column: 1 / -1; }
  .lz .l4-t td.l4-c-b { grid-column: 1 / -1; }
  .lz .l4-t tr.dolu td { background: transparent; }
  .lz .l4-t tr.dolu { background: #f3f7f2; }
}
.lz .l2-not { margin: 0; display: inline-flex; align-items: center; gap: 6px; font: 800 12px/1.3 var(--sans); padding: 5px 9px; border-radius: 8px; justify-self: start; }
.lz .l2-not.tam { background: #e3efe6; color: #2f5a3a; }
.lz .l2-not.eks { background: #f6efe0; color: #6c4b12; }
.lz .l2-not .ic { width: 15px; height: 15px; }
.lz .l8-im { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; font: 800 11px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); padding-top: 6px; }
[dir="rtl"] .lz .l8-im { letter-spacing: 0; }
.lz .l8-im::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.lz .c5-a { font-weight: 600; }
.lz .c5-a a { display: block; min-height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lz .c5-pr { font: 700 16px/1 var(--serif); }
.lz .c5-pr small { font: 700 11px/1 var(--sans); color: var(--ink3); margin-inline-start: 1px; }
/* P0-2 DUZELTME D4: uye kartinda toptan hesap — set + set toplami ve stok (en cok 2 satir) */
.lz .c5-th { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 12px; font: 700 12.5px/1.35 var(--sans); color: var(--ink2); }
.lz .c5-th span:first-child { color: var(--ink); }
.lz .pg-fiyat .pg-stk { flex-basis: 100%; font: 700 12.5px/1.35 var(--sans); color: var(--ink2); }
.lz .c5-f, .lz .c8-f > a, .lz .c7-f { cursor: zoom-in; }
.lz .c7-kl { display: inline-flex; min-width: 0; min-height: 32px; align-items: center; }
.lz .c8-k a { display: inline-flex; min-width: 44px; min-height: 32px; align-items: center; }
.lz .l4-m b a { display: inline-flex; align-items: center; min-height: 32px; min-width: 44px; }
.lz .c5-l .l8-im, .lz .c7-g .l8-im, .lz .c8-g .l8-im { grid-column: 1 / -1; }
.lz .c5.l8-vurgu { box-shadow: 0 0 0 3px #5b84b1; border-radius: 16px; }
.lz .c7.l8-vurgu, .lz .c8.l8-vurgu { outline: 3px solid #5b84b1; outline-offset: 4px; }
@media (min-width: 1100px) {
  .lz .l6 .c5-l { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lz .l6 .c7-g { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1640px) {
  .lz .l6 .c5-l { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lz .l6 .c7-g { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
[dir="rtl"] .lz .pg-kb h1 { font: 700 clamp(24px, 2.6vw, 34px)/1.2 var(--sans); }
[dir="rtl"] .lz .pg-kb-m { letter-spacing: 0; }
.lz .pg-bant b { color: var(--ink); }
.lz .pg-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-block: 6px; }
.lz .pg-ara { flex: 1 1 240px; display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 14px; border: 1px solid var(--line2); border-radius: 999px; background: var(--card); min-width: 0; }
.lz .pg-ara input { flex: 1; min-width: 0; border: 0; background: transparent; font: 600 16px/1.2 var(--sans); color: var(--ink); min-height: 44px; }
.lz .pg-ara input:focus { outline: none; }
.lz .pg-ara:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.lz .pg-ab { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1px solid var(--line2); border-radius: 999px; background: var(--card); font: 800 13.5px/1 var(--sans); }
.lz .pg-sir select { border: 0; background: transparent; font: 800 13.5px/1.2 var(--sans); color: var(--ink); min-height: 44px; max-width: 46vw; }
.lz .pg-gor { display: inline-flex; border: 1px solid var(--line2); border-radius: 999px; background: var(--card); padding: 1px; }
.lz .pg-gor button { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; color: var(--ink3); }
.lz .pg-gor button[aria-pressed="true"] { background: var(--dark); color: var(--on-dark); }
/* kart birimi (Ozan 2 Kas): Colours (her renk ayri kart, varsayilan) | Styles (model basina tek kart) */
.lz .pg-birim { display: inline-flex; border: 1px solid var(--line2); border-radius: 999px; background: var(--card); padding: 1px; }
.lz .pg-birim button { min-height: 44px; min-width: 44px; padding: 0 14px; border-radius: 999px; font: 800 13px/1 var(--sans); color: var(--ink3); white-space: nowrap; }
.lz .pg-birim button[aria-pressed="true"] { background: var(--dark); color: var(--on-dark); }
.lz .pg-arac-d { display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: none; padding: 1px; }
.lz .pg-arac-d::-webkit-scrollbar { display: none; }
.lz .pg-arac-d > * { flex: none; }
@media (max-width: 560px) {
  .lz .pg-ara { flex-basis: 100%; }
  .lz .pg-ab { padding: 0 12px; }
  .lz .pg-birim button { padding: 0 11px; }
  .lz .pg-sir select { max-width: 92px; }
}
.lz .pg-hc { display: flex; gap: 8px; overflow-x: auto; padding-block: 4px 8px; scrollbar-width: none; scroll-snap-type: x proximity; }
.lz .pg-hc::-webkit-scrollbar { display: none; }
@media (min-width: 861px) {
  .lz .pg-hc { flex-wrap: wrap; overflow: visible; }
}
/* P0-2 DUZELTME D1 (2 Kas): telefonda (<= 860 px) kategori basi en cok 2 sira — ilk urun karti ilk ekranda (kapi K1: ust kenar
   <= 430 px). (1) baslik + sayi; bant tek satir (kisa bicim pg-bant-k: beden araligi + fiyat bandi + $400); "About & prices"
   kirinti satirinin sonunda (acilir panel, sayfa akisini itmez). (2) TEK yatay kayan denetim sirasi .pg-ust: arama (dokununca
   acilir), alt koleksiyonlar, Filters, Sort, Colours|Styles, sonra Your sizes (L2 cip satirinda) ve hizli cipler. Genis ekranda
   .pg-ust kutu olusturmaz, tam bant metni kalir (masaustu degismez). Kategori seridi (catbar) ve kilitleri DOKUNULMADI. */
.lz .pg-bant-k { display: none; }
@media (min-width: 861px) {
  .lz .pg-ust { display: contents; }
}
@media (max-width: 860px) {
  .lz .pg-bant-u { display: none; }
  .lz .pg-bant-k { display: inline; }
  .lz.pg.lz-bas .pg-kb { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; }
  .lz.pg.lz-bas .pg-kb > * { grid-column: 1 / -1; }
  .lz.pg.lz-bas .pg-kb > .pg-kr { grid-column: 1; grid-row: 1; }
  .lz.pg.lz-bas .pg-kb-a { display: contents; }
  .lz.pg.lz-bas .pg-kb-a > .pg-bant { grid-column: 1 / -1; }
  .lz.pg.lz-bas .pg-kb-a > .cabout { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
  /* position: relative SART — icerideki .vh etiketleri (mutlak konumlu) kayan siranin disina tasip sayfayi genisletmesin
     (telefonda yerlesim genisligi 879 px'e cikiyor, K1 ekranin altina dusuyordu) */
  .lz .pg-ust { position: relative; display: flex; align-items: center; gap: 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
    padding-block: 2px 8px; }
  .lz .pg-ust::-webkit-scrollbar { display: none; }
  .lz .pg-ust > .l8-sk, .lz .pg-ust > .pg-hc { flex: none; overflow: visible; padding: 0; margin: 0; border: 0; gap: 6px; }
  .lz .pg-ust > .pg-arac, .lz .pg-ust .pg-arac-d { display: contents; }
  .lz .pg-ust .pg-ara { order: -2; flex: none; position: relative; width: 46px; padding: 0; justify-content: center; }
  .lz .pg-ust .pg-ara input { position: absolute; inset: 0; width: 100%; min-height: 0; padding: 0; opacity: 0; cursor: pointer; }
  /* yalniz ODAKTA genisler (dokunusla — kayma sayilmaz); adresten gelen arama (?q=) kutuyu JS doldurunca genisletmez (sira
     kaymasin: CLS), yalniz vurgulanir */
  .lz .pg-ust .pg-ara:focus-within { width: min(260px, 70vw); padding: 0 14px; justify-content: flex-start; }
  .lz .pg-ust .pg-ara:focus-within input { position: static; opacity: 1; cursor: text; min-height: 44px; }
  .lz .pg-ust .pg-ara:has(input:not(:placeholder-shown)) { border-color: var(--accent2); color: var(--accent2); box-shadow: inset 0 0 0 1px var(--accent2); }
  .lz .pg-ust > .l8-sk { order: -1; }
  .lz .pg-ust [data-la="filtre"] { order: 1; }
  .lz .pg-ust .pg-sir { order: 2; }
  .lz .pg-ust .pg-birim { order: 3; }
  .lz .pg-ust .pg-gor { order: 4; }
  .lz .pg-ust .lz-pk { order: 5; }
  .lz .pg-ust > .pg-hc { order: 6; }
  .lz .pg-ust .pg-cip { min-height: 44px; }
}
.lz .pg-cip { flex: none; scroll-snap-align: start; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; min-width: 44px; padding: 0 13px; border: 1px solid var(--line2); border-radius: 999px; background: var(--card); font: 700 13px/1 var(--sans); color: var(--ink); white-space: nowrap; }
.lz .pg-cip small { font: 800 11px/1 var(--sans); color: var(--ink3); }
/* kabul genel 4: telefonda dokunma hedefi >= 44 px (tasarimin cipi 40 px) */
@media (max-width: 860px) { .lz .pg-cip { min-height: 44px; } }
.lz .pg-cip.on { background: var(--dark); border-color: var(--dark); color: var(--on-dark); }
.lz .pg-cip.on small { color: var(--on-dark); opacity: .8; }
.lz .pg-cip.bos { color: var(--ink3); border-style: dashed; cursor: default; }
.lz .pg-sw { display: inline-block; width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); flex: none; }
.lz .pg-ucs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-block: 2px 8px; }
.lz .pg-uc { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; min-width: 44px; padding: 0 10px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-h); font: 800 12.5px/1 var(--sans); }
.lz .pg-uc .ic { width: 15px; height: 15px; }
.lz .pg-sil-l { min-height: 36px; padding: 0 8px; font: 800 12.5px/1 var(--sans); text-decoration: underline; text-underline-offset: 3px; color: var(--ink2); }
.lz .pg-sat { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 4px 0 8px; font: 700 13px/1.4 var(--sans); color: var(--ink3); }
.lz .pg-bd li.sec { background: var(--accent2); color: #fff; border-color: var(--accent2); }
.lz .pg-set { font: 700 12px/1.3 var(--sans); color: var(--ink2); }
.lz .pg-acts { display: flex; flex-wrap: wrap; gap: 6px; }
.lz .pg-acts button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: var(--radius-btn); font: 800 13px/1 var(--sans); border: 1px solid var(--ink); }
.lz .pg-acts .pg-b1 { background: var(--dark); color: var(--on-dark); border-color: var(--dark); }
.lz .pg-acts .pg-b1 .ic { width: 17px; height: 17px; }
.lz .pg-fp { position: fixed; z-index: var(--z-panel); inset: 0; background: var(--bg); display: flex; flex-direction: column; }
@media (max-width: 1099px) { .lz .pg-fp:not(.acik) { display: none; } }
@media (min-width: 861px) {
  .lz .pg-fp:not(.yan) { inset: 0 0 0 auto; width: min(440px, 92vw); box-shadow: var(--sh-menu); }
  [dir="rtl"] .lz .pg-fp:not(.yan) { inset: 0 auto 0 0; }
}
.lz .pg-fp-u { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.lz .pg-fp-u h2 { margin: 0; font: 600 26px/1.1 var(--serif); }
[dir="rtl"] .lz .pg-fp-u h2 { font: 700 20px/1.2 var(--sans); }
.lz .pg-fp-i { flex: 1; overflow: auto; padding: 8px 16px 16px; }
.lz .pg-fg { padding-block: 10px; border-bottom: 1px solid var(--line); }
.lz .pg-fg h3 { margin: 0 0 8px; font: 800 11.5px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
[dir="rtl"] .lz .pg-fg h3 { letter-spacing: 0; }
.lz .pg-fc { display: flex; flex-wrap: wrap; gap: 6px; }
.lz .pg-fn { margin: 0; font: 600 13px/1.4 var(--sans); color: var(--ink3); }
.lz .pg-vg { font: 800 11px/1 var(--sans); color: #8a5a00; background: #fff3d6; padding: 3px 6px; border-radius: 4px; }
.lz .pg-fp-a { display: flex; gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); background: var(--card); }
.lz .pg-sil { min-height: 48px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--line2); font: 800 14px/1 var(--sans); }
.lz .pg-goster { flex: 1; min-height: 48px; border-radius: 12px; background: var(--dark); color: var(--on-dark); font: 800 15px/1 var(--sans); }
.lz .pg-fp.yan { position: sticky; top: 76px; inset: auto; z-index: 1; height: calc(100vh - 92px); background: transparent; border-inline-end: 1px solid var(--line); }
.lz .pg-fp.yan .pg-fp-u { border: 0; padding-inline: 0 12px; }
.lz .pg-fp.yan .pg-fp-i { padding-inline: 0 14px; }
.lz .pg-df { display: grid; justify-items: center; gap: 10px; padding: 22px 0 8px; text-align: center; }
.lz .pg-df p { margin: 0; font: 700 13px/1.3 var(--sans); color: var(--ink3); }
.lz .pg-ilr { display: block; width: min(260px, 70vw); height: 4px; border-radius: 4px; background: var(--line); overflow: hidden; }
.lz .pg-ilr i { display: block; height: 100%; background: var(--ink); }
.lz .pg-dfb { min-height: 48px; padding: 0 26px; border-radius: 999px; border: 1px solid var(--ink); font: 800 14px/1 var(--sans); }
.lz .pg-ilg { padding-block: 22px 8px; }
.lz .pg-ilg h2 { margin: 0 0 10px; font: 600 24px/1.1 var(--serif); }
[dir="rtl"] .lz .pg-ilg h2 { font: 700 19px/1.2 var(--sans); }
.lz .pg-ilg > div { display: flex; flex-wrap: wrap; gap: 8px; }
.lz .pg-hb { position: fixed; z-index: var(--z-dialog); inset: auto 0 0 0; max-height: 92vh; overflow: auto; background: var(--bg); border-radius: 20px 20px 0 0; box-shadow: var(--sh-menu); }
.lz .pg-hb + .pg-ort { z-index: calc(var(--z-dialog) - 1); }
.lz .pg-hb-k { position: relative; display: grid; gap: 14px; padding: 14px 16px calc(18px + env(safe-area-inset-bottom, 0px)); }
.lz .pg-hb-x { position: absolute; inset-block-start: 6px; inset-inline-end: 6px; background: var(--card); z-index: 1; }
.lz .pg-hb-f { width: 46%; max-width: 220px; aspect-ratio: 2/3; border-radius: 14px; overflow: hidden; background: var(--cream); }
.lz .pg-hb-f img { width: 100%; height: 100%; object-fit: cover; }
.lz .pg-hb-b { display: grid; gap: 8px; align-content: start; }
.lz .pg-hb-b h2 { margin: 0; font: 600 22px/1.15 var(--serif); }
.lz .pg-hb-b h3 { margin: 4px 0 0; font: 800 11.5px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.lz .hb-rs { display: flex; flex-wrap: wrap; gap: 2px; }
.lz .hb-r { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; }
.lz .hb-r i { width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.lz .hb-r.on i { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ink); }
.lz .hb-kapi { display: grid; gap: 8px; padding: 12px; border-radius: 14px; background: var(--accent-soft); }
.lz .hb-kapi p { margin: 0; font: 600 13px/1.45 var(--sans); }
.lz .hb-kapi .pill { justify-self: start; min-height: 46px; }
.lz .hb-sayfa { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font: 800 13.5px/1 var(--sans); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 861px) {
  .lz .pg-hb { inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: min(880px, 92vw); max-height: 88vh; border-radius: 22px; }
  .lz .pg-hb-k { grid-template-columns: 340px minmax(0, 1fr); gap: 24px; padding: 22px; }
  .lz .pg-hb-f { width: 100%; max-width: none; }
}
.lz .ug-ana, .lz .pg-hc, .lz .pg-arac-d, .lz .ur-ol-k, .lz .ur-bz-l, .lz .pg-fp-i { position: relative; }
.lz .l2-b { display: grid; gap: 8px; padding: 12px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); margin-block: 2px 10px; }
.lz .l2-b h2 { margin: 0; font: 800 12px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); display: flex; justify-content: space-between; gap: 8px; }
.lz .l2-b h2 small { letter-spacing: 0; text-transform: none; font-weight: 700; color: var(--accent2); }
.lz .l2-b p { margin: 0; font: 600 12.5px/1.4 var(--sans); color: var(--ink2); }
.lz .l2-bs { display: grid; grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); gap: 6px; }
.lz .l2-bs button { min-height: 46px; border-radius: 10px; border: 1px solid var(--line2); background: var(--bg); font: 800 14px/1 var(--sans); }
.lz .l2-bs button[aria-pressed="true"] { background: var(--accent2); border-color: var(--accent2); color: #fff; }
.lz .l6 { display: grid; gap: 18px; }
@media (min-width: 1100px) {
  .lz .l6 { grid-template-columns: 280px minmax(0, 1fr); align-items: start; }
  .lz .l6-tel { display: none; }
}
@media (max-width: 1099px) {
  .lz .l6 > .pg-fp.yan { display: none; }
}
.lz .l8-sk { display: flex; gap: 6px; overflow-x: auto; padding-block: 6px 10px; border-bottom: 1px solid var(--line); margin-bottom: 10px; scrollbar-width: none; }
.lz .l8-sk::-webkit-scrollbar { display: none; }
.lz .l8-sk button { flex: none; min-height: 44px; padding: 0 14px; border-radius: 999px; font: 800 13.5px/1 var(--sans); color: var(--ink2); display: inline-flex; align-items: center; gap: 6px; }
.lz .l8-sk button small { font: 800 11px/1 var(--sans); color: var(--ink3); }
.lz .l8-sk button[aria-pressed="true"] { background: var(--dark); color: var(--on-dark); }
.lz .l8-sk button[aria-pressed="true"] small { color: var(--on-dark); }
.lz .l8-don { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; padding: 10px 12px; margin-bottom: 10px; border-radius: 14px; background: #eef3f8; border: 1px solid #cfdbe8; }
.lz .l8-don p { margin: 0; font: 700 13px/1.35 var(--sans); }
.lz .l8-don a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; background: var(--card); border: 1px solid #cfdbe8; font: 800 13px/1 var(--sans); }
.lz .l8-sk { position: relative; }
.lz .l2-ac { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line2); background: var(--card); font: 800 12.5px/1.2 var(--sans); color: var(--ink); max-width: 100%; }
.lz .l2-ac bdi { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lz .l2-ac.on { border-color: var(--accent2); color: var(--accent2); }
.lz .l2-ac .ic { flex: none; width: 16px; height: 16px; transition: transform .2s; }
.lz .l2-ac[aria-expanded="true"] .ic { transform: rotate(180deg); }
.lz .pg-sat .l2-d { color: var(--accent2); }
.lz .pg-hc .l2-ac { flex: none; }
.lz .l2-ac.l2-gen { display: none; }
@media (min-width: 1100px) {
  .lz .l2-ac.l2-gen { display: inline-flex; }
}
.lz .pg-sat { min-height: 20px; align-items: center; }
.lz .l2-a { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.lz .l2-a button { min-height: 44px; padding: 0 16px; border-radius: 999px; font: 800 13px/1 var(--sans); }
.lz .l2-a .l2-tamam { background: var(--dark); color: var(--on-dark); }
.lz .l2-a .l2-sil { color: var(--accent2); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1100px) {
  .lz .pg-hc.l6-gizle { display: none; }
}
@media (min-width: 861px) {
}
.lz .l6-s { min-width: 0; }
@media (prefers-reduced-motion: reduce) {
  .lz .l2-ac .ic { transition: none; }
}
.lz .pg-sw.f0 { background: #1b1b1f; }
.lz .pg-sw.f1 { background: #f3ecda; }
.lz .pg-sw.f2 { background: #a9885c; }
.lz .pg-sw.f3 { background: #8a8d92; }
.lz .pg-sw.f4 { background: #20304e; }
.lz .pg-sw.f5 { background: #4a7fc1; }
.lz .pg-sw.f6 { background: #2e5c3f; }
.lz .pg-sw.f7 { background: #8f2433; }
.lz .pg-sw.f8 { background: #e0a5b8; }
.lz .pg-sw.f9 { background: #6a4a8c; }
.lz .pg-sw.f10 { background: #d9a13a; }
.lz .pg-sw.f11 { background: conic-gradient(#c22e77, #e0a526, #2e5c3f, #2d5aa6, #c22e77); }

/* ===================== EK (canli uyarlama, liste.py) ===================== */
/* kok: tasarim temel.css'in genel ogeleri .lz kapsaminda (eski sayfa kurallarina dokunmaz) */
.lz, .lz *, .lz *::before, .lz *::after { box-sizing: border-box; }
.lz { font-family: var(--sans); color: var(--ink); line-height: 1.5; -webkit-font-smoothing: antialiased; }
.lz [hidden] { display: none !important; }
.lz a { color: inherit; text-decoration: none; }
.lz button, .lz select, .lz input { font: inherit; color: inherit; }
.lz button { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; }
.lz :focus-visible { outline: var(--odak); outline-offset: var(--odak-ofset); border-radius: 6px; }
.lz img { display: block; max-width: 100%; }
.lz .ph-bos { display: block; background: var(--cream); }
.lz .vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Paket H: beden araligi, kod ve fiyat satir sonunda bolunmez (34–60 tek parca) */
.lz bdi[dir="ltr"] { white-space: nowrap; }
/* Ozan 2 Kas: sunucu yalniz ilk ADIM (100) renk kartini cizer — gerisi "Show more" ile kayittan; JS'siz ziyaretci ve liste.js
   yuklenemezse butun modellerin baglantisi (.lz-tum) gorunur, liste.js devralinca gizlenir */
.lz .lz-tum { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--line); }
.lz .lz-tum h2 { margin: 0 0 6px; font: 800 15px/1.3 var(--sans); }
.lz .lz-tum ul { margin: 0; padding: 0; list-style: none; columns: 2 220px; column-gap: 18px; }
.lz .lz-tum a { display: inline-flex; align-items: center; min-height: 44px; font: 600 13px/1.3 var(--sans); color: var(--ink2); }
.lz.lz-hazir .lz-tum { display: none; }
/* gorunum tercihi izgara / tablo ya da kart birimi "model" olan ziyaretci (erken betik body[data-dens] / [data-birim]):
   sunucunun renk kartlari liste.js devralana kadar boyanmaz (yer kaplar) — once liste gorup degisene atlama yok; liste.js
   yuklenemezse (gh-yok) liste gorunur */
body[data-dens="g"] .lz:not(.lz-hazir) [data-lz-liste], body[data-dens="m"] .lz:not(.lz-hazir) [data-lz-liste],
body[data-dens="s"] .lz:not(.lz-hazir) [data-lz-liste], body[data-dens="t"] .lz:not(.lz-hazir) [data-lz-liste],
body[data-birim="m"] .lz:not(.lz-hazir) [data-lz-liste] { visibility: hidden; }
html.gh-yok .lz [data-lz-liste] { visibility: visible !important; }
/* P0-2 DUZELTME D1 (2 Kas): katalogda (SPA) liste kutusu liste.js cizene kadar BOS — telefonda tek denetim sirasiyla bas
   kisalinca altbilgi ilk ekrana giriyor, liste cizilince asagi itiliyordu (CLS 0,43; eskiden 3 sira denetim onu ekran altinda
   tutuyordu). Bos kutu bir ekran boyu yer tutar; cizilince (kart ya da "sonuc yok" kutusu) kural kendiliginden duser. */
.lz-spa [data-lz-liste]:empty { min-height: 100vh; }
/* P0-2 DUZELTME D9 (Ozan 2 Kas; 8 Eyl istegi "sayfanin alt kismindan uste cikaran buton"): yukari oku — telefonda K1'in
   ustunde inset-inline-end kosede, masaustunde sag altta (AR solda); 44x44. Okun kutusu hicbir gorunur etkilesimli ogeyle
   kesismez (liste.js yukariKur): kaydirirken gizli (.lz-yk-gizli), kaydirma durunca kosede ya da altindaki kart dugmesinden
   kacip en cok 160 px yukarida. Cerez bandi ve uyenin secim ozeti (gonder dugmesi) gorunurken taban onlarin USTU (ilk
   ziyaretci de basar — 8 Eyl dersi; eski rayin gonder dugmesine binmesi tekrar etmez); kisa bildirim (toast) gorunurken ve
   panel / menu / cekmece / pencere acikken gizlenir. Ana sayfanin gomulu katalogunda yok (yalniz katalog, kategori, arama). */
.lz .lz-yukari { position: fixed; z-index: var(--z-float, 30); inset-inline-end: 12px; bottom: calc(var(--k1-h, 61px) + 12px + env(safe-area-inset-bottom, 0px));
  width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--card); color: var(--ink);
  border: 1px solid var(--line2); box-shadow: 0 4px 14px rgba(38,34,30,.18); cursor: pointer; }
.lz .lz-yukari[hidden] { display: none; }
.lz .lz-yukari { transition: opacity .15s ease; }
.lz .lz-yukari.lz-yk-gizli { visibility: hidden; opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .lz .lz-yukari { transition: none; } }
.lz .lz-yukari .ic { width: 20px; height: 20px; }
.lz .lz-yukari:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (min-width: 861px) { .lz .lz-yukari { bottom: 24px; inset-inline-end: 24px; } }
html.panel-acik .lz .lz-yukari, html[data-m="1"] .lz .lz-yukari, body.sdopen .lz .lz-yukari, body.modal-on .lz .lz-yukari,
html:has(#drawer.open) .lz .lz-yukari, html:has(#gate.open) .lz .lz-yukari, html:has(#acct.open) .lz .lz-yukari,
html:has(.lz .pg-fp.acik) .lz .lz-yukari, html:has(.toast.show) .lz .lz-yukari, html:has(.dsmtoast.show) .lz .lz-yukari,
html:has(#wps-bildirim.acik) .lz .lz-yukari, body.page-home:not(.hx-katalog) .lz .lz-yukari { display: none !important; }
/* tek suzgec paneli: >= 1100 kalici yan sutun (tasarim .pg-fp.yan), daha darda tam sayfa / yan cekmece pencere */
@media (min-width: 1100px) {
  .lz .l6 > .pg-fp { position: sticky; top: calc(var(--ks-top, 0px) + var(--lz-ust, 0px) + 12px); inset: auto; z-index: 1;
    width: auto; height: calc(100vh - var(--ks-top, 0px) - var(--lz-ust, 0px) - 24px); box-shadow: none; background: transparent;
    border-inline-end: 1px solid var(--line); display: flex; }
  .lz .l6 > .pg-fp .pg-fp-u { border: 0; padding-inline: 0 12px; }
  .lz .l6 > .pg-fp .pg-fp-i { padding-inline: 0 14px; }
  .lz .l6 > .pg-fp [data-la="filtre-kapat"], .lz .l6 > .pg-fp .pg-fp-a { display: none; }
  .lz .pg-fp-ort { display: none !important; }
}
.lz .pg-fp-ort { z-index: calc(var(--z-panel) - 1); }
/* panel, pencere ya da menu acikken gecici yuzen ogeler gizli (kabul genel 8) */
html.panel-acik .lz .c5-oz, html[data-m="1"] .lz .c5-oz { visibility: hidden; }
/* pencere / hizli bakis katmani (body sonunda .lz.lz-k) */
.lz-k { position: relative; z-index: var(--z-dialog); }
.lz .c-phata { margin: 0; font: 700 13px/1.4 var(--sans); color: var(--hata); background: var(--hata-bg); padding: 8px 10px; border-radius: 10px; }
.lz .c-psin { color: var(--uyari); }
.lz .l4-tek { font: 700 12px/1.3 var(--sans); color: var(--ink3); }
.lz .pg-bos { padding: 28px 16px; text-align: center; display: grid; gap: 8px; justify-items: center; }
.lz .pg-bos p { margin: 0; }
@media print { .lz .pg-fp, .lz .c5-oz, .lz-k, .lz .pg-arac, .lz .pg-hc, .lz .l8-sk { display: none !important; } }