#product-popup {
display:none;
position:fixed;
top:50%; left:50%; 
transform:translate(-50%, -50%); 
background:white;
padding:30px 20px;
box-shadow:0 0 15px rgba(0,0,0,0.3); 
z-index:9999; border-radius:10px; position:fixed;
max-height: 80vh;
  overflow: scroll;
}
#close-popup {
position:absolute; 
top:10px; right:10px;
background:none;
border:none; 
font-size:18px;
cursor:pointer;
}
.product-table {
    width: 100%;
    margin-block: 10px;
}
.product-table td:last-child {
    text-align: right;
}
.popup-product button {
  width: 100%;
  text-transform: initial !important;
  padding-block: 14px !important;
  border-radius: 10px !important;
}

.popup-product .popup-content {
  margin-block: 24px;}

.popup-product .title {
  font-size: clamp(20px,2vw,25px) !important; 
  line-height: 1.4;
  text-align: center;
  max-width: 400px;
}
.popup-product .popup-heading {
 display: flex;
  justify-content: center;
}
.product-table label {
  margin:  0 !important;
  font-weight: normal !important;
  font-size: clamp(15px,2vw,16px);
}
@media(max-width:900px){
#product-popup {
   width: 90% !important;
  }}
/* Spinner overlay container */
#popup-spinner {
display:none;
 position:absolute; 
 top:0; left:0; right:0; 
 bottom:0; background:rgba(255,255,255,0.7); 
 z-index:9999; 
 justify-content:center; 
 align-items:center;
}

/* Spinner circle style */
#popup-spinner .loader {
 border: 4px solid #f3f3f3; 
 border-top: 4px solid #333; 
 border-radius: 50%; 
 width: 30px; 
 height: 30px; 
 animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}