/* Piova – Takımı Özelleştir  v1.6.0 */
:root {
  --pbc-bg:       #faf9f7;
  --pbc-border:   #e4ddd3;
  --pbc-accent:   #8b6f47;
  --pbc-accent-h: #6d5535;
  --pbc-text:     #1e1a14;
  --pbc-muted:    #8a7e72;
  --pbc-checked:  #f3ede4;
  --pbc-green:    #3d6b4a;
  --pbc-dark:     #221e17;
  --pbc-wa:       #25d366;
  --pbc-wa-h:     #1aad53;
  --pbc-radius:   10px;
  --pbc-shadow:   0 4px 20px rgba(30,26,20,.09);
}

.pbc-wrap { width:100%; box-sizing:border-box; margin:24px 0 0; font-family:-apple-system,'Segoe UI',sans-serif; }

/* ── Parça seçim bloğu ── */
.pbc-configurator {
  width:100%; box-sizing:border-box;
  background:var(--pbc-bg);
  border:1.5px solid var(--pbc-border);
  border-radius:var(--pbc-radius);
  border-bottom-left-radius:0; border-bottom-right-radius:0;
  border-bottom:none;
  padding:20px 20px 16px;
}
.pbc-header { display:flex; align-items:center; gap:12px; padding-bottom:14px; margin-bottom:16px; border-bottom:1px solid var(--pbc-border); }
.pbc-title  { margin:0 0 2px; font-size:1rem; font-weight:700; color:var(--pbc-text); }
.pbc-subtitle { margin:0; font-size:.8rem; color:var(--pbc-muted); }

.pbc-modules {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  gap:8px;
}

/* Kart */
.pbc-module { box-sizing:border-box; }
.pbc-qty-input { display:none; }
.pbc-module-inner {
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border:1.5px solid var(--pbc-border);
  border-radius:8px; background:#fff; cursor:pointer;
  user-select:none; transition:border-color .15s,background .15s,box-shadow .15s;
  box-sizing:border-box; width:100%; min-height:56px;
}
.pbc-module[data-max]:not([data-max="1"]) .pbc-module-inner { cursor:default; }
.pbc-module:not([data-max="1"]):not(.pbc-checked):not(.pbc-required) .pbc-module-inner { cursor:pointer; }
.pbc-module:not(.pbc-required):hover .pbc-module-inner,
.pbc-module.pbc-checked .pbc-module-inner {
  border-color:var(--pbc-accent); background:var(--pbc-checked);
  box-shadow:0 0 0 2px rgba(139,111,71,.12);
}
.pbc-module-body { display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
.pbc-module-check {
  flex-shrink:0; width:20px; height:20px; border-radius:50%;
  border:2px solid var(--pbc-border); background:#fff;
  display:flex; align-items:center; justify-content:center; transition:all .15s;
}
.pbc-module-check svg { width:10px; height:10px; stroke:#fff; opacity:0; transition:opacity .12s; }
.pbc-module.pbc-checked .pbc-module-check,
.pbc-module.pbc-required .pbc-module-check { background:var(--pbc-accent); border-color:var(--pbc-accent); }
.pbc-module.pbc-checked .pbc-module-check svg,
.pbc-module.pbc-required .pbc-module-check svg { opacity:1; }
.pbc-module-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.pbc-module-label { font-size:.875rem; font-weight:600; color:var(--pbc-text); display:flex; align-items:center; flex-wrap:wrap; gap:5px; line-height:1.25; }
.pbc-badge { font-size:.68rem; font-weight:700; background:var(--pbc-green); color:#fff; border-radius:4px; padding:1px 6px; white-space:nowrap; }
.pbc-module-dim   { font-size:.75rem; color:var(--pbc-muted); }
.pbc-module-price { font-size:.8rem; font-weight:600; color:var(--pbc-accent); }
.pbc-qty-ctrl { display:flex; align-items:center; gap:4px; flex-shrink:0; transition:opacity .15s; }
.pbc-qty-ctrl.pbc-qty-hidden { opacity:0; pointer-events:none; }
.pbc-qty-btn {
  width:28px; height:28px; border-radius:50%!important;
  border:1.5px solid var(--pbc-border)!important; background:#fff!important;
  box-shadow:none!important; display:flex; align-items:center; justify-content:center;
  font-size:1rem; color:var(--pbc-text)!important; cursor:pointer; padding:0; outline:none;
  transition:border-color .12s,background .12s;
}
.pbc-qty-btn:hover:not(:disabled) { border-color:var(--pbc-accent)!important; background:var(--pbc-checked)!important; }
.pbc-qty-btn:disabled,.pbc-qty-btn[disabled] { opacity:.3!important; cursor:not-allowed!important; pointer-events:none; }
.pbc-qty-val { min-width:20px; text-align:center; font-size:.9rem; font-weight:700; color:var(--pbc-text); }

/* ── Ödeme tabları ── */
.pbc-payment-tabs {
  display:flex; width:100%; box-sizing:border-box;
  background:var(--pbc-bg);
  border-left:1.5px solid var(--pbc-border);
  border-right:1.5px solid var(--pbc-border);
  border-bottom:1.5px solid var(--pbc-border);
}
.pbc-tab {
  flex:1; padding:10px 16px;
  background:#fff; border:none; border-bottom:2px solid transparent;
  font-size:.875rem; font-weight:600; color:var(--pbc-muted);
  cursor:pointer; transition:all .15s;
}
.pbc-tab:hover { color:var(--pbc-text); background:var(--pbc-checked); }
.pbc-tab-active { color:var(--pbc-accent)!important; border-bottom-color:var(--pbc-accent)!important; background:var(--pbc-checked)!important; }

/* ── Özet blok ── */
.pbc-summary-block {
  width:100%; box-sizing:border-box;
  background:var(--pbc-dark); color:#fff;
  border-radius:var(--pbc-radius);
  border-top-left-radius:0; border-top-right-radius:0;
  padding:18px 20px 20px; box-shadow:var(--pbc-shadow);
}
.pbc-summary-table { width:100%; border-collapse:collapse; margin-bottom:0; }
.pbc-summary-table thead th { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; opacity:.45; padding:0 0 8px; text-align:left; }
.pbc-summary-table tbody tr+tr td { padding-top:5px; }
.pbc-summary-table tbody td { font-size:.85rem; line-height:1.3; padding:3px 0; vertical-align:baseline; }
.pbc-st-name  { color:rgba(255,255,255,.88); font-weight:500; padding-right:12px; }
.pbc-st-calc  { white-space:nowrap; color:rgba(255,255,255,.52); font-size:.78rem; text-align:right; }
.pbc-st-calc-m { display:none; }
.pbc-st-empty { font-size:.82rem; color:rgba(255,255,255,.38); font-style:italic; padding:4px 0; }

/* Taksit bilgisi */
.pbc-installment-info { margin-top:12px; padding:10px 12px; background:rgba(255,255,255,.06); border-radius:7px; }
.pbc-inst-row-display { display:flex; align-items:center; gap:10px; }
.pbc-bank-logo  { height:22px; object-fit:contain; filter:brightness(0) invert(1); opacity:.8; }
.pbc-bank-name  { font-size:.82rem; font-weight:600; opacity:.8; }
.pbc-inst-detail { font-size:.78rem; color:rgba(255,255,255,.55); }

/* Toplam satırı */
.pbc-total-row {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:16px; row-gap:8px;
  margin-top:12px; padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
}
.pbc-total-label { grid-column:1; grid-row:1; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em; opacity:.45; white-space:nowrap; }
.pbc-discount-bar { grid-column:2; grid-row:1; display:flex; align-items:center; gap:8px; min-width:0; overflow:hidden; }
.pbc-discount-tag { flex-shrink:0; background:#c0392b; color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.03em; padding:3px 8px; border-radius:4px; white-space:nowrap; }
.pbc-discount-text { font-size:.78rem; color:rgba(255,255,255,.6); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pbc-discount-text strong { color:#f5c87a; font-weight:700; }
.pbc-total-prices { grid-column:3; grid-row:1; display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0; }
.pbc-regular-price { display:block; font-size:.82rem; opacity:.38; text-decoration:line-through; white-space:nowrap; }
.pbc-total { font-size:1.5rem; font-weight:800; letter-spacing:-.025em; line-height:1; transition:all .2s; display:block; white-space:nowrap; }
.pbc-total.pbc-bump { transform:scale(1.05); color:#f5c87a; }

/* Ayraç */
.pbc-summary-divider { border:none; border-top:1px solid rgba(255,255,255,.10); margin:14px 0; }

/* Aksiyon butonları */
.pbc-actions { display:flex; gap:10px; }
.pbc-btn-cart, .pbc-btn-wa {
  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 16px; border:none; border-radius:8px;
  font-size:.9rem; font-weight:700; cursor:pointer;
  transition:background .15s,transform .1s,opacity .18s;
}
.pbc-btn-cart { background:var(--pbc-accent); color:#fff; }
.pbc-btn-cart:hover:not(:disabled):not(.pbc-btn-disabled) { background:var(--pbc-accent-h); transform:translateY(-1px); }
.pbc-btn-wa   { background:var(--pbc-wa); color:#fff; }
.pbc-btn-wa:hover:not(:disabled):not(.pbc-btn-disabled)   { background:var(--pbc-wa-h);    transform:translateY(-1px); }
.pbc-btn-cart svg, .pbc-btn-wa svg { width:18px; height:18px; flex-shrink:0; }
.pbc-btn-disabled,.pbc-btn-cart:disabled,.pbc-btn-wa:disabled { opacity:.4; cursor:not-allowed; transform:none; }

/* ── Responsive ── */
@media(max-width:540px){
  .pbc-configurator  { padding:14px 14px 12px; }
  .pbc-summary-block { padding:14px 14px 16px; }
  .pbc-modules       { gap:6px; }
  .pbc-module-label  { font-size:.84rem; }
  .pbc-total         { font-size:1.3rem; }
  .pbc-st-calc       { display:none; }
  .pbc-st-calc-m     { display:block; font-size:.73rem; color:rgba(255,255,255,.45); font-weight:400; margin-top:1px; }
  /* Toplam: 2 satır */
  .pbc-total-row     { grid-template-columns:1fr auto; }
  .pbc-total-label   { grid-column:1; grid-row:1; }
  .pbc-total-prices  { grid-column:2; grid-row:1; }
  .pbc-discount-bar  { grid-column:1/-1; grid-row:2; flex-wrap:wrap; overflow:visible; }
  .pbc-discount-text { white-space:normal; overflow:visible; text-overflow:unset; }
  .pbc-actions       { flex-direction:column; }
}
@media(max-width:360px){
  .pbc-qty-val { min-width:16px; font-size:.85rem; }
  .pbc-qty-btn { width:25px; height:25px; }
}

/* ═══════════════════════════════════════
   v1.6.0 — Ödeme seçimi, taksit, popup
   ═══════════════════════════════════════ */

/* Ödeme seçimi — alt alta */
.pbc-payment-block {
  width:100%; box-sizing:border-box;
  background:var(--pbc-bg);
  border-left:1.5px solid var(--pbc-border);
  border-right:1.5px solid var(--pbc-border);
  border-bottom:1.5px solid var(--pbc-border);
  padding:10px;
  display:flex; flex-direction:column; gap:8px;
}
.pbc-pay-option {
  display:flex; align-items:center; gap:10px;
  padding:11px 14px; background:#fff;
  border:1.5px solid var(--pbc-border); border-radius:8px;
  cursor:pointer; transition:all .15s; user-select:none;
}
.pbc-pay-option:hover { border-color:var(--pbc-accent); background:var(--pbc-checked); }
.pbc-pay-active { border-color:var(--pbc-accent)!important; background:var(--pbc-checked)!important; box-shadow:0 0 0 2px rgba(139,111,71,.12); }
.pbc-pay-radio {
  flex-shrink:0; width:18px; height:18px; border-radius:50%;
  border:2px solid var(--pbc-border); background:#fff; position:relative; transition:all .15s;
}
.pbc-pay-active .pbc-pay-radio { border-color:var(--pbc-accent); }
.pbc-pay-active .pbc-pay-radio::after {
  content:''; position:absolute; inset:3px; border-radius:50%; background:var(--pbc-accent);
}
.pbc-pay-icon  { font-size:1.1rem; line-height:1; }
.pbc-pay-label { font-size:.875rem; font-weight:600; color:var(--pbc-text); flex:1; }
.pbc-pay-logo  { height:20px; max-width:80px; object-fit:contain; }

/* Taksit bilgisi bloğu */
.pbc-installment-info { margin-top:12px; padding:12px; background:rgba(255,255,255,.05); border-radius:8px; }
.pbc-inst-row-display { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pbc-bank-logo  { height:24px; max-width:120px; object-fit:contain; }
.pbc-bank-name  { font-size:.85rem; font-weight:700; opacity:.9; }
.pbc-inst-detail{ font-size:.8rem; color:rgba(255,255,255,.6); font-weight:600; }

/* Aylık taksit vurgusu */
.pbc-monthly-row {
  margin-top:10px; padding-top:10px;
  border-top:1px solid rgba(255,255,255,.10);
  text-align:right;
}
.pbc-monthly-text { font-size:1rem; color:rgba(255,255,255,.85); }
.pbc-monthly-text strong { color:#fff; font-weight:700; }
.pbc-monthly-amount { color:#f5c87a!important; font-size:1.15rem; }

/* Loading state */
.pbc-btn-cart.pbc-loading { opacity:.6; pointer-events:none; position:relative; }
.pbc-btn-cart.pbc-loading::after {
  content:''; position:absolute; right:14px; top:50%; margin-top:-8px;
  width:16px; height:16px; border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff; border-radius:50%; animation:pbc-spin .6s linear infinite;
}
@keyframes pbc-spin { to { transform:rotate(360deg); } }


/* ═══ v1.6.0 — Kredi kartı seçim alanı + taksit notu ═══ */

/* Kredi kartı seçim alanı: logo + büyük taksit metni */
.pbc-pay-option { flex-wrap:wrap; }
.pbc-pay-label-card {
  flex:1; display:flex; flex-direction:column; gap:1px; min-width:0;
}
.pbc-pay-card-title {
  font-size:.95rem; font-weight:700; color:var(--pbc-text); line-height:1.2;
}
.pbc-pay-card-sub {
  font-size:.78rem; color:var(--pbc-accent); font-weight:600;
}
.pbc-pay-logo {
  height:22px; width:auto; max-width:70px;
  object-fit:contain; flex-shrink:0;
  order:3; margin-left:auto;
}

/* Taksit notu */
.pbc-installment-info { margin-top:12px; padding:11px 13px; background:rgba(255,255,255,.06); border-radius:8px; }
.pbc-inst-note { margin:0; font-size:.8rem; line-height:1.5; color:rgba(255,255,255,.7); }
.pbc-inst-note strong { color:#f5c87a; font-weight:700; }

/* Aylık taksit vurgusu (toplam altı) */
.pbc-monthly-row { margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.10); text-align:right; }
.pbc-monthly-text { font-size:1.05rem; color:rgba(255,255,255,.85); }
.pbc-monthly-text strong { color:#fff; font-weight:700; }
.pbc-monthly-amount { color:#f5c87a!important; font-size:1.25rem; }

/* ── Sepete eklendi popup ── */
.pbc-popup-overlay {
  position:fixed; inset:0; z-index:99999;
  background:rgba(20,16,10,.55);
  display:flex; align-items:center; justify-content:center;
  padding:20px;
}
.pbc-popup {
  background:#fff; border-radius:14px; padding:28px 24px;
  max-width:380px; width:100%; text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.3);
  animation:pbc-pop .25s ease;
}
@keyframes pbc-pop { from { transform:scale(.92); opacity:0; } to { transform:scale(1); opacity:1; } }
.pbc-popup-icon {
  width:56px; height:56px; margin:0 auto 16px;
  border-radius:50%; background:var(--pbc-green);
  display:flex; align-items:center; justify-content:center;
}
.pbc-popup-icon svg { width:28px; height:28px; stroke:#fff; }
.pbc-popup-title { margin:0 0 8px; font-size:1.15rem; font-weight:700; color:var(--pbc-text); }
.pbc-popup-text  { margin:0 0 22px; font-size:.88rem; color:var(--pbc-muted); line-height:1.4; }
.pbc-popup-text strong { color:var(--pbc-accent); }
.pbc-popup-actions { display:flex; flex-direction:column; gap:9px; }
.pbc-popup-cart, .pbc-popup-continue {
  display:block; width:100%; box-sizing:border-box;
  padding:13px 20px; border-radius:8px; font-size:.92rem; font-weight:700;
  cursor:pointer; text-align:center; text-decoration:none; transition:all .15s; border:none;
}
.pbc-popup-cart { background:var(--pbc-accent); color:#fff; }
.pbc-popup-cart:hover { background:var(--pbc-accent-h); }
.pbc-popup-continue { background:#f0ece6; color:var(--pbc-text); }
.pbc-popup-continue:hover { background:#e4ddd3; }

/* ═══ v1.6.0 — Satış bilgi kutusu ═══ */
.pbc-sales-info {
  width:100%; box-sizing:border-box;
  background:#fff;
  border:1.5px solid var(--pbc-border);
  border-radius:var(--pbc-radius);
  padding:14px 18px;
  margin-bottom:14px;
  display:flex; flex-direction:column; gap:9px;
}
.pbc-si-row { display:flex; align-items:flex-start; gap:10px; font-size:.9rem; line-height:1.4; color:var(--pbc-text); }
.pbc-si-icon { flex-shrink:0; font-size:1.05rem; line-height:1.3; }
.pbc-si-text { flex:1; }
.pbc-si-text strong { color:var(--pbc-accent); font-weight:700; }
.pbc-si-stock .pbc-si-text strong { color:var(--pbc-green); }

@media(max-width:540px){
  .pbc-sales-info { padding:12px 14px; gap:8px; }
  .pbc-si-row { font-size:.84rem; }
}