/* ===== Delivery Address Sheet ===== */
.delAddrOverlay[hidden],
.delAddrPickerOverlay[hidden],
.delAddrDropoffOverlay[hidden],
.delSetVerifyOverlay[hidden] { display:none; }

.delAddrOverlay,
.delAddrPickerOverlay,
.delAddrDropoffOverlay{
  position:fixed; inset:0;
  z-index:10050;
  display:flex;
  justify-content:center;
  align-items:flex-end;
}

.delAddrBackdrop{
  position:absolute; 
  inset:0;
  background:rgba(0,5,10,.5);
  opacity:0;
  transition: opacity .2s ease;
}

/* IMPORTANT: only fade the sheet’s own (direct) backdrop */
#delAddrSheet.delAddrOpen > .delAddrBackdrop{
  opacity:1;
}

/* Delivery Settings backdrop */
#delSettingsSheet.delAddrOpen > .delAddrBackdrop{
  opacity:1;
}

/* only fade the picker’s own (direct) backdrop */
#delAddrPicker.delAddrOpen > .delAddrBackdrop{
  opacity:1;
}

/* only fade the dropoff picker’s own (direct) backdrop */
#delAddrDropoffPicker.delAddrOpen > .delAddrBackdrop{
  opacity:1;
}


.delAddrPanel{
  position:relative;
  width:100%;
  max-width:500px;
  background:#fff;
  border-radius:18px 18px 0 0;
  overflow:hidden;
  max-height: calc(100vh - 16px);
  transform:translateY(100%);
  transition: transform .2s ease, height .22s ease;
}

#delAddrSheet.delAddrOpen .delAddrPanel{ 
  transform:translateY(0); 
}

/* Settings sheet slide-in */
#delSettingsSheet.delAddrOpen .delAddrPanel{ 
  transform:translateY(0); 
}

@media (min-width: 500px){
  .delAddrOverlay{ 
    align-items:center; 
    padding:24px; 
  }
  .delAddrPanel{
    border-radius:14px;
    max-height:min(92vh, 780px);
    transform:translateY(24px) scale(.95);
    opacity:0;
    transition:transform .2s ease, opacity .2s ease;
  }
  #delAddrSheet.delAddrOpen .delAddrPanel{
    transform:translateY(0) scale(1);
    opacity:1;
  }

  #delSettingsSheet.delAddrOpen .delAddrPanel{
    transform:translateY(0) scale(1);
    opacity:1;
  }
}

.delAddrHeader{
  position:relative;            /* NEW: anchor for absolute title */
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:clamp(8px, 3vw, 12px) 5px 5px 10px;
  background:#f1f3f5;
  border-bottom: 1px solid #fff;
}

.delAddrHdrBtn {
  width:40px; height:40px;
  border:0; background:transparent;
  border-radius: 10px;
  display:flex; 
  align-items:center; 
  justify-content:center;
  cursor:pointer;
  position:relative;
  z-index:2;
}

/* .delAddrHdrBtn:hover {
    background: #e1e3e5;
} */

.delAddrHdrBtn img { 
    width:16px; 
    height:16px; 
}

.delAddrBackGlyph { 
    font-size:28px; 
    line-height:1; 
    color:#111; 
    transform:translateY(-1px); 
}

.delAddrHdrTitle{
   position: absolute;
  inset: 0;                 /* fill entire header */
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */

  /* reserve space so title doesn't overlap left/right buttons */

  font-weight: 600;
  font-size: clamp(17px, 3vw, 19px);
  color: #000;
   padding:clamp(8px, 3vw, 12px) clamp(5px, 3vw, 10px) 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  pointer-events: none;     /* never blocks clicks */
  z-index: 1;
}

.delAddrSaveBtn {
  border:0;
  background:transparent;
  color:#0077ff;
  font-weight:800;
  letter-spacing:.02em;
  padding:10px 12px;
  text-transform: uppercase;
  cursor:pointer;
  position:relative;
  font-size: 15px;
  z-index:2;
}
.delAddrSaveBtn:disabled { 
    opacity:.5; 
    cursor:default; 
}

/* Main sheet scroll area */
.delAddrBody{
  flex:1 1 auto;
  min-height:0;              /* critical: allows flex child to shrink and scroll */
  max-height:none;           /* remove viewport-based max-height */
  overflow:auto;
  background: #f1f3f5;
  -webkit-overflow-scrolling:touch;
}

/* Main sheet scroll area */
.delAddrBody2 {
  flex:1 1 auto;
  min-height:0;              /* critical: allows flex child to shrink and scroll */
  max-height:none;           /* remove viewport-based max-height */
  overflow:auto;
  padding: 0 clamp(14px, 3vw, 18px) 50px;
  -webkit-overflow-scrolling:touch;
  background: #f1f3f5;
}


/* Main sheet scroll area */
.delAddrBody3 {
  flex:1 1 auto;
  min-height:0;              /* critical: allows flex child to shrink and scroll */
  max-height:none;           /* remove viewport-based max-height */
  overflow:auto;
  padding: 0 clamp(14px, 3vw, 18px) 0px;
  -webkit-overflow-scrolling:touch;
}

/* Main sheet scroll area */
.delAddrBody4 {
  flex:1 1 auto;
  min-height:0;              /* critical: allows flex child to shrink and scroll */
  max-height:none;           /* remove viewport-based max-height */
  overflow:auto;
  padding: 0 18px 50px;
  -webkit-overflow-scrolling:touch;
}

.delAddrHint {
  margin:0 5px 12px;
  color:#555;
  font-size:14px;
  line-height:1.35;
}

.delAddrHintPhone {
  margin:20px 5px 12px;
  color:#555;
  font-size:14px;
  line-height:1.35;
  display:flex;            /* not flexs */
  justify-content:center;
  text-align:center; 
}


.delAddrMapWrap {
  width:100%;
  overflow:hidden;
  border-top:1px solid #e1e3e5;
  margin:0 0 0px;
}
.delAddrMap { 
    height:150px; 
    width:100%; 
}

.delAddrRowBtn {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:0;
  background:#fff;
  border-radius:8px;
  padding:14px 10px;
  cursor:pointer;
}

.delAddrRowLeft { 
    display:flex; 
    align-items:center; 
    gap:10px; 
    min-width:0; 
}

.delAddrRowText {
  font-size:16px;
  color:#111;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
} 

.delAddrRowText.is-placeholder { 
  color:#9b9b9b; 
}

.delAddrChevron { 
  font-size:22px; 
  color:#9b9b9b; 
}

.delAddrGrid2{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.delAddrField { 
    margin-top:1px; 
}

.delAddrLabel{
  display:block;
  font-weight:600;
  font-size:16px;
  margin:0 0 2px 5px;
}

.delAddrInputWrap{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border-radius:8px;
  padding:12px 10px;
}

.delAddrMiniIcon{ 
  width:20px; 
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0;
}

.delAddrInput{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  font-size:16px;
}
.delAddrInput::placeholder{ color:#9b9b9b; }

.delAddrSectionTitle{
  margin:30px 5px 0;
  font-weight:600;
  font-size:16px;
  color: #000;
}
.delAddrSectionSub{
  margin:1px 5px 5px;
  color:#555;
  font-size:14px;
  line-height:1.35;
}

.delAddrTextarea{
  width:100%;
  margin-top:10px;
  border:0;
  background:#fff;
  border-radius:8px;
  padding:14px;
  font-size:16px;
  min-height:88px;
  resize:none;
  outline:none;
}

.delAddrError{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  color:#a20000;
  font-size:14px;
  align-content: center;
  justify-content: center;
  display: flex;
}

.delAddrError2{
  margin-top:2px;
  padding:0px 6px;
  color:#ee0000;
  font-size:14px;
  display: flex;
}


/* ===== Picker overlay ===== */
.delAddrPickerOverlay { 
  align-items:flex-end; 
}

.delAddrPickerPanel{
  position:relative;
  width:100%;
  max-width:720px;
  background:#fff;
  border-radius:18px 18px 0 0;
  overflow:hidden;
  max-height: calc(100vh - 16px);
  transform:translateY(100%);
  transition:transform .2s ease;
}
#delAddrPicker.delAddrOpen .delAddrPickerPanel{ transform:translateY(0); }

@media (min-width: 500px){
  .delAddrPickerOverlay{ 
    align-items:center; 
    padding:24px; 
  }

  .delAddrPickerPanel{ 
    border-radius:18px; 
    max-height:min(92vh, 780px); 
  }
}

/* Address picker overlay is now INSIDE .delAddrPanel (slides from bottom to top) */
.delAddrPanel .delAddrPickerOverlay{
  position:absolute;         /* override earlier fixed positioning */
  inset:0;
  z-index:35;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  padding:0;                 /* override desktop padding */
}

.delAddrPanel .delAddrPickerPanel{
  width:100%;
  max-width:100%;
  height:100%;               /* cover the whole Delivery Address block */
  max-height:none;
  border-radius:0;           /* feels like a full-page inside the sheet */
}



.delAddrPickerBody{ 
  padding:14px; 
  overflow:auto; 
  max-height: calc(100vh - 56px); 
}

.delAddrPickerInput{
  width:100%;
  border:0;
  background: #fff;
  border-radius:8px;
  padding:15px 45px 15px 12px;
  font-size:17px;
  outline:none;
}

.delAddrPickerList{
  list-style:none;
  padding:10px 0 0;
  margin:0;
}
.delAddrPickItem{
  padding:14px 8px;
  border-bottom:1px solid #f0f0f0;
  cursor:pointer;
}

.delAddrPickMain{ 
  font-size:16px; 
  color:#111; 
}

.delAddrPickSub{ 
  font-size:13px; 
  color:#666; 
  margin-top:2px; 
}

.delAddrPickEmpty { 
  padding:14px 8px; 
  color:#777; 
}

/* ===== Dropoff picker ===== */
.delAddrDropoffOverlay{ align-items:flex-end; }
.delAddrDropoffPanel{
  position:relative;
  width:100%;
  max-width:560px;
  background:#fff;
  border-radius:18px 18px 0 0;
  padding:10px 14px 14px;
  transform:translateY(100%);
  transition:transform .2s ease;
}

/* Dropoff overlay is now INSIDE .delAddrPanel */
.delAddrDropoffOverlay{
  position:absolute;         /* override earlier fixed positioning */
  inset:0;
  z-index:40;
  display:flex;
  justify-content:center;
  align-items:flex-end;
}


#delAddrDropoffPicker.delAddrOpen .delAddrDropoffPanel{ 
  transform:translateY(0); 
}

.delAddrDropoffTitle{ 
  font-weight:900; 
  font-size:18px; 
  padding:10px 2px; 
}

.delAddrDropOpt{
  width:100%;
  text-align:left;
  border:1px solid #eee;
  background:#fff;
  border-radius:14px;
  padding:14px 12px;
  margin:8px 0;
  cursor:pointer;
  font-size:16px;
}
.delAddrDropCancel{
  width:100%;
  border:0;
  background:#f2f2f2;
  border-radius:14px;
  padding:14px 12px;
  margin-top:10px;
  cursor:pointer;
  font-weight:700;
}

/* Make panels true “header + scroll body” layouts */
.delAddrPanel,
.delAddrPickerPanel{
  display:flex;
  flex-direction:column;
}

/* Main sheet scroll area */
.delAddrBody{
  flex:1 1 auto;
  min-height:0;              /* critical: allows flex child to shrink and scroll */
  max-height:none;           /* remove viewport-based max-height */
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* Address picker scroll area */
.delAddrPickerBody{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  background: #f1f3f5;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* ---------- Dropoff picker (radio list like app) ---------- */

.delAddrDropoffPanel{
  padding:0;                /* header + list will handle padding */
  overflow:hidden;
}

.delAddrDropHdr{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 10px 8px 23px;
  background: #f1f3f5;
}

.delAddrDropHdrTitle{
  font-size:20px;
  font-weight:600;
  color: #000;
}

.delAddrDropHdrClose{
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  border-radius:999px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease;
}

.delAddrDropHdrClose:hover{
    background: #e1e3e5;
}
.delAddrDropHdrClose:active{
  background:#f2f2f2;
}

.delAddrDropList{
  padding:8px 18px 25px;
}

.delAddrRadioRow{
  display:flex;
  align-items:center;
  gap:16px;
  padding:8px 10px;
  border-radius:10px;
  cursor:pointer;
  user-select:none;
}

.delAddrRadioRow:hover {
    background: #f6f8fa;
}

.delAddrRadioRow:active{
  background:#f5f5f5;
}

.delAddrRadioInput{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.delAddrRadioDot{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #b8b8b8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.delAddrRadioDot::after{
  content:"";
  width:12px;
  height:12px;
  border-radius:999px;
  background:#111;
  transform:scale(0);
  transition:transform .14s ease;
}

.delAddrRadioInput:checked + .delAddrRadioDot{
  border-color:#111;
}

.delAddrRadioInput:checked + .delAddrRadioDot::after{
  transform:scale(1);
}

.delAddrRadioLabel{
  font-size:16px;
  font-weight:400;
  color: #333;

}

.delAddrPickerInputWrap{
  position:relative;
}


/* Clear (X) button inside input */
.delAddrPickerClear{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#555;
  font-size:22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.delAddrPickerClear:active{
  transform:translateY(-50%) scale(0.96);
}

.delAddrPickerClear[hidden]{
  display:none;
}

/* ===== Delivery Settings (Logged-in flow) ===== */
.delSetTitle{
  margin:2px 5px 1px;
  font-weight:600;
  font-size:16px;
  color:#000;
}

.delSetSub{
  margin:0 5px 12px;
  color:#555;
  font-size:14px;
  line-height:1.35;
}

.delSetPhoneWrap{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border-radius:8px;
  padding:5px 10px;
}

.delSetPhoneIcon{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  color:#0b1b33;
  flex:0 0 auto;
}

.delSetPhoneInput{
  border:0;
  outline:none;
  font-size:16px;
  width:100%;
  color: #000;
  padding: 10px 0;
  background:transparent;
}

/* .delSetPhoneWrap.is-error{
  border-color:#ff3b30;
  box-shadow:0 0 0 2px rgba(255,59,48,0.10);
} */

.delSetLoading{
  margin:10px 5px 0;
  color:#666;
  font-size:14px;
}

.delSetAddrList{
  list-style:none;
  padding:0;
  margin:5px 0 5px;
  border-radius:0px;
  overflow:hidden;
}

.delSetAddrItem{
  display:flex;
  align-items:stretch;
  gap:10px;
  padding:0 0 0 8px;
  background:#f1f3f5;
  border-bottom:1px solid #eef0f2;
}

.delSetAddrItem:last-child{ 
  border-bottom:0; 
}

.delSetAddrMainBtn{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  padding:14px 12px;
  cursor:pointer;
  min-width:0;
}

.delSetAddrItem:hover{ 
  background:#eaecee; 
}

.delSetAddrItem.is-active {
  background:#e5e7e9;
}

.delSetAddrPin{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0b1b33;
  flex:0 0 auto;
}

.delSetAddrText{
  text-align:left;
  min-width:0;
}

.delSetAddrLine2{
  display:block;
  font-size:15px;
  font-weight:600;
  color:#000;
  white-space:nowrap;
  overflow:hidden;
}

.delSetAddrLine1{
  display:block;
  font-size:14px;
  color:#444;
  margin-top:2px;
}

.delSetAddrEditBtn{
  width:52px;
  border:0;
  background:transparent;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#666;
  font-size:18px;
  transition:opacity .2s ease;
}

.delSetAddrEditBtn:hover{ 
  background:#e0e2e4; 
}

.delSetAddBtn{
  width:fit-content;
  padding:12px 16px;
  border-radius:10px;
  border:1px solid #d5d7d9;
  background:#e5e7e9;
  font-size:15px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  margin:12px auto 0;
}

.delSetAddBtn:hover{ 
  background:#e1e3e5; 
}


/* ===== Phone verify overlay (Delivery Settings) ===== */
.delSetVerifyOverlay{
  position:fixed;
  inset:0;
  z-index:10060;
  display:flex;
  justify-content:center;
  align-items:flex-end;
}

.delSetVerifyBackdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  transition:opacity .2s ease;
}

.delSetVerifyOverlay.delAddrOpen .delSetVerifyBackdrop{ opacity:1; }

.delSetVerifyPanel{
  position:relative;
  width:100%;
  max-width:500px;
  background:#fff;
  border-radius:18px 18px 0 0;
  overflow:hidden;
  max-height: calc(100vh - 16px);
  transform:translateY(100%);
  transition:transform .2s ease;
}

.delSetVerifyOverlay.delAddrOpen .delSetVerifyPanel{ 
  transform:translateY(0); 
}

@media (min-width: 500px){
	.delSetVerifyOverlay{ 
		align-items:center; 
		padding:24px; 
	}
	.delSetVerifyPanel{
		border-radius:18px;
		max-height:min(92vh, 520px);
		transform:translateY(24px) scale(.95);
		opacity:0;
		transition:transform .2s ease, opacity .2s ease;
	}
	.delSetVerifyOverlay.delAddrOpen .delSetVerifyPanel{
		transform:translateY(0) scale(1);
		opacity:1;
	}
}

.delSetVerifyBody{
  padding: 0 18px 24px;
}

.delSetOtp{
  display:flex;
  justify-content:center;
  gap:14px;
  margin:18px 0 18px;
}

.delSetOtpIn{
  width:62px;
  height:62px;
  border-radius:14px;
  border:1px solid #e1e3e5;
  font-size:25px;
  font-weight:400;
  text-align:center;
  outline:none;
}


.delSetOtpIn:focus{
  border-color:#0077ff;
  box-shadow:0 0 0 2px rgba(0,119,255,0.15);
}

.delSetVerifyBtn{
  width:100%;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  font-size:18px;
  font-weight:800;
  background:#0077ff;
  color:#fff;
  cursor:pointer;
}

.delSetVerifyBtn:disabled{ 
  opacity:.6; 
  cursor:default; 
}

.delSetResendBtn{
  margin:20px auto;
  border:0;
  border-radius:10px;
  padding:12px 20px;
  font-size:15px;
  font-weight:500;
  background:#f1f3f5;
  color:#000;
  cursor:pointer;
  display: block;
}

/* Full-screen delivery sheets on small screens */
@media (max-width: 499.98px){

  /* make the overlay stretch so the panel can fill the viewport */
  .delAddrOverlay,
  .delAddrPickerOverlay,
  .delAddrDropoffOverlay,
  .delSetVerifyOverlay{
    align-items: stretch;
  }

  /* main delivery sheet + verify sheet go full-screen */
  .delAddrPanel,
  .delSetVerifyPanel{
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }

  /* (optional safety) if picker is ever used standalone */
  .delAddrPickerPanel{
    width: 100%;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }

	/* On small screens: do NOT slide from bottom (avoid “dock to bottom” effect) */
	.delAddrPanel,
	.delSetVerifyPanel,
	.delAddrPickerPanel,
	.delAddrDropoffPanel{
		transform: translateY(18px) !important;
		opacity: 0;
		transition: transform .2s ease-out, opacity .2s ease-out !important;
	}

	#delAddrSheet.delAddrOpen .delAddrPanel,
	#delSettingsSheet.delAddrOpen .delAddrPanel,
	.delSetVerifyOverlay.delAddrOpen .delSetVerifyPanel,
	#delAddrPicker.delAddrOpen .delAddrPickerPanel,
	#delAddrDropoffPicker.delAddrOpen .delAddrDropoffPanel{
		transform: translateY(0) !important;
		opacity: 1;
	}

   .delAddrBackdrop{
   position:absolute; 
   inset:0;
   background:rgba(255,255,255,.5);
   opacity:0;
   transition:opacity .2s ease;
   }
}

/* ===== Verify Phone is INSIDE the Delivery Settings sheet (covers the whole block) ===== */
.delAddrPanel .delSetVerifyOverlay{
  position:absolute;
  inset:0;
  z-index:60;                 /* above picker/dropoff */
  display:flex;
  justify-content:center;
  align-items:stretch;         /* fill the sheet */
  padding:0;                  /* no desktop padding */
  background:#fff;            /* hide what's behind */
}

/* We don't need a second dim backdrop inside the sheet */
.delAddrPanel .delSetVerifyBackdrop{
  display:none;
}

.delAddrPanel .delSetVerifyPanel{
  width:100%;
  max-width:100%;
  height:100%;
  max-height:none;
  border-radius:0;
  transform:none;
  opacity:0;
  display:flex;
  flex-direction:column;
  transition:opacity .18s ease;
}

.delAddrPanel .delSetVerifyOverlay.delAddrOpen .delSetVerifyPanel{
  opacity:1;
}

/* OTP submit state (like auth_modal) */
#delSettingsOtp.is-submitting .delSetOtpIn{
  opacity:.45;
  pointer-events:none;
}

/* Spinner centered under OTP */
.pinSpinner1{ 
  display:flex; 
  justify-content:center; 
  align-items:center;
  min-height:40px;
}

.pinSpinner__loader1{
  width:28px;
  height:28px;
  border-radius:999px;
  border:3px solid rgba(0,0,0,.15);
  border-top-color:#0077ff;
  animation: rdSpin .8s linear infinite;
}

@keyframes rdSpin { 
  to { transform: rotate(360deg); } 
}

.delAddrRemoveBtn{
  display:block;
  margin:18px auto 0px;
  padding:5px 10px;
  border:0;
  background:transparent;
  color:#ff0000;
  font-size:15px;
  font-weight:500;
  text-align:center;
  cursor:pointer;
}

/* In-sheet confirm modal (used for Remove Address) */
.rdConfirm2{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.rdConfirm2[hidden]{ display:none; }

.rdConfirm2__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.25);
}

.rdConfirm2__card{
  position:relative;
  width:min(500px, 80%);
  background:#fff;
  border-radius:15px;
  padding:22px 22px 18px;
  box-shadow:0 18px 50px rgba(0,0,0,.20);
  transform:translateY(10px);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}

.rdConfirm2.delAddrOpen .rdConfirm2__card{
  transform:translateY(0);
  opacity:1;
}

.rdConfirm2__title{
  font-size:19px;
  font-weight:600;
  margin:0 0 8px;
  color:#111;
}

.rdConfirm2__msg{
  font-size:15px;
  line-height:1.35;
  color:#444;
  margin:0 0 18px;
}

.rdConfirm2__actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
}

.rdConfirm2__btn{
  border:0;
  border-radius:8px;
  padding:11px 17px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}

.rdConfirm2__btn--ghost{
  background:#eef0f2;
  color:#111;
}

.rdConfirm2__btn--danger{
  background:#000;
  color:#fff;
}

.rdConfirm2__btn[disabled]{
  opacity:.6;
  cursor:default;
}