/* =====================================================================
   Bio PetActive Mağaza – ürün kartı, rozetler, carousel, fırsatlar, yorumlar
   Renk ve geçiş değişkenleri: mu-plugins/bpa-assets/css/bpa-site.css (:root --bpa-*)
   ===================================================================== */
.bpa-uc,.bpa-firsat,.bpa-yorum{--bpa-uc-sutun:5;--bpa-uc-bosluk:16px;--bpa-yildiz:#F2A33A}

/* ---------- Bölüm başlığı ---------- */
.bpa-bb{display:flex;flex-direction:column;gap:6px;min-width:0}
.bpa-bb-ust{font:600 13px/1.2 'Outfit',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--bpa-r)}
.bpa-bb-baslik{margin:0;font:600 clamp(1.5rem,1.25rem + .9vw,2.125rem)/1.15 'Outfit',sans-serif;letter-spacing:-.8px;color:var(--bpa-murekkep)}
.bpa-bb-aciklama{margin:4px 0 0;font-size:15.5px;line-height:1.55;color:var(--bpa-metin);max-width:620px}

/* ---------- Ürün kartı ---------- */
.bpa-kart{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--bpa-cizgi);border-radius:16px;overflow:hidden;transition:border-color var(--bpa-gecis),box-shadow var(--bpa-gecis),transform var(--bpa-gecis)}
.bpa-kart:hover{border-color:var(--bpa-gul);box-shadow:0 18px 36px -22px rgba(42,11,14,.35)}
.bpa-kart-gorsel{position:relative;display:block;aspect-ratio:1/1;padding:14px;background:#fff}
.bpa-kart-gorsel img{width:100%!important;height:100%!important;object-fit:contain;display:block;transition:transform .45s ease}
.bpa-kart:hover .bpa-kart-gorsel img{transform:scale(1.04)}
.bpa-rozetler{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:2;pointer-events:none}
.bpa-rozet{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;font:600 11.5px/1 'Outfit',sans-serif;letter-spacing:.1px;white-space:nowrap;background:#fff;color:var(--bpa-murekkep);box-shadow:0 0 0 1px var(--bpa-cizgi)}
.bpa-rozet .bpa-ik{color:var(--bpa-r);flex:0 0 auto}
.bpa-rozet--yeni{background:var(--bpa-r);color:#fff;box-shadow:none;text-transform:uppercase;letter-spacing:.6px}
.bpa-rozet--internet{background:var(--bpa-murekkep);color:#fff;box-shadow:none}
.bpa-rozet--kargo{background:var(--bpa-tul);color:var(--bpa-bordo);box-shadow:none}
.bpa-rozet--skt{background:var(--bpa-notr);color:var(--bpa-bordo)}
.bpa-kart-tukendi{position:absolute;inset:auto 12px 12px auto;padding:5px 10px;border-radius:7px;background:var(--bpa-murekkep);color:#fff;font:600 12px 'Outfit',sans-serif}
.bpa-kart--tukendi .bpa-kart-gorsel img{opacity:.45}

.bpa-kart-govde{display:flex;flex-direction:column;flex:1;padding:4px 16px 16px;border-top:1px solid var(--bpa-cizgi)}
.bpa-kart-marka{margin-top:12px;font:600 11.5px/1.2 'Outfit',sans-serif;letter-spacing:.9px;text-transform:uppercase;color:var(--bpa-gri)}
.bpa-kart-ad{margin:5px 0 0!important;font:500 15px/1.38 'Outfit',sans-serif!important;letter-spacing:-.1px!important;color:var(--bpa-murekkep)}
.bpa-kart-ad a{color:inherit!important;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.76em}
.bpa-kart-ad a:hover{color:var(--bpa-r)!important}
.bpa-kart-puanlama{display:flex;align-items:center;gap:6px;min-height:20px;margin:8px 0 12px}
.bpa-yildizlar{display:inline-flex;gap:1px;line-height:0}
.bpa-y .bpa-ik{display:block}
.bpa-y--dolu,.bpa-y--yarim{color:var(--bpa-yildiz,#F2A33A)}
.bpa-y--bos{color:#E3DADB}
.bpa-kart-yorum{font-size:12.5px;color:var(--bpa-gri)}

.bpa-kart-alt{display:flex;align-items:stretch;margin-top:auto;min-height:54px;border:1px solid var(--bpa-cizgi);border-radius:12px;padding:4px;gap:4px;background:#fff}
.bpa-kart-fiyat{display:flex;align-items:stretch;gap:10px;flex:1;min-width:0}
.bpa-kart-indirim{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;min-width:50px;padding:0 6px;border-radius:9px;background:var(--bpa-r);color:#fff;font:500 10.5px/1.1 'Outfit',sans-serif;text-align:center}
.bpa-kart-indirim strong{font-size:15px;font-weight:700;letter-spacing:-.2px}
.bpa-kart-tutar{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:6px}
.bpa-kart-indirim+.bpa-kart-tutar{padding-left:0}
.bpa-kart-tutar del{font-size:12.5px;color:var(--bpa-gri);line-height:1.2}
.bpa-kart-tutar del .amount{color:inherit}
.bpa-kart-tutar ins{text-decoration:none;font:700 17px/1.2 'Outfit',sans-serif;color:var(--bpa-murekkep);letter-spacing:-.3px;white-space:nowrap}
.bpa-kart-tutar ins small{font-size:11.5px;font-weight:500;color:var(--bpa-gri);letter-spacing:0;margin-left:1px}
.bpa-kart-indirim~.bpa-kart-tutar ins{color:var(--bpa-r)}
.bpa-kart-yakinda{font:600 14px 'Outfit',sans-serif;color:var(--bpa-gri)}
.bpa-kart-sepet{display:grid;place-items:center;flex:0 0 46px;width:46px;border-radius:9px;background:var(--bpa-r);color:#fff!important;transition:background var(--bpa-gecis),transform var(--bpa-gecis)}
.bpa-kart-sepet:hover{background:var(--bpa-r2)}
.bpa-kart-sepet:focus-visible{outline:2px solid var(--bpa-murekkep);outline-offset:2px}
.bpa-kart-sepet.loading{opacity:.6;pointer-events:none}
.bpa-kart-sepet.added{background:var(--bpa-murekkep)}
.bpa-kart-sepet.loading::after,.bpa-kart-sepet.added::after{display:none!important}
.bpa-kart-govde .added_to_cart{display:none!important}
.bpa-kart-pati{display:flex;align-items:center;gap:7px;margin-top:10px;padding:7px 10px;border-radius:9px;background:var(--bpa-tul);font-size:12.5px;line-height:1.3;color:var(--bpa-bordo)}
.bpa-kart-pati .bpa-ik{color:var(--bpa-r);flex:0 0 auto}
.bpa-kart-pati strong{font-weight:600;display:inline!important}
.bpa-kart-pati>span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpa-kart-pati em{font-style:normal;color:var(--bpa-r)}

/* ---------- Carousel ---------- */
.bpa-uc-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 32px;flex-wrap:wrap;margin-bottom:24px}
.bpa-uc-sag{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}
.bpa-uc-sekmeler{display:flex;gap:6px;flex-wrap:wrap}
.bpa-uc-sekme{height:40px;padding:0 18px;border:1px solid var(--bpa-cizgi)!important;border-radius:999px!important;background:#fff!important;color:var(--bpa-murekkep)!important;font:500 14.5px 'Outfit',sans-serif!important;letter-spacing:0!important;cursor:pointer;transition:background var(--bpa-gecis),color var(--bpa-gecis),border-color var(--bpa-gecis)}
.bpa-uc-sekme:hover{border-color:var(--bpa-gul)!important;color:var(--bpa-r)!important}
.bpa-uc-sekme.is-aktif{background:var(--bpa-r)!important;border-color:var(--bpa-r)!important;color:#fff!important}
.bpa-uc-sekme:focus-visible{outline:2px solid var(--bpa-murekkep);outline-offset:2px}
.bpa-uc-kontrol{display:flex;align-items:center;gap:16px}
.bpa-uc-tumu{display:inline-flex;align-items:center;gap:7px;font:600 14.5px 'Outfit',sans-serif;color:var(--bpa-r)!important;text-decoration:none;white-space:nowrap}
.bpa-uc-tumu .bpa-ik{transition:transform var(--bpa-gecis)}
.bpa-uc-tumu:hover .bpa-ik{transform:translateX(3px)}
.bpa-oklar{display:inline-flex;gap:8px}
.bpa-ok{display:grid;place-items:center;width:42px;height:42px;padding:0!important;border:1px solid var(--bpa-cizgi)!important;border-radius:50%!important;background:#fff!important;color:var(--bpa-murekkep)!important;cursor:pointer;transition:background var(--bpa-gecis),color var(--bpa-gecis),border-color var(--bpa-gecis),opacity var(--bpa-gecis)}
.bpa-ok:hover:not(:disabled){background:var(--bpa-r)!important;border-color:var(--bpa-r)!important;color:#fff!important}
.bpa-ok:disabled{opacity:.35;cursor:default}
.bpa-ok:focus-visible{outline:2px solid var(--bpa-murekkep);outline-offset:2px}
.bpa-uc-panel[hidden]{display:none}
.bpa-uc-iz{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--bpa-uc-sutun) - 1) * var(--bpa-uc-bosluk)) / var(--bpa-uc-sutun));gap:var(--bpa-uc-bosluk);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;margin:-2px -2px 0}
.bpa-uc-iz::-webkit-scrollbar{display:none}
.bpa-uc-iz:focus-visible{outline:2px solid var(--bpa-r);outline-offset:4px;border-radius:16px}
.bpa-uc-oge{scroll-snap-align:start;min-width:0}
.bpa-uc-ilerleme{position:relative;height:3px;margin-top:20px;border-radius:3px;background:var(--bpa-cizgi);overflow:hidden}
.bpa-uc-ilerleme span{position:absolute;inset:0 auto 0 0;width:30%;border-radius:3px;background:var(--bpa-r);transition:transform .15s linear}
.bpa-uc-bos{margin:0;padding:28px;border:1px dashed var(--bpa-cizgi);border-radius:16px;text-align:center;color:var(--bpa-gri)}

/* ---------- Haftanın fırsatları ---------- */
.bpa-firsat{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:28px;padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--bpa-bg1) 0%,var(--bpa-bg2) 100%);position:relative;overflow:hidden;isolation:isolate}
.bpa-firsat::before{content:"";position:absolute;inset:auto auto -140px -120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(225,0,16,.45),transparent);z-index:-1}
.bpa-firsat-sol{display:flex;flex-direction:column;gap:22px;padding:14px 4px 6px 10px;color:#fff;position:relative}
.bpa-firsat .bpa-bb-ust{color:#FF8A92}
.bpa-firsat .bpa-bb-baslik{color:#fff}
.bpa-firsat .bpa-bb-aciklama{color:var(--bpa-text2)}
.bpa-sayac{display:flex;align-items:flex-start;gap:6px}
.bpa-sayac>i{font-style:normal;font:600 24px/56px 'Outfit',sans-serif;color:var(--bpa-r)}
.bpa-sayac-kutu{display:flex;flex-direction:column;align-items:center;gap:6px}
.bpa-sayac-kutu b{display:grid;place-items:center;width:62px;height:58px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font:700 28px/1 'Outfit',sans-serif;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.bpa-sayac-kutu small{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--bpa-text2)}
.bpa-firsat-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.bpa-firsat .bpa-ok{background:transparent!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.bpa-firsat .bpa-ok:hover:not(:disabled){background:#fff!important;border-color:#fff!important;color:var(--bpa-r)!important}
.bpa-dugme{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font:600 15px 'Outfit',sans-serif;text-decoration:none;transition:background var(--bpa-gecis),color var(--bpa-gecis)}
.bpa-dugme--beyaz{background:#fff;color:var(--bpa-r)!important}
.bpa-dugme--beyaz:hover{background:var(--bpa-r);color:#fff!important}
.bpa-firsat-gorsel{display:block;width:100%;max-height:170px;object-fit:contain;object-position:left bottom;margin-top:4px}
.bpa-firsat-sag{min-width:0;align-self:stretch}
.bpa-firsat .bpa-uc-ilerleme{background:rgba(255,255,255,.14)}
.bpa-firsat .bpa-uc-ilerleme span{background:#fff}
.bpa-firsat .bpa-kart{border-color:transparent}

/* ---------- Yorumlar ---------- */
.bpa-yorum{--bpa-uc-sutun:2.4}
.bpa-yorum-govde{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;align-items:stretch}
.bpa-yorum-ozet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;border-radius:20px;background:var(--bpa-tul);text-align:center}
.bpa-yorum-not{font:700 64px/1 'Outfit',sans-serif;color:var(--bpa-r);letter-spacing:-2px}
.bpa-yorum-not small{font-size:20px;font-weight:500;color:var(--bpa-gri);letter-spacing:0;margin-left:4px}
.bpa-yildizlar--buyuk .bpa-ik{width:22px;height:22px}
.bpa-yorum-sayi{font:600 15px 'Outfit',sans-serif;color:var(--bpa-murekkep)}
.bpa-yorum-kaynak{font-size:13.5px;color:var(--bpa-metin)}
.bpa-yorum-hediye{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:8px 12px;border-radius:10px;background:#fff;font-size:13px;color:var(--bpa-bordo)}
.bpa-yorum-hediye .bpa-ik{color:var(--bpa-r)}
.bpa-yorum .bpa-uc-iz{align-items:stretch}
.bpa-yorum-kart{display:flex;flex-direction:column;gap:12px;height:100%;margin:0;padding:22px;border:1px solid var(--bpa-cizgi);border-radius:18px;background:#fff}
.bpa-yorum-kim{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bpa-yorum-kim>span:nth-child(2){display:flex;flex-direction:column;line-height:1.3}
.bpa-yorum-kim strong{font:600 15px 'Outfit',sans-serif;color:var(--bpa-murekkep)}
.bpa-yorum-kim small{font-size:12.5px;color:var(--bpa-gri)}
.bpa-yorum-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bpa-r);color:#fff;font:600 15px 'Outfit',sans-serif}
.bpa-uc-oge:nth-child(3n+2) .bpa-yorum-avatar{background:var(--bpa-bordo)}
.bpa-uc-oge:nth-child(3n) .bpa-yorum-avatar{background:var(--bpa-murekkep)}
.bpa-yorum-dogrulanmis{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:500;color:var(--bpa-bordo)}
.bpa-yorum-dogrulanmis .bpa-ik{color:var(--bpa-r)}
.bpa-yorum-kart blockquote{margin:0;padding:0;border:0;font:400 15px/1.6 'Outfit',sans-serif;color:var(--bpa-metin);font-style:normal;flex:0 1 auto}
.bpa-yorum-urun{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:12px;background:var(--bpa-notr);text-decoration:none;color:var(--bpa-murekkep)!important;font:500 13.5px/1.35 'Outfit',sans-serif;transition:background var(--bpa-gecis)}
.bpa-yorum-urun img{width:44px!important;height:44px!important;object-fit:contain;border-radius:8px;background:#fff;flex:0 0 auto}
.bpa-yorum-urun span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bpa-yorum-urun:hover{background:var(--bpa-tul)}

/* ---------- WooCommerce döngüsü (arşiv/ilgili ürünler) ---------- */
.woocommerce ul.products li.bpa-kart-li,.woocommerce-page ul.products li.bpa-kart-li{margin-bottom:20px;padding:0;text-align:left}

/* ---------- Duyarlı ---------- */
@media (max-width:1024px){
  .bpa-firsat{grid-template-columns:1fr;padding:22px}
  .bpa-firsat-sol{padding:6px 2px 0}
  .bpa-yorum-govde{grid-template-columns:1fr}
  .bpa-yorum-ozet{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:20px;gap:10px 16px}
  .bpa-yorum-not{font-size:48px}
}
@media (max-width:767px){
  .bpa-uc,.bpa-firsat,.bpa-yorum{--bpa-uc-bosluk:12px}
  .bpa-uc-bas{margin-bottom:18px;align-items:flex-start}
  .bpa-uc-sag{width:100%;justify-content:space-between}
  .bpa-uc-sekmeler{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;width:calc(100% + 32px)}
  .bpa-uc-sekmeler::-webkit-scrollbar{display:none}
  .bpa-uc-sekme{flex:0 0 auto;height:38px;padding:0 14px}
  .bpa-uc-kontrol .bpa-oklar{display:none}
  .bpa-kart-govde{padding:2px 12px 12px}
  .bpa-kart-ad{font-size:14px!important}
  .bpa-kart-tutar ins{font-size:15.5px}
  .bpa-kart-sepet{flex-basis:40px;width:40px}
  .bpa-kart-indirim{min-width:42px}
  .bpa-kart-pati{font-size:11.5px;padding:6px 8px}
  .bpa-rozet{height:22px;font-size:10.5px;padding:0 7px}
  .bpa-sayac-kutu b{width:52px;height:50px;font-size:23px}
  .bpa-sayac>i{line-height:50px;font-size:20px}
}
@media (prefers-reduced-motion:reduce){.bpa-kart,.bpa-kart-gorsel img,.bpa-uc-iz{transition:none;scroll-behavior:auto}}
.bpa-yorum-ornek{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--bpa-murekkep);color:#fff;font:600 11px/1 'Outfit',sans-serif;letter-spacing:.6px;text-transform:uppercase}
.bpa-yorum-kim .bpa-yorum-ornek{margin-left:auto}

/* Fırsatlar v2: düz, kurumsal kırmızı */
.bpa-firsat{background:var(--bpa-r)!important}
.bpa-firsat::before{inset:auto -160px -220px auto;width:520px;height:520px;background:radial-gradient(closest-side,rgba(0,0,0,.14),transparent)}
.bpa-firsat .bpa-bb-ust{color:rgba(255,255,255,.82)}
.bpa-firsat .bpa-bb-aciklama{color:rgba(255,255,255,.88)}
.bpa-sayac-kutu b{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26)}
.bpa-sayac-kutu small{color:rgba(255,255,255,.8)}
.bpa-sayac>i{color:rgba(255,255,255,.6)}
.bpa-firsat .bpa-dugme--beyaz:hover{background:var(--bpa-murekkep);color:#fff!important}
.bpa-firsat .bpa-uc-ilerleme{background:rgba(255,255,255,.28)}
.bpa-firsat .bpa-ok{border-color:rgba(255,255,255,.45)!important;color:#fff!important}

/* ---------- Kampanyalar ---------- */
.bpa-rozet--kampanya{background:var(--bpa-r)!important;color:#fff!important}
.bpa-rozet--kampanya .bpa-ik{color:#fff}
.bpa-uk-liste{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.bpa-uk{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--bpa-gul);border-radius:12px;background:var(--bpa-tul);color:var(--bpa-murekkep)!important;font-size:14px;line-height:1.4;text-decoration:none!important}
.bpa-uk>.bpa-ik{flex:0 0 auto;color:var(--bpa-r)}
.bpa-uk strong{color:var(--bpa-r)}
.bpa-uk small{display:block;font-size:12.5px;color:var(--bpa-metin)}
a.bpa-uk:hover{border-color:var(--bpa-r)}
.bpa-uk--flash{background:var(--bpa-r);border-color:var(--bpa-r);color:#fff!important}
.bpa-uk--flash>.bpa-ik,.bpa-uk--flash strong{color:#fff}
.bpa-uk-sayac b{font-variant-numeric:tabular-nums;font-weight:700}
.bpa-uk--ince{background:#fff;border-style:dashed}

.bpa-kv-izgara{display:grid;grid-template-columns:repeat(var(--kv,3),minmax(0,1fr));gap:16px}
.bpa-kv-izgara--1{--kv:1}.bpa-kv-izgara--2{--kv:2}.bpa-kv-izgara--3{--kv:3}.bpa-kv-izgara--4{--kv:4}.bpa-kv-izgara--5{--kv:5}
.bpa-kv .bpa-bb{margin-bottom:22px}
.bpa-kv-kart{position:relative;display:flex;flex-direction:column;gap:8px;min-height:230px;padding:24px;border-radius:20px;overflow:hidden;text-decoration:none!important;transition:transform var(--bpa-gecis),box-shadow var(--bpa-gecis)}
.bpa-kv-kart:hover{transform:translateY(-3px);box-shadow:var(--bpa-golge)}
.bpa-kv-kart::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:currentColor;opacity:.06}
.bpa-kv-ik{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18)}
.bpa-kv-buyuk{font:700 30px/1.1 'Outfit',sans-serif;letter-spacing:-.5px}
.bpa-kv-ad{font-size:15.5px;font-weight:600}
.bpa-kv-metin{font-size:13.5px;line-height:1.5;opacity:.85}
.bpa-kv-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;font-size:13.5px}
.bpa-kv-alt em{font-style:normal;font-weight:600;opacity:.9}
.bpa-kv-alt b{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.bpa-kv-kart--kirmizi{background:var(--bpa-r);color:#fff!important}
.bpa-kv-kart--koyu{background:linear-gradient(135deg,var(--bpa-bg1),var(--bpa-bg2));color:#fff!important}
.bpa-kv-kart--acik{background:var(--bpa-tul);color:var(--bpa-murekkep)!important}
.bpa-kv-kart--acik .bpa-kv-ik,.bpa-kv-kart--cizgi .bpa-kv-ik{background:#fff;color:var(--bpa-r)}
.bpa-kv-kart--acik .bpa-kv-buyuk,.bpa-kv-kart--cizgi .bpa-kv-buyuk{color:var(--bpa-r)}
.bpa-kv-kart--cizgi{background:#fff;border:2px dashed var(--bpa-gul);color:var(--bpa-murekkep)!important}
.bpa-kv-kart *{color:inherit}
.bpa-kv-kart--acik .bpa-kv-buyuk,.bpa-kv-kart--cizgi .bpa-kv-buyuk,.bpa-kv-kart--acik .bpa-kv-alt b,.bpa-kv-kart--cizgi .bpa-kv-alt b{color:var(--bpa-r)!important}
.bpa-kv-kart--cizgi::after{display:none}
@media (max-width:1280px){.bpa-kv-izgara--5{--kv:3}}
@media (max-width:1024px){.bpa-kv-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.bpa-kv-izgara--1{grid-template-columns:1fr}}
@media (max-width:640px){.bpa-kv-izgara{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 10px;scrollbar-width:none;margin:0 -10px;padding:0 10px}.bpa-kv-izgara::-webkit-scrollbar{display:none}.bpa-kv-kart{flex:0 0 82%;scroll-snap-align:start;min-height:210px}.bpa-kv-buyuk{font-size:26px}}
.bpa-uk--flash{justify-content:space-between}
.bpa-uk--flash .bpa-uk-m{flex:1;color:#fff}
.bpa-uk .bpa-uk-sayac{display:inline-flex!important;align-items:center;gap:2px;flex:0 0 auto;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.18);font-size:14px;line-height:1.2;white-space:nowrap}
.bpa-uk-sayac b{display:inline!important;min-width:0;padding:0;background:none;font-size:inherit;color:#fff}
.bpa-uk-sayac i{display:inline;font-style:normal;opacity:.8;margin:0 1px 0 0}
.bpa-ks-sayfa.site-main{max-width:1440px!important;margin:0 auto;padding:18px 10px 72px!important}
.bpa-ks-sayfa .bpa-ud-yol{display:flex;gap:6px;margin-bottom:22px;font-size:13px;color:var(--bpa-gri)}
.bpa-ks-sayfa .bpa-ud-yol a{color:var(--bpa-metin);text-decoration:none}
.bpa-ks{display:flex;flex-direction:column;gap:56px}
.bpa-ks .bpa-firsat{--bpa-uc-sutun:4}
@media (max-width:1024px){.bpa-ks .bpa-firsat{--bpa-uc-sutun:2.4}}
@media (max-width:767px){.bpa-ks .bpa-firsat{--bpa-uc-sutun:1.6}}
@media (max-width:1280px){.bpa-kv-izgara[style]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1024px){.bpa-kv-izgara[style]{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Anasayfa: kampanya ikonlu kutular */
.bpa-ki{display:grid;grid-template-columns:repeat(var(--ki,4),minmax(0,1fr));gap:14px;list-style:none;margin:28px 0 0;padding:0}
.bpa-ki--1{--ki:1}.bpa-ki--2{--ki:2}.bpa-ki--3{--ki:3}.bpa-ki--4{--ki:4}
.bpa-ki a{display:flex;align-items:center;gap:14px;height:100%;padding:16px 18px;border:1px solid var(--bpa-cizgi);border-radius:16px;background:#fff;color:var(--bpa-murekkep)!important;text-decoration:none!important;transition:border-color var(--bpa-gecis),box-shadow var(--bpa-gecis),transform var(--bpa-gecis)}
.bpa-ki a:hover{border-color:var(--bpa-gul);box-shadow:0 18px 36px -28px rgba(42,11,14,.45);transform:translateY(-2px)}
.bpa-ki-ik{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--bpa-tul);color:var(--bpa-r)}
.bpa-ki-m{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;line-height:1.3}
.bpa-ki-m strong{font:600 15px/1.3 'Outfit',sans-serif;color:var(--bpa-murekkep)}
.bpa-ki-m small{font-size:12.5px;color:var(--bpa-metin)}
.bpa-ki a>.bpa-ik:last-child{flex:0 0 auto;color:var(--bpa-gri);transition:color var(--bpa-gecis),transform var(--bpa-gecis)}
.bpa-ki a:hover>.bpa-ik:last-child{color:var(--bpa-r);transform:translateX(3px)}
@media (max-width:1024px){.bpa-ki{grid-template-columns:repeat(2,minmax(0,1fr))}.bpa-ki--1{grid-template-columns:1fr}}
@media (max-width:640px){.bpa-ki{grid-template-columns:1fr;gap:10px;margin-top:20px}.bpa-ki a{padding:14px}}
/* Kısa kodla eklenen kampanya carousel'i: diğer ürün carousel'leriyle aynı sütun sayıları */
@media (max-width:1024px){.bpa-uc--kampanya{--bpa-uc-sutun:3}}
@media (max-width:767px){.bpa-uc--kampanya{--bpa-uc-sutun:1.6}}
.bpa-yorum-fotolar{display:flex;gap:6px;margin:-4px 0 4px}
.bpa-yorum-fotolar img{width:56px;height:56px;object-fit:cover;border-radius:8px;display:block}
/* Yorum kartı: fotoğraflar metnin hemen altında, ürün bağlantısı kartın dibinde (kısa yorumlarda boşluk arada kalmasın) */
.bpa-yorum-kart .bpa-yorum-urun{margin-top:auto}
/* Yorum kartı metni 5 satırlık sabit alan: fotoğraflar tüm kartlarda aynı hizada */
.bpa-yorum-kart blockquote{min-height:calc(1.6em * 5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.bpa-yorum-avatar .bpa-ik{color:#fff}
/* Elementor dışında çizilen ürün kaydırmaları (ör. ürün sayfası "Benzer ürünler") için duyarlı sütun sayısı; Elementor bileşenleri kendi ayarıyla bunu ezer */
@media (max-width:1024px){.bpa-ud-benzer .bpa-uc{--bpa-uc-sutun:3}}
@media (max-width:767px){.bpa-ud-benzer .bpa-uc{--bpa-uc-sutun:1.6}}
/* Kampanya kutusu: adet basamakları (tek satır, kompakt) */
.bpa-uk--detay{flex-wrap:wrap;gap:8px 10px;padding:9px 12px}
.bpa-uk-ad{white-space:nowrap}
.bpa-uk-kademe{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}
.bpa-uk-kademe>span{display:inline-flex;flex-direction:column;align-items:center;padding:3px 11px;border-radius:12px;background:#fff;border:1px solid var(--bpa-gul);font-size:13px;line-height:1.35;white-space:nowrap;cursor:default}
.bpa-uk-kademe i{font-style:normal;font-size:13px;color:var(--bpa-metin)}
.bpa-uk-kademe b{font-weight:500;color:var(--bpa-metin)}
.bpa-uk-kademe em{font-style:normal;font-weight:700;color:var(--bpa-r)}
.bpa-uk-git{margin-left:auto;font-size:13px;font-weight:600;color:var(--bpa-r)!important;text-decoration:none!important;white-space:nowrap}
.bpa-uk-git:hover{text-decoration:underline!important}

/* Kart mobil (2026-10-30): sade rozetler, puan görselin altında, tam genişlik sepete ekle */
.bpa-kart-pati-m,.bpa-kart-sepet-yazi{display:none}
@media (max-width:767px){
  .bpa-rozet--kargo,.bpa-rozet--hizli{display:none!important}
  .bpa-kart-pati-m{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:999px;background:var(--bpa-tul);color:var(--bpa-r);font:600 11px/1 'Outfit',sans-serif;white-space:nowrap;pointer-events:none}
  .bpa-kart-pati-m .bpa-ik{flex:0 0 auto}
  .bpa-kart-pati{display:none!important}
  .bpa-kart-ad a{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:4.14em}
  .bpa-kart-puanlama{margin:4px 0 6px;min-height:16px}
  .bpa-kart-alt{flex-direction:column;align-items:stretch;min-height:0;border:0;padding:0;gap:8px;background:none}
  .bpa-kart-fiyat{gap:8px}
  .bpa-kart-indirim{padding:5px 4px}
  .bpa-kart-sepet{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:100%;height:40px;border:1px solid var(--bpa-gul);border-radius:10px;background:#fff;color:var(--bpa-r)!important;font:600 13.5px/1 'Outfit',sans-serif;text-decoration:none!important}
  .bpa-kart-sepet:hover,.bpa-kart-sepet:active{background:var(--bpa-tul);border-color:var(--bpa-r)}
  .bpa-kart-sepet.added{background:var(--bpa-tul);border-color:var(--bpa-r)}
  .bpa-kart-sepet .bpa-ik{width:17px;height:17px}
  .bpa-kart-sepet-yazi{display:inline}
}

/* Safari: dikey flex kartta aspect-ratio + padding kutuyu taşırıyor (görsel sağa kayıyor) → oran padding ile, görsel mutlak konumlu */
.bpa-kart-gorsel{aspect-ratio:auto;width:100%;height:0;padding:0 0 100%;flex:0 0 auto;box-sizing:border-box;overflow:hidden}
.bpa-kart-gorsel img{position:absolute;top:14px;left:14px;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;max-width:none}
@media (max-width:767px){
  /* Sekme şeridi sayfa kenar boşluğu (10px) kadar taşsın; 16px taşınca iPhone'da sayfa yana kayıyordu */
  .bpa-uc-sekmeler{margin:0 -10px;padding:0 10px;width:calc(100% + 20px);box-sizing:border-box}
}
/* Güvenlik ağı: hiçbir öğe sayfayı yatayda kaydıramasın (iOS body'deki clip'i görüntü alanına yaymıyor) */
html{overflow-x:clip}