/* ═══════════════════════════════════════════════════
   Boutik Pam G2Bulk — Pwodwi MANYÈL
   Badj sou tuile a + popop idantifyan
   ═══════════════════════════════════════════════════ */

/* ── Badj sou tuile a ── */
.bpgb-tile--manual{
  position:relative;
}
.bpgb-tile-manual-tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:6px;
  padding:3px 8px;
  border-radius:999px;
  background:#fff4e0;
  border:1px solid #ffd79a;
  color:#a15c00;
  font-size:10.5px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
}
.bpgb-tile--manual.selected .bpgb-tile-manual-tag{
  background:#fff;
  border-color:#f0b96b;
}

/* ── Overlay ── */
.bpgb-mn-overlay{
  position:fixed;
  inset:0;
  background:rgba(10,15,30,.62);
  backdrop-filter:blur(2px);
  z-index:99998;
}

/* ── Popop ── */
.bpgb-mn{
  position:fixed;
  z-index:99999;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(430px,calc(100vw - 28px));
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(10,15,30,.32);
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  color:#111827;
  animation:bpgb-mn-in .22s ease-out;
}
@keyframes bpgb-mn-in{
  from{opacity:0;transform:translate(-50%,-46%) scale(.97)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.bpgb-mn *,.bpgb-mn *::before,.bpgb-mn *::after{box-sizing:border-box}

/* ── Tèt ── */
.bpgb-mn-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:20px 20px 14px;
  border-bottom:1px solid #eef0f4;
}
.bpgb-mn-eyebrow{
  display:block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e8940f;
  margin-bottom:3px;
}
.bpgb-mn-title{
  margin:0;
  font-size:1.12rem;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.25;
  color:#111827;
}
.bpgb-mn-close{
  flex:none;
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:#f3f4f6;
  color:#4b5563;
  font-size:15px;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease;
}
.bpgb-mn-close:hover{background:#e5e7eb}

/* ── Kò ── */
.bpgb-mn-body{padding:16px 20px 20px}

.bpgb-mn-prod{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 13px;
  margin-bottom:13px;
  border-radius:11px;
  background:#f6f8fc;
  border:1px solid #e6ebf5;
}
.bpgb-mn-prod-name{font-size:13px;font-weight:600;line-height:1.35}
.bpgb-mn-prod-price{font-size:14px;font-weight:800;color:#1B3DE8;white-space:nowrap}

.bpgb-mn-alert{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:11px 13px;
  margin-bottom:17px;
  border-radius:11px;
  background:#fff8ec;
  border:1px solid #f5dcae;
  color:#7a4f00;
  font-size:12.3px;
  line-height:1.55;
}
.bpgb-mn-alert-ico{flex:none;font-size:15px;line-height:1.2}

.bpgb-mn-lbl{
  display:block;
  margin:0 0 6px;
  font-size:12.5px;
  font-weight:600;
  color:#374151;
}
.bpgb-mn-req{color:#e53935}

.bpgb-mn-input{
  width:100%;
  height:46px;
  padding:0 14px;
  margin-bottom:14px;
  border:1.5px solid #dfe3ec;
  border-radius:11px;
  background:#fff;
  font-family:inherit;
  font-size:14.5px;
  color:#111827;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.bpgb-mn-input::placeholder{color:#9aa3b2;font-size:13.5px}
.bpgb-mn-input:focus{border-color:#1B3DE8;box-shadow:0 0 0 3px rgba(27,61,232,.13)}
.bpgb-mn-input.is-bad{border-color:#e53935;box-shadow:0 0 0 3px rgba(229,57,53,.12)}
.bpgb-mn-input.is-good{border-color:#159a68;box-shadow:0 0 0 3px rgba(21,154,104,.11)}

.bpgb-mn-login-help{
  margin:-6px 0 7px;
  padding:10px 12px;
  border:1px solid #dbe6ff;
  border-radius:10px;
  background:#f4f7ff;
  color:#48556a;
  font-size:11.8px;
  line-height:1.5;
}
.bpgb-mn-login-help strong{color:#b42318}
.bpgb-mn-login-help code{font-size:11.5px;color:#1b3de8;background:#fff;padding:1px 4px;border-radius:4px}
.bpgb-mn-login-status{min-height:18px;margin:0 0 10px;font-size:11.8px;font-weight:650;line-height:1.4}
.bpgb-mn-login-status.ok{color:#087f5b}
.bpgb-mn-login-status.err{color:#b42318}

.bpgb-mn-passrow{position:relative}
.bpgb-mn-passrow .bpgb-mn-input{padding-right:48px}
.bpgb-mn-eye{
  position:absolute;
  top:9px;
  right:8px;
  width:34px;
  height:34px;
  border:0;
  border-radius:8px;
  background:transparent;
  font-size:15px;
  line-height:1;
  cursor:pointer;
  opacity:.55;
  transition:opacity .15s ease,background .15s ease;
}
.bpgb-mn-eye:hover{opacity:1;background:#f3f4f6}

/* ── Tip kont ── */
.bpgb-mn-types{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:16px;
}
.bpgb-mn-type{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:52px;
  padding:0 10px;
  border:1.5px solid #dfe3ec;
  border-radius:12px;
  background:#fff;
  font-family:inherit;
  font-size:13.5px;
  font-weight:600;
  color:#374151;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .12s ease;
}
.bpgb-mn-type:hover{border-color:#c3cbdb;transform:translateY(-1px)}
.bpgb-mn-type.selected{
  border-color:#1B3DE8;
  background:#f2f5ff;
  color:#1B3DE8;
  box-shadow:0 0 0 3px rgba(27,61,232,.1);
}
.bpgb-mn-type-ico{display:flex;flex:none}

/* ── Kaz konfimasyon ── */
.bpgb-mn-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 13px;
  margin-bottom:14px;
  border:1.5px solid #dfe3ec;
  border-radius:11px;
  background:#fafbfd;
  font-size:12.8px;
  line-height:1.5;
  color:#374151;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.bpgb-mn-check:hover{border-color:#c3cbdb}
.bpgb-mn-check input{
  flex:none;
  width:19px;
  height:19px;
  margin:0;
  accent-color:#1B3DE8;
  cursor:pointer;
}
.bpgb-mn-check.is-on{border-color:#1B3DE8;background:#f2f5ff}
.bpgb-mn-check.is-bad{border-color:#e53935;background:#fff5f5}

/* ── Erè ── */
.bpgb-mn-err{
  padding:10px 13px;
  margin-bottom:12px;
  border-radius:10px;
  background:#fff1f1;
  border:1px solid #f3c2c2;
  color:#b3261e;
  font-size:12.5px;
  line-height:1.5;
}

/* ── Bouton ── */
.bpgb-mn-submit{
  width:100%;
  height:52px;
  border:0;
  border-radius:13px;
  background:linear-gradient(180deg,#F9B233,#E8940F);
  color:#2B1B04;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(232,148,15,.28);
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.bpgb-mn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px rgba(232,148,15,.36)}
.bpgb-mn-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

.bpgb-mn-privacy{
  margin:12px 0 0;
  font-size:11.2px;
  line-height:1.5;
  color:#8b93a3;
  text-align:center;
}

/* ── Mobil ── */
@media (max-width:520px){
  .bpgb-mn{
    top:auto;
    bottom:0;
    left:0;
    transform:none;
    width:100%;
    max-height:92vh;
    border-radius:20px 20px 0 0;
    animation:bpgb-mn-up .25s ease-out;
  }
  @keyframes bpgb-mn-up{
    from{transform:translateY(100%)}
    to{transform:translateY(0)}
  }
  .bpgb-mn-head{padding:18px 16px 13px}
  .bpgb-mn-body{padding:14px 16px 26px}
  .bpgb-mn-input{height:48px;font-size:16px} /* 16px = pa gen zoom sou iOS */
  .bpgb-mn-submit{height:50px}
}

@media (prefers-reduced-motion:reduce){
  .bpgb-mn{animation:none}
  .bpgb-mn-type:hover,.bpgb-mn-submit:hover:not(:disabled){transform:none}
}

/* ═══════════════════════════════════════════════════
   RANFÒSMAN — anpeche tèm nan pentire bouton popop la
   Tèm nan bay tout <button> yon fon wouj; nou ranvèse sa
   isit la sèlman anndan popop la.
   ═══════════════════════════════════════════════════ */
.bpgb-mn button,
.bpgb-mn input{
  font-family:inherit !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}

/* Bouton fèmen */
.bpgb-mn .bpgb-mn-close{
  background:#f3f4f6 !important;
  color:#4b5563 !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  padding:0 !important;
  min-width:0 !important;
  width:32px !important;
  height:32px !important;
}
.bpgb-mn .bpgb-mn-close:hover{background:#e5e7eb !important;color:#111827 !important}

/* Bouton je */
.bpgb-mn .bpgb-mn-eye{
  background:transparent !important;
  color:#6b7280 !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-width:0 !important;
}
.bpgb-mn .bpgb-mn-eye:hover{background:#f3f4f6 !important}

/* ── TIP KONT — chwa a dwe byen vizib ── */
.bpgb-mn .bpgb-mn-type{
  position:relative !important;
  background:#fff !important;
  color:#374151 !important;
  border:2px solid #dfe3ec !important;
  box-shadow:none !important;
  text-shadow:none !important;
  padding:0 10px !important;
  min-width:0 !important;
  height:54px !important;
  border-radius:12px !important;
  font-weight:600 !important;
  font-size:13.5px !important;
}
.bpgb-mn .bpgb-mn-type:hover{
  background:#f8fafc !important;
  border-color:#c3cbdb !important;
  color:#374151 !important;
}

/* Eta CHWAZI a: fon ble, tèks blan, mak ✓ */
.bpgb-mn .bpgb-mn-type.selected{
  background:#1B3DE8 !important;
  border-color:#1B3DE8 !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(27,61,232,.28) !important;
}
.bpgb-mn .bpgb-mn-type.selected .bpgb-mn-type-name{color:#fff !important}

/* Ti won blan dèyè logo a pou l rete lizib sou fon ble a */
.bpgb-mn .bpgb-mn-type.selected .bpgb-mn-type-ico{
  background:#fff;
  border-radius:50%;
  padding:3px;
  display:flex;
}

/* Mak ✓ nan kwen an */
.bpgb-mn-type-check{
  position:absolute;
  top:-8px;
  right:-8px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#16a34a;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:22px;
  text-align:center;
  border:2px solid #fff;
  opacity:0;
  transform:scale(.5);
  transition:opacity .16s ease,transform .16s ease;
}
.bpgb-mn .bpgb-mn-type.selected .bpgb-mn-type-check{opacity:1;transform:scale(1)}

/* Konfimasyon an tèks anba bouton yo */
.bpgb-mn-typepick{
  display:flex;
  align-items:center;
  gap:8px;
  margin:-6px 0 16px;
  padding:9px 12px;
  border-radius:10px;
  background:#eef7f0;
  border:1px solid #bfe3c9;
  color:#166534;
  font-size:12.5px;
  line-height:1.45;
}
.bpgb-mn-typepick-ico{
  flex:none;
  width:18px;height:18px;
  border-radius:50%;
  background:#16a34a;color:#fff;
  font-size:11px;font-weight:800;
  line-height:18px;text-align:center;
}

/* Ti esplikasyon anba yon chan */
.bpgb-mn-hint{
  margin:-9px 0 14px;
  font-size:11.5px;
  line-height:1.45;
  color:#8b93a3;
}

/* Bouton konfimasyon */
.bpgb-mn .bpgb-mn-submit{
  background:linear-gradient(180deg,#F9B233,#E8940F) !important;
  color:#2B1B04 !important;
  border:0 !important;
  text-shadow:none !important;
  width:100% !important;
  height:52px !important;
  border-radius:13px !important;
  font-weight:800 !important;
  font-size:15px !important;
}
.bpgb-mn .bpgb-mn-submit:disabled{opacity:.42 !important;cursor:not-allowed !important}

/* Kaz konfimasyon */
.bpgb-mn .bpgb-mn-check input[type=checkbox]{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  margin:0 !important;
  opacity:1 !important;
  position:static !important;
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
}