.ssbp-app,.ssbp-app *{box-sizing:border-box}
.ssbp-app{--ssbp-primary:#6f5ef9;--ssbp-accent:#e2644f;--ssbp-text:#18152a;--ssbp-muted:#6b6880;max-width:980px;margin:0 auto;background:#fff;font-family:var(--ssbp-font,Inter,Arial,sans-serif);color:var(--ssbp-text)}
.ssbp-shell{display:grid;grid-template-columns:37% 63%;min-height:520px;border:1px solid #e8e8eb;background:#fff}
.ssbp-left{display:flex;flex-direction:column;justify-content:flex-start;padding:36px 28px 24px;background:#fbfbfc;border-right:1px solid #efeff2;min-width:0}
.ssbp-logo{max-width:110px;max-height:34px;display:block;margin-bottom:28px;object-fit:contain}
.ssbp-left-inner{max-width:220px}
.ssbp-eyebrow{font-size:11px;line-height:1.25;color:#b2b2b8;text-transform:uppercase;letter-spacing:.02em;margin-bottom:14px}
.ssbp-left h2{font-size:32px;line-height:1.02;letter-spacing:-.02em;color:#37308d;font-weight:500;margin:0 0 10px;max-width:180px}
.ssbp-left p{font-size:12px;line-height:1.45;color:#8a8d96;max-width:200px;margin:0}
.ssbp-left-note{margin-top:20px;font-size:13px;line-height:1.35;color:#6258dc;font-weight:500}
.ssbp-selection-box{margin-top:auto;padding-top:20px;max-width:308px}
.ssbp-selection-box.is-hidden{display:none}
.ssbp-selection-prefix{display:flex;align-items:center;gap:8px;font-size:12px;color:#ef6a54;margin-bottom:8px}
.ssbp-selection-prefix:before{content:'●';font-size:12px}
.ssbp-selection-card{position:relative;border:1px solid #b9b2ff;border-radius:4px;padding:12px 14px;background:#fff}
.ssbp-selection-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.ssbp-selection-date{font-size:12px;line-height:1.45;color:#666b74;max-width:185px}
.ssbp-edit-link{background:none;border:none;color:#6559d8;font-size:13px;font-weight:500;cursor:pointer;padding:0;white-space:nowrap}
.ssbp-selection-time{display:inline-flex;align-items:center;justify-content:center;background:#6961e8;color:#fff;border-radius:4px;padding:9px 12px;font-size:15px;font-weight:700;line-height:1}
.ssbp-left-back{display:none;margin-top:18px;width:86px;height:38px;border:1px solid #d7d7db;background:#ececec;color:#9b9ba1;border-radius:4px;font-size:13px}
.ssbp-right{padding:18px 24px 20px;min-width:0}
.ssbp-progress{display:flex;gap:10px;margin-bottom:14px}
.ssbp-progress span{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eceafb;color:#7c72ea;font-weight:700;font-size:14px}
.ssbp-progress span.is-active{background:#6a61e8;color:#fff}
.ssbp-step{display:none}
.ssbp-step.is-active{display:block}
.ssbp-step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.ssbp-step-head h3{font-size:12px;font-weight:500;color:#666;margin:0}
.ssbp-dates-wrap{margin-bottom:14px;overflow:hidden}
.ssbp-dates{display:flex;gap:12px;overflow-x:auto;padding:0 2px 6px;scrollbar-width:thin;scrollbar-color:#9a9a9d transparent}
.ssbp-dates::-webkit-scrollbar{height:8px}.ssbp-dates::-webkit-scrollbar-thumb{background:#9a9a9d;border-radius:10px}
.ssbp-date-card{flex:0 0 auto;width:64px;height:82px;border:1px solid #d8dae2;border-radius:4px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#8d9199;transition:.15s}
.ssbp-date-card.is-active{background:#6b63f2;border-color:#6b63f2;color:#fff;box-shadow:0 8px 18px rgba(107,99,242,.2)}
.ssbp-date-day{font-size:11px;line-height:1;text-transform:uppercase;margin-bottom:7px}
.ssbp-date-num{font-size:16px;font-weight:700;line-height:1;margin-bottom:5px}
.ssbp-date-month{font-size:11px;line-height:1}
.ssbp-slots-wrap{margin-bottom:12px}
.ssbp-slots-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.ssbp-slots-head strong{font-size:14px;font-weight:700;color:#555}
.ssbp-timezone{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #d8dbe2;border-radius:12px;background:#fff;color:#666b74;font-size:12px}
.ssbp-slot-group{margin-bottom:18px}.ssbp-slot-group:last-child{margin-bottom:0}
.ssbp-slot-group-title{font-size:12px;color:#7b7b88;margin-bottom:8px}
.ssbp-slot-row{display:flex;flex-wrap:wrap;gap:10px}
.ssbp-slot-chip{min-width:74px;height:30px;border:1px solid #d7dae3;border-radius:4px;background:#fff;color:#61656f;font-size:12px;font-weight:500;padding:0 10px;cursor:pointer}
.ssbp-slot-chip.is-active{background:#6b63f2;border-color:#6b63f2;color:#fff;box-shadow:0 8px 18px rgba(107,99,242,.18)}
.ssbp-consult-note{font-size:12px;line-height:1.4;color:#a0a2a9;max-width:320px;margin-top:12px}
.ssbp-step-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:28px}
.ssbp-next-btn{min-width:198px;height:48px;padding:0 22px;border:none;background:#e2644f;color:#fff;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer}
.ssbp-next-btn[disabled]{opacity:.45;cursor:not-allowed}
.ssbp-step2-grid{display:grid;grid-template-columns:1fr;gap:0}
.ssbp-step2-title{font-size:12px;color:#777;line-height:1.4;margin-bottom:14px}
.ssbp-step2-form-wrap{max-width:520px}
.ssbp-form{max-width:100%}
.ssbp-form-grid{display:grid;gap:12px}
.ssbp-form-grid.two-cols{grid-template-columns:1fr 1fr}
.ssbp-form input,.ssbp-form textarea,.ssbp-form select{width:100%;border:1px solid #e0e0e0;background:#fff;color:#545861;font-size:12px;padding:11px 12px;border-radius:2px;box-shadow:none}
.ssbp-form input::placeholder,.ssbp-form textarea::placeholder{color:#a4a7ae}
.ssbp-phone-wrap{display:grid;grid-template-columns:104px 1fr;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;margin-top:12px;background:#fff}
.ssbp-phone-prefix{display:flex;align-items:center;justify-content:center;font-size:12px;color:#444;background:#fff;border-right:1px solid #e0e0e0;padding:0 8px}
.ssbp-phone-wrap input{border:none !important}
.ssbp-field-caption{display:block;font-size:12px;color:#666;margin:12px 0 6px}
.ssbp-select-wrap{position:relative;display:block;width:100%}.ssbp-select-wrap:after{content:'⌄';position:absolute;right:14px;top:50%;transform:translateY(-54%);font-size:18px;color:#9a9a9f;pointer-events:none}
.ssbp-select-wrap select{appearance:none;padding-right:32px}
.ssbp-form textarea{height:120px;resize:none}
.ssbp-response{font-size:12px;margin-top:8px;color:#c2410c;min-height:18px}
.ssbp-step2-actions{justify-content:space-between;align-items:center;margin-top:16px}
.ssbp-back-link{width:96px;height:42px;border:1px solid #d7d7db;background:#ececec;color:#9b9ba1;border-radius:4px;font-size:14px;cursor:pointer}
.ssbp-submit-btn{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:42px;border:none;background:#df6553;color:#fff;border-radius:4px;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.ssbp-confirm-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:10px}.ssbp-confirm-check{width:22px;height:22px;border-radius:50%;border:2px solid #2563eb;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.ssbp-confirm-card{background:#eef2ef;border-radius:12px;padding:18px;position:relative;min-height:220px;margin-bottom:14px}.ssbp-confirm-icon{font-size:28px;color:#2563eb;margin-bottom:12px}.ssbp-confirm-service-title{font-size:14px;font-weight:700;color:#303030;margin-bottom:10px}.ssbp-confirm-service-desc{font-size:13px;color:#5f6368;line-height:1.45;max-width:280px}.ssbp-confirm-meta,.ssbp-confirm-date-line{font-size:13px;color:#5f6368;margin:14px 0 10px}.ssbp-confirm-time-line{font-size:20px;color:#232323;margin-bottom:18px}.ssbp-confirm-time-line .sep{padding:0 12px}.ssbp-confirm-advisor{width:132px;height:auto;display:block;align-self:end}.ssbp-confirm-text{font-size:13px;line-height:1.55;color:#333;margin-bottom:14px}.ssbp-confirm-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.ssbp-confirm-cta{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:6px;background:#1460e8;color:#fff;text-decoration:none;font-size:13px;font-weight:600}
.ssbp-no-slots{border:1px dashed #d7d7db;border-radius:12px;padding:16px;font-size:12px;color:#707070}
.ssbp-loading{font-size:12px;color:#707070;padding:12px 0}
@media(max-width:991px){.ssbp-app{max-width:100%}.ssbp-shell{display:grid;grid-template-columns:37% 63%;min-height:520px;border:1px solid #e8e8eb;background:#fff}.ssbp-left{display:flex;flex-direction:column;justify-content:flex-start;padding:36px 28px 24px;background:#fbfbfc;border-right:1px solid #efeff2;min-width:0}.ssbp-left h2{font-size:32px;line-height:1.02;letter-spacing:-.02em;color:#37308d;font-weight:500;margin:0 0 10px;max-width:180px}.ssbp-right{padding:18px 24px 20px;min-width:0}}
@media(max-width:767px){.ssbp-shell{display:grid;grid-template-columns:37% 63%;min-height:520px;border:1px solid #e8e8eb;background:#fff}.ssbp-left{display:flex;flex-direction:column;justify-content:flex-start;padding:36px 28px 24px;background:#fbfbfc;border-right:1px solid #efeff2;min-width:0}.ssbp-logo{max-width:110px;max-height:34px;display:block;margin-bottom:28px;object-fit:contain}.ssbp-eyebrow{font-size:11px;line-height:1.25;color:#b2b2b8;text-transform:uppercase;letter-spacing:.02em;margin-bottom:14px}.ssbp-left h2{font-size:32px;line-height:1.02;letter-spacing:-.02em;color:#37308d;font-weight:500;margin:0 0 10px;max-width:180px}.ssbp-left p{font-size:12px;line-height:1.45;color:#8a8d96;max-width:200px;margin:0}.ssbp-left-note,.ssbp-selection-box,.ssbp-left-back{display:none;margin-top:18px;width:86px;height:38px;border:1px solid #d7d7db;background:#ececec;color:#9b9ba1;border-radius:4px;font-size:13px}.ssbp-right{padding:18px 24px 20px;min-width:0}.ssbp-progress{display:flex;gap:10px;margin-bottom:14px}.ssbp-step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.ssbp-step-head h3{font-size:12px;font-weight:500;color:#666;margin:0}.ssbp-dates{display:flex;gap:12px;overflow-x:auto;padding:0 2px 6px;scrollbar-width:thin;scrollbar-color:#9a9a9d transparent}.ssbp-date-card{flex:0 0 auto;width:64px;height:82px;border:1px solid #d8dae2;border-radius:4px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#8d9199;transition:.15s}.ssbp-date-day{font-size:11px;line-height:1;text-transform:uppercase;margin-bottom:7px}.ssbp-date-num{font-size:16px;font-weight:700;line-height:1;margin-bottom:5px}.ssbp-date-month{font-size:11px;line-height:1}.ssbp-slots-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.ssbp-timezone{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #d8dbe2;border-radius:12px;background:#fff;color:#666b74;font-size:12px}.ssbp-slot-row{display:flex;flex-wrap:wrap;gap:10px}.ssbp-slot-chip{min-width:74px;height:30px;border:1px solid #d7dae3;border-radius:4px;background:#fff;color:#61656f;font-size:12px;font-weight:500;padding:0 10px;cursor:pointer}.ssbp-consult-note{font-size:12px;line-height:1.4;color:#a0a2a9;max-width:320px;margin-top:12px}.ssbp-form-grid.two-cols{grid-template-columns:1fr 1fr}.ssbp-phone-wrap{display:grid;grid-template-columns:104px 1fr;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;margin-top:12px;background:#fff}.ssbp-step-actions,.ssbp-step2-actions{justify-content:space-between;align-items:center;margin-top:16px}.ssbp-step2-actions{justify-content:space-between;align-items:center;margin-top:16px}.ssbp-back-link,.ssbp-submit-btn,.ssbp-next-btn{min-width:0;flex:1}.ssbp-confirm-card{background:#eef2ef;border-radius:12px;padding:18px;position:relative;min-height:220px;margin-bottom:14px}.ssbp-confirm-advisor{width:100px;justify-self:end}}

.ssbp-country-select{appearance:none;border:0;background:#fff;padding:0 26px 0 12px;font-size:12px;color:#444;outline:none;background-image:linear-gradient(45deg,transparent 50%, #999 50%),linear-gradient(135deg,#999 50%, transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ssbp-phone-wrap input{border:0 !important}.ssbp-phone-wrap{align-items:center}.ssbp-phone-wrap select{width:100%}

@media (max-width: 767px){.ssbp-shell{grid-template-columns:1fr}.ssbp-left{padding:18px 16px;border-right:none;border-bottom:1px solid #efeff2;min-height:auto}.ssbp-logo{margin-bottom:18px}.ssbp-left h2{font-size:22px;max-width:none}.ssbp-left p{max-width:none}.ssbp-right{padding:16px}.ssbp-form-grid.two-cols{grid-template-columns:1fr}.ssbp-phone-wrap{grid-template-columns:120px 1fr}.ssbp-step2-form-wrap{max-width:none}}


/* ===== v11.2.1 step-2 visual refinement (preserves backend) ===== */
.ssbp-app{max-width:760px!important}
.ssbp-shell{grid-template-columns:36% 64%!important;min-height:540px!important}
.ssbp-left{padding:30px 22px 22px!important}
.ssbp-logo{max-width:92px!important;max-height:34px!important;margin-bottom:22px!important}
.ssbp-left-inner{max-width:200px!important}
.ssbp-left h2{
  font-size:24px!important;
  line-height:1.02!important;
  max-width:220px!important;
  letter-spacing:-.02em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.ssbp-left p{font-size:11px!important;line-height:1.45!important;max-width:190px!important}
.ssbp-left-note{font-size:12px!important;margin-top:18px!important}
.ssbp-selection-box{padding-top:18px!important;max-width:315px!important}
.ssbp-selection-card{padding:11px 12px!important}
.ssbp-selection-date{font-size:11px!important;max-width:185px!important}
.ssbp-selection-time{font-size:14px!important;padding:8px 12px!important}
.ssbp-edit-link{font-size:12px!important}

.ssbp-right{padding:20px 24px 18px!important}
.ssbp-progress{margin-bottom:12px!important}
.ssbp-step2-title{font-size:12px!important;line-height:1.35!important;margin-bottom:12px!important;color:#6b7280!important}
.ssbp-step2-form-wrap{max-width:520px!important}
.ssbp-form-grid.two-cols{grid-template-columns:1fr 1fr!important;gap:14px!important}
.ssbp-form input,
.ssbp-form textarea,
.ssbp-form select{
  font-size:12px!important;
  padding:11px 12px!important;
  border:1px solid #e0e0e0!important;
  border-radius:2px!important;
  background:#fff!important;
}
.ssbp-phone-wrap{
  grid-template-columns:118px 1fr!important;
  margin-top:14px!important;
  margin-bottom:0!important;
  align-items:stretch!important;
}
.ssbp-country-select{
  appearance:auto!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  padding:0 8px 0 10px!important;
  background:none!important;
  text-overflow:clip!important;
  overflow:visible!important;
  white-space:nowrap!important;
  border:0!important;
  border-right:1px solid #e0e0e0!important;
}
.ssbp-phone-wrap input{padding-left:12px!important}
.ssbp-field-caption{
  display:block!important;
  width:100%!important;
  margin:12px 0 6px!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#666!important;
}
.ssbp-select-wrap{width:100%!important;margin-bottom:12px!important}
.ssbp-select-wrap:after{right:14px!important}
.ssbp-select-wrap select{padding-right:34px!important}
.ssbp-form textarea{
  display:block!important;
  width:100%!important;
  height:120px!important;
  margin-top:0!important;
  resize:none!important;
}
.ssbp-step2-actions{
  justify-content:space-between!important;
  align-items:center!important;
  margin-top:16px!important;
}
.ssbp-back-link{
  width:84px!important;
  height:38px!important;
  font-size:13px!important;
}
.ssbp-submit-btn{
  min-width:128px!important;
  height:42px!important;
  font-size:13px!important;
}
.ssbp-confirm-card{min-height:260px!important}
.ssbp-confirm-time-row{font-size:18px!important}

@media (max-width: 767px){
  .ssbp-shell{grid-template-columns:1fr!important}
  .ssbp-left{padding:18px 16px!important;min-height:auto!important;border-right:none!important;border-bottom:1px solid #efeff2!important}
  .ssbp-left-inner{max-width:none!important}
  .ssbp-left h2{font-size:20px!important;max-width:none!important}
  .ssbp-left p{max-width:none!important}
  .ssbp-right{padding:16px!important}
  .ssbp-form-grid.two-cols{grid-template-columns:1fr!important}
  .ssbp-phone-wrap{grid-template-columns:118px 1fr!important}
}


/* ===== v11.2.2 exact step-2 alignment pass ===== */
.ssbp-app{
  max-width:760px !important;
}
.ssbp-shell{
  grid-template-columns:34% 66% !important;
  min-height:540px !important;
}
.ssbp-left{
  padding:28px 22px 18px !important;
}
.ssbp-left h2{
  font-size:23px !important;
  line-height:0.98 !important;
  max-width:175px !important;
  margin:0 0 10px !important;
}
.ssbp-left p{
  max-width:180px !important;
  font-size:11px !important;
  line-height:1.42 !important;
}
.ssbp-left-note{
  font-size:12px !important;
  margin-top:18px !important;
}
.ssbp-selection-box{
  max-width:310px !important;
  margin-top:28px !important;
  padding-top:0 !important;
}
.ssbp-selection-prefix{
  display:block !important;
  font-size:11px !important;
  line-height:1.4 !important;
  margin-bottom:8px !important;
}
.ssbp-selection-card{
  max-width:310px !important;
  padding:11px 12px !important;
}
.ssbp-selection-date{
  font-size:11px !important;
  line-height:1.45 !important;
}
.ssbp-selection-time{
  font-size:13px !important;
  line-height:1 !important;
  padding:8px 12px !important;
}
.ssbp-edit-link{
  font-size:11px !important;
  top:10px !important;
  right:10px !important;
}

.ssbp-right{
  padding:22px 28px 18px !important;
}
.ssbp-progress{
  margin-bottom:14px !important;
}
.ssbp-step2-title{
  font-size:12px !important;
  line-height:1.35 !important;
  color:#6f6f74 !important;
  margin:0 0 14px !important;
}
.ssbp-step2-form-wrap{
  max-width:520px !important;
}
.ssbp-form-grid.two-cols{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  margin-bottom:14px !important;
}
.ssbp-form input,
.ssbp-form textarea,
.ssbp-form select{
  width:100% !important;
  border:1px solid #e1e1e1 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:none !important;
  padding:11px 12px !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#4b5563 !important;
}

.ssbp-phone-wrap{
  display:grid !important;
  grid-template-columns:92px 1fr !important;
  align-items:stretch !important;
  margin:0 0 14px !important;
  border:1px solid #e1e1e1 !important;
  border-radius:2px !important;
  overflow:hidden !important;
}
.ssbp-country-select{
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  border:0 !important;
  border-right:1px solid #e1e1e1 !important;
  border-radius:0 !important;
  padding:0 26px 0 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  appearance:auto !important;
  background:#fff !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.ssbp-phone-wrap input{
  border:0 !important;
  margin:0 !important;
  padding:11px 12px !important;
}

.ssbp-field-caption{
  display:block !important;
  width:100% !important;
  float:none !important;
  clear:both !important;
  margin:10px 0 6px !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#666 !important;
}
.ssbp-select-wrap{
  display:block !important;
  width:100% !important;
  margin:0 0 14px !important;
}
.ssbp-select-wrap:after{
  right:14px !important;
}
.ssbp-select-wrap select{
  width:100% !important;
  padding-right:34px !important;
}
.ssbp-form textarea{
  display:block !important;
  width:100% !important;
  height:120px !important;
  resize:none !important;
  margin:0 !important;
}
.ssbp-step2-actions{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-top:16px !important;
}
.ssbp-back-link{
  width:84px !important;
  height:40px !important;
  font-size:12px !important;
}
.ssbp-submit-btn{
  min-width:128px !important;
  height:40px !important;
  font-size:13px !important;
}
@media (max-width:767px){
  .ssbp-shell{
    grid-template-columns:1fr !important;
  }
  .ssbp-left{
    padding:18px 16px !important;
    border-right:none !important;
    border-bottom:1px solid #efeff2 !important;
    min-height:auto !important;
  }
  .ssbp-left h2{
    max-width:none !important;
    font-size:20px !important;
  }
  .ssbp-left p{
    max-width:none !important;
  }
  .ssbp-right{
    padding:18px 16px !important;
  }
  .ssbp-form-grid.two-cols{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}


/* ===== FINAL STEP 2 PERFECT MATCH ===== */
.ssbp-shell{grid-template-columns:32% 68% !important;}
.ssbp-left h2{font-size:21px !important; max-width:160px !important;}
.ssbp-step2-title{font-size:11px !important; font-weight:400 !important;}
.ssbp-phone-wrap{grid-template-columns:80px 1fr !important;}
.ssbp-country-select{width:80px !important;}
.ssbp-form textarea{height:105px !important;}
.ssbp-selection-box{margin-top:18px !important;}
.ssbp-step2-actions{margin-top:10px !important;}
.ssbp-submit-btn{height:38px !important; font-size:12px !important;}
.ssbp-back-link{height:38px !important;}


/* ===== v11.2.4 dynamic country dropdown ===== */
.ssbp-country-select{
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  font-size:11px !important;
  padding-right:20px !important;
}
.ssbp-phone-wrap{
  grid-template-columns:96px 1fr !important;
}
@media (max-width: 767px){
  .ssbp-country-select{
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
  }
  .ssbp-phone-wrap{
    grid-template-columns:104px 1fr !important;
  }
}


/* ===== v11.2.4 dynamic country dropdown list ===== */
.ssbp-phone-wrap{grid-template-columns:92px 1fr !important}
.ssbp-country-select{
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  font-size:11px !important;
  padding-right:20px !important;
}
@media (max-width:767px){
  .ssbp-phone-wrap{grid-template-columns:100px 1fr !important}
  .ssbp-country-select{
    width:100px !important;
    min-width:100px !important;
    max-width:100px !important;
  }
}


/* ===== v11.2.6 final form + country dropdown fix ===== */
.ssbp-shell{grid-template-columns:33% 67% !important}
.ssbp-left{padding:26px 20px 18px !important}
.ssbp-left h2{
  font-size:22px !important;
  line-height:1.02 !important;
  max-width:165px !important;
  margin:0 0 10px !important;
}
.ssbp-left p{
  font-size:11px !important;
  max-width:180px !important;
  line-height:1.42 !important;
}
.ssbp-left-note{font-size:12px !important}
.ssbp-selection-box{
  margin-top:22px !important;
  max-width:300px !important;
}
.ssbp-selection-prefix{
  font-size:11px !important;
  margin-bottom:7px !important;
}
.ssbp-selection-card{padding:10px 12px !important}
.ssbp-selection-date{font-size:11px !important; line-height:1.45 !important}
.ssbp-selection-time{font-size:13px !important; padding:8px 12px !important}
.ssbp-edit-link{font-size:11px !important}

.ssbp-right{padding:20px 24px 18px !important}
.ssbp-step2-title{
  font-size:11px !important;
  line-height:1.35 !important;
  color:#6b6b73 !important;
  margin-bottom:12px !important;
  font-weight:400 !important;
}
.ssbp-step2-form-wrap{max-width:515px !important}
.ssbp-form-grid.two-cols{
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin-bottom:14px !important;
}
.ssbp-form input,
.ssbp-form select,
.ssbp-form textarea{
  font-size:12px !important;
  padding:11px 12px !important;
  border:1px solid #e0e0e0 !important;
  border-radius:2px !important;
  background:#fff !important;
}
.ssbp-phone-wrap{
  display:grid !important;
  grid-template-columns:104px 1fr !important;
  margin-top:0 !important;
  margin-bottom:14px !important;
  border:1px solid #e0e0e0 !important;
  border-radius:2px !important;
  overflow:hidden !important;
  background:#fff !important;
}
.ssbp-country-select,
.ssbp-phone-wrap select{
  width:104px !important;
  min-width:104px !important;
  max-width:104px !important;
  border:0 !important;
  border-right:1px solid #e0e0e0 !important;
  border-radius:0 !important;
  padding:0 22px 0 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  background:#fff !important;
  appearance:auto !important;
  color:#444 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
  background-image:none !important;
}
.ssbp-phone-wrap input{
  border:0 !important;
  padding:11px 12px !important;
  margin:0 !important;
}
.ssbp-field-caption{
  display:block !important;
  width:100% !important;
  clear:both !important;
  float:none !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#666 !important;
  margin:10px 0 6px !important;
}
.ssbp-select-wrap{
  display:block !important;
  width:100% !important;
  margin:0 0 12px !important;
}
.ssbp-select-wrap:after{
  right:14px !important;
  top:50% !important;
}
.ssbp-select-wrap select{
  width:100% !important;
  padding-right:34px !important;
}
.ssbp-form textarea{
  display:block !important;
  width:100% !important;
  height:112px !important;
  resize:none !important;
}
.ssbp-step2-actions{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-top:16px !important;
}
.ssbp-back-link{
  width:84px !important;
  height:40px !important;
  font-size:12px !important;
}
.ssbp-submit-btn{
  min-width:126px !important;
  height:40px !important;
  font-size:13px !important;
  padding:0 16px !important;
}
@media (max-width:767px){
  .ssbp-shell{grid-template-columns:1fr !important}
  .ssbp-left{
    padding:18px 16px !important;
    border-right:none !important;
    border-bottom:1px solid #efeff2 !important;
  }
  .ssbp-left h2{
    font-size:20px !important;
    max-width:none !important;
  }
  .ssbp-left p{max-width:none !important}
  .ssbp-right{padding:16px !important}
  .ssbp-form-grid.two-cols{grid-template-columns:1fr !important}
  .ssbp-phone-wrap{grid-template-columns:110px 1fr !important}
  .ssbp-country-select,
  .ssbp-phone-wrap select{
    width:110px !important;
    min-width:110px !important;
    max-width:110px !important;
  }
}


/* ===== v11.3.1 Enterprise searchable country selector - works for logged-in and logged-out users ===== */
.ssbp-phone-wrap.ssbp-phone-enterprise{
  display:grid!important;
  grid-template-columns:112px 1fr!important;
  border:1px solid #e0e0e0!important;
  border-radius:2px!important;
  background:#fff!important;
  overflow:visible!important;
  position:relative!important;
  z-index:100!important;
  margin-bottom:12px!important;
}
.ssbp-phone-enterprise .ssbp-country-picker{
  position:relative!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  border-right:1px solid #e0e0e0!important;
  background:#fff!important;
  z-index:100000!important;
}
.ssbp-phone-enterprise .ssbp-country-trigger{
  width:100%!important;
  height:100%!important;
  min-height:40px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  cursor:pointer!important;
  font-size:12px!important;
  color:#222!important;
  padding:0 8px!important;
  box-shadow:none!important;
}
.ssbp-phone-enterprise .ssbp-country-caret{font-size:0!important;color:#777!important;line-height:1!important; position: relative }
.ssbp-phone-enterprise .ssbp-country-caret:before {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 8px;
}
.ssbp-phone-enterprise .ssbp-country-panel{
  position:absolute!important;
  top:calc(100% + 4px)!important;
  left:0!important;
  width:270px!important;
  max-height:252px!important;
  background:#fff!important;
  border:1px solid #e3e3e3!important;
  box-shadow:0 14px 32px rgba(15,23,42,.18)!important;
  border-radius:8px!important;
  padding:8px!important;
  z-index:9999999!important;
  overflow:hidden!important;
}
.ssbp-phone-enterprise .ssbp-country-search{
  width:100%!important;
  height:34px!important;
  border:1px solid #e5e7eb!important;
  border-radius:6px!important;
  padding:0 10px!important;
  margin:0 0 8px!important;
  font-size:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ssbp-phone-enterprise .ssbp-country-list{
  max-height:192px!important;
  overflow-y:auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.ssbp-phone-enterprise .ssbp-country-item{
  width:100%!important;
  border:0!important;
  border-radius:6px!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:26px 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px!important;
  cursor:pointer!important;
  text-align:left!important;
  color:#222!important;
  box-shadow:none!important;
}
.ssbp-phone-enterprise .ssbp-country-item:hover,
.ssbp-phone-enterprise .ssbp-country-item.is-active{background:#f3f4ff!important}
.ssbp-phone-enterprise .ssbp-country-item strong{font-size:12px!important;font-weight:500!important;color:#222!important}
.ssbp-phone-enterprise .ssbp-country-item em{font-style:normal!important;font-size:12px!important;color:#6b7280!important}
.ssbp-phone-wrap.ssbp-phone-enterprise>input{border:0!important;width:100%!important;padding:11px 12px!important;box-shadow:none!important}
@media(max-width:767px){
  .ssbp-phone-wrap.ssbp-phone-enterprise{grid-template-columns:112px 1fr!important}
  .ssbp-phone-enterprise .ssbp-country-panel{width:250px!important}
}


/* ===== v11.3.2 final polish: remove duplicate left back + clean dropdown ===== */

.ssbp-left .ssbp-back,
.ssbp-left .ssbp-back-link,
.ssbp-left button[class*="back"],
.ssbp-selection-box .ssbp-back,
.ssbp-selection-box .ssbp-back-link,
.ssbp-selection-box button[class*="back"]{
  display:none !important;
}

.ssbp-select-wrap{
  position:relative !important;
  width:100% !important;
  display:block !important;
  margin:0 0 12px 0 !important;
}

.ssbp-select-wrap select{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 40px 0 12px !important;
  border:1px solid #e1e1e1 !important;
  border-radius:3px !important;
  background:#fff !important;
  box-shadow:none !important;
  font-size:12px !important;
  color:#222 !important;
  line-height:42px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  cursor:pointer !important;
}

.ssbp-select-wrap:after{
  content:"⌄" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:13px !important;
  color:#777 !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.ssbp-field-caption{
  display:block !important;
  width:100% !important;
  font-size:12px !important;
  margin:10px 0 6px !important;
  color:#666 !important;
  line-height:1.35 !important;
  clear:both !important;
}



/* ===== v11.3.4 FINAL INSTALL-READY UI POLISH ===== */

/* Hide duplicate back button in left/sidebar summary only */
.ssbp-left .ssbp-back,
.ssbp-left .ssbp-back-link,
.ssbp-left button[class*="back"],
.ssbp-selection-box .ssbp-back,
.ssbp-selection-box .ssbp-back-link,
.ssbp-selection-box button[class*="back"]{
  display:none !important;
}

/* Phone/country alignment */
.ssbp-phone-wrap{
  display:grid !important;
  grid-template-columns:112px 1fr !important;
  align-items:center !important;
  border:1px solid #e1e1e1 !important;
  border-radius:3px !important;
  background:#fff !important;
  overflow:visible !important;
  position:relative !important;
  z-index:20 !important;
}

.ssbp-country-picker,
.ssbp-phone-enterprise .ssbp-country-picker{
  position:relative !important;
  width:112px !important;
  min-width:112px !important;
  height:40px !important;
  border-right:1px solid #e1e1e1 !important;
  background:#fff !important;
  z-index:40 !important;
}

.ssbp-country-trigger{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  border:0 !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:0 8px !important;
  cursor:pointer !important;
  font-size:12px !important;
  color:#222 !important;
  line-height:1 !important;
}

.ssbp-country-flag,
.ssbp-country-code,
.ssbp-country-caret{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
}

.ssbp-country-flag{font-size:13px !important;}
.ssbp-country-code{font-size:12px !important;color:#222 !important;}
.ssbp-country-caret{
  font-size:12px !important;
  color:#777 !important;
  margin-left:2px !important;
  transform:translateY(-1px) !important;
}

/* fallback native select if present */
.ssbp-country-select,
.ssbp-phone-wrap select.ssbp-country-select{
  width:112px !important;
  min-width:112px !important;
  height:42px !important;
  border:0 !important;
  border-right:1px solid #e1e1e1 !important;
  background:#fff !important;
  padding:0 24px 0 10px !important;
  font-size:12px !important;
  line-height:42px !important;
  color:#222 !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  cursor:pointer !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

.ssbp-phone-wrap input,
.ssbp-phone-enterprise > input{
  border:0 !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 12px !important;
  font-size:12px !important;
  outline:none !important;
  box-shadow:none !important;
  background:#fff !important;
}

/* Searchable country popup */
.ssbp-country-panel{
  position:absolute !important;
  top:calc(100% + 4px) !important;
  left:0 !important;
  width:260px !important;
  max-height:245px !important;
  background:#fff !important;
  border:1px solid #e3e3e3 !important;
  box-shadow:0 14px 32px rgba(15,23,42,.16) !important;
  border-radius:8px !important;
  padding:8px !important;
  z-index:999999 !important;
  overflow:hidden !important;
}

.ssbp-country-search{
  width:100% !important;
  height:34px !important;
  border:1px solid #e5e7eb !important;
  border-radius:6px !important;
  padding:0 10px !important;
  margin:0 0 8px !important;
  font-size:12px !important;
  background:#fff !important;
}

.ssbp-country-list{
  max-height:190px !important;
  overflow-y:auto !important;
  display:flex !important;
  flex-direction:column !important;
}

.ssbp-country-item{
  width:100% !important;
  border:0 !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:26px 1fr auto !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px !important;
  border-radius:6px !important;
  cursor:pointer !important;
  text-align:left !important;
  color:#222 !important;
}

.ssbp-country-item:hover,
.ssbp-country-item.is-active{
  background:#f3f4ff !important;
}

.ssbp-country-item strong{
  font-size:12px !important;
  font-weight:500 !important;
  color:#222 !important;
}

.ssbp-country-item em{
  font-style:normal !important;
  font-size:12px !important;
  color:#6b7280 !important;
}

/* Full-width "We are looking for" dropdown like approved reference */
.ssbp-select-wrap{
  position:relative !important;
  width:100% !important;
  display:block !important;
  margin:0 0 12px 0 !important;
}

.ssbp-select-wrap select{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 40px 0 12px !important;
  border:1px solid #e1e1e1 !important;
  border-radius:3px !important;
  background:#fff !important;
  box-shadow:none !important;
  font-size:12px !important;
  color:#333 !important;
  line-height:42px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  cursor:pointer !important;
}

.ssbp-select-wrap:after{
  content:"⌄" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:13px !important;
  color:#777 !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.ssbp-field-caption{
  display:block !important;
  width:100% !important;
  font-size:12px !important;
  margin:10px 0 6px !important;
  color:#666 !important;
  line-height:1.35 !important;
  clear:both !important;
}

@media (max-width:767px){
  .ssbp-phone-wrap{grid-template-columns:112px 1fr !important;}
  .ssbp-country-picker,
  .ssbp-phone-enterprise .ssbp-country-picker,
  .ssbp-country-select,
  .ssbp-phone-wrap select.ssbp-country-select{
    width:112px !important;
    min-width:112px !important;
  }
  .ssbp-country-panel{width:250px !important;}
}


/* ===== v11.3.6 FINAL CSS FIXES ===== */
.ssbp-left .ssbp-back,.ssbp-left .ssbp-back-link,.ssbp-left button[class*="back"],.ssbp-selection-box .ssbp-back,.ssbp-selection-box .ssbp-back-link,.ssbp-selection-box button[class*="back"]{display:none!important}
.ssbp-step2-form-wrap,.ssbp-form{width:100%!important;max-width:none!important;box-sizing:border-box!important}
.ssbp-form-grid.two-cols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-bottom:14px!important}
.ssbp-form input,.ssbp-form select,.ssbp-form textarea{box-sizing:border-box!important;font-size:12px!important;line-height:1.35!important;color:#374151!important;border:1px solid #e1e1e1!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;outline:none!important}
.ssbp-phone-wrap{display:grid!important;grid-template-columns:112px 1fr!important;align-items:center!important;width:100%!important;height:42px!important;min-height:42px!important;border:1px solid #e1e1e1!important;border-radius:3px!important;background:#fff!important;overflow:visible!important;position:relative!important;z-index:40!important;margin:0 0 12px 0!important}
.ssbp-country-picker,.ssbp-phone-enterprise .ssbp-country-picker{position:relative!important;width:112px!important;min-width:112px!important;height:40px!important;border-right:1px solid #e1e1e1!important;background:#fff!important;z-index:9999!important}
.ssbp-country-trigger{width:100%!important;height:40px!important;min-height:42px!important;border:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 8px!important;cursor:pointer!important;font-size:12px!important;color:#222!important;line-height:1!important}
.ssbp-country-flag,.ssbp-country-code,.ssbp-country-caret{display:inline-flex!important;align-items:center!important;line-height:1!important}
.ssbp-country-flag{font-size:13px!important}.ssbp-country-code{font-size:12px!important;color:#222!important}.ssbp-country-caret{font-size:12px!important;color:#777!important;margin-left:2px!important;transform:translateY(-1px)!important}
.ssbp-country-select,.ssbp-phone-wrap select.ssbp-country-select{width:112px!important;min-width:112px!important;height:42px!important;border:0!important;border-right:1px solid #e1e1e1!important;background:#fff!important;padding:0 24px 0 10px!important;font-size:12px!important;line-height:42px!important;color:#222!important;appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
.ssbp-phone-wrap input,.ssbp-phone-enterprise>input{border:0!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important;outline:none!important;box-shadow:none!important;background:#fff!important}
.ssbp-country-panel{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;width:260px!important;max-height:245px!important;background:#fff!important;border:1px solid #e3e3e3!important;box-shadow:0 14px 32px rgba(15,23,42,.16)!important;border-radius:8px!important;padding:8px!important;z-index:999999!important;overflow:hidden!important}
.ssbp-country-search{width:100%!important;height:34px!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:0 10px!important;margin:0 0 8px!important;font-size:12px!important;background:#fff!important}
.ssbp-country-list{max-height:190px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important}
.ssbp-country-item{width:100%!important;border:0!important;background:#fff!important;display:grid!important;grid-template-columns:26px 1fr auto!important;align-items:center!important;gap:8px!important;padding:8px!important;border-radius:6px!important;cursor:pointer!important;text-align:left!important;color:#222!important}
.ssbp-country-item:hover,.ssbp-country-item.is-active{background:#f3f4ff!important}.ssbp-country-item strong{font-size:12px!important;font-weight:500!important;color:#222!important}.ssbp-country-item em{font-style:normal!important;font-size:12px!important;color:#6b7280!important}
.ssbp-field-caption{display:block!important;width:100%!important;font-size:12px!important;margin:10px 0 6px!important;color:#666!important;line-height:1.35!important;clear:both!important}
.ssbp-select-wrap,.ssbp-form .ssbp-select-wrap,.ssbp-step2-form-wrap .ssbp-select-wrap{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin:0 0 12px 0!important;clear:both!important;float:none!important;box-sizing:border-box!important}
.ssbp-select-wrap select,.ssbp-form .ssbp-select-wrap select,.ssbp-step2-form-wrap .ssbp-select-wrap select{display:block!important;width:100%!important;max-width:100%!important;min-width:100%!important;height:42px!important;min-height:42px!important;padding:0 42px 0 12px!important;border:1px solid #e1e1e1!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;font-size:12px!important;color:#333!important;line-height:42px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;cursor:pointer!important}
.ssbp-select-wrap:after{content:"⌄"!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;font-size:14px!important;line-height:1!important;color:#777!important;pointer-events:none!important;z-index:3!important}
.ssbp-form textarea{display:block!important;width:100%!important;max-width:100%!important;height:110px!important;resize:none!important;padding:12px!important}
.ssbp-step2-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:16px!important}
@media(max-width:767px){.ssbp-form-grid.two-cols{grid-template-columns:1fr!important;gap:12px!important}.ssbp-phone-wrap{grid-template-columns:112px 1fr!important}.ssbp-country-picker,.ssbp-phone-enterprise .ssbp-country-picker,.ssbp-country-select,.ssbp-phone-wrap select.ssbp-country-select{width:112px!important;min-width:112px!important}.ssbp-country-panel{width:250px!important}}


