/*
 * Baazi365 transaction confirmation v5.1.0
 *
 * transaction-pending.php is shared by every storefront.  Baazi365 uses its
 * own header bundle and therefore must not depend on the legacy global
 * .progress-sheet rules.  Every selector in this file is storefront-scoped.
 */
html[data-storefront-template="baazi365"] .premium-pending-stage{
  display:block!important;
  width:100%!important;
  min-height:calc(100dvh - clamp(60px,14.66667vw,123px) - clamp(54px,13.35vw,112px))!important;
  margin:0!important;
  padding:clamp(16px,4vw,34px) clamp(10px,2.9vw,24px) clamp(24px,6vw,50px)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,183,0,.13),transparent 34%),
    var(--page,#f0eee4)!important;
  color:#202020!important;
}

html[data-storefront-template="baazi365"] .premium-progress-sheet{
  position:relative!important;
  display:flex!important;
  width:min(100%,560px)!important;
  min-width:0!important;
  max-width:560px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:clamp(24px,5vw,42px) clamp(14px,4.2vw,30px) clamp(18px,4.6vw,34px)!important;
  align-items:stretch!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(116,0,15,.34)!important;
  border-top:clamp(5px,1.2vw,10px) solid var(--red,#c9002d)!important;
  border-radius:clamp(10px,2.4vw,18px)!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;
  box-shadow:0 clamp(12px,3vw,26px) clamp(28px,7vw,58px) rgba(38,1,1,.18)!important;
  color:#202020!important;
  text-align:center!important;
}

html[data-storefront-template="baazi365"] .premium-progress-sheet .sheet-x{
  position:absolute!important;
  z-index:2!important;
  top:clamp(9px,2.1vw,17px)!important;
  right:clamp(10px,2.3vw,18px)!important;
  display:grid!important;
  width:clamp(34px,8.3vw,52px)!important;
  height:clamp(34px,8.3vw,52px)!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:50%!important;
  background:#250106!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important;
  color:#fff!important;
  font-size:clamp(25px,6.2vw,38px)!important;
  font-weight:300!important;
  line-height:1!important;
  text-decoration:none!important;
}

html[data-storefront-template="baazi365"] .premium-progress-sheet .hourglass-3d{
  display:grid!important;
  flex:0 0 auto!important;
  width:clamp(86px,23vw,118px)!important;
  height:clamp(86px,23vw,118px)!important;
  max-width:118px!important;
  max-height:118px!important;
  margin:clamp(8px,2vw,16px) auto clamp(10px,2.4vw,18px)!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff9e6 0,#f7e6af 67%,#e8c354 68%,#d79c24 100%)!important;
  box-shadow:0 9px 24px rgba(98,56,0,.18),inset 0 0 0 1px rgba(137,77,0,.2)!important;
  font-size:0!important;
}

html[data-storefront-template="baazi365"] .premium-progress-sheet .hourglass-3d svg{
  display:block!important;
  width:74%!important;
  height:74%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:88px!important;
  max-height:88px!important;
  overflow:visible!important;
  filter:drop-shadow(0 6px 8px rgba(73,39,0,.2))!important;
}

html[data-storefront-template="baazi365"] .premium-progress-sheet h2{
  width:100%!important;
  margin:0 auto!important;
  color:#1f2428!important;
  font-size:clamp(20px,5.2vw,29px)!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  overflow-wrap:anywhere!important;
}

html[data-storefront-template="baazi365"] .premium-progress-sheet>p{
  width:100%!important;
  max-width:460px!important;
  margin:clamp(8px,2.2vw,15px) auto clamp(15px,3.8vw,26px)!important;
  color:#667078!important;
  font-size:clamp(13px,3.35vw,17px)!important;
  font-weight:400!important;
  line-height:1.48!important;
}

html[data-storefront-template="baazi365"] .premium-pending-summary{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(14px,3.6vw,24px)!important;
  overflow:hidden!important;
  border:1px solid #160003!important;
  border-radius:clamp(8px,2vw,14px)!important;
  background:
    url("assets/reference/header-wave.png") left bottom/150% auto no-repeat,
    linear-gradient(145deg,#5c0010 0%,#250106 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(44,0,7,.14)!important;
  color:#fff!important;
  text-align:left!important;
}

html[data-storefront-template="baazi365"] .premium-pending-summary>.status.pending{
  display:inline-flex!important;
  min-height:clamp(25px,6vw,36px)!important;
  align-items:center!important;
  padding:0 clamp(10px,2.5vw,16px)!important;
  border:1px solid rgba(95,58,0,.18)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffe793,#ffc841)!important;
  color:#593b00!important;
  font-size:clamp(11px,2.75vw,14px)!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:clamp(10px,2.4vw,18px)!important;
  width:100%!important;
  margin:clamp(10px,2.6vw,18px) 0 0!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid section{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid section b,
html[data-storefront-template="baazi365"] .pending-summary-grid section small,
html[data-storefront-template="baazi365"] .pending-summary-grid section em{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid section b{
  color:#fff!important;
  font-size:clamp(16px,4vw,21px)!important;
  font-weight:900!important;
  line-height:1.2!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid section small{
  margin-top:4px!important;
  color:#f2cbd2!important;
  font-size:clamp(11px,2.8vw,14px)!important;
  line-height:1.3!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid section em{
  margin-top:5px!important;
  color:#ffce43!important;
  font-size:clamp(10px,2.55vw,13px)!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}

html[data-storefront-template="baazi365"] .pending-summary-grid strong.positive{
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:end!important;
  color:#ffce43!important;
  font-size:clamp(20px,5.2vw,28px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

html[data-storefront-template="baazi365"] .premium-pending-summary .pending-details-btn{
  display:flex!important;
  position:static!important;
  float:none!important;
  width:100%!important;
  height:clamp(44px,10.7vw,56px)!important;
  min-height:44px!important;
  margin:clamp(13px,3.2vw,20px) 0 0!important;
  padding:0 14px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,183,0,.74)!important;
  border-radius:clamp(6px,1.5vw,10px)!important;
  background:rgba(0,0,0,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
  color:#fff!important;
  font-size:clamp(14px,3.5vw,18px)!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
}

html[data-storefront-template="baazi365"] .vkmc-pending-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
  gap:clamp(8px,2vw,12px)!important;
  width:100%!important;
  margin:clamp(14px,3.6vw,24px) 0 0!important;
}

html[data-storefront-template="baazi365"] .vkmc-pending-actions .sheet-close{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  height:clamp(48px,11.5vw,60px)!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 clamp(8px,2.2vw,16px)!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:clamp(6px,1.6vw,10px)!important;
  color:#fff!important;
  font-size:clamp(13px,3.25vw,17px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
}

html[data-storefront-template="baazi365"] .vkmc-pending-actions .btn-brand{
  border:1px solid #850019!important;
  background:linear-gradient(180deg,#e30637 0%,#b50024 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 13px rgba(127,0,21,.16)!important;
}

html[data-storefront-template="baazi365"] .vkmc-pending-actions .btn-ghost{
  border:1px solid #111!important;
  background:linear-gradient(180deg,#292929 0%,#101010 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19)!important;
  color:#ffbd0b!important;
}

/* Details modal opened from the confirmation card. */
html[data-storefront-template="baazi365"] #pendingDetailsModal.hidden{display:none!important}
html[data-storefront-template="baazi365"] #pendingDetailsModal:not(.hidden){
  position:fixed!important;
  z-index:2600!important;
  inset:0!important;
  display:grid!important;
  padding:clamp(10px,3vw,24px)!important;
  place-items:center!important;
  overflow:auto!important;
  background:rgba(20,0,4,.76)!important;
  backdrop-filter:blur(3px)!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal{
  position:relative!important;
  display:block!important;
  width:min(100%,520px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:auto!important;
  border:1px solid rgba(255,183,0,.46)!important;
  border-radius:clamp(10px,2.4vw,16px)!important;
  background:#fffdf8!important;
  box-shadow:0 24px 70px rgba(0,0,0,.46)!important;
  color:#202020!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-hero{
  padding:clamp(16px,4vw,26px)!important;
  background:linear-gradient(145deg,#5d0010,#260106)!important;
  color:#fff!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-hero>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-hero span{
  font-size:clamp(18px,4.5vw,24px)!important;
  font-weight:900!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .modal-close{
  display:grid!important;
  width:36px!important;
  height:36px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.3)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.25)!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-hero strong{
  display:block!important;
  margin:clamp(16px,4vw,25px) 0 2px!important;
  color:#ffce43!important;
  font-size:clamp(24px,6vw,32px)!important;
  text-align:center!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-hero small{
  display:block!important;
  color:#f1c9d1!important;
  text-align:center!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-status{
  display:inline-flex!important;
  margin:14px 16px 0!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  background:#ffe6a0!important;
  color:#634400!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .mobile-transaction-timeline{
  display:block!important;
  padding:14px 18px!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .mobile-timeline-step{
  position:relative!important;
  display:grid!important;
  min-height:48px!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  color:#3b444a!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .mobile-timeline-step i{
  width:12px!important;
  height:12px!important;
  margin-top:4px!important;
  border:3px solid #c9002d!important;
  border-radius:50%!important;
  background:#fff!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .mobile-timeline-step small{
  display:block!important;
  margin-top:2px!important;
  color:#7a858b!important;
  font-size:11px!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-table{
  margin:0 16px!important;
  overflow:hidden!important;
  border:1px solid #e4d6d8!important;
  border-radius:9px!important;
  background:#fff!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-table>div{
  display:grid!important;
  grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr)!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-bottom:1px solid #eee4e5!important;
  color:#202020!important;
  font-size:clamp(11px,2.8vw,14px)!important;
}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-table>div:last-child{border-bottom:0!important}
html[data-storefront-template="baazi365"] .pending-detail-modal .detail-table span{color:#758087!important}
html[data-storefront-template="baazi365"] .pending-detail-modal .detail-table b{min-width:0!important;color:#202020!important;text-align:right!important;overflow-wrap:anywhere!important}
html[data-storefront-template="baazi365"] .pending-detail-modal .detail-gateway-logo{width:24px!important;height:24px!important;object-fit:contain!important;vertical-align:middle!important}

html[data-storefront-template="baazi365"] .pending-detail-modal .detail-close{
  display:flex!important;
  width:calc(100% - 32px)!important;
  height:50px!important;
  margin:14px 16px 18px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #850019!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#e30637,#b50024)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media (max-width:390px){
  html[data-storefront-template="baazi365"] .premium-pending-stage{padding-left:8px!important;padding-right:8px!important}
  html[data-storefront-template="baazi365"] .premium-progress-sheet{padding-left:12px!important;padding-right:12px!important}
  html[data-storefront-template="baazi365"] .vkmc-pending-actions{grid-template-columns:1fr!important}
  html[data-storefront-template="baazi365"] .vkmc-pending-actions .sheet-close{height:48px!important}
}

@media (prefers-reduced-motion:reduce){
  html[data-storefront-template="baazi365"] .premium-progress-sheet *,
  html[data-storefront-template="baazi365"] #pendingDetailsModal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}