/* Pide Deryası — sepet */
:root{ --pd-yesil:#0f5132; --pd-kirmizi:#e63946; }

/* kart içindeki Sepete Ekle düğmesi */
.pd-ekle{
    display:inline-flex; align-items:center; justify-content:center; gap:5px;
    width:100%; margin-top:8px; padding:9px 10px;
    background:var(--pd-yesil); color:#fff !important; border:0; border-radius:10px;
    font-size:13px; font-weight:700; line-height:1.1; cursor:pointer;
    text-decoration:none; transition:background .15s, transform .12s;
    min-height:40px;
}
.pd-ekle:hover{ background:#0b3d26; }
.pd-ekle:active{ transform:scale(.97); }
.pd-ekle.pd-eklendi{ background:#13794a; }
.pd-ekle i{ font-size:13px; }
.box-price + .pd-ekle{ margin-top:6px; }

/* yüzen sepet düğmesi */
.pd-sepet-fab{
    display:flex; align-items:center; gap:7px;
    padding:11px 16px; border-radius:30px;
    background:var(--pd-yesil); color:#fff !important; text-decoration:none;
    font-weight:700; font-size:14px; box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.pd-sepet-fab .pd-sepet-rozet{
    display:none; align-items:center; justify-content:center;
    min-width:21px; height:21px; padding:0 5px;
    background:var(--pd-kirmizi); color:#fff; border-radius:11px;
    font-size:12px; font-weight:800;
}
/* alt menüdeki sepet sayacı */
.menubar-footer .pd-sepet-rozet{
    display:none; position:absolute; top:2px; right:50%; margin-right:-20px;
    align-items:center; justify-content:center;
    min-width:17px; height:17px; padding:0 4px;
    background:var(--pd-kirmizi); color:#fff; border-radius:9px;
    font-size:10px; font-weight:800; line-height:1;
}
.menubar-footer .inner li{ position:relative; }

/* sepet sayfası */
.pd-sepet-sayfa{ padding-bottom:140px; }
.pd-satir{
    display:flex; gap:12px; align-items:center;
    background:#fff; border:1px solid #ececec; border-radius:14px;
    padding:10px; margin-bottom:10px;
}
.pd-satir img{ width:76px; height:57px; object-fit:cover; border-radius:10px; flex:0 0 auto; background:#f6f6f6; }
.pd-satir .pd-bilgi{ flex:1 1 auto; min-width:0; }
.pd-satir .pd-ad{ font-size:14px; font-weight:700; line-height:1.25; margin:0 0 3px; }
.pd-satir .pd-birim{ font-size:12px; color:#777; }
.pd-satir .pd-tutar{ font-size:14px; font-weight:800; color:var(--pd-yesil); margin-top:3px; }
.pd-adet{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.pd-adet button{
    width:30px; height:30px; border-radius:50%; border:1px solid #ddd;
    background:#fff; font-size:16px; line-height:1; font-weight:700; cursor:pointer; color:#333;
}
.pd-adet button:active{ background:#f0f0f0; }
.pd-adet .pd-sayi{ min-width:20px; text-align:center; font-weight:800; font-size:14px; }
.pd-sil{ background:none; border:0; color:#c0392b; font-size:12px; cursor:pointer; padding:4px 0 0; text-decoration:underline; }

.pd-ozet{
    background:#fff; border:1px solid #ececec; border-radius:14px;
    padding:14px; margin:14px 0;
    display:flex; justify-content:space-between; align-items:center;
}
.pd-ozet .pd-etiket{ font-size:14px; color:#555; font-weight:600; }
.pd-ozet .pd-toplam{ font-size:20px; font-weight:800; color:var(--pd-yesil); }

.pd-bos{ text-align:center; padding:48px 16px; color:#888; }
.pd-bos i{ font-size:46px; color:#ddd; display:block; margin-bottom:14px; }
.pd-bos a{
    display:inline-block; margin-top:16px; padding:11px 22px;
    background:var(--pd-yesil); color:#fff !important; border-radius:10px;
    text-decoration:none; font-weight:700;
}

/* form */
.pd-form{ background:#fff; border:1px solid #ececec; border-radius:14px; padding:14px; }
.pd-form h3{ font-size:16px; font-weight:800; margin:0 0 12px; }
.pd-alan{ margin-bottom:12px; }
.pd-alan label{ display:block; font-size:13px; font-weight:700; margin-bottom:5px; color:#333; }
.pd-alan label .pd-zorunlu{ color:var(--pd-kirmizi); }
.pd-alan label .pd-ops{ color:#999; font-weight:600; font-size:12px; }
.pd-alan input, .pd-alan textarea{
    width:100%; padding:11px 12px; border:1px solid #dcdcdc; border-radius:10px;
    font-size:15px; font-family:inherit; background:#fff; color:#222;
}
.pd-alan textarea{ min-height:84px; resize:vertical; }
.pd-alan input:focus, .pd-alan textarea:focus{ outline:none; border-color:var(--pd-yesil); }
.pd-alan.pd-hata input, .pd-alan.pd-hata textarea{ border-color:var(--pd-kirmizi); background:#fff6f6; }
.pd-alan .pd-uyari{ display:none; color:var(--pd-kirmizi); font-size:12px; margin-top:4px; font-weight:600; }
.pd-alan.pd-hata .pd-uyari{ display:block; }

.pd-odeme{ display:flex; gap:10px; }
.pd-odeme label{
    flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    padding:13px 8px; border:1.5px solid #dcdcdc; border-radius:12px;
    cursor:pointer; font-weight:700; font-size:14px; background:#fff; margin:0;
}
.pd-odeme input{ display:none; }
.pd-odeme label.pd-secili{ border-color:var(--pd-yesil); background:#f2f9f5; color:var(--pd-yesil); }
.pd-odeme i{ font-size:16px; }

.pd-gonder{
    position:fixed; left:0; right:0; bottom:60px; z-index:1035;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:#fff; border-top:1px solid #ececec;
}
.pd-gonder button{
    width:100%; padding:14px; border:0; border-radius:12px;
    background:#25D366; color:#fff; font-size:16px; font-weight:800; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:9px;
}
.pd-gonder button:active{ background:#1da851; }
.pd-gonder button:disabled{ background:#bbb; cursor:not-allowed; }
.pd-gonder .pd-not{ text-align:center; font-size:11px; color:#888; margin-top:6px; }

/* bildirim */
.pd-bildirim{
    position:fixed; left:50%; bottom:150px; transform:translate(-50%,14px);
    background:rgba(15,81,50,.96); color:#fff; padding:11px 18px; border-radius:24px;
    font-size:13px; font-weight:700; z-index:1200; opacity:0; pointer-events:none;
    transition:opacity .2s, transform .2s; max-width:88vw; text-align:center;
}
.pd-bildirim.acik{ opacity:1; transform:translate(-50%,0); }

@media (max-width:360px){
    .pd-satir img{ width:62px; height:47px; }
    .pd-ekle{ font-size:12px; padding:8px; }
    .pd-sepet-fab{ padding:10px 13px; font-size:13px; }
}

/* sepet sayfasinda yuzen dugmeler gonder cubugunu kapatmasin */
body.pd-sepet-acik .order-button,
body.pd-sepet-acik .pd-sepet-fab{ display:none !important; }

/* telefon ipucu + onay kutusu */
.pd-alan .pd-ipucu{ display:block; font-size:11.5px; color:#777; margin-top:4px; }
.pd-onay{ display:flex; gap:9px; align-items:flex-start; margin:2px 0 12px;
    padding:11px; border:1px solid #e4e4e4; border-radius:10px; background:#fafafa;
    font-size:12.5px; line-height:1.45; color:#444; cursor:pointer; }
.pd-onay input{ width:18px; height:18px; margin:1px 0 0; flex:0 0 auto; accent-color:#0f5132; }
.pd-onay b{ color:#0f5132; }
.pd-onay.pd-hata{ border-color:#e63946; background:#fff6f6; }


/* Sepetim düğmesi — iki satır (alt satır: WhatsApp Sipariş) */
.pd-sepet-fab{ align-items:center; padding:9px 15px; }
.pd-sepet-fab > i{ font-size:17px; }
.pd-fab-yazi{ display:flex; flex-direction:column; line-height:1.15; text-align:left; }
.pd-fab-yazi b{ font-size:14px; font-weight:800; }
.pd-fab-yazi small{ font-size:10.5px; font-weight:700; opacity:.9; letter-spacing:.2px;
    display:flex; align-items:center; gap:4px; margin-top:1px; }
.pd-fab-yazi small i{ font-size:11px; }
@media (max-width:360px){
    .pd-sepet-fab{ padding:8px 12px; }
    .pd-fab-yazi b{ font-size:13px; }
    .pd-fab-yazi small{ font-size:9.5px; }
}

/* Yüzen düğmeler tek dikey kolonda — boyları ne olursa olsun çakışmaz */
.pd-fab-grup{
    position:fixed; right:15px; z-index:10000;
    bottom:calc(70px + env(safe-area-inset-bottom));
    display:flex; flex-direction:column; align-items:flex-end; gap:9px;
    pointer-events:none;
}
.pd-fab-grup > *{ pointer-events:auto; }
.pd-fab-grup .pd-sepet-fab,
.pd-fab-grup .order-button{
    position:static !important; bottom:auto !important; right:auto !important;
    left:auto !important; top:auto !important; margin:0 !important;
}
.pd-fab-grup .order-button{ animation:none !important; }
body.pd-sepet-acik .pd-fab-grup{ display:none !important; }

/* ---- sepet indirim özeti ---- */
.pd-ozet-kutu{
    background:#fff; border:1px solid #ececec; border-radius:14px;
    padding:14px 16px; margin:14px 0;
}
.pd-ozet-satir{ display:flex; justify-content:space-between; align-items:center; padding:5px 0; }
.pd-ozet-satir .pd-etiket{ font-size:14px; color:#555; font-weight:600; }
.pd-ara{ font-size:15px; font-weight:700; color:#444; }
.pd-indirim-satir .pd-etiket{ color:#1a8f4c; font-weight:800; }
.pd-ind-tutar{ font-size:15px; font-weight:800; color:#1a8f4c; }
.pd-ozet-son{ border-top:1px dashed #ddd; margin-top:6px; padding-top:10px; }
.pd-ozet-son .pd-etiket{ font-size:15px; font-weight:800; color:#222; }
.pd-ozet-son .pd-toplam{ font-size:21px; font-weight:800; color:#0f5132; }
.pd-tesvik{
    margin-top:10px; padding:9px 11px; border-radius:9px;
    background:#fff6e5; border:1px solid #f1d79a; color:#7a5600;
    font-size:12.5px; line-height:1.45; text-align:center;
}
.pd-tesvik b{ color:#0f5132; }

/* ---- indirim şeridi (kademeler) ---- */
.pd-ind-serit{
    display:flex; align-items:flex-start; gap:10px;
    background:linear-gradient(135deg,#fff6e0 0%,#ffeec7 100%);
    border:1px solid #f0d38f; border-radius:12px;
    padding:10px 12px; margin:0 0 14px;
}
.pd-ind-ikon{
    flex:0 0 auto; width:32px; height:32px; border-radius:50%;
    background:#c9a227; color:#fff; display:flex; align-items:center; justify-content:center;
    font-size:14px;
}
.pd-ind-liste{
    display:flex; gap:7px; flex-wrap:wrap;
}
.pd-ind-liste::-webkit-scrollbar{ display:none; }
.pd-ind-rozet{
    flex:0 0 auto; background:#fff; border:1px solid #ecd9a6; border-radius:20px;
    padding:6px 12px; font-size:12px; font-weight:600; color:#6b5200; white-space:nowrap;
}
.pd-ind-rozet b{ color:#5a4400; font-weight:800; }
.pd-ind-rozet b.yuzde{ color:#0f5132; }
@media (max-width:360px){
    .pd-ind-serit{ padding:8px 10px; gap:8px; }
    .pd-ind-ikon{ width:28px; height:28px; font-size:12px; }
    .pd-ind-rozet{ font-size:11px; padding:5px 10px; }
}

/* ---- bildirim: sağ üst ---- */
.pd-bildirim{
    position:fixed;
    top:calc(78px + env(safe-area-inset-top)); right:14px;
    left:auto; bottom:auto;
    transform:translateY(-14px);
    max-width:min(78vw, 320px); text-align:left;
    box-shadow:0 8px 22px rgba(0,0,0,.28);
}
.pd-bildirim.acik{ transform:translateY(0); }