/* ===========================
   EMPTY CART POPUP (Standalone)
   File: assets/css/Cart/empty-cart-popup.css
=========================== */

.oo-ecp{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  font-family:"Open Sans", sans-serif;
}

.oo-ecp.is-open{
  display:flex;
}

.oo-ecp__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.60);
}

.oo-ecp__panel{
  position:relative;
  width:min(92vw, 700px);
  background:#fff;
  border-radius:26px;
  padding:26px 26px 26px;
  box-shadow:0 24px 60px rgba(0,0,0,0.25);
  z-index:1;
  overflow:visible;
}

/* ===========================
   STATUS (ICON + TITLE)
=========================== */

.oo-ecp__status{
  margin-top: 32px;
  margin-bottom: 54px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:6px;
}

.oo-ecp__badge{
  width:clamp(78px,12vw,110px);
  aspect-ratio:1/1;
  border-radius:999px;
  background:#2596be;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 40px rgba(36,80,105,0.30);
}

.oo-ecp__badge-icon{
  width:48%;
  height:auto;
  display:block;
}

/* Title kao “Astana” */
.oo-ecp__title{
  margin-top:18px;
  font-weight:900;
  font-size:32px;
  line-height:1.04;
  color:#245069;
  text-align:center;
}

/* ===========================
   ACTIONS
=========================== */

.oo-ecp__actions{
  display:flex;
  width:100%;
  margin-bottom: 34px;
  flex-direction:column;
  gap:16px;
}

/* Button — pill (bez ikone) */
.oo-ecp__btn{
  width:100%;
  padding:28px 22px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  font-size:22px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#2596be;
  color:#fff;
  border:1px solid rgba(0,0,0,0.06);
}

.oo-ecp__btn:link,
.oo-ecp__btn:visited{
  color:#fff;
}

.oo-ecp__btn-text{
  display:inline-block;
  line-height:1;
}

/* ===========================
   MOBILE
=========================== */

@media (max-width:768px){
  .oo-ecp__panel{
    width:min(94vw, 640px);
    padding:22px 18px 18px;
  }

  .oo-ecp__status{
    margin-top: 26px;
    margin-bottom: 38px;
  }

  .oo-ecp__title{
    font-size:32px;
  }

  .oo-ecp__btn{
    padding:26px 18px;
    font-size:20px;
  }
}