/* PAZAR-KIT 20261010 temel katman: ust/alt bilgi, kartlar (k1-k4), basliklar (acik/koyu/renkli), ortak bolumler.
   Renkler panel temasindan (--bg --surface --text --muted --brand --accent --line) ve tureyen --pz-ana degiskeninden gelir. */

body.pz-govde{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;padding:0 !important;margin:0}
.pz-ust .kapsayici,.pz-sayfa .kapsayici,.pz-dip .kapsayici{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box;width:100%}
.pz-govde{--pz-r:min(16px,max(8px,var(--radius)));--pz-r2:calc(var(--pz-r) + 4px)}
.pz-ust,.pz-ust *,.pz-sayfa,.pz-sayfa *,.pz-dip,.pz-dip *{animation:none !important;text-transform:none;letter-spacing:normal;box-sizing:border-box}
:where(.pz-ust,.pz-sayfa,.pz-dip) a{text-decoration:none;color:inherit}
:where(.pz-sayfa,.pz-dip) :is(h1,h2,h3){margin:0;font-family:inherit;color:inherit}
:where(.pz-sayfa) p{margin:0}
:where(.pz-sayfa,.pz-ust,.pz-dip) img{display:block;max-width:100%;height:auto}
.pz-i{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}
#ana{display:block;min-width:0}
.atla{position:absolute;left:-9999px;top:0;z-index:20000;background:var(--surface);color:var(--text);padding:10px 14px}
.atla:focus{left:10px;top:10px}

/* ---- Baslik renk stilleri ---- */
.pz-h-acik{--pz-ust-bg:var(--surface);--pz-ust-y:var(--text);--pz-ust-y2:var(--muted);--pz-ust-cizgi:var(--line);--pz-ara-btn:var(--pz-ana);--pz-ara-btn-y:var(--pz-ana-y);--pz-ara-cerceve:var(--pz-ana)}
.pz-h-koyu{--pz-ust-bg:color-mix(in srgb,var(--text) 94%,#000);--pz-ust-y:#fff;--pz-ust-y2:rgba(255,255,255,.72);--pz-ust-cizgi:rgba(255,255,255,.14);--pz-ara-btn:var(--pz-ana);--pz-ara-btn-y:var(--pz-ana-y);--pz-ara-cerceve:transparent}
.pz-h-renkli{--pz-ust-bg:var(--pz-ana);--pz-ust-y:var(--pz-ana-y);--pz-ust-y2:color-mix(in srgb,var(--pz-ana-y) 78%,transparent);--pz-ust-cizgi:color-mix(in srgb,var(--pz-ana-y) 22%,transparent);--pz-ara-btn:color-mix(in srgb,var(--text) 92%,#000);--pz-ara-btn-y:#fff;--pz-ara-cerceve:transparent}

/* ---- Ust bilgi ---- */
.pz-ust{position:relative;z-index:50}
.pz-mnu-tik{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.pz-duyuru{background:color-mix(in srgb,var(--pz-ana) 12%,var(--surface));color:var(--text);font-size:.82rem;border-bottom:1px solid var(--line)}
.pz-duyuru-ic{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px}
.pz-duyuru-ic span,.pz-duyuru-ic a{display:inline-flex;align-items:center;gap:6px}
.pz-duyuru .pz-i{width:15px;height:15px;color:var(--pz-ana-metin)}
.pz-h-renkli .pz-duyuru .pz-i{color:var(--text)}
.pz-bar{background:var(--pz-ust-bg);color:var(--pz-ust-y)}
.pz-bar-ic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding-top:12px !important;padding-bottom:12px !important}
.pz-mnu-btn{display:none;width:42px;height:42px;place-items:center;border-radius:var(--pz-r);cursor:pointer;color:inherit}
.pz-mnu-btn .pz-i{width:24px;height:24px}
.pz-mnu-tik:focus-visible ~ .pz-bar .pz-mnu-btn{outline:2px solid var(--pz-ana);outline-offset:2px}
.pz-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;color:inherit}
.pz-logo-isaret{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--pz-r);background:var(--pz-ana);color:var(--pz-ana-y);flex-shrink:0}
.pz-h-renkli .pz-logo-isaret{background:var(--pz-ana-y);color:var(--pz-ana)}
.pz-logo-isaret .pz-i{width:22px;height:22px}
.pz-logo-metin{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.pz-logo-metin b{font-size:1.4rem;font-weight:700;white-space:nowrap}
.pz-logo-metin small{font-size:.74rem;color:var(--pz-ust-y2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.pz-ara{display:flex;align-items:stretch;height:46px;background:var(--surface);border-radius:var(--pz-r);overflow:hidden;border:2px solid var(--pz-ara-cerceve);min-width:0}
.pz-ara:focus-within{border-color:var(--pz-ana)}
.pz-ara input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:0 16px;font-size:15px;outline:none;height:auto;margin:0;box-shadow:none;border-radius:0}
.pz-ara input::placeholder{color:var(--muted)}
.pz-ara button{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--pz-ara-btn);color:var(--pz-ara-btn-y);padding:0 20px;font-weight:700;font-size:.92rem;cursor:pointer;border-radius:0;margin:0}
.pz-ara button:hover{filter:brightness(.92)}
.pz-eylem{display:flex;align-items:center;gap:4px}
.pz-eylem-link,.pz-sepet,.pz-hap{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--pz-r);color:inherit;transition:background .15s}
.pz-eylem-link:hover,.pz-sepet:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.pz-eylem-link .pz-i,.pz-sepet .pz-i,.pz-hap .pz-i{width:24px;height:24px}
.pz-eylem-link span,.pz-hap span{display:flex;flex-direction:column;line-height:1.15}
.pz-eylem small,.pz-hap small{font-size:.72rem;color:var(--pz-ust-y2)}
.pz-eylem b{font-size:.9rem;font-weight:700;white-space:nowrap}
.pz-hap{border:1.5px solid var(--pz-ust-cizgi);border-radius:999px;padding:5px 14px 5px 8px}
.pz-hap:hover{border-color:var(--pz-ana)}
.pz-sepet{font-weight:700;font-size:.92rem;background:color-mix(in srgb,currentColor 8%,transparent)}
.pz-sepet-ikon{position:relative;display:inline-flex}
.pz-sepet-ikon i{position:absolute;top:-7px;right:-9px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--pz-ana);color:var(--pz-ana-y);font-size:.7rem;font-weight:700;font-style:normal;display:grid;place-items:center}
.pz-h-renkli .pz-sepet-ikon i{background:var(--text);color:#fff}

.pz-menu{background:var(--surface);border-bottom:1px solid var(--line)}
.pz-menu-ic{display:flex;align-items:center;gap:10px;min-height:46px}
.pz-menu-linkler{display:flex;align-items:center;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;gap:2px}
.pz-menu-linkler::-webkit-scrollbar{display:none}
.pz-menu-linkler a{padding:8px 12px;font-size:.9rem;font-weight:500;color:var(--text);white-space:nowrap;border-radius:var(--pz-r)}
.pz-menu-linkler a:hover,.pz-menu-linkler a.aktif{color:var(--pz-ana-metin);background:color-mix(in srgb,var(--pz-ana) 8%,transparent)}
.pz-menu-firsat{display:inline-flex;align-items:center;gap:6px;color:var(--pz-ana-metin);font-weight:700;font-size:.9rem;white-space:nowrap;padding:8px 4px}
.pz-menu-firsat .pz-i{width:17px;height:17px}
.pz-tumkat{position:relative;flex-shrink:0}
.pz-tumkat summary{list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--pz-r);background:color-mix(in srgb,var(--pz-ana) 12%,var(--surface));color:color-mix(in srgb,var(--pz-ana) 80%,var(--text));font-weight:700;font-size:.9rem;cursor:pointer;user-select:none}
.pz-tumkat summary::-webkit-details-marker{display:none}
.pz-tumkat summary .pz-i{width:18px;height:18px}
.pz-tumkat[open] summary{background:var(--pz-ana);color:var(--pz-ana-y)}
.pz-tumkat-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:80;width:min(560px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--pz-r);box-shadow:0 18px 40px -18px rgba(0,0,0,.35);padding:8px}
.pz-tumkat-panel a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:calc(var(--pz-r) - 2px);font-size:.9rem;color:var(--text)}
.pz-tumkat-panel a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-tumkat-panel img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg)}
.pz-tumkat-panel a:hover{background:var(--bg);color:var(--pz-ana-metin)}
.pz-tumkat-panel small{color:var(--muted);font-size:.78rem}
.pz-tumkat-panel .pz-tumkat-hepsi{grid-column:1/-1;justify-content:center;color:var(--pz-ana-metin);font-weight:700;border-top:1px solid var(--line);border-radius:0;margin-top:4px}

/* Mobil cekmece (JS'siz) */
.pz-cekmece{display:none}
.pz-cekmece-ort{display:none}
.pz-mnu-tik:checked ~ .pz-cekmece{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(86vw,340px);z-index:10001;background:var(--surface);color:var(--text);overflow-y:auto;padding:0 0 20px;box-shadow:12px 0 40px -12px rgba(0,0,0,.45)}
.pz-mnu-tik:checked ~ .pz-cekmece-ort{display:block;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.45)}
.pz-cekmece-bas{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--pz-ust-bg);color:var(--pz-ust-y)}
.pz-cekmece-bas b{font-size:1.05rem}
.pz-cekmece-kapat{display:grid;place-items:center;width:36px;height:36px;cursor:pointer}
.pz-cekmece a{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line);font-size:.95rem}
.pz-cekmece a span{flex:1}
.pz-cekmece a small{color:var(--muted);font-size:.78rem}
.pz-cekmece a .pz-i{color:var(--pz-ana-metin)}
.pz-cekmece a img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.pz-cekmece a:hover{background:var(--bg);color:var(--pz-ana-metin)}

/* ---- Ortak dugmeler ---- */
.pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--pz-r);padding:10px 16px;font-weight:700;font-size:.9rem;cursor:pointer;line-height:1.2;text-align:center;font-family:inherit;transition:filter .15s,background .15s}
.pz-btn .pz-i{width:18px;height:18px}
.pz-btn:hover{filter:brightness(.93)}
.pz-btn--dolu,.pz-btn--sepet{background:var(--pz-ana);color:var(--pz-ana-y)}
.pz-btn--beyaz{background:#fff;color:#141414}
.pz-btn--sessiz{background:color-mix(in srgb,var(--text) 8%,var(--surface));color:var(--text)}
.pz-btn--wa{background:#1f9d55;color:#fff;margin-top:6px}
.pz-bildirim{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding:11px 14px;border-radius:var(--pz-r);font-weight:600;font-size:.92rem}
.pz-bildirim--ok{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))}
.pz-bildirim--hata{background:color-mix(in srgb,#d33 12%,var(--surface));border:1px solid color-mix(in srgb,#d33 35%,var(--line))}
.pz-bildirim a{margin-left:auto;color:var(--pz-ana-metin);font-weight:700}

/* ---- Bolumler ---- */
.pz-sayfa{padding-bottom:6px}
.pz-bolum{padding:22px 0}
.pz-bolum--siki{padding:10px 0}
.pz-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.pz-bas h2{font-size:1.3rem !important;font-weight:700;line-height:1.2 !important;display:flex;align-items:center;gap:8px}
.pz-bas h2 .pz-i{color:var(--pz-ana-metin);width:22px;height:22px}
.pz-bas p{color:var(--muted);font-size:.87rem;margin-top:2px}
.pz-tumu{display:inline-flex;align-items:center;gap:4px;color:var(--pz-ana-metin);font-weight:700;font-size:.88rem;white-space:nowrap}
.pz-tumu .pz-i{width:16px;height:16px;transition:transform .2s}
.pz-tumu:hover .pz-i{transform:translateX(3px)}
.pz-izgara{--sutun:6;display:grid;grid-template-columns:repeat(var(--sutun),minmax(0,1fr));gap:12px}
.pz-ray{--ray:6;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ray) - 1) * 12px) / var(--ray));gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:thin}
.pz-ray>*{scroll-snap-align:start}

/* ---- Slider ---- */
.pz-sl{position:relative;border-radius:var(--pz-r2);overflow:hidden;min-width:0}
.pz-sl-iz{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}
.pz-sl-iz::-webkit-scrollbar{display:none}
.pz-slayt{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:20px;padding:30px 28px 58px 36px;min-height:340px;color:var(--text)}
.pz-ton-1{background:color-mix(in srgb,var(--pz-ana) 16%,var(--surface))}
.pz-ton-2{background:color-mix(in srgb,var(--accent) 17%,var(--surface))}
.pz-ton-3{background:color-mix(in srgb,var(--text) 7%,var(--surface))}
.pz-slayt-etiket{display:inline-block;background:var(--pz-ana);color:var(--pz-ana-y);border-radius:99px;padding:4px 12px;font-size:.78rem;font-weight:700}
.pz-ton-2 .pz-slayt-etiket{background:var(--accent);color:var(--pz-accent-y)}
.pz-ton-3 .pz-slayt-etiket{background:var(--text);color:var(--surface)}
.pz-slayt-h{display:block;font-size:clamp(1.4rem,2.4vw,2.1rem) !important;font-weight:700;line-height:1.15 !important;margin:12px 0 8px !important}
.pz-slayt-p{display:block;color:var(--muted);font-size:.98rem;max-width:42ch}
.pz-slayt-btn{display:inline-flex;align-items:center;gap:6px;margin-top:18px;background:var(--text);color:var(--surface);padding:11px 18px;border-radius:var(--pz-r);font-weight:700;font-size:.9rem;transition:gap .2s}
.pz-slayt:hover .pz-slayt-btn{gap:10px}
.pz-slayt-resim img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--pz-r2);box-shadow:0 18px 40px -22px rgba(0,0,0,.45)}
.pz-sl-kontrol{position:absolute;left:36px;bottom:16px;display:flex;align-items:center;gap:10px}
.pz-sl-ok{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;padding:0}
.pz-sl-ok .pz-i{width:16px;height:16px}
.pz-sl-ok:hover{border-color:var(--pz-ana);color:var(--pz-ana-metin)}
.pz-sl-nokta{display:flex;gap:6px}
.pz-sl-nokta button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--text) 25%,transparent);transition:width .2s,background .2s;cursor:pointer}
.pz-sl-nokta button.aktif{width:24px;background:var(--pz-ana)}

/* ---- Kampanya kutulari ---- */
.pz-kutular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pz-kutu{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ikon metin" "btn btn";gap:10px 14px;padding:16px;border-radius:var(--pz-r);min-height:128px;transition:transform .2s}
.pz-kutu:hover{transform:translateY(-2px)}
.pz-kton-1{background:var(--pz-ana);color:var(--pz-ana-y)}
.pz-kton-2{background:color-mix(in srgb,var(--accent) 20%,var(--surface));color:var(--text)}
.pz-kton-3{background:color-mix(in srgb,var(--text) 90%,#000);color:#fff}
.pz-kton-4{background:color-mix(in srgb,var(--pz-ana) 14%,var(--surface));color:var(--text)}
.pz-kutu-ikon{grid-area:ikon;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent)}
.pz-kutu-metin{grid-area:metin;min-width:0;position:relative;z-index:1}
.pz-kutu-metin small{display:block;font-size:.78rem;opacity:.82;font-weight:600}
.pz-kutu-metin b{display:block;font-size:1.2rem;font-weight:800;line-height:1.2;margin:2px 0 3px}
.pz-kutu-metin span{display:block;font-size:.85rem;opacity:.88}
.pz-kutu-btn{grid-area:btn;display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:.86rem;align-self:end;position:relative;z-index:1}
.pz-kutu-btn .pz-i{width:16px;height:16px}
.pz-kutu--gorselli{grid-template-columns:minmax(0,1fr) 38%;grid-template-areas:"metin resim" "btn resim";align-items:start}
.pz-kutu--gorselli .pz-kutu-ikon{display:none}
.pz-kutu-resim{grid-area:resim;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--pz-r);align-self:center}

/* ---- Kuponlar ---- */
.pz-kuponlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.pz-kupon{display:grid;grid-template-columns:96px minmax(0,1fr);background:var(--surface);border:1.5px dashed color-mix(in srgb,var(--pz-ana) 45%,var(--line));border-radius:var(--pz-r);overflow:hidden;position:relative}
.pz-kupon-sol{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--pz-ana);color:var(--pz-ana-y);padding:12px 6px;text-align:center}
.pz-kupon--2 .pz-kupon-sol{background:var(--accent);color:var(--pz-accent-y)}
.pz-kupon--3 .pz-kupon-sol{background:color-mix(in srgb,var(--text) 90%,#000);color:#fff}
.pz-kupon-sol b{font-size:1.35rem;font-weight:800;line-height:1.1}
.pz-kupon-sol small{font-size:.74rem;opacity:.9}
.pz-kupon-sag{padding:11px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pz-kupon-sag span{font-size:.84rem;font-weight:600;line-height:1.3}
.pz-kupon-sag code{align-self:flex-start;font-family:inherit !important;font-weight:800;font-size:.92rem;background:color-mix(in srgb,var(--pz-ana) 10%,var(--surface));color:color-mix(in srgb,var(--pz-ana) 75%,var(--text));padding:3px 10px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pz-kupon-sag small{font-size:.74rem;color:var(--muted)}
.pz-kupon::before,.pz-kupon::after{content:"";position:absolute;left:88px;width:16px;height:16px;border-radius:50%;background:var(--bg)}
.pz-kupon::before{top:-9px}
.pz-kupon::after{bottom:-9px}

/* ---- Urun karti: ortak ---- */
.pz-kart{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--text)}
.pz-kart-resim{position:relative;aspect-ratio:1/1;border-radius:calc(var(--pz-r) - 2px);overflow:hidden;background:var(--bg)}
.pz-kart-gorsel{display:block;width:100%;height:100%}
.pz-kart-gorsel img{width:100%;height:100%;object-fit:cover}
.pz-kart-govde{display:flex;flex-direction:column;gap:4px;padding:9px 2px 2px;flex:1;min-width:0}
.pz-kart-ust{font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-kart-ad{font-size:.89rem !important;font-weight:500 !important;line-height:1.3 !important;margin:0 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.pz-kart-ad a:hover{color:var(--pz-ana-metin)}
.pz-cipler{display:flex;flex-wrap:wrap;gap:4px}
.pz-cip{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:99px}
.pz-cip .pz-i{width:12px;height:12px}
.pz-cip--kargo{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:color-mix(in srgb,var(--accent) 60%,var(--text))}
.pz-cip--az{background:color-mix(in srgb,var(--pz-ana) 13%,var(--surface));color:color-mix(in srgb,var(--pz-ana) 75%,var(--text))}
.pz-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin-top:auto;padding-top:2px}
.pz-fiyat s{font-size:.8rem;color:var(--muted)}
.pz-fiyat b{font-size:1.05rem;font-weight:800;color:var(--text)}
.pz-fiyat b.pz-fiyat-ind{color:var(--pz-ana-metin)}
.pz-fiyat small{font-size:.74rem;color:var(--muted)}
.pz-fiyat--buyuk b{font-size:1.45rem}
.pz-rozet{position:absolute;z-index:2;top:8px;left:8px;border-radius:99px;font-size:.74rem;font-weight:800;padding:3px 9px;line-height:1.3;pointer-events:none}
.pz-rozet--indirim{background:var(--pz-ana);color:var(--pz-ana-y)}
.pz-rozet--one{left:auto;right:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);font-weight:700}
.pz-rozet--tuk{top:auto;bottom:8px;background:var(--text);color:var(--surface)}
.pz-kart-no{position:absolute;z-index:2;top:0;left:0;min-width:40px;height:40px;padding:0 8px;display:grid;place-items:center;background:var(--text);color:var(--surface);font-size:1.3rem;font-weight:800;border-radius:0 0 var(--pz-r) 0}
.pz-kart--sira .pz-rozet--indirim{left:auto;right:8px}
.pz-kart--sira .pz-rozet--one{display:none}
.pz-stok{font-size:.76rem;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.pz-stok-cubuk{display:block;height:6px;border-radius:99px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}
.pz-stok-cubuk i{display:block;height:100%;border-radius:99px;background:var(--pz-ana)}
.pz-kart-eylem form{margin:0}
.pz-kart-eylem .pz-btn{width:100%}

/* k1: kenarlikli kart, alt dolu dugme */
.pz-k-k1 .pz-kart{background:var(--surface);border:1px solid var(--line);border-radius:var(--pz-r);padding:8px;transition:border-color .2s,box-shadow .2s}
.pz-k-k1 .pz-kart:hover{border-color:color-mix(in srgb,var(--pz-ana) 45%,var(--line));box-shadow:0 10px 26px -16px rgba(0,0,0,.35)}
.pz-k-k1 .pz-kart-eylem{margin-top:8px}
.pz-k-k1 .pz-kart-eylem .pz-btn{padding:9px 8px;font-size:.84rem;border-radius:calc(var(--pz-r) - 3px)}

/* k2: golgeli yuvarlak kart, gorsel kosesinde yuvarlak + */
.pz-k-k2 .pz-kart{background:var(--surface);border-radius:var(--pz-r2);padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.05),0 10px 24px -14px rgba(0,0,0,.28);transition:box-shadow .2s,transform .2s}
.pz-k-k2 .pz-kart:hover{box-shadow:0 4px 10px rgba(0,0,0,.06),0 18px 34px -16px rgba(0,0,0,.34)}
.pz-k-k2 .pz-kart-resim{border-radius:var(--pz-r)}
.pz-k-k2 .pz-kart-eylem{position:absolute;right:8px;bottom:8px;z-index:3}
.pz-k-k2 .pz-kart-eylem .pz-btn{width:42px;height:42px;padding:0;border-radius:50%;box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
.pz-k-k2 .pz-kart-eylem .pz-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pz-k-k2 .pz-kart-eylem .pz-btn .pz-i{width:22px;height:22px;stroke-width:2.4}
.pz-k-k2 .pz-kart-eylem .pz-btn--sessiz{width:auto;height:auto;padding:6px 12px;border-radius:99px;font-size:.78rem}
.pz-k-k2 .pz-kart-eylem .pz-btn--sessiz{position:static}
.pz-k-k2 .pz-rozet--tuk{bottom:auto;top:8px;left:auto;right:8px}

/* k3: cercevesiz, tint zeminli gorsel, ustune gelince sepet cubugu */
.pz-k-k3 .pz-kart-resim{background:color-mix(in srgb,var(--pz-ana) 9%,var(--surface));padding:7%;border-radius:var(--pz-r)}
.pz-k-k3 .pz-kart-gorsel img{border-radius:calc(var(--pz-r) - 4px);mix-blend-mode:normal}
.pz-k-k3 .pz-kart-eylem{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
.pz-k-k3 .pz-kart:hover .pz-kart-eylem,.pz-k-k3 .pz-kart:focus-within .pz-kart-eylem{opacity:1;transform:none}
.pz-k-k3 .pz-kart-eylem .pz-btn{padding:9px 8px;font-size:.84rem;border-radius:99px;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.pz-k-k3 .pz-kart-govde{padding:10px 4px 0}
.pz-k-k3 .pz-kart-ad{font-weight:600 !important}
@media (hover:none){.pz-k-k3 .pz-kart-eylem{opacity:1;transform:none}}

/* k4: yatay kompakt kart */
.pz-k-k4 .pz-kart{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--pz-r);padding:10px;align-items:start}
.pz-k-k4 .pz-kart:hover{border-color:color-mix(in srgb,var(--pz-ana) 45%,var(--line))}
.pz-k-k4 .pz-kart-resim{width:118px}
.pz-k-k4 .pz-kart-govde{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ust ust" "ad ad" "cip cip" "stok stok" "fiyat eylem";align-items:end;column-gap:8px;row-gap:4px;padding:2px 0 0;height:100%}
.pz-k-k4 .pz-kart-ust{grid-area:ust}
.pz-k-k4 .pz-kart-ad{grid-area:ad;min-height:0}
.pz-k-k4 .pz-cipler{grid-area:cip}
.pz-k-k4 .pz-stok{grid-area:stok}
.pz-k-k4 .pz-fiyat{grid-area:fiyat;flex-direction:column;align-items:flex-start;gap:0}
.pz-k-k4 .pz-kart-eylem{grid-area:eylem}
.pz-k-k4 .pz-kart-eylem .pz-btn{width:auto;padding:8px 12px;font-size:.8rem}
.pz-k-k4 .pz-kart-no{min-width:30px;height:30px;font-size:1rem}
.pz-k-k4 .pz-rozet{font-size:.68rem;padding:2px 7px;top:5px;left:5px}
.pz-k-k4 .pz-kart--sira .pz-rozet--indirim{left:auto;right:5px}
.pz-k-k4 .pz-izgara{--sutun:2 !important}
.pz-k-k4 .pz-ray{--ray:2.6 !important}

/* ---- Hikaye / kategori kartlari ---- */
.pz-hikaye{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 6px}
.pz-hikaye::-webkit-scrollbar{display:none}
.pz-hikaye-oge{display:flex;flex-direction:column;align-items:center;gap:7px;width:92px;flex-shrink:0;text-align:center}
.pz-hikaye-halka{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;padding:3px;border:2.5px solid var(--pz-ana);background:var(--surface)}
.pz-hikaye-halka img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.pz-hikaye-halka--ikon{background:color-mix(in srgb,var(--pz-ana) 14%,var(--surface));color:var(--pz-ana-metin)}
.pz-hikaye-halka--ikon .pz-i{width:32px;height:32px}
.pz-hikaye-ad{font-size:.8rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pz-hikaye-oge:hover .pz-hikaye-halka{border-color:var(--accent)}
.pz-katkart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pz-katkart-oge{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;min-height:150px;padding:14px;border-radius:var(--pz-r);overflow:hidden}
.pz-katkart-ad{display:flex;flex-direction:column;align-self:flex-start;position:relative;z-index:1;min-width:0}
.pz-katkart-ad b{font-size:1.02rem;line-height:1.2}
.pz-katkart-ad small{font-size:.78rem;opacity:.75}
.pz-katkart-oge img{width:52%;aspect-ratio:1;object-fit:cover;border-radius:var(--pz-r);flex-shrink:0;box-shadow:0 10px 20px -12px rgba(0,0,0,.4);transition:transform .25s}
.pz-katkart-oge:hover img{transform:rotate(-3deg) scale(1.04)}
.pz-tint-1{background:color-mix(in srgb,var(--pz-ana) 15%,var(--surface))}
.pz-tint-2{background:color-mix(in srgb,var(--accent) 17%,var(--surface))}
.pz-tint-3{background:color-mix(in srgb,var(--text) 8%,var(--surface))}
.pz-tint-4{background:color-mix(in srgb,var(--pz-ana) 8%,color-mix(in srgb,var(--accent) 10%,var(--surface)))}

/* ---- Gunun firsati karti ---- */
.pz-gunfirsat{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:2px solid var(--pz-ana);border-radius:var(--pz-r);padding:14px;min-width:0}
.pz-gunfirsat-bas{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pz-gunfirsat-bas b{display:inline-flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--pz-ana) 85%,var(--text));font-size:.98rem}
.pz-sayac{background:var(--text);color:var(--surface);border-radius:6px;padding:3px 8px;font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.pz-gunfirsat-resim{position:relative;display:block;border-radius:calc(var(--pz-r) - 2px);overflow:hidden;background:var(--bg)}
.pz-gunfirsat-resim img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pz-gunfirsat-ad{font-weight:600;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pz-gunfirsat .pz-btn{margin-top:auto}

/* ---- Avantaj ---- */
.pz-avantaj{background:var(--surface);border-top:1px solid var(--line);margin-top:18px}
.pz-avantaj-ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:20px !important;padding-bottom:20px !important}
.pz-avantaj-oge{display:flex;align-items:center;gap:12px;min-width:0}
.pz-avantaj-oge>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:color-mix(in srgb,var(--accent) 70%,var(--text));flex-shrink:0}
.pz-avantaj-oge b{display:block;font-size:.95rem}
.pz-avantaj-oge small{display:block;color:var(--muted);font-size:.82rem;line-height:1.35}

/* ---- Alt bilgi ---- */
.pz-dip{background:color-mix(in srgb,var(--text) 94%,#000);color:rgba(255,255,255,.74);font-size:.9rem;margin-top:0}
.pz-dip a:hover{color:#fff}
.pz-basa{display:flex;justify-content:center;align-items:center;gap:6px;padding:13px;background:color-mix(in srgb,var(--text) 82%,#fff);color:#fff;font-size:.86rem;font-weight:600}
.pz-dip-serit{border-bottom:1px solid rgba(255,255,255,.12);padding:11px 0;text-align:center;font-size:.86rem}
.pz-dip-serit .pz-i{width:15px;height:15px;color:var(--pz-ana)}
.pz-dip-ic{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:28px;padding-top:36px !important;padding-bottom:28px !important}
.pz-logo--dip{margin-bottom:12px;color:#fff}
.pz-logo--dip .pz-logo-metin small{color:rgba(255,255,255,.6)}
.pz-dip-marka p{max-width:36ch;line-height:1.55}
.pz-dip-guven{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-dip-guven li{display:flex;align-items:center;gap:8px;font-size:.86rem}
.pz-dip-guven .pz-i,.pz-dip-iletisim .pz-i{width:17px;height:17px;color:color-mix(in srgb,var(--pz-ana) 70%,#fff);flex-shrink:0}
.pz-dip-sutun h2{font-size:.98rem !important;font-weight:700 !important;color:#fff;margin:0 0 12px !important}
.pz-dip-sutun ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-dip-tel{display:flex;align-items:center;gap:8px;font-size:1.08rem;font-weight:700;color:#fff;margin-bottom:10px}
.pz-dip-iletisim p{display:flex;align-items:flex-start;gap:8px;margin:0 0 8px;font-size:.86rem;overflow-wrap:anywhere}
.pz-dip-alt{border-top:1px solid rgba(255,255,255,.12)}
.pz-dip-alt-ic{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:16px !important;padding-bottom:16px !important;font-size:.82rem}
.pz-dip-odeme{display:inline-flex;align-items:center;gap:8px}

/* ---- Duyarli ---- */
@media (max-width:1180px){
  .pz-izgara{--sutun:5}
  .pz-ray{--ray:5}
  .pz-eylem-link{display:none}
}
@media (max-width:1000px){
  .pz-izgara{--sutun:4}
  .pz-ray{--ray:4.3}
  .pz-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-katkart{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pz-dip-ic{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pz-dip-marka{grid-column:1/-1}
}
@media (max-width:900px){
  .pz-bar-ic{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mnu logo eylem" "ara ara ara";gap:10px 8px}
  .pz-mnu-btn{display:grid;grid-area:mnu}
  .pz-logo{grid-area:logo}
  .pz-eylem{grid-area:eylem}
  .pz-ara{grid-area:ara;height:42px}
  .pz-menu{display:none}
  .pz-sepet-yazi,.pz-hap span{display:none}
  .pz-hap{padding:6px;border:0}
  .pz-slayt{min-height:280px;padding:24px 22px 56px}
  .pz-sl-kontrol{left:22px}
  .pz-k-k4 .pz-izgara{--sutun:1 !important}
  .pz-k-k4 .pz-ray{--ray:1.25 !important}
}
@media (max-width:760px){
  .pz-izgara{--sutun:3}
  .pz-ray{--ray:3.2}
  .pz-avantaj-ic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-duyuru-ic a{display:none}
  .pz-duyuru-ic{justify-content:center;text-align:center}
  .pz-katkart{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .pz-ust .kapsayici,.pz-sayfa .kapsayici,.pz-dip .kapsayici{padding-left:12px;padding-right:12px}
  .pz-bar-ic{padding-top:8px !important;padding-bottom:8px !important}
  .pz-logo-metin small{display:none}
  .pz-logo-metin b{font-size:1.15rem}
  .pz-logo-isaret{width:34px;height:34px}
  .pz-ara button span{display:none}
  .pz-ara button{padding:0 14px}
  .pz-slayt{grid-template-columns:minmax(0,1fr) 104px;gap:12px;min-height:0;padding:18px 16px 50px}
  .pz-slayt-h{font-size:1.18rem !important;margin:8px 0 6px !important}
  .pz-slayt-p{font-size:.85rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .pz-slayt-btn{margin-top:12px;padding:9px 14px;font-size:.84rem}
  .pz-slayt-resim{align-self:start}
  .pz-slayt-resim img{aspect-ratio:1/1}
  .pz-sl-kontrol{left:16px;bottom:12px}
  .pz-izgara{--sutun:2;gap:8px}
  .pz-ray{--ray:2.15;gap:8px;grid-auto-columns:calc((100% - (var(--ray) - 1) * 8px) / var(--ray))}
  .pz-bolum{padding:16px 0}
  .pz-bas h2{font-size:1.12rem !important}
  .pz-bas p{font-size:.8rem}
  .pz-kutular{gap:8px}
  .pz-kutu{grid-template-columns:minmax(0,1fr);grid-template-areas:"ikon" "metin" "btn";padding:12px;gap:6px;min-height:0}
  .pz-kutu--gorselli{grid-template-columns:minmax(0,1fr) 34%;grid-template-areas:"metin resim" "btn resim"}
  .pz-kutu-ikon{width:36px;height:36px}
  .pz-kutu-metin b{font-size:1.02rem}
  .pz-kutu-metin span{font-size:.8rem}
  .pz-k-k1 .pz-kart{padding:6px}
  .pz-kart-ad{font-size:.84rem !important}
  .pz-fiyat b{font-size:.98rem}
  .pz-k-k2 .pz-kart{padding:7px}
  .pz-k-k2 .pz-kart-eylem .pz-btn{width:38px;height:38px}
  .pz-k-k4 .pz-kart{grid-template-columns:96px minmax(0,1fr)}
  .pz-k-k4 .pz-kart-resim{width:96px}
  .pz-k-k4 .pz-ray .pz-kart-govde{grid-template-columns:minmax(0,1fr);grid-template-areas:"ust" "ad" "cip" "stok" "fiyat" "eylem"}
  .pz-k-k4 .pz-ray .pz-kart-eylem{justify-self:start}
  .pz-avantaj-ic{gap:12px}
  .pz-avantaj-oge{align-items:flex-start;gap:8px}
  .pz-avantaj-oge>span{width:38px;height:38px}
  .pz-avantaj-oge b{font-size:.86rem}
  .pz-avantaj-oge small{font-size:.76rem}
  .pz-dip-ic{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding-top:28px !important}
  .pz-dip-iletisim{grid-column:1/-1}
  .pz-dip-alt-ic{justify-content:center;text-align:center}
  .pz-kuponlar{grid-template-columns:minmax(0,1fr)}
  .pz-hikaye{gap:12px}
  .pz-hikaye-oge{width:74px}
  .pz-hikaye-halka{width:68px;height:68px}
  .pz-katkart-oge{min-height:120px;padding:10px;flex-direction:column;align-items:flex-start}
  .pz-katkart-oge img{width:62%;align-self:flex-end;margin-top:-6px}
}
@media (max-width:380px){
  .pz-sepet{padding:6px}
  .pz-logo-metin b{font-size:1.02rem}
}
@media (prefers-reduced-motion:reduce){
  .pz-kutu,.pz-slayt-btn,.pz-tumu .pz-i,.pz-katkart-oge img,.pz-k-k3 .pz-kart-eylem,.pz-k-k2 .pz-kart{transition:none !important}
  .pz-kutu:hover,.pz-katkart-oge:hover img{transform:none}
}

/* ---- Kart stiline bagli bilesen ayrintilari (ayni duzendeki siteler birbirinden ayrilsin) ---- */
.pz-k-k2 .pz-az-mini img,.pz-k-k2 .pz-sira-liste img,.pz-k-k2 .pz-katkart-oge img{border-radius:50%}
.pz-k-k2 .pz-az-panel,.pz-k-k2 .pz-katkart-oge,.pz-k-k2 .pz-kutu{border-radius:var(--pz-r2)}
.pz-k-k2 .pz-hikaye-halka{border-width:3px;box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.pz-k-k3 .pz-az-mini img,.pz-k-k3 .pz-sira-liste img{background:color-mix(in srgb,var(--pz-ana) 10%,var(--surface));padding:8%}
.pz-k-k3 .pz-az-panel{box-shadow:none;border:1px solid var(--line)}
.pz-k-k3 .pz-hikaye-halka{border-style:dashed}
.pz-k-k3 .pz-katkart-oge img{border-radius:var(--pz-r);box-shadow:none;background:color-mix(in srgb,var(--surface) 70%,transparent);padding:6px}
.pz-k-k4 .pz-az-mini{grid-template-columns:minmax(0,1fr);gap:6px}
.pz-k-k4 .pz-az-mini a{flex-direction:row;align-items:center;gap:10px;font-size:.84rem}
.pz-k-k4 .pz-az-mini img{width:58px;flex-shrink:0}
.pz-k-k4 .pz-hikaye-halka{border-radius:var(--pz-r2)}
.pz-k-k4 .pz-hikaye-halka img{border-radius:var(--pz-r)}
.pz-k-k1 .pz-az-mini img,.pz-k-k1 .pz-katkart-oge img{border:1px solid var(--line)}
.pz-k-k1 .pz-hikaye-halka{border-width:2px;border-color:var(--line);outline:2px solid var(--pz-ana);outline-offset:2px}