.checkoutbtn:hover
    {
        
        color: white;
          transform: scale(1.05);
           transition: all 0.8s ease; /* 👈 controls smoothness and speed */
    }

    .popupImage
    {
        border-radius:7px; height:100%; display:block;
    }
    .decrementpopup
    {
        padding: 0px 2px 4px 6px !important;
    }
    .incrementpopup
    {
          padding: 0px 8px 4px 7px !important;
    }

/* Parent wrapper */
.popupItem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* Image */
.popupImageitem {
    margin-top:5px;
    flex: 0 0 auto;
}
.popupImagecontainer {
    background-size: cover;
    background-position: top center;
    border-radius: 10px;
    width: 60px;   /* mobile size */
    height: 60px;
}
@media (min-width: 768px) {
    .popupImagecontainer {
        width: 90px;
        height: 90px;
    }
}

/* Details + actions wrap */
.popupContent {
    flex: 1;
    display: flex;
    flex-direction: column; /* mobile: actions below name */
    gap: 6px;
}

/* Actions */
.popupActions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

/* Desktop override */
@media (min-width: 768px) {
    .popupItem {
        align-items: center;
    }
    .popupContent {
        flex-direction: row;         /* details + actions in same line */
        align-items: center;
        justify-content: space-between;
    }
    .popupActions {
        margin-top: 0;
    }
}


.checkoutbtn:hover {
  color: white;
  transform: scale(1.05);
  transition: all 0.8s ease;
}


.empty-cart img {
  max-width: 100px;
  margin-bottom: 15px;
}

.shopNowBtn:hover {
  transform: scale(1.05);
  color: white;
}