/* SECURIX Checkout v2.1 — layout repair. Only .sx-checkout2 is affected. */
.sx-checkout2{
  padding:18px 0 44px;
  color:#17191c;
  overflow-x:clip;
}
.sx-checkout2 *,
.sx-checkout2 *::before,
.sx-checkout2 *::after{box-sizing:border-box}

.sx-checkout2-wrap{
  width:calc(100% - 128px);
  max-width:1408px;
  min-width:0;
  margin:0 auto;
}
.sx-checkout2-crumbs{
  display:flex;align-items:center;gap:8px;
  margin:3px 0 16px;
  color:#959ca6;font-size:11px;
}
.sx-checkout2-crumbs a{color:inherit;text-decoration:none}
.sx-checkout2-crumbs strong{color:#292c30}
.sx-checkout2 h1{
  margin:0 0 16px;
  font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-.04em;
}
.sx-checkout2-errors{
  margin:0 0 12px;padding:12px 14px;
  border:1px solid #fecdd3;border-radius:13px;background:#fff1f2;color:#be123c;
  font-size:12px;font-weight:700;
}
.sx-checkout2-errors p{margin:0}
.sx-checkout2-errors p+p{margin-top:4px}

.sx-checkout2-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:18px;
  align-items:start;
  width:100%;
  min-width:0;
}
.sx-checkout2-form{
  display:grid;
  gap:10px;
  min-width:0;
}
.sx-checkout2-section,
.sx-checkout2-summary{
  border:1px solid rgba(255,255,255,.96);
  background:rgba(255,255,255,.94);
  box-shadow:0 13px 38px rgba(20,26,34,.055);
  backdrop-filter:blur(14px);
}
.sx-checkout2-section{
  overflow:hidden;
  border-radius:18px;
}
.sx-checkout2-section-head{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 36px;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  min-height:54px;
  padding:10px 15px;
  border:0;
  background:transparent;
  color:#17191c;
  text-align:left;
  font:inherit;
}
.sx-checkout2-num{
  display:grid;
  width:23px;height:23px;
  place-items:center;
  border-radius:50%;
  background:#f39a0a;color:#fff;
  font-size:10px;font-weight:900;
}
.sx-checkout2-head-copy{display:block;min-width:0}
.sx-checkout2-head-copy b{
  display:block;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
}
.sx-checkout2-head-copy small{
  display:none;
  margin-top:2px;
  color:#969da7;
  font-size:9px;
}
.sx-checkout2-head-icon{
  display:grid;
  width:36px;height:36px;
  place-items:center;
  justify-self:end;
  border-radius:11px;
  background:#fff6e9;
  color:#df8900;
}
.sx-checkout2-head-icon svg{width:19px;height:19px}
.sx-checkout2-chevron{display:none}
.sx-checkout2-section-body{
  padding:0 15px 15px;
}

.sx-checkout2-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px 12px;
}
.sx-checkout2-fields label,
.sx-checkout2-delivery-fields label{
  display:grid;
  gap:6px;
  min-width:0;
}
.sx-checkout2-fields label>span,
.sx-checkout2-delivery-fields label>span{
  color:#747d89;
  font-size:9.5px;
  font-weight:700;
}
.sx-checkout2 input[type="text"],
.sx-checkout2 input[type="email"],
.sx-checkout2 input[type="tel"],
.sx-checkout2 input:not([type]),
.sx-checkout2 textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  border:1px solid #dfe3e7;
  border-radius:10px;
  background:#fff;
  color:#22252a;
  outline:none;
}
.sx-checkout2 input[type="text"],
.sx-checkout2 input[type="email"],
.sx-checkout2 input[type="tel"],
.sx-checkout2 input:not([type]){
  height:41px;
  padding:0 12px;
  font-size:11px;
}
.sx-checkout2 textarea{
  min-height:74px;
  padding:11px 12px 22px;
  resize:vertical;
  font:inherit;
  font-size:11px;
}
.sx-checkout2 input:focus,
.sx-checkout2 textarea:focus{
  border-color:#e7a332;
  box-shadow:0 0 0 3px rgba(239,160,21,.07);
}
.sx-checkout2 input::placeholder,
.sx-checkout2 textarea::placeholder{color:#b2b7bf}

.sx-checkout2-check,
.sx-checkout2-offer{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#383c42;
  font-size:10px;
  line-height:1.35;
}
.sx-checkout2-check{margin-top:10px}
.sx-checkout2-check input,
.sx-checkout2-offer input{
  flex:0 0 auto;
  width:15px;height:15px;
  margin:1px 0 0;
  accent-color:#f39a0a;
}
.sx-checkout2-check b{display:block;font-weight:750}
.sx-checkout2-check small{
  display:block;margin-top:2px;color:#959ba4;font-size:9px;
}
.sx-checkout2-offer{
  padding:4px 13px 0;
}
.sx-checkout2-offer a{
  color:#e78600;
  font-weight:800;
  text-decoration:underline;
}

.sx-checkout2-options{
  display:grid;
  gap:8px;
  width:100%;
  min-width:0;
}
.sx-checkout2-options--delivery{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.sx-checkout2-options--payment{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.sx-checkout2-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:64px;
  padding:10px 12px;
  border:1px solid #dfe3e7;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
  overflow:hidden;
}
.sx-checkout2-option:hover{border-color:#efb456}
.sx-checkout2-option:has(input:checked){
  border-color:#f39a0a;
  box-shadow:0 0 0 1px rgba(243,154,10,.06);
}
.sx-checkout2-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.sx-checkout2-radio{
  display:block;
  flex:0 0 auto;
  width:17px;height:17px;
  border:1.5px solid #cbd1d8;
  border-radius:50%;
  box-shadow:inset 0 0 0 4px #fff;
  background:#fff;
}
.sx-checkout2-option:has(input:checked) .sx-checkout2-radio{
  background:#f39a0a;
  border-color:#f39a0a;
}

/* Same user-supplied Nova Poshta logo for both delivery methods. */
.sx-np-logo{
  display:grid;
  flex:0 0 94px;
  width:94px;
  height:38px;
  place-items:center;
  overflow:hidden;
}
.sx-np-logo img{
  display:block;
  width:94px;
  height:auto;
  max-height:38px;
  object-fit:contain;
}
.sx-checkout2-option-copy{
  min-width:0;
  flex:1 1 auto;
}
.sx-checkout2-option-copy b{
  display:block;
  font-size:10.5px;
  line-height:1.16;
  font-weight:850;
}
.sx-checkout2-option-copy small{
  display:block;
  margin-top:3px;
  color:#858d98;
  font-size:8.5px;
  line-height:1.22;
}
.sx-checkout2-option-time{
  flex:0 0 auto;
  margin-left:auto;
  white-space:nowrap;
  color:#25282c;
  font-size:9.5px;
  font-weight:850;
}

.sx-pay-icon{
  display:grid;
  flex:0 0 auto;
  width:26px;height:26px;
  place-items:center;
  color:#59616c;
}
.sx-pay-icon svg{width:22px;height:22px}
.sx-pay-icon--bank{font-size:22px}
.sx-wayforpay{
  flex:0 0 auto;
  font-size:12.5px;
  font-weight:900;
  letter-spacing:-.04em;
}

.sx-checkout2-delivery-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:10px;
  margin-top:10px;
}
.sx-checkout2-delivery-fields [hidden]{display:none!important}
.sx-checkout2-comment{
  position:relative;
  display:block;
}
.sx-checkout2-comment>small{
  position:absolute;
  right:10px;bottom:7px;
  color:#979da6;
  font-size:8.5px;
}

/* Summary */
.sx-checkout2-summary{
  position:sticky;
  top:92px;
  width:100%;
  min-width:0;
  padding:19px;
  border-radius:18px;
  overflow:hidden;
}
.sx-checkout2-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.sx-checkout2-summary-head h2{
  margin:0;
  font-size:17px;
  font-weight:900;
}
.sx-checkout2-summary-head span{
  color:#7f8792;
  font-size:9.5px;
}
.sx-checkout2-order-items{display:grid}
.sx-checkout2-order-item{
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-width:0;
  min-height:112px;
  padding:10px 0;
  border-bottom:1px solid #e6e9ed;
}
.sx-checkout2-order-image{
  display:grid;
  width:76px;height:86px;
  place-items:center;
}
.sx-checkout2-order-image img{
  max-width:72px;
  max-height:82px;
  object-fit:contain;
}
.sx-checkout2-order-copy{min-width:0}
.sx-checkout2-order-copy b{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  font-size:10.5px;
  line-height:1.25;
  font-weight:800;
}
.sx-checkout2-order-copy small{
  display:block;
  margin-top:7px;
  color:#9198a2;
  font-size:9px;
}
.sx-checkout2-order-price{
  align-self:center;
  white-space:nowrap;
  font-size:13px;
  font-weight:900;
}
.sx-checkout2-summary-lines{
  padding:9px 0 3px;
  border-bottom:1px solid #e6e9ed;
}
.sx-checkout2-summary-lines>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:6px 0;
  color:#777f8a;
  font-size:10px;
}
.sx-checkout2-summary-lines b{color:#2e3237}
.sx-checkout2-summary-lines>div>span:last-child{
  min-width:0;
  text-align:right;
}
.sx-checkout2-summary-total{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  padding:14px 0;
}
.sx-checkout2-summary-total span{
  font-size:13px;
  font-weight:850;
}
.sx-checkout2-summary-total strong{
  font-size:25px;
  letter-spacing:-.04em;
}
.sx-checkout2-safe{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:13px 14px;
  border-radius:11px;
  background:linear-gradient(100deg,#fff8ee,#fff4e5);
  color:#363a40;
  font-size:10px;
  line-height:1.35;
}
.sx-checkout2-safe svg{
  flex:0 0 auto;
  width:25px;height:25px;
  color:#222a32;
}
.sx-checkout2-submit{
  display:flex;
  width:100%;
  height:49px;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  border-radius:10px;
  background:#f28f00;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(242,143,0,.15);
}
.sx-checkout2-submit:hover{background:#f69a09}
.sx-checkout2-submit:disabled{opacity:.45;cursor:not-allowed}
.sx-checkout2-lock{
  display:grid;
  width:18px;height:18px;
  place-items:center;
}
.sx-checkout2-lock svg{width:17px;height:17px}
.sx-checkout2-protect{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:10px;
  color:#838b96;
  font-size:9px;
}
.sx-checkout2-protect svg{width:13px;height:13px}

@media(max-width:1180px){
  .sx-checkout2-wrap{width:calc(100% - 40px)}
  .sx-checkout2-grid{
    grid-template-columns:minmax(0,1fr) 370px;
  }
  .sx-checkout2-options--payment{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .sx-checkout2{
    width:100%;
    max-width:100%;
    padding:10px 0 28px;
    overflow-x:hidden;
  }
  .sx-checkout2-wrap{
    width:calc(100% - 16px);
    max-width:calc(100% - 16px);
    min-width:0;
    margin:0 8px;
  }
  .sx-checkout2-crumbs{
    margin:5px 4px 12px;
    font-size:9.5px;
  }
  .sx-checkout2 h1{
    margin:0 4px 12px;
    font-size:24px;
  }
  .sx-checkout2-grid{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .sx-checkout2-form{
    width:100%;
    max-width:100%;
    min-width:0;
    gap:7px;
  }
  .sx-checkout2-section{
    width:100%;
    max-width:100%;
    min-width:0;
    border-radius:12px;
  }
  .sx-checkout2-section-head{
    grid-template-columns:minmax(0,1fr) 25px 15px;
    min-height:52px;
    padding:9px 11px;
    cursor:pointer;
  }
  .sx-checkout2-num{display:none}
  .sx-checkout2-head-copy b{font-size:11.5px}
  .sx-checkout2-head-copy small{
    display:block;
    font-size:8.5px;
  }
  .sx-checkout2-head-icon{
    width:25px;height:25px;
    background:transparent;
  }
  .sx-checkout2-head-icon svg{
    width:16px;height:16px;
    color:#eb8e00;
  }
  .sx-checkout2-chevron{
    display:block;
    color:#727984;
  }
  .sx-checkout2-chevron svg{
    width:14px;height:14px;
    transition:transform .2s;
  }
  .sx-checkout2-section:not(.is-open) .sx-checkout2-section-body{
    display:none;
  }
  .sx-checkout2-section.is-open .sx-checkout2-chevron svg{
    transform:rotate(180deg);
  }
  .sx-checkout2-section-body{
    padding:0 11px 11px;
  }
  .sx-checkout2-fields{
    grid-template-columns:1fr;
    gap:8px;
  }
  .sx-checkout2-fields label>span,
  .sx-checkout2-delivery-fields label>span{
    font-size:8.5px;
  }
  .sx-checkout2 input[type="text"],
  .sx-checkout2 input[type="email"],
  .sx-checkout2 input[type="tel"],
  .sx-checkout2 input:not([type]){
    height:38px;
    font-size:10.5px;
  }
  .sx-checkout2-check{font-size:9px}
  .sx-checkout2-check small{font-size:8px}
  .sx-checkout2-options--delivery,
  .sx-checkout2-options--payment{
    grid-template-columns:1fr;
  }
  .sx-checkout2-option{
    min-height:57px;
    padding:9px;
    gap:8px;
  }
  .sx-np-logo{
    flex-basis:78px;
    width:78px;
    height:30px;
  }
  .sx-np-logo img{
    width:78px;
    max-height:30px;
  }
  .sx-checkout2-option-time{font-size:8.5px}
  .sx-checkout2-delivery-fields{
    grid-template-columns:1fr;
    gap:8px;
  }
  .sx-checkout2-offer{
    padding:5px 5px 2px;
    font-size:9px;
  }
  .sx-checkout2-summary{
    position:static;
    width:100%;
    max-width:100%;
    min-width:0;
    margin-top:10px;
    padding:14px;
    border-radius:13px;
  }
  .sx-checkout2-summary-head h2{font-size:14px}
  .sx-checkout2-order-item{
    grid-template-columns:62px minmax(0,1fr) auto;
    min-height:88px;
    gap:9px;
    padding:8px 0;
  }
  .sx-checkout2-order-image{
    width:62px;height:68px;
  }
  .sx-checkout2-order-image img{
    max-width:58px;max-height:64px;
  }
  .sx-checkout2-order-copy b{
    font-size:9px;
    -webkit-line-clamp:4;
  }
  .sx-checkout2-order-copy small{
    font-size:8px;
    margin-top:4px;
  }
  .sx-checkout2-order-price{font-size:11px}
  .sx-checkout2-summary-lines>div{font-size:9px}
  .sx-checkout2-summary-total strong{font-size:22px}
  .sx-checkout2-safe{
    font-size:9px;
    padding:11px;
  }
  .sx-checkout2-safe svg{
    width:21px;height:21px;
  }
  .sx-checkout2-submit{
    height:46px;
    font-size:12px;
  }
}

@media(max-width:420px){
  .sx-checkout2-wrap{
    width:calc(100% - 12px);
    max-width:calc(100% - 12px);
    margin:0 6px;
  }
  .sx-checkout2-order-item{
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:7px;
  }
  .sx-checkout2-order-image{
    width:56px;height:62px;
  }
  .sx-checkout2-order-image img{
    max-width:53px;max-height:58px;
  }
}

/* Nova Poshta autocomplete via existing CRM module — checkout v2.4 */
.sx-checkout2 .sx-np-field{position:relative}
.sx-checkout2 .sx-np-autocomplete{position:relative;width:100%;min-width:0}
.sx-checkout2 .sx-np-autocomplete.is-loading::after{
  content:"";position:absolute;right:12px;top:50%;
  width:13px;height:13px;margin-top:-7px;
  border:2px solid #e2e5e9;border-top-color:#ee9300;border-radius:50%;
  animation:sxNpSpin .7s linear infinite;pointer-events:none;
}
@keyframes sxNpSpin{to{transform:rotate(360deg)}}
.sx-checkout2 .sx-np-dropdown{
  position:absolute;z-index:80;left:0;right:0;top:calc(100% + 5px);
  max-height:260px;overflow:auto;padding:5px;
  border:1px solid #dfe3e7;border-radius:11px;background:#fff;
  box-shadow:0 16px 38px rgba(28,34,43,.13);
}
.sx-checkout2 .sx-np-dropdown[hidden]{display:none!important}
.sx-checkout2 .sx-np-result{
  display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;
  background:transparent;color:#282b30;text-align:left;cursor:pointer;
}
.sx-checkout2 .sx-np-result:hover{background:#fff6e8}
.sx-checkout2 .sx-np-result b{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#202328;font-size:10.5px;font-weight:800;
}
.sx-checkout2 .sx-np-result small{
  display:block;overflow:hidden;margin-top:2px;text-overflow:ellipsis;white-space:nowrap;
  color:#8a929d;font-size:8.8px;
}
.sx-checkout2 .sx-np-dropdown-empty{
  padding:12px 10px;color:#8a929d;font-size:9.5px;text-align:center;
}
.sx-checkout2 .sx-np-help{
  display:block;min-height:11px;color:#969da7;
  font-size:8.5px;font-weight:500;line-height:1.25;
}
.sx-checkout2 .sx-np-help.is-error{color:#c84a4a}
.sx-checkout2 .sx-np-help.is-ok{color:#12945f}
.sx-checkout2 .sx-np-courier-fields{
  grid-column:1/-1;display:grid;
  grid-template-columns:minmax(0,1fr) 120px 120px;
  gap:10px;min-width:0;
}
.sx-checkout2 .sx-np-courier-fields[hidden]{display:none!important}
.sx-checkout2 .sx-np-courier-fields>label{display:grid;gap:6px;min-width:0}
.sx-checkout2 .sx-np-courier-fields>label>span{
  color:#747d89;font-size:9.5px;font-weight:700;
}

@media(max-width:760px){
  .sx-checkout2 .sx-np-dropdown{
    position:fixed;z-index:300;left:12px;right:12px;top:auto;bottom:12px;
    max-height:min(46vh,340px);border-radius:14px;
    box-shadow:0 20px 60px rgba(0,0,0,.22);
  }
  .sx-checkout2 .sx-np-result{padding:11px 10px}
  .sx-checkout2 .sx-np-result b{font-size:11px}
  .sx-checkout2 .sx-np-result small{font-size:9px}
  .sx-checkout2 .sx-np-courier-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;
  }
  .sx-checkout2 .sx-np-street-field{grid-column:1/-1}
  .sx-checkout2 .sx-np-courier-fields>label>span{font-size:8.5px}
}

/* ============================================================
   Nova Poshta dropdown UI v2.5
   Pure presentation fix. CRM bridge/API logic unchanged.
   ============================================================ */

/* The previous checkout card used overflow:hidden, which clipped the
   address lists exactly at the bottom edge of the delivery card. */
.sx-checkout2 [data-checkout-section="delivery"]{
  position:relative;
  overflow:visible;
  z-index:4;
}
.sx-checkout2 [data-checkout-section="delivery"].has-np-dropdown{
  z-index:80;
}

/* Keep the next cards below the open Nova Poshta layer. */
.sx-checkout2 [data-checkout-section="payment"],
.sx-checkout2 [data-checkout-section="comment"]{
  position:relative;
  z-index:1;
}

.sx-checkout2 .sx-np-autocomplete{
  position:relative;
  isolation:isolate;
}

.sx-checkout2 .sx-np-dropdown{
  position:absolute;
  z-index:150;
  top:calc(100% + 8px);
  left:0;
  right:0;

  width:100%;
  max-height:300px;
  overflow-y:auto;
  overscroll-behavior:contain;

  padding:6px;
  border:1px solid rgba(239,147,0,.28);
  border-radius:12px;
  background:rgba(255,255,255,.985);
  box-shadow:
    0 20px 45px rgba(28,34,43,.16),
    0 3px 10px rgba(28,34,43,.07);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.sx-checkout2 .sx-np-dropdown::-webkit-scrollbar{
  width:7px;
}
.sx-checkout2 .sx-np-dropdown::-webkit-scrollbar-track{
  background:transparent;
}
.sx-checkout2 .sx-np-dropdown::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:10px;
  background:#d7dbe0;
  background-clip:padding-box;
}

.sx-checkout2 .sx-np-result{
  position:relative;
  display:grid;
  gap:3px;

  width:100%;
  min-height:48px;
  padding:9px 11px;

  border:0;
  border-radius:9px;
  background:transparent;

  color:#202328;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease, transform .14s ease;
}

.sx-checkout2 .sx-np-result + .sx-np-result{
  border-top:1px solid #f0f1f3;
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.sx-checkout2 .sx-np-result:hover{
  background:#fff5e6;
}
.sx-checkout2 .sx-np-result:active{
  transform:scale(.995);
}

.sx-checkout2 .sx-np-result b{
  display:block;
  overflow:visible;

  color:#202328;
  font-size:10.5px;
  line-height:1.32;
  font-weight:850;

  white-space:normal;
  text-overflow:clip;
}

.sx-checkout2 .sx-np-result small{
  display:block;
  overflow:visible;

  margin:0;
  color:#858d98;
  font-size:8.8px;
  line-height:1.3;

  white-space:normal;
  text-overflow:clip;
}

.sx-checkout2 .sx-np-dropdown-empty{
  min-height:48px;
  display:grid;
  place-items:center;
  padding:10px 12px;

  color:#8b929c;
  font-size:9.5px;
  text-align:center;
}

/* A selected helper should not move the layout visually. */
.sx-checkout2 .sx-np-help{
  margin-top:1px;
  min-height:11px;
}

/* On desktop the warehouse list may contain long addresses. Give it a
   little extra vertical room while keeping the card itself compact. */
@media(min-width:761px){
  .sx-checkout2 [data-np-warehouse-list]{
    max-height:330px;
  }

  .sx-checkout2 [data-np-city-list]{
    max-height:260px;
  }
}

/* Mobile: use a clean bottom sheet rather than a clipped/floating card.
   Existing checkout accordion remains untouched. */
@media(max-width:760px){
  .sx-checkout2 [data-checkout-section="delivery"]{
    z-index:20;
  }
  .sx-checkout2 [data-checkout-section="delivery"].has-np-dropdown{
    z-index:400;
  }

  .sx-checkout2 .sx-np-dropdown{
    position:fixed;
    z-index:500;
    left:10px;
    right:10px;
    top:auto;
    bottom:10px;

    width:auto;
    max-height:min(52vh,390px);

    padding:7px;
    border-radius:15px;
    box-shadow:0 24px 70px rgba(0,0,0,.25);
  }

  .sx-checkout2 .sx-np-result{
    min-height:52px;
    padding:10px 11px;
  }
  .sx-checkout2 .sx-np-result b{
    font-size:11px;
  }
  .sx-checkout2 .sx-np-result small{
    font-size:9px;
  }
}