/* ============================================================
   TEDZİN — Mağaza sayfaları (promosyon.html, bilgisayar.html) v20
   tedzin.css'in üzerine yüklenir; başlık, düğme ve renk
   simgeleri oradan gelir. Burada: sol filtre sütunu, kategori
   ağacı, ürün ızgarası, detay/sepet/sipariş pencereleri.
   ============================================================ */

/* ---------- Yerleşim: sol sütun + içerik ---------- */
.p-yerlesim{max-width:var(--icerik);margin:0 auto;padding:18px clamp(16px,3vw,32px) 70px;
            display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.p-yan{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--ust-yuk) + 44px + 12px);max-height:calc(100vh - var(--ust-yuk) - 60px);overflow-y:auto;scrollbar-width:thin}
.p-kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-orta);padding:14px 14px 12px}
.p-kutu h2{font-size:.95rem;margin:0 0 10px;padding:0 4px}
.p-yan-liste{list-style:none;margin:0;padding:0}
.p-yan-liste li{margin-bottom:1px}
.p-yan-liste button{width:100%;text-align:left;font-size:13.5px;color:var(--murekkep);padding:8px 10px;border-radius:10px;
                    display:flex;justify-content:space-between;gap:8px;transition:background .12s,color .12s}
.p-yan-liste button:hover{background:var(--zemin);color:var(--turuncu-koyu)}
.p-yan-liste button.aktif{background:var(--turuncu-acik);color:var(--turuncu-koyu);font-weight:700}
.adet{color:var(--gri-acik);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.p-yan-etiket{display:block;font-size:12px;font-weight:700;color:var(--gri);margin:10px 0 6px;padding:0 4px}
.p-yan-etiket:first-of-type{margin-top:0}
.p-kutu input[type=search],.p-kutu select,.p-renk-sec{width:100%;max-width:100%;min-width:0;min-height:40px;padding:8px 12px;border:1.5px solid var(--cizgi);
              border-radius:10px;background:#fff;color:var(--murekkep);font-size:13.5px}
.p-kutu input:focus,.p-kutu select:focus,.p-renk-sec:focus{outline:none;border-color:var(--lacivert)}
.p-temizle{width:100%;margin-top:10px;min-height:38px;border:1.5px solid var(--cizgi);color:var(--gri);font-size:13px;font-weight:600;border-radius:10px;transition:border-color .12s,color .12s}
.p-temizle:hover{border-color:var(--kirmizi);color:var(--kirmizi)}

/* Kategori ağacı: 4 grup kutusu, açık grup içinde ana + alt kategoriler */
.p-agac-grup{border:1px solid var(--cizgi);border-radius:12px;margin-bottom:8px;overflow:hidden;background:#fff}
.p-agac-grup-btn{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--zemin);
  font-weight:800;font-size:13.5px;color:var(--lacivert);padding:11px 12px;text-align:left;gap:8px;transition:background .12s,color .12s}
.p-agac-grup-btn:hover{color:var(--turuncu-koyu)}
.p-agac-grup-btn.aktif{background:var(--lacivert);color:#fff}
.p-agac-grup-btn.aktif .adet{color:rgba(255,255,255,.7)}
.p-agac-grup-ic{padding:4px 6px 6px}
.p-agac-grup-ic:empty{display:none}
.p-agac-grup:not(.acik) .p-agac-grup-ic .p-agac-alt{display:none}
.p-agac-ana{font-weight:700;font-size:13.5px;color:var(--murekkep);width:100%;text-align:left;padding:8px 8px;border-radius:8px;
            display:flex;justify-content:space-between;gap:8px;transition:background .12s,color .12s}
.p-agac-ana:hover{background:var(--zemin);color:var(--turuncu-koyu)}
.p-agac-ana.aktif{color:var(--turuncu-koyu);background:var(--turuncu-acik)}
.p-agac-ana.firsat{color:var(--kirmizi)}
.p-agac-alt{list-style:none;margin:0 0 6px;padding:0 0 0 10px;border-left:2px solid var(--cizgi);margin-left:8px}
.p-agac-alt button{width:100%;text-align:left;font-size:12.5px;color:var(--gri);padding:5px 8px;border-radius:6px;
                   display:flex;justify-content:space-between;gap:8px}
.p-agac-alt button:hover{color:var(--turuncu-koyu)}
.p-agac-alt button.aktif{color:var(--turuncu-koyu);font-weight:700}

/* ---------- İçerik başlığı ---------- */
.p-kirinti ol{list-style:none;display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px;padding:0;font-size:12.5px;color:var(--gri)}
.p-kirinti li::after{content:"›";margin-left:6px;color:var(--cizgi-koyu)}
.p-kirinti li:last-child::after{content:""}
.p-kirinti button{color:var(--gri);padding:6px 0;min-height:32px}
.p-kirinti button:hover{color:var(--turuncu-koyu);text-decoration:underline}
.p-kirinti li:last-child button{color:var(--lacivert);font-weight:700;cursor:default;text-decoration:none}
.p-icerik-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.p-icerik-bas h1{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0}
.p-icerik-sag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#pSonuc{color:var(--gri);font-size:13.5px}
#pSirala{min-height:40px;padding:0 12px;border:1.5px solid var(--cizgi);border-radius:10px;font-size:13.5px;background:#fff;color:var(--murekkep)}
#pSirala:focus{outline:none;border-color:var(--lacivert)}

/* Alt kategori pilleri */
.p-piller{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.p-piller:empty{display:none}
.p-pil{background:#fff;border:1.5px solid var(--cizgi);color:var(--lacivert);font-weight:700;font-size:13px;min-height:36px;padding:0 14px;border-radius:99px;transition:background .12s,border-color .12s,color .12s}
.p-pil:hover{border-color:var(--lacivert)}
.p-pil.aktif{background:var(--lacivert);border-color:var(--lacivert);color:#fff}

/* ---------- Ürün ızgarası ---------- */
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;min-width:0}
.p-kart{min-width:0}
.p-kart{position:relative;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-orta);overflow:hidden;
        display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.p-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-turuncu);border-color:#FFC9B0}
.p-rozet{position:absolute;top:10px;right:10px;z-index:2;background:#fff;color:var(--lacivert);font-size:11px;font-weight:800;padding:5px 9px;border-radius:99px;box-shadow:0 2px 8px rgba(20,33,58,.1)}
.p-rozet-ind{background:var(--kirmizi);color:#fff}
.p-rozet-taki{position:absolute;top:10px;left:10px;z-index:2;background:var(--lacivert);color:#FFD9A0;font-size:11px;font-weight:800;padding:5px 9px;border-radius:99px}
.p-rozet-marka{letter-spacing:.03em}
.p-resim{position:relative;aspect-ratio:1;background:var(--resim-zemin);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}
.p-resim img{max-width:84%;max-height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
.p-kart:hover .p-resim > img:first-child{transform:scale(1.04)}
.p-resim-hover{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:contain;padding:8%;opacity:0;transition:opacity .3s ease;background:var(--resim-zemin)}
.p-kart:hover .p-resim-hover{opacity:1}
.p-kart:hover .p-resim:has(.p-resim-hover) > img:first-child{opacity:0}
.p-kart-ic{padding:12px 13px 13px;display:flex;flex-direction:column;gap:7px;flex:1}
.p-kat-etiket{font-size:11px;font-weight:700;color:var(--turuncu-koyu)}
.p-kart h3{font-family:var(--sans);font-variation-settings:"wdth" 100;font-weight:600;font-size:14px;letter-spacing:0;margin:0;line-height:1.35;color:var(--murekkep);cursor:pointer;flex:1}
.p-kart h3:hover{color:var(--turuncu-koyu)}
.p-renkler{display:flex;gap:4px;flex-wrap:wrap;min-height:0}
.p-renk-nokta{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block}
.p-ekle-satir{display:flex;gap:8px;align-items:stretch}
.p-adet{display:flex;border:1.5px solid var(--cizgi);border-radius:10px;overflow:hidden;background:#fff}
.p-adet button{width:26px;font-size:16px;color:var(--murekkep);background:var(--zemin)}
.p-adet button:hover{background:var(--cizgi)}
.p-adet input{width:34px;border:0;text-align:center;font-weight:700;font-size:13px;-moz-appearance:textfield}
.p-adet input::-webkit-outer-spin-button,.p-adet input::-webkit-inner-spin-button{-webkit-appearance:none}
.p-ekle{flex:1;min-height:42px;background:var(--lacivert);color:#fff;font-weight:700;font-size:13px;border-radius:12px;padding:8px 8px;white-space:nowrap;transition:background .15s}
.p-ekle:hover{background:var(--turuncu)}
.p-ekle.eklendi{background:var(--yesil)}
.p-bos{color:var(--gri);text-align:center;padding:40px 0}
.p-daha{display:block;margin:26px auto 0;min-height:46px;padding:0 28px;border:2px solid var(--lacivert);
        background:var(--kart);color:var(--lacivert);font-weight:700;font-size:14.5px;border-radius:14px;transition:background .15s,color .15s}
.p-daha:hover{background:var(--lacivert);color:#fff}

/* Fiyatlar */
.p-fiyat{font-variation-settings:"wdth" 108;font-weight:800;font-size:17px;color:var(--lacivert)}
.p-fiyat small{font-variation-settings:"wdth" 100;font-weight:500;font-size:11px;color:var(--gri-acik);margin-left:2px}
.p-eski{color:var(--gri-acik);font-size:.78em;font-weight:500;margin-right:4px;font-variation-settings:"wdth" 100}
.p-ind{font-style:normal;background:var(--kirmizi);color:#fff;font-size:.62em;font-weight:800;padding:2px 6px;border-radius:6px;vertical-align:2px;margin-left:2px;font-variation-settings:"wdth" 100}
.p-kap-rozet{background:var(--turuncu-acik);color:var(--turuncu-koyu);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;vertical-align:middle;white-space:nowrap}

/* ---------- Pencereler ---------- */
.p-modal{position:fixed;inset:0;background:rgba(12,21,38,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:120}
.p-modal[hidden]{display:none}
.p-modal-ic{background:var(--kart);border-radius:var(--r-buyuk);max-width:680px;width:100%;max-height:92vh;overflow-y:auto;padding:26px 28px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35);overscroll-behavior:contain}
.p-modal-genis{max-width:820px}
.p-modal-urun .p-modal-ic{max-width:1060px}
.p-kapat{position:sticky;top:0;float:right;margin:-8px -10px 0 0;width:38px;height:38px;border-radius:50%;background:var(--zemin);color:var(--murekkep);font-size:16px;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.p-kapat:hover{background:var(--turuncu);color:#fff}
.p-modal-ic h2{font-size:1.3rem;margin:0 0 12px}

/* Ürün detayı */
.p-d-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px}
.p-d-galeri{min-width:0}
.p-d-buyuk{aspect-ratio:1;background:var(--resim-zemin);border-radius:var(--r-orta);display:flex;align-items:center;justify-content:center;margin-bottom:10px;overflow:hidden}
.p-d-buyuk img{max-width:90%;max-height:90%;object-fit:contain;mix-blend-mode:multiply}
.p-d-kucukler{display:flex;gap:8px;flex-wrap:wrap}
.p-d-kucukler img{width:60px;height:60px;object-fit:contain;background:var(--resim-zemin);border:2px solid transparent;border-radius:10px;cursor:pointer;padding:4px;transition:border-color .12s}
.p-d-kucukler img:hover{border-color:var(--cizgi-koyu)}
.p-d-kucukler img.secili{border-color:var(--turuncu)}
.p-d-bilgi{min-width:0}
.p-d-bilgi h2{margin-top:4px;font-size:1.35rem}
.p-d-kod{display:block;color:var(--gri);font-size:12px;margin:2px 0 0}
.p-d-fiyat{font-variation-settings:"wdth" 110;font-weight:900;font-size:26px;color:var(--lacivert);margin:8px 0 4px}
.p-d-fiyat small{font-variation-settings:"wdth" 100;font-weight:500;font-size:12px;color:var(--gri)}
.p-marka-serit{display:inline-block;background:var(--lacivert);color:#FFD9A0;font-size:11px;font-weight:800;letter-spacing:.05em;padding:5px 12px;border-radius:99px;margin:6px 0 4px}
.p-d-ozellik{margin:12px 0 0;padding-left:0;list-style:none}
.p-d-ozellik li{position:relative;padding-left:18px;margin-bottom:6px;font-size:14px;line-height:1.45;color:var(--murekkep)}
.p-d-ozellik li::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--turuncu)}
.p-d-renkalan{margin-top:14px}
.p-d-renkalan .p-yan-etiket{margin:0 0 6px;padding:0}
.p-d-renkler{display:flex;gap:6px;flex-wrap:wrap}
.p-d-renk{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--cizgi);border-radius:99px;min-height:34px;padding:0 12px 0 8px;font-size:12.5px;font-weight:600;color:var(--murekkep);background:#fff;transition:border-color .12s,background .12s,color .12s}
.p-d-renk:hover{border-color:var(--lacivert)}
.p-d-renk.secili{border-color:var(--turuncu);background:var(--turuncu-acik);color:var(--turuncu-koyu)}
.p-d-not{background:var(--zemin);border-radius:12px;padding:11px 14px;font-size:12.5px;color:var(--gri);margin-top:14px;line-height:1.55}
.p-d-not b{color:var(--lacivert)}
.p-d-pazar{margin-top:10px;font-size:12.5px;color:var(--gri)}
.p-d-pazar a{color:var(--lacivert);font-weight:700}
.p-d-pazar a:hover{color:var(--turuncu-koyu)}
.p-d-aciklama{border-top:1px solid var(--cizgi);margin-top:22px;padding-top:16px}
.p-d-aciklama h3{font-size:1rem;margin:0 0 8px}
.p-d-aciklama p{font-size:14px;line-height:1.65;margin:0 0 10px;color:var(--murekkep)}
@media (min-width:900px){
  .p-modal-urun .p-d-ozellik{columns:2;column-gap:26px}
  .p-modal-urun .p-d-ozellik li{break-inside:avoid}
}

/* Sepet */
.p-sepet-satir{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.p-sepet-satir img{width:56px;height:56px;object-fit:contain;background:var(--resim-zemin);border-radius:10px;padding:4px;mix-blend-mode:multiply}
.p-sepet-ad{flex:1;font-weight:600;font-size:13.5px;line-height:1.3;min-width:0}
.p-sepet-renk{display:flex;align-items:center;gap:5px;color:var(--gri);font-size:12px;font-weight:500;margin-top:2px}
.p-sepet-birim{display:block;color:var(--gri);font-weight:500;font-size:12px;margin-top:2px}
.p-sepet-birim b{color:var(--lacivert)}
.p-sil{color:var(--kirmizi);font-size:12.5px;font-weight:600;padding:4px}
.p-sil:hover{text-decoration:underline}
.p-sepet-alt{display:flex;gap:12px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
.p-birincil{min-height:46px;background:var(--turuncu);color:#fff;font-weight:800;font-size:14.5px;padding:0 24px;border-radius:14px;box-shadow:0 6px 18px rgba(255,90,31,.25);transition:background .15s}
.p-birincil:hover{background:var(--turuncu-koyu)}
.p-birincil:disabled{background:var(--cizgi);color:var(--gri);cursor:not-allowed;box-shadow:none}
.p-ikincil{min-height:46px;border:2px solid var(--lacivert);background:var(--kart);color:var(--lacivert);font-weight:700;font-size:14px;padding:0 20px;border-radius:14px;transition:background .15s,color .15s}
.p-ikincil:hover{background:var(--lacivert);color:#fff}
.p-ozet{margin-top:14px;border-top:2px solid var(--cizgi);padding-top:12px}
.p-ozet-satir{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;color:var(--murekkep)}
.p-ozet-toplam{font-size:17px;border-top:1px solid var(--cizgi);margin-top:6px;padding-top:9px}
.p-ozet-toplam b{color:var(--lacivert);font-variation-settings:"wdth" 108}
.p-ozet-ipucu{background:var(--turuncu-acik);color:var(--turuncu-koyu);font-size:12.5px;font-weight:600;border-radius:10px;padding:8px 12px;margin:6px 0}
.p-ozet-uyari{background:#FBEAE8;color:var(--kirmizi);font-size:12.5px;font-weight:600;border-radius:10px;padding:9px 12px;margin-top:8px}
.p-kargo-bar{height:6px;background:var(--cizgi);border-radius:99px;margin:8px 0 4px;overflow:hidden}
.p-kargo-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--turuncu),#FFB25E);border-radius:99px;transition:width .4s ease}

/* Sipariş formu */
.p-form-not{color:var(--gri);font-size:13.5px;margin-top:-4px}
#teklifForm label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:13px;color:var(--lacivert);margin-bottom:11px;flex:1}
#teklifForm input:not([type=checkbox]):not([type=radio]),#teklifForm textarea{min-height:42px;padding:9px 12px;border:1.5px solid var(--cizgi);border-radius:10px;font-weight:400;background:#fff;color:var(--murekkep)}
#teklifForm input:focus,#teklifForm textarea:focus{outline:none;border-color:var(--lacivert)}
.p-satir{display:flex;gap:12px;flex-wrap:wrap}
.p-onay{flex-direction:row !important;align-items:flex-start;gap:9px !important;font-weight:500 !important;color:var(--murekkep) !important;font-size:12.5px !important}
.p-onay input{margin-top:2px;accent-color:var(--turuncu);width:17px;height:17px}
.p-onay a{color:var(--turuncu-koyu);font-weight:700}
.p-odeme-yontem{border:1.5px solid var(--cizgi);border-radius:12px;padding:10px 14px 12px;margin:12px 0 4px}
.p-odeme-yontem legend{font-weight:800;font-size:12.5px;color:var(--lacivert);padding:0 6px}
.p-odeme-yontem .p-onay{margin:6px 0}
.p-havale-bilgi{background:var(--zemin);border:1.5px dashed var(--cizgi-koyu);border-radius:10px;padding:10px 14px;margin:8px 0 2px;font-size:13px;line-height:1.7}
.p-havale-bilgi small{color:var(--gri);font-size:11.5px}
.p-hata{background:#FBEAE8;color:var(--kirmizi);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}
.p-ok{text-align:center;padding:16px 0 4px}
.p-ok-ikon{width:64px;height:64px;border-radius:50%;background:var(--yesil);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.p-ok h3{margin:0 0 8px;font-size:1.2rem}
.p-ok p{color:var(--gri);max-width:46ch;margin:0 auto 16px;line-height:1.6}

/* ---------- Statik tanıtım (SEO) bölümü ---------- */
.p-seo{background:var(--kart);border-top:1px solid var(--cizgi)}
.p-seo-ic{max-width:900px;margin:0 auto;padding:32px clamp(16px,3vw,32px) 36px}
.p-seo h2{font-size:1.25rem;margin:0 0 12px}
.p-seo p{color:var(--gri);font-size:14.5px;line-height:1.65;margin:0 0 12px;max-width:75ch}
.p-seo b{color:var(--lacivert);font-weight:700}

/* ---------- Mobil filtre çekmecesi ---------- */
.p-yan-bas{display:none}
.p-filtre-ac{display:none;align-items:center;gap:6px;border:1.5px solid var(--lacivert);background:var(--kart);color:var(--lacivert);font-size:13px;font-weight:700;min-height:40px;padding:0 14px;border-radius:10px}
.p-filtre-uygula{display:none;width:100%;margin-top:4px}
@media (max-width:900px){
  .p-yerlesim{grid-template-columns:minmax(0,1fr);padding-top:12px}
  .p-icerik{min-width:0}
  .p-yan{display:none;position:static}
  .filtre-acik .p-yan{display:flex;position:fixed;inset:0;z-index:130;max-height:none;background:var(--zemin);overflow-y:auto;padding:14px 14px calc(20px + env(safe-area-inset-bottom));order:0}
  .filtre-acik{overflow:hidden}
  .p-yan-bas{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:17px;color:var(--lacivert);padding-bottom:4px}
  .p-yan-bas .p-kapat{position:static}
  .p-filtre-ac{display:inline-flex}
  .p-filtre-uygula{display:block}
}

/* ---------- Mobil: 2 sütunlu kompakt ızgara ---------- */
@media (max-width:640px){
  .p-yerlesim{padding-top:10px;gap:14px;padding-bottom:60px}
  .p-kirinti{font-size:11.5px;margin-bottom:2px}
  .p-kirinti ol{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .p-kirinti ol::-webkit-scrollbar{display:none}
  .p-icerik-bas{flex-direction:column;align-items:stretch;gap:9px;margin-bottom:10px}
  .p-icerik-bas h1{font-size:1.3rem;line-height:1.2}
  .p-icerik-sag{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:nowrap}
  #pSonuc{font-size:12px;margin-right:auto;white-space:nowrap;flex:none}
  .p-filtre-ac{flex:none}
  #pSirala{flex:1 1 0;width:0}
  #pSirala{flex:1;min-width:0;font-size:12.5px}
  .p-piller{gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .p-piller::-webkit-scrollbar{display:none}
  .p-pil{flex:none;font-size:12px;padding:0 13px}
  .p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .p-kart-ic{padding:10px 10px 12px;gap:6px}
  .p-kart h3{font-size:12.8px}
  .p-kat-etiket{font-size:10px}
  .p-fiyat{font-size:15px}
  .p-d-fiyat{font-size:22px}
  .p-rozet,.p-rozet-taki{font-size:10px;padding:3px 7px;top:7px}
  .p-rozet{right:7px}.p-rozet-taki{left:7px}
  .p-adet{display:none}                       /* adet sepette ayarlanır */
  .p-sepet-satir .p-adet{display:inline-flex}  /* sepette artır/azalt mobilde de görünür */
  .p-sepet-satir{flex-wrap:wrap;row-gap:8px}
  .p-sepet-satir > .p-sepet-git{flex:none}
  .p-sepet-ad{flex:1 1 calc(100% - 70px)}
  .p-sepet-satir .p-adet{margin-left:68px}
  .p-sepet-satir .p-sil{margin-left:auto}
  .p-renk-sec{min-height:36px;font-size:12px}
  .p-renk-sec:has(option:only-child){display:none}
  .p-ekle{width:100%;font-size:13px;white-space:nowrap}
  .p-modal{padding:0;align-items:flex-end}
  .p-modal-ic{padding:22px 16px 26px;border-radius:22px 22px 0 0;max-height:92vh}
  .p-d-ust{grid-template-columns:1fr;gap:16px}
  body.sepet-dolu .p-yerlesim{padding-bottom:92px}
}

/* ---------- Alt sabit sepet çubuğu (mobil, sepette ürün varken) ---------- */
.p-alt-sepet{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;gap:12px;
             padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--lacivert);color:#fff;box-shadow:0 -6px 24px rgba(10,18,32,.25)}
.p-alt-sepet-bilgi{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.p-alt-sepet-adet{font-size:11.5px;color:#B7C2D6}
.p-alt-sepet-tutar{font-variation-settings:"wdth" 108;font-weight:800;font-size:17px}
.p-alt-sepet-btn{margin-left:auto;flex-shrink:0;background:var(--turuncu);color:#fff;font-weight:800;font-size:14px;padding:0 20px;border-radius:12px;min-height:44px}
.p-alt-sepet-btn:active{transform:scale(.97)}
@media (max-width:640px){ body.sepet-dolu .p-alt-sepet{display:flex} }

/* ---------- Marka listesi, fiyat aralığı, etkin filtre çipleri ---------- */
.p-fiyat-aralik{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.p-fiyat-aralik input{width:100%;min-height:40px;padding:0 11px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;font-size:13.5px;color:var(--murekkep)}
.p-fiyat-aralik input:focus{outline:none;border-color:var(--lacivert)}
.p-aktif{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.p-aktif[hidden]{display:none}
.p-aktif button{display:inline-flex;align-items:center;gap:6px;background:var(--turuncu-acik);color:var(--turuncu-koyu);border:1.5px solid #FFC9B0;font-weight:700;font-size:12.5px;min-height:34px;padding:0 12px;border-radius:99px;transition:background .12s}
.p-aktif button:hover{background:#FFE1D2}
.p-aktif button .ik{width:1em;height:1em}
.p-aktif .p-aktif-temizle{background:transparent;border-color:var(--cizgi);color:var(--gri)}

/* Sepet ve sipariş düğmeleri pencerenin altına yapışır: liste uzasa da "Siparişi tamamla" hep görünür */
.p-yapisik{position:sticky;bottom:-26px;margin:0 -28px -26px;padding:14px 28px 22px;background:#fff;border-top:1px solid var(--cizgi);z-index:2}
.p-sepet-alt.p-yapisik{margin-top:14px}
#gonderBtn{width:100%}
@media (max-width:640px){
  .p-yapisik{bottom:-26px;margin:0 -16px -26px;padding:12px 16px calc(14px + env(safe-area-inset-bottom))}
  .p-sepet-alt{flex-wrap:nowrap}
  .p-sepet-alt .p-ikincil{padding:0 14px;font-size:13px}
  .p-sepet-alt .p-birincil{flex:1;padding:0 14px}
}

/* ============================================================
   KİŞİSELLEŞTİRME TASARIMCISI (ürün detayı)
   ============================================================ */
.tz-sahne-kap{position:relative}
.tz-sahne{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}
.tz-katman{position:absolute;cursor:grab;will-change:transform}
.tz-katman.tutuluyor{cursor:grabbing}
.tz-katman{display:block;touch-action:none}
.tz-logo{max-width:none}
.p-tasarla{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:44px;padding:0 16px;border:2px solid var(--lacivert);border-radius:12px;background:#fff;color:var(--lacivert);font-weight:800;font-size:14px;transition:background .15s,color .15s}
.p-tasarla:hover{background:var(--lacivert);color:#fff}
.p-tasarla-not{font-size:12.5px;color:var(--gri);margin:6px 0 0;line-height:1.45}
/* tasarımcı penceresi: solda sahne, sağda kontroller, altta adet+fiyat+sepet */
.p-modal-tasarim .p-modal-ic{max-width:980px;padding:22px 24px 0}
.tz-govde{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.tz-sol{position:sticky;top:0}
.tz-sol .p-d-buyuk{margin-bottom:6px}
.tz-ipucu{font-size:12px;color:var(--gri);margin:0;text-align:center}
.tz-sag{padding-bottom:8px}
.tz-alt{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tz-fiyat{display:flex;flex-direction:column;min-width:0;flex:1}
.tz-fiyat span{font-size:12.5px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tz-fiyat b{font-variation-settings:"wdth" 108;font-weight:900;font-size:22px;color:var(--lacivert);line-height:1.1}
.tz-fiyat small{font-size:11.5px;color:var(--gri)}
.tz-adet{display:flex !important}
.tz-alt .p-birincil{min-width:170px}
.p-sepet-duzenle{color:var(--lacivert);font-weight:700;font-size:12px;text-decoration:underline;padding:0}
.p-sepet-satir-tasarim img{cursor:pointer}
.tz-panel{margin-top:14px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r-orta);padding:14px}
.tz-bas{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.tz-bas b{font-size:15px;color:var(--lacivert)}
.tz-bas span{font-size:12.5px;color:var(--gri);line-height:1.45}
.tz-yuzey{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:var(--lacivert);margin-bottom:12px;padding:10px 12px;background:#fff;border:1px solid var(--cizgi);border-radius:12px}
.tz-yuzey-uc{display:flex;align-items:center;gap:8px}
.tz-yuzey-uc small{font-size:11.5px;color:var(--gri);font-weight:600}
.tz-yuzey input[type=range]{flex:1;accent-color:var(--turuncu);min-height:28px}
.tz-yuzey em{font-style:normal;font-size:11.5px;color:var(--gri);font-weight:500;line-height:1.4}
.tz-alan{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:var(--lacivert);position:relative}
.tz-alan input{min-height:42px;padding:0 12px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;font-size:15px;font-weight:600}
.tz-alan input:focus{outline:none;border-color:var(--lacivert)}
.tz-sayac{position:absolute;right:0;top:0;font-weight:600;color:var(--gri-acik);font-size:11.5px}
.tz-satir{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;align-items:end}
.tz-satir label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--gri)}
.tz-satir input[type=range]{width:100%;accent-color:var(--turuncu);min-height:28px}
.tz-font select{min-height:38px;padding:0 10px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;font-size:13px;font-weight:600}
.tz-renkler{display:flex;gap:6px;flex-wrap:wrap;align-self:end;padding-bottom:4px}
.tz-renk{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--cizgi-koyu);cursor:pointer;transition:transform .12s}
.tz-renk:hover{transform:scale(1.1)}
.tz-renk.secili{box-shadow:0 0 0 2.5px var(--turuncu)}
.tz-yukle{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:12px;border:1.5px dashed var(--cizgi-koyu);border-radius:12px;background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:var(--lacivert)}
.tz-yukle small{font-weight:500;color:var(--gri);font-size:11.5px}
.tz-yukle input{margin-top:6px;font-size:12.5px;font-weight:500}
.tz-sil{align-self:end;min-height:36px;padding:0 12px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;color:var(--kirmizi);font-size:12.5px;font-weight:700}
.tz-sil:hover{border-color:var(--kirmizi)}
#tzLogoAyar{grid-template-columns:1fr 1fr auto}
.tz-uclu{grid-template-columns:1fr 1fr 1fr}
.tz-eylem{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.tz-eylem .p-birincil{flex:1;min-width:200px}
.tz-not{font-size:11.5px;color:var(--gri);line-height:1.5;margin:10px 0 0}
.p-sepet-satir-tasarim img{width:72px;height:72px;padding:0;background:#fff;border:1px solid var(--cizgi);mix-blend-mode:normal}
.p-sepet-tasarim{color:var(--turuncu-koyu);font-weight:600;display:block;white-space:normal;line-height:1.35}
@media (max-width:860px){
  .tz-govde{grid-template-columns:1fr;gap:12px}
  .tz-sol{position:sticky;top:-22px;z-index:2;background:#fff;padding-top:4px;margin:0 -4px}
  .tz-sol .p-d-buyuk{aspect-ratio:auto;height:min(46vw,300px)}
  .tz-sol .p-d-buyuk img#tzResim{max-height:92%}
  .tz-ipucu{display:none}
  .tz-alt{gap:8px}
  .tz-fiyat b{font-size:18px}
  .tz-alt .p-birincil{flex:1;min-width:140px;padding:0 12px}
  .tz-adet input{width:34px}
}
@media (max-width:640px){
  .p-modal-tasarim .p-modal-ic{padding:18px 14px 0}
  .tz-satir{grid-template-columns:1fr 1fr}
  #tzLogoAyar{grid-template-columns:1fr 1fr}
  #tzLogoAyar .tz-sil{grid-column:1/-1;align-self:stretch}
}

/* Kişiselleştirilebilir rozeti: kart görselinin alt köşesinde (görsel kare = kart genişliği) */
.p-rozet-kisisel{display:inline-flex;align-items:center;gap:5px;position:absolute;left:10px;bottom:10px;z-index:2;background:var(--turuncu);color:#fff;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:99px;pointer-events:none}
.p-rozet-kisisel .ik{width:1em;height:1em}
@media (max-width:640px){.p-rozet-kisisel{font-size:9.5px;padding:3px 7px;left:7px;bottom:7px}}
.p-sepet-baski{display:block;color:var(--gri);font-weight:500;font-size:11.5px;margin-top:2px;white-space:normal}
.tz-not b{color:var(--turuncu-koyu)}

/* Baskı yöntemi kutusu (tasarımcı) */
.tz-yontem{position:sticky;top:0;z-index:4;margin:0 0 10px;padding:12px 14px;box-shadow:0 6px 14px -8px rgba(0,0,0,.25);border:1px solid var(--cizgi,#e6e2da);border-radius:12px;background:#faf8f3;font-size:13px;line-height:1.45}
.tz-yontem p{margin:6px 0}
.tz-yontem .tz-bedel{font-size:14px;color:var(--mur,#0e0e12)}
.tz-yontem-sec{display:flex;gap:8px;margin-bottom:6px}
.tz-yontem-btn{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid #cfc9bf;background:#fff;cursor:pointer}
.tz-yontem-btn.secili{background:var(--mur,#0e0e12);color:#fff;border-color:var(--mur,#0e0e12)}
.p-sepet-baski b{color:var(--turuncu,#ff6a2b)}

.tz-yontem-lazer{background:#eef1f5;border-color:#c9d0da}
.tz-yontem-lazer p:first-of-type b:first-child{color:#0e0e12}

/* Stok bilgisi ve stok uyarısı (v28) */
.p-stok{display:inline-block;font-size:.78rem;font-weight:600;color:var(--gri-acik,#6B7382);margin:2px 0 6px}
.p-stok-az{color:var(--turuncu-koyu,#C93D0C)}
.p-stok-yok{color:#B42318}
.p-kart .p-stok{margin:0 0 4px}
.p-renk-stok{font-size:.7rem;opacity:.7;margin-left:2px}
.p-sepet-stok{display:block;font-size:.72rem;color:var(--gri-acik,#6B7382)}
.p-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:min(92vw,520px);background:#1B2130;color:#fff;padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999}
.p-toast.acik{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){.p-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* v30: sepet cayma notu */
.p-sepet-not{font-size:12.5px;color:var(--gri);background:var(--zemin);border-radius:10px;padding:9px 12px;margin:10px 0 0;line-height:1.5}

/* v31: sözleşme önizleme */
.p-baglanti{display:block;margin-top:4px;color:var(--turuncu-koyu);font-weight:700;text-decoration:underline;text-underline-offset:3px;font-size:12.5px;text-align:left;padding:0}
#pSozlesme{z-index:130}
.p-sozlesme-ic{max-width:820px}
.p-sozlesme-metin{font-size:13px;line-height:1.6;color:var(--murekkep)}
.p-sozlesme-metin h3{font-size:15px;margin:14px 0 6px}
.p-sozlesme-metin table{font-size:12.5px}

/* v32: teslim süresi, min adet, vitrin rozeti */
.p-teslim{font-size:12.5px;color:var(--gri);margin:6px 0 0;line-height:1.5}
.p-min-adet{color:var(--turuncu-koyu);font-weight:600}
.p-rozet-vitrin{position:absolute;top:8px;right:8px;z-index:2;font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:99px;background:var(--lacivert);color:#fff}
.p-rozet-kampanya{background:var(--turuncu)}
.p-rozet-cok-satan{background:#1B6B3A}

/* v35: sayfa içi grup/kategori sekmeleri (üst şerit artık site geneli mega menü) */
.p-alt-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding-bottom:2px}
.p-alt-nav::-webkit-scrollbar{display:none}
.p-alt-nav:empty{display:none}
.p-alt-nav .p-nav-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;font-weight:600;font-size:13px;color:var(--murekkep);background:var(--kart);border:1px solid var(--cizgi);white-space:nowrap;font-family:inherit;cursor:pointer}
.p-alt-nav .p-nav-btn:hover{border-color:var(--turuncu);color:var(--turuncu-koyu)}
.p-alt-nav .p-nav-btn.aktif{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.p-alt-nav .ayrac{width:1px;height:18px;background:var(--cizgi-koyu);margin:0 6px;flex:none}
html.modal-acik,html.modal-acik body{overflow:hidden!important;overscroll-behavior:none}

/* v36: sipariş formu mobilde kompakt — kısa alanlarda etiket ve kutu yan yana */
@media (max-width:640px){
  #teklifForm .p-satir{flex-direction:column;gap:0}
  #teklifForm .p-satir label{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;font-size:13px}
  #teklifForm .p-satir label input{min-height:40px;width:100%}
  #teklifForm > label{margin-bottom:9px}
  #pForm .p-form-not{font-size:13px}
}

/* v37: sepet satırında ürüne git bağlantısı */
.p-sepet-git{color:inherit;display:inline-block}
.p-sepet-git:hover{color:var(--turuncu-koyu);text-decoration:underline}
a.p-sepet-git img{display:block}

/* v38: UX denetimi — onay kutuları/radyolar sıkışmasın, dokunma alanları ≥ 40px, küçük yazılar ≥ 11.5px */
.p-onay input[type=checkbox],.p-onay input[type=radio]{flex:none;width:20px;height:20px;min-width:20px;margin-top:1px}
.p-onay{align-items:flex-start;line-height:1.45}
.p-onay .p-baglanti{display:inline-block;padding:6px 0;min-height:32px}
.p-kat-etiket{font-size:11.5px}
.p-sepet-satir .p-sil{min-height:40px;padding:0 10px}
.p-sepet-satir .p-adet button{min-width:36px;min-height:36px}

/* v39: ürün detayı tam ekran sayfa gibi (katalog ürün sayfasıyla aynı deneyim), üst çubukta geri oku, adet seçimi mobilde görünür */
#pDetay.p-modal{padding:0;align-items:stretch;justify-content:stretch;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
#pDetay .p-modal-ic{max-width:none;width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none;padding:0 16px 40px}
#pDetayIc{max-width:1200px;margin:0 auto}
#pDetay .p-kapat{display:none}
.p-d-ustbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;height:56px;margin:0 -16px 12px;padding:0 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi);font-weight:700;font-size:15px;color:var(--lacivert)}
.p-d-geri{width:44px;height:44px;border-radius:12px;background:var(--lacivert);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;flex:none}
.p-d-geri svg{width:24px;height:24px}
.p-d-geri:hover{background:var(--turuncu)}
#pDetay .p-adet{display:inline-flex}
@media (max-width:640px){
  #pDetay .p-modal-ic{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  #pDetay .p-ekle-satir{max-width:none!important}
  #pDetay .p-adet button{min-width:40px;min-height:42px}
}