.pbm-page-shell{max-width:520px;margin:28px auto;padding:0 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
.pbm-page-card{position:relative;background:white;border-radius:0 0 24px 24px;overflow:visible;box-shadow:none;padding-top:18px;}
.pbm-logo{position:absolute;left:50%;transform:translateX(-50%);background:#fff;padding:6px;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.10);display:none;}
.pbm-logo-page{top:-28px;z-index:3;}
.pbm-body{padding:40px 22px 18px;text-align:center;}
.pbm-page-body{padding-bottom:8px;}
.pbm-title{margin:0;font-size:30px;line-height:1.1;color:#140f39;font-weight:800;letter-spacing:-.02em;}
.pbm-subtitle{margin:20px 0 18px;color:#64748b;font-size:14px;line-height:1.5;}
.pbm-current-location{margin:0 auto 18px;display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #d9dde4;border-radius:999px;padding:10px 16px;color:#0f172a;font-size:14px;}
.pbm-row{display:flex;gap:10px;justify-content:center;align-items:stretch;}
.pbm-page-row{align-items:stretch;}
.pbm-inputwrap{position:relative;flex:1;min-width:0;}
#pbm_pincode{width:100%;border:1px solid #dadce0;border-radius:16px;padding:0 18px;font-size:12px;outline:none;background:#fff;min-height:46px;box-sizing:border-box;color:#111827;}
#pbm_pincode:focus{border-color:#ff7a4d;box-shadow:0 0 0 3px rgba(255,122,77,.12);}
#pbm_check,#pbm_confirm{border:none;border-radius:16px;padding:0 08px;background:#ff7a4d;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap;min-height:46px;text-transform:uppercase;font-size:12px;}
#pbm_check:disabled,#pbm_confirm:disabled{opacity:.6;cursor:not-allowed;}
.pbm-suggest{position:absolute;left:0;right:0;top:50px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);text-align:left;max-height:220px;overflow:auto;z-index:10;}
.pbm-suggest-item{width:100%;border:0;background:#fff;padding:10px 12px;cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:space-between;text-align:left;}
.pbm-suggest-item:hover{background:#f8fafc;}
.pbm-suggest-item span{display:flex;flex-direction:column;gap:2px;}
.pbm-suggest-item span small{font-size:12px;color:#64748b;}
.pbm-suggest-item em{font-style:normal;font-size:11px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#0f172a;}
.pbm-result{margin-top:12px;border-radius:14px;padding:12px;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;}
.pbm-result.success{background:#ecfdf5;border-color:#bbf7d0;}
.pbm-result.error{background:#fef2f2;border-color:#fecaca;}
.pbm-ok{color:#166534;font-weight:800;}
.pbm-bad{color:#991b1b;font-weight:800;}
.pbm-kv{margin-top:6px;color:#0f172a;font-size:13px;}
.pbm-result-actions{margin-top:12px;}
.pbm-footer{margin-top:12px;color:#94a3b8;font-size:11px;}
.pbm-bar{display:flex;}
.pbm-bar-inner{display:flex;gap:12px;align-items:center;border-radius:999px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.pbm-bar-shortcode{position:static;left:auto;right:auto;bottom:auto;z-index:auto;justify-content:flex-start;pointer-events:auto;margin:8px 0;}
.pbm-bar-shortcode .pbm-bar-inner{background:#fff;color:#0f172a;border:1px solid #ececec;max-width:100%;width:auto;}
.pbm-bar-shortcode .pbm-bar-text{font-size:15px;}
.pbm-bar-shortcode .pbm-change-link{padding:10px 16px;}
.pbm-bar-floating{position:fixed;left:0;right:0;bottom:12px;z-index:999998;justify-content:center;pointer-events:none;}
.pbm-bar-floating .pbm-bar-inner{pointer-events:auto;background:#fff;color:#0f172a;border:1px solid #ececec;max-width:92%;width:auto;}
.pbm-change-link{border:none;border-radius:999px;padding:9px 16px;background:#ff7a4d;color:#fff !important;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;}
@media (max-width: 600px){.pbm-page-shell{padding:0 10px;margin:18px auto 30px;}.pbm-title{font-size:24px;}.pbm-subtitle{font-size:13px;}.pbm-row{flex-direction:row;}.pbm-inputwrap{min-width:0;}.pbm-bar-shortcode .pbm-bar-inner,.pbm-bar-floating .pbm-bar-inner{max-width:calc(100% - 20px);}.pbm-bar-shortcode{justify-content:flex-start;}}

.pbm-checkout-notice-wrap{margin:0 0 14px;}
.pbm-checkout-pin-notice{margin:0 0 10px;padding:12px 14px;border:1px solid #fed7aa;background:#fff7ed;border-radius:12px;color:#9a3412;font-weight:600;line-height:1.5;}
.pbm-checkout-change-bar{margin:0 0 8px;justify-content:flex-start;}
.pbm-checkout-change-bar .pbm-bar-inner{background:#fff;color:#0f172a;border:1px solid #ececec;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.pbm-checkout-change-bar .pbm-bar-text{font-size:15px;}
.pbm-checkout-change-bar .pbm-change-link{padding:10px 16px;}

.pbm-checkout-change-notice{margin:0;padding:12px 14px;}
.pbm-checkout-change-notice-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.pbm-checkout-change-copy{font-weight:600;color:#9a3412;line-height:1.4;}
.pbm-checkout-change-button{padding:7px 14px;font-size:12px;line-height:1.2;flex:0 0 auto;}
@media (max-width: 600px){.pbm-checkout-change-notice-inner{gap:10px;}.pbm-checkout-change-button{padding:7px 12px;font-size:11px;}}













/* ===== PBM result box right side image ===== */
.pbm-result{
  position: relative;
  overflow: hidden;
}

.pbm-result.success{
  background: #ecfdf5;
  border-color: #bbf7d0;
  padding: 16px 170px 16px 16px; /* right side image ke liye jagah */
  min-height: 190px;
}

.pbm-result.success::after{
  content: "";
  position: absolute;
  right: 12px;
  top: 14px;              /* center se hata ke top-right */
  transform: none;
  width: 150px;
  height: 150px;
  background: url('https://srgcreatives.in/wp-content/uploads/2026/04/Face-Wash-1.gif') center center / contain no-repeat;
  pointer-events: none;
}

.pbm-result.success .pbm-kv,
.pbm-result.success .pbm-result-actions,
.pbm-result.success .pbm-ok{
  position: relative;
  z-index: 1;
}

@media (max-width: 600px){
  .pbm-result.success{
    padding: 16px 150px 16px 16px; /* mobile me bhi right side hi rahe */
    min-height: 185px;
  }

  .pbm-result.success::after{
    right: 8px;
    top: 12px;
    bottom: auto;
    transform: none;
    width: 130px;
    height: 130px;
  }
}





/* Change Location button style */
#pbm_change_location,
button#pbm_change_location,
a#pbm_change_location {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff7a00, #ff5a00);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(255, 106, 0, 0.22);
  transition: all 0.22s ease;
  appearance: none;
  -webkit-appearance: none;
}

/* hover */
#pbm_change_location:hover,
button#pbm_change_location:hover,
a#pbm_change_location:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(255, 106, 0, 0.28);
  background: linear-gradient(135deg, #ff8a1c, #ff6200);
  color: #fff !important;
}

/* click */
#pbm_change_location:active,
button#pbm_change_location:active,
a#pbm_change_location:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(255, 106, 0, 0.18);
}

/* focus */
#pbm_change_location:focus,
button#pbm_change_location:focus,
a#pbm_change_location:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.18), 0 8px 18px rgba(255, 106, 0, 0.22);
}

/* mobile */
@media (max-width: 480px) {
  #pbm_change_location,
  button#pbm_change_location,
  a#pbm_change_location {
    min-width: 105px;
    height: 38px;
    font-size: 13px;
    border-radius: 8px;
    padding: 0 14px;
  }
}