/* Bio PetActive – Patican canlı destek asistanı (sağ alt) */
#bpa-asistan-ac{position:fixed;right:20px;bottom:20px;z-index:99988;display:grid;place-items:center;width:64px;height:64px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--bpa-r,#E10010);box-shadow:0 14px 30px -10px rgba(225,0,16,.55),0 0 0 1px rgba(225,0,16,.15);cursor:pointer;overflow:visible;transition:transform .2s ease,bottom .2s ease}
#bpa-asistan-ac:hover,#bpa-asistan-ac:focus-visible{transform:scale(1.06);background:var(--bpa-r2,#B5000D);outline:none}
#bpa-asistan-ac img{width:100%;height:100%;padding:6px 5px 3px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(80,0,6,.35))}
#bpa-asistan-ac .bpa-as-ac-yedek{display:grid;place-items:center;color:#fff}
/* Düğmenin üstünde "Canlı destek" etiketi */
#bpa-asistan-ac .bpa-as-ac-etiket{position:absolute;left:50%;top:-13px;display:flex;align-items:center;gap:4px;padding:3px 8px 3px 7px;border:1px solid var(--bpa-gul,#F3D5D7);border-radius:999px;background:#fff;box-shadow:0 4px 10px -4px rgba(42,11,14,.3);font:700 10.5px/1.2 'Outfit',system-ui,sans-serif;letter-spacing:.1px;color:var(--bpa-r,#E10010);white-space:nowrap;transform:translateX(-50%);pointer-events:none}
#bpa-asistan-ac .bpa-as-ac-etiket i{width:6px;height:6px;border-radius:50%;background:#22B45A;box-shadow:0 0 0 0 rgba(34,180,90,.5);animation:bpa-as-nabiz 2s ease-in-out infinite}
@keyframes bpa-as-nabiz{0%,100%{box-shadow:0 0 0 0 rgba(34,180,90,.5)}50%{box-shadow:0 0 0 4px rgba(34,180,90,0)}}

/* Davet balonu (masaüstü, ilk ziyaret) */
.bpa-as-ipucu{position:fixed;right:20px;bottom:104px;z-index:99987;display:flex;align-items:flex-start;gap:4px;max-width:260px;padding:12px 10px 12px 14px;border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:16px 16px 4px 16px;background:#fff;box-shadow:0 16px 40px -16px rgba(42,11,14,.3);font:500 13.5px/1.45 'Outfit',system-ui,sans-serif;color:var(--bpa-murekkep,#1C1719);opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.bpa-as-ipucu.is-acik{opacity:1;transform:none}
.bpa-as-ipucu .bpa-as-ipucu-ac,.bpa-as-ipucu .bpa-as-ipucu-x{width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;letter-spacing:0;text-transform:none;color:inherit;text-align:left;white-space:normal;cursor:pointer}
.bpa-as-ipucu .bpa-as-ipucu-ac:hover,.bpa-as-ipucu .bpa-as-ipucu-ac:focus{background:none;color:var(--bpa-r,#E10010)}
.bpa-as-ipucu .bpa-as-ipucu-x{flex:0 0 20px;font-size:18px;line-height:1;text-align:center;color:var(--bpa-gri,#8E878A)}
.bpa-as-ipucu .bpa-as-ipucu-x:hover,.bpa-as-ipucu .bpa-as-ipucu-x:focus{background:none;color:var(--bpa-murekkep,#1C1719)}

/* Panel */
.bpa-as{position:fixed;right:20px;bottom:104px;z-index:99991;display:flex;flex-direction:column;width:390px;height:min(620px,calc(100vh - 128px));border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:22px;background:#fff;box-shadow:0 30px 70px -24px rgba(42,11,14,.4);font:400 14px/1.5 'Outfit',system-ui,sans-serif;color:var(--bpa-metin,#5F5A5D);overflow:hidden;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease}
.bpa-as[hidden]{display:none}
.bpa-as.is-acik{opacity:1;transform:none}
.bpa-as-bas{display:flex;align-items:center;gap:10px;padding:14px 12px 14px 16px;background:var(--bpa-r,#E10010);color:#fff}
.bpa-as-avatar{flex:0 0 42px;width:42px;height:42px;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:#fff;overflow:hidden}
.bpa-as-avatar img{width:100%;height:100%;padding:3px 2px 1px;object-fit:contain}
.bpa-as-kim{flex:1;min-width:0}
.bpa-as-kim strong{display:block;font-size:16px;font-weight:600;line-height:1.2;color:#fff}
.bpa-as-kim span{display:flex;align-items:center;gap:6px;font-size:12.5px;opacity:.92}
.bpa-as-cevrim{width:8px;height:8px;border-radius:50%;background:#7CF0A6;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.bpa-as .bpa-as-ikon{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.bpa-as .bpa-as-ikon:hover{background:rgba(255,255,255,.26);color:#fff}
.bpa-as-uyari{margin:0!important;padding:6px 14px;background:#FFF6DB;font-size:12px;color:#7A5A00}

.bpa-as-akis{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 8px;background:var(--bpa-notr,#F8F4F4);scroll-behavior:smooth}
.bpa-as-m{display:flex;flex-direction:column;margin:0 0 12px}
.bpa-as-m--kullanici{align-items:flex-end}
.bpa-as-balon{max-width:88%;padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 1px 2px rgba(42,11,14,.06);color:var(--bpa-murekkep,#1C1719);overflow-wrap:anywhere}
.bpa-as-m--kullanici .bpa-as-balon{border-radius:16px 16px 4px 16px;background:var(--bpa-r,#E10010);color:#fff;white-space:pre-wrap}
.bpa-as-balon p{margin:0 0 6px!important}
.bpa-as-balon p:last-child{margin-bottom:0!important}
.bpa-as-balon ul{margin:4px 0 6px;padding-left:18px}
.bpa-as-balon li{margin:0 0 3px}
.bpa-as-balon a{color:var(--bpa-r,#E10010);text-decoration:underline;text-underline-offset:2px}
.bpa-as-balon strong{color:inherit;font-weight:600}
.bpa-as-not{margin-top:8px!important;padding-top:8px;border-top:1px dashed var(--bpa-cizgi,#EDE6E6);font-size:12px;color:var(--bpa-gri,#8E878A)}
.bpa-as-yaziyor .bpa-as-balon{display:flex;gap:4px;padding:13px 14px}
.bpa-as-yaziyor i{width:7px;height:7px;border-radius:50%;background:#C9BFC1;animation:bpa-as-nokta 1.2s infinite ease-in-out}
.bpa-as-yaziyor i:nth-child(2){animation-delay:.15s}.bpa-as-yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes bpa-as-nokta{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}

.bpa-as-hizli{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.bpa-as .bpa-as-hizli button{padding:7px 12px;border:1px solid var(--bpa-gul,#F3D5D7);border-radius:999px;background:#fff;font:500 13px 'Outfit',system-ui,sans-serif;color:var(--bpa-r,#E10010);cursor:pointer}
.bpa-as .bpa-as-hizli button:hover{background:var(--bpa-tul,#FDEEEF);border-color:var(--bpa-r,#E10010);color:var(--bpa-r,#E10010)}

/* Ürün kartları */
.bpa-as-kartlar{display:flex;gap:8px;max-width:100%;margin:8px 0 0;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x mandatory}
.bpa-as-kart{flex:0 0 148px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:14px;background:#fff;scroll-snap-align:start}
.bpa-as-kart-gorsel{position:relative;display:block;aspect-ratio:1;border-radius:10px;background:var(--bpa-notr,#F8F4F4);overflow:hidden}
.bpa-as-kart-gorsel img{width:100%;height:100%;object-fit:contain}
.bpa-as-kart-gorsel span{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:999px;background:var(--bpa-r,#E10010);font-size:11px;font-weight:700;color:#fff}
.bpa-as-kart-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;font-size:13px;font-weight:600;line-height:1.35;color:var(--bpa-murekkep,#1C1719);text-decoration:none}
.bpa-as-kart-ad:hover{color:var(--bpa-r,#E10010)}
.bpa-as-kart-puan{font-size:12px;color:#E8A317}
.bpa-as-kart-puan em{font-style:normal;color:var(--bpa-gri,#8E878A)}
.bpa-as-kart-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}
.bpa-as-kart-fiyat strong{font-size:14.5px;font-weight:700;color:var(--bpa-r,#E10010)}
.bpa-as-kart-fiyat del{font-size:11.5px;color:var(--bpa-gri,#8E878A)}
.bpa-as-kart-stok{font-size:12px;color:var(--bpa-gri,#8E878A)}
.bpa-as .bpa-as-kart-ekle{display:block;margin-top:auto;padding:7px 8px;border:0;border-radius:999px;background:var(--bpa-r,#E10010);font:600 12.5px 'Outfit',system-ui,sans-serif;color:#fff;text-align:center;text-decoration:none;cursor:pointer}
.bpa-as .bpa-as-kart-ekle:hover{background:var(--bpa-r2,#B5000D);color:#fff}
.bpa-as .bpa-as-kart-ekle.is-eklendi{background:#EAF6EE;color:#1E7A3C}

/* Sipariş formu, iletişim, geri bildirim */
.bpa-as-sform{display:grid;gap:8px;max-width:88%;margin:8px 0 0;padding:12px;border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:14px;background:#fff}
.bpa-as-sform label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--bpa-murekkep,#1C1719)}
.bpa-as .bpa-as-sform input{min-height:40px;padding:8px 11px;border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:10px;background:var(--bpa-notr,#F8F4F4);font:400 14px 'Outfit',system-ui,sans-serif;color:var(--bpa-murekkep,#1C1719)}
.bpa-as .bpa-as-sform input:focus{outline:none;border-color:var(--bpa-r,#E10010);background:#fff}
.bpa-as .bpa-as-sform button{min-height:40px;border:0;border-radius:999px;background:var(--bpa-r,#E10010);font:600 13.5px 'Outfit',system-ui,sans-serif;color:#fff;cursor:pointer}
.bpa-as .bpa-as-sform button:hover{background:var(--bpa-r2,#B5000D)}
.bpa-as-sform-hata{margin:0!important;font-size:12.5px;color:var(--bpa-r2,#B5000D)}
.bpa-as-ilet{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0}
.bpa-as-ilet a{padding:6px 12px;border:1px solid var(--bpa-gul,#F3D5D7);border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--bpa-r,#E10010);text-decoration:none}
.bpa-as-ilet a:hover{background:var(--bpa-tul,#FDEEEF)}
.bpa-as-ilet small{width:100%;font-size:11.5px;color:var(--bpa-gri,#8E878A)}
.bpa-as-geri{display:flex;align-items:center;gap:2px;margin:4px 0 0 4px;font-size:11.5px;color:var(--bpa-gri,#8E878A)}
.bpa-as .bpa-as-geri button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--bpa-gri,#8E878A);cursor:pointer}
.bpa-as .bpa-as-geri button svg{display:block}
.bpa-as .bpa-as-geri .bpa-as-asagi svg{transform:rotate(180deg)}
.bpa-as .bpa-as-geri button:hover{background:#fff;color:var(--bpa-murekkep,#1C1719)}
.bpa-as-neden{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.bpa-as .bpa-as-neden button{padding:6px 11px;border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:999px;background:#fff;font:500 12.5px 'Outfit',system-ui,sans-serif;color:var(--bpa-murekkep,#1C1719);cursor:pointer}
.bpa-as .bpa-as-neden button:hover{border-color:var(--bpa-r,#E10010);background:var(--bpa-tul,#FDEEEF);color:var(--bpa-r,#E10010)}
.bpa-as-geri-not{margin:8px 0 0 4px;font-size:12.5px;color:var(--bpa-metin,#5F5A5D)}
.bpa-as .bpa-as-geri button.is-secili{background:var(--bpa-tul,#FDEEEF);color:var(--bpa-r,#E10010)}

/* Yazma alanı */
.bpa-as-giris{display:flex;align-items:flex-end;gap:8px;margin:0;padding:10px 12px;border-top:1px solid var(--bpa-cizgi,#EDE6E6);background:#fff}
.bpa-as .bpa-as-giris textarea{flex:1;min-height:42px;max-height:110px;padding:10px 14px;border:1px solid var(--bpa-cizgi,#EDE6E6);border-radius:21px;background:var(--bpa-notr,#F8F4F4);font:400 14.5px/1.45 'Outfit',system-ui,sans-serif;color:var(--bpa-murekkep,#1C1719);resize:none;box-shadow:none}
.bpa-as .bpa-as-giris textarea:focus{outline:none;border-color:var(--bpa-r,#E10010);background:#fff}
.bpa-as .bpa-as-gonder{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--bpa-r,#E10010);color:#fff;cursor:pointer}
.bpa-as .bpa-as-gonder:hover{background:var(--bpa-r2,#B5000D);color:#fff}
.bpa-as .bpa-as-gonder:disabled{opacity:.5;cursor:default}
.bpa-as-alt{margin:0!important;padding:0 12px 8px;background:#fff;font-size:11px;text-align:center;color:var(--bpa-gri,#8E878A)}
.bpa-as-alt a{color:inherit;text-decoration:underline}
.bpa-as button:focus-visible,.bpa-as a:focus-visible{outline:2px solid var(--bpa-r,#E10010);outline-offset:2px}

/* Mobil: düğme sağ altta küçük, panel tam ekran */
@media (max-width:600px){
  #bpa-asistan-ac{right:12px;bottom:calc(12px + var(--bpa-alt-bar,0px));width:56px;height:56px}
  /* Ürün sayfasında sabit sepet çubuğu açıkken ölçüm yanılsa da (iPhone adres çubuğu küçülürken) çubuğun üstünde kal */
  html.bpa-yapiskan-acik #bpa-asistan-ac{bottom:calc(12px + max(var(--bpa-alt-bar,0px), 68px + env(safe-area-inset-bottom,0px)))}
  #bpa-asistan-ac .bpa-as-ac-etiket{top:-12px;left:auto;right:-4px;padding:2px 7px 2px 6px;font-size:9.5px;transform:none}
  .bpa-as{inset:0;width:auto;height:100%;height:100dvh;border:0;border-radius:0;transform:translateY(24px)}
  .bpa-as-bas{padding-top:max(14px,env(safe-area-inset-top))}
  .bpa-as-giris{padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .bpa-as .bpa-as-giris textarea,.bpa-as .bpa-as-sform input{font-size:16px}
  html.bpa-as-kilit,html.bpa-as-kilit body{overflow:hidden}
  #bpa-asistan-ac.is-acik{display:none}
}
@media (prefers-reduced-motion:reduce){.bpa-as,.bpa-as-ipucu,#bpa-asistan-ac{transition:none}.bpa-as-yaziyor i,#bpa-asistan-ac .bpa-as-ac-etiket i{animation:none}}