/* Bio PetActive – yan sepet paneli */
.bpa-sepet .elementor-menu-cart__container{display:none!important}
html.bpa-sp-kilit{overflow:hidden}
.bpa-sp{position:fixed;inset:0;z-index:100000;font-family:'Outfit',system-ui,sans-serif}
.bpa-sp[hidden]{display:none}
.bpa-sp-perde{position:absolute;inset:0;background:rgba(28,23,25,.45);opacity:0;transition:opacity .3s ease}
.bpa-sp-panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(42,11,14,.35);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);outline:0}
.bpa-sp.is-acik .bpa-sp-perde{opacity:1}
.bpa-sp.is-acik .bpa-sp-panel{transform:none}
@media (prefers-reduced-motion:reduce){.bpa-sp-perde,.bpa-sp-panel{transition:none}}
.bpa-sp-govde{display:flex;flex-direction:column;height:100%;min-height:0}
.bpa-sp-panel.is-yukleniyor .bpa-sp-kaydirma{opacity:.55;pointer-events:none;transition:opacity .15s}
.bpa-sp button{font-family:inherit;letter-spacing:normal;text-transform:none}

/* Başlık */
.bpa-sp-ust{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--bpa-cizgi)}
.bpa-sp-ust h2{margin:0 auto 0 0;font:600 21px/1.2 'Outfit',sans-serif;color:var(--bpa-murekkep);letter-spacing:-.2px}
.bpa-sp-ust h2 small{font-size:14px;font-weight:400;color:var(--bpa-gri);margin-left:2px}
.bpa-sp-bosalt{display:inline-flex;align-items:center;gap:6px;padding:6px 8px!important;border:0!important;background:none!important;color:var(--bpa-gri)!important;font-size:13.5px!important;font-weight:400;border-radius:8px;cursor:pointer}
.bpa-sp-bosalt:hover{color:var(--bpa-r)!important}
.bpa-sp-kapat{display:grid;place-items:center;width:38px;height:38px;padding:0!important;border:0!important;border-radius:50%;background:var(--bpa-notr)!important;color:var(--bpa-murekkep)!important;cursor:pointer;transition:background var(--bpa-gecis)}
.bpa-sp-kapat:hover{background:var(--bpa-tul)!important;color:var(--bpa-r)!important}
.bpa-sp :focus-visible{outline:2px solid var(--bpa-r);outline-offset:2px}

.bpa-sp-bildirim{display:flex;align-items:center;gap:10px;padding:12px 22px;background:var(--bpa-tul);color:var(--bpa-murekkep);font-size:14.5px;font-weight:500}
.bpa-sp-bildirim .bpa-ik{color:var(--bpa-r)}
.bpa-sp-bildirim[hidden],.bpa-sp-hata[hidden]{display:none}
.bpa-sp-bildirim:not([hidden]){animation:bpa-sp-in .35s ease}
@keyframes bpa-sp-in{from{opacity:0;transform:translateY(-4px)}}
.bpa-sp-hata{margin:12px 22px 0;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--bpa-r);color:var(--bpa-r2);font-size:13.5px}

/* Kaydırılan alan */
.bpa-sp-kaydirma{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 24px;display:flex;flex-direction:column;gap:18px}
.bpa-sp-kutu{border:1px solid var(--bpa-cizgi);border-radius:16px;padding:16px}

/* Kargo baremi */
.bpa-sp-kargo-m{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;color:var(--bpa-murekkep)}
.bpa-sp-kargo-m .bpa-ik{color:var(--bpa-r)}
.bpa-sp-kargo-m strong{color:var(--bpa-r);font-weight:700}
.bpa-sp-kargo-m strong .woocommerce-Price-amount{color:inherit}
.bpa-sp-bar{height:7px;margin-top:12px;border-radius:99px;background:var(--bpa-notr);overflow:hidden}
.bpa-sp-bar span{display:block;height:100%;border-radius:inherit;background:var(--bpa-r);transition:width .5s ease}
.bpa-sp-kargo--tamam{background:var(--bpa-tul);border-color:var(--bpa-gul)}
.bpa-sp-kargo--tamam .bpa-sp-bar{background:#fff}
.bpa-sp-kargo .bpa-sp-oneri{margin-top:16px}

/* Öneri şeridi */
.bpa-sp-oneri-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.bpa-sp-oneri-bas strong{font-size:15px;font-weight:600;color:var(--bpa-murekkep)}
.bpa-sp-oklar{display:none;gap:6px}
.bpa-sp-oneri.is-tasma .bpa-sp-oklar{display:flex}
.bpa-sp-ok{display:grid;place-items:center;width:30px;height:30px;padding:0!important;border:1px solid var(--bpa-cizgi)!important;border-radius:50%;background:#fff!important;color:var(--bpa-murekkep)!important;cursor:pointer}
.bpa-sp-ok:hover:not(:disabled){border-color:var(--bpa-r)!important;color:var(--bpa-r)!important}
.bpa-sp-ok:disabled{opacity:.35;cursor:default}
.bpa-sp-iz{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px) / 2.4);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -2px;padding:2px}
.bpa-sp-iz::-webkit-scrollbar{display:none}
.bpa-sp-mk{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--bpa-cizgi);border-radius:12px;background:#fff;scroll-snap-align:start;min-width:0}
.bpa-sp-mk-g{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff}
.bpa-sp-mk-g img{width:100%!important;height:100%!important;object-fit:contain;display:block}
.bpa-sp-mk-ad{font-size:13px;line-height:1.35;color:var(--bpa-murekkep)!important;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em * 3)}
.bpa-sp-mk-ad:hover{color:var(--bpa-r)!important}
.bpa-sp-mk-f{display:flex;flex-direction:column;margin-top:auto;line-height:1.2}
.bpa-sp-mk-f del{font-size:11.5px;color:var(--bpa-gri)}
.bpa-sp-mk-f strong{font-size:15px;font-weight:700;color:var(--bpa-murekkep)}
.bpa-sp-mk-b{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 10px!important;border:1.5px solid var(--bpa-r)!important;border-radius:9px!important;background:#fff!important;color:var(--bpa-r)!important;font-size:13.5px!important;font-weight:600!important;text-decoration:none;cursor:pointer;transition:background var(--bpa-gecis),color var(--bpa-gecis)}
.bpa-sp-mk-b:hover{background:var(--bpa-r)!important;color:#fff!important}
.bpa-sp-mk-b.is-yukleniyor{opacity:.6;pointer-events:none}

/* Ürünler */
.bpa-sp-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bpa-sp-oge{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--bpa-cizgi)}
.bpa-sp-oge:first-child{padding-top:0}
.bpa-sp-oge-g{display:block;width:84px;height:84px;border:1px solid var(--bpa-cizgi);border-radius:12px;overflow:hidden;background:#fff}
.bpa-sp-oge-g img{width:100%!important;height:100%!important;object-fit:contain;display:block}
.bpa-sp-oge-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.bpa-sp-oge-ad{font-size:14.5px;font-weight:500;line-height:1.35;color:var(--bpa-murekkep)!important;text-decoration:none}
a.bpa-sp-oge-ad:hover{color:var(--bpa-r)!important}
.bpa-sp-oge-s{font-size:12.5px;color:var(--bpa-gri)}
.bpa-sp-oge-alt{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.bpa-sp-adet{display:inline-flex;align-items:center;height:38px;border:1px solid var(--bpa-cizgi);border-radius:10px;overflow:hidden}
.bpa-sp-adet button,.bpa-sp-sil{display:grid;place-items:center;width:36px;height:100%;padding:0!important;border:0!important;background:none!important;color:var(--bpa-murekkep)!important;cursor:pointer;border-radius:0!important}
.bpa-sp-adet button:hover:not(:disabled),.bpa-sp-sil:hover{color:var(--bpa-r)!important;background:var(--bpa-tul)!important}
.bpa-sp-adet button:disabled{opacity:.3;cursor:default}
.bpa-sp-adet span{min-width:26px;text-align:center;font-size:15px;font-weight:600;color:var(--bpa-murekkep)}
.bpa-sp-sil{width:38px;height:38px;border:1px solid var(--bpa-cizgi)!important;border-radius:10px!important}
.bpa-sp-oge-f{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.bpa-sp-oge-f del{font-size:12.5px;color:var(--bpa-gri)}
.bpa-sp-oge-f strong{font-size:17px;font-weight:700;color:var(--bpa-murekkep)}
.bpa-sp-oge-f del+strong{color:var(--bpa-r)}

/* Toplamlar */
.bpa-sp-toplam{margin:0;display:flex;flex-direction:column;gap:9px}
.bpa-sp-toplam>div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.bpa-sp-toplam dt{color:var(--bpa-metin);font-weight:400}
.bpa-sp-toplam dt small{font-size:11.5px;color:var(--bpa-gri);margin-left:4px}
.bpa-sp-toplam dd{margin:0;color:var(--bpa-murekkep);font-weight:500;text-align:right}
.bpa-sp-toplam .is-indirim dd,.bpa-sp-toplam .is-ucretsiz{color:var(--bpa-r);font-weight:600}
.bpa-sp-genel{margin-top:5px;padding-top:13px;border-top:1px solid var(--bpa-cizgi)}
.bpa-sp-genel dt{font-size:16px;color:var(--bpa-murekkep)!important;font-weight:600!important}
.bpa-sp-genel dd{font-size:21px!important;font-weight:700!important;color:var(--bpa-r)!important}
.bpa-sp-puan{display:flex;align-items:center;gap:9px;margin:-4px 0 0;padding:10px 14px;border-radius:10px;background:var(--bpa-notr);font-size:13.5px;color:var(--bpa-metin)}
.bpa-sp-puan .bpa-ik{color:var(--bpa-r)}
.bpa-sp-puan strong{color:var(--bpa-murekkep)}

/* Alt düğmeler */
.bpa-sp-alt{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--bpa-cizgi);background:#fff}
.bpa-sp-dugme{display:flex;align-items:center;justify-content:center;height:52px;padding:0 18px;border:1.5px solid var(--bpa-cizgi);border-radius:12px;background:#fff;color:var(--bpa-murekkep)!important;font-size:15.5px;font-weight:600;text-decoration:none!important;transition:border-color var(--bpa-gecis),background var(--bpa-gecis)}
.bpa-sp-dugme:hover{border-color:var(--bpa-murekkep)}
.bpa-sp-dugme--ana{background:var(--bpa-r);border-color:var(--bpa-r);color:#fff!important}
.bpa-sp-dugme--ana:hover{background:var(--bpa-r2);border-color:var(--bpa-r2)}

/* Boş sepet */
.bpa-sp-bos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 10px 10px}
.bpa-sp-bos-ik{display:grid;place-items:center;width:76px;height:76px;margin-bottom:6px;border-radius:50%;background:var(--bpa-tul);color:var(--bpa-r)}
.bpa-sp-bos strong{font-size:18px;font-weight:600;color:var(--bpa-murekkep)}
.bpa-sp-bos p{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--bpa-metin);max-width:320px}
.bpa-sp-bos .bpa-sp-dugme{height:46px;padding:0 26px}

@media (max-width:520px){
  .bpa-sp-panel{width:100%}
  .bpa-sp-ust{padding:14px 16px}
  .bpa-sp-ust h2{font-size:19px}
  .bpa-sp-bosalt span,.bpa-sp-bosalt{font-size:13px!important}
  .bpa-sp-bildirim{padding:11px 16px}
  .bpa-sp-kaydirma{padding:16px}
  .bpa-sp-kutu{padding:14px}
  .bpa-sp-iz{grid-auto-columns:calc((100% - 10px) / 2.15)}
  .bpa-sp-oge{grid-template-columns:72px 1fr;gap:12px}
  .bpa-sp-oge-g{width:72px;height:72px}
  .bpa-sp-alt{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  .bpa-sp-dugme{height:50px}
}

/* Güven kutusu (sepet ve ödeme sayfası) */
.bpa-ss-guven{list-style:none;margin:0;padding:6px 18px;display:flex;flex-direction:column}
.bpa-ss-guven li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bpa-cizgi)}
.bpa-ss-guven li:last-child{border-bottom:0}
.bpa-ss-guven .bpa-ik{flex:0 0 auto;color:var(--bpa-r)}
.bpa-ss-guven li>span{display:flex;flex-direction:column;font-size:12.5px;color:var(--bpa-gri);line-height:1.35}
.bpa-ss-guven strong{font-size:14px;font-weight:600;color:var(--bpa-murekkep)}

/* Header Pati Puan rozeti */
.bpa-aksiyon-w .elementor-widget-container,.bpa-aksiyon-w{display:flex;align-items:center}
a.bpa-puan-rozet{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 5px;border:1px solid var(--bpa-gul);border-radius:99px;background:var(--bpa-tul);color:var(--bpa-murekkep)!important;font-size:13.5px;font-weight:500;white-space:nowrap;text-decoration:none!important;transition:background var(--bpa-gecis),border-color var(--bpa-gecis)}
a.bpa-puan-rozet:hover{background:#fff;border-color:var(--bpa-r)}
.bpa-puan-rozet-ik{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bpa-r);color:#fff}
.bpa-puan-rozet strong{font-weight:700;color:var(--bpa-r)}
@media (max-width:767px){a.bpa-puan-rozet{height:32px;padding:0 10px 0 3px;font-size:12.5px}.bpa-puan-rozet-ik{width:26px;height:26px}}

/* Hesabındaki kuponlar (sepet ve ödeme) */
.bpa-hk-kap:empty{display:none}
.bpa-hk-liste{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}
.bpa-hk-liste>p{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bpa-gri)}
.bpa-hk{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px 12px!important;border:1.5px dashed var(--bpa-gul)!important;border-radius:10px!important;background:#fff!important;color:var(--bpa-murekkep)!important;text-align:left;cursor:pointer;font-family:inherit}
.bpa-hk:hover{border-color:var(--bpa-r)!important}
.bpa-hk>.bpa-ik{flex:0 0 auto;color:var(--bpa-r)}
.bpa-hk span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.bpa-hk strong{font-size:14px;color:var(--bpa-r)}
.bpa-hk small{font-size:12px;color:var(--bpa-metin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bpa-hk em{margin-left:auto;font-style:normal;font-size:13px;font-weight:600;color:var(--bpa-r)}