.pkg-card-50{
  display:flex;
  width:100%;
  max-width:900px;
  height:250px;
  border-radius:20px;                 
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* halves */
.pkg-left, .pkg-right{ width:50%; height:100%; }

/* left: image fills */
.pkg-left img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* right: random color (set by JS), centered content */
.pkg-right{
  display:flex;
  align-items:center;  
  justify-content:center;
}

.pkg-right-content{
  text-align:center;
  padding:16px 24px;
  max-width:85%;
  color: var(--white-color);
  font-size: 34px;
  font-family: var(--font-main);
  align-self: right;
  text-align: right;
}

.order-btn{
  margin-top:12px;
  padding:10px 18px;
  border:none;
  border-radius:999px;
  background-color: var(--white-color);
  color: var(--pink-color);
  font-weight:700;
  font-family: var(--font-main);
  font-size: 14px;
  cursor:pointer;
  transition:transform .08s ease, opacity .2s ease;
}
.order-btn:hover{ opacity:.9; }
.order-btn:active{ transform:scale(.98); }

/* Optional: responsive stack on small screens */
@media (max-width:700px){
  .pkg-card-50{ flex-direction:column; height:auto; }
  .pkg-left, .pkg-right{ width:100%; height:auto; }
  .pkg-left img{ height:220px; }
}

.space{
    width: 100%;
    height: 30px;
}