#cod-modal {
    display: none;
    position: fixed;
    overflow: scroll;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.cod-modal-content {
    background: #fff;
    padding: 16px;
    width: 95%;
    max-width: 500px;
    margin: 20px auto;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
#cod-checkout-form .form-row {
    margin-bottom: 15px;
}

#cod-checkout-form label {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.cod-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.cod-header h2 {
    margin: 0;
    font-size: 20px;
}

#cod-close {
    position: absolute;
    top: -16px;
    right: 16px;
    cursor: pointer;
    font-size: 30px;
}
.cod-body {
    padding: 20px;
}
.cod-product-name {
    display: block;
    font-size: 16px;
}
.cod-product-info {
    display: flex;
    gap: 15px;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 16px;
    padding: 10px 0;
    border-top: 1px solid #c7c7c7;
}

.cod-product-info img {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    object-fit: cover;
}

.cod-product-info h3 {
    margin: 0;
    font-size: 18px;
}

.cod-product-name p {
    margin: 5px 0;
    padding-left: 12px;
    font-size: .95em;
    font-weight: 700;
    line-height: 1;
}

.cod-product-info del {
    color: #999;
    margin-right: 8px;
}

.cod-product-info .price strong {
    color: #d9534f;
    font-weight: bold;
}

.cod-product-info .total {
    font-weight: bold;
}
.cod-product-shipping label {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.cod-product-shipping-price {
    font-size: 16px;
    border: 1px solid silver;
    border-radius: 6px;
    padding: 10px;
}
.cod-buy-now {
    width: 100% !important;
}
@media (max-width: 767px) {
  .cod-checkout-form {
      font-size: 16px;
    display: block !important;
    margin-top: 8px !important;
  }
  .cod-checkout-form input[type=text] {
    width: 100% !important;
    padding-left: calc(28px + 15px) !important;
  }
  .cod-checkout-form label {
      font-size: 16px;
    width: 100% !important;
    color: black !important;
  }
}

.buy-now-container-single-product {
    margin-bottom: 10px;
}
.cod-checkout-form {
    font-size: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}

.cod-checkout-form label {
  width: 100px;
  margin-right: 9px;
  overflow-wrap: break-word;
  font-size: 16px;
    font-weight: 600;
    color: black;
}

.cod-checkout-form input[type=text] {
  padding: 10px;
  width: calc(100% - 109px);
  border: 1px solid #ccc;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 10px !important;
}
@keyframes slow-vibrate {
  0% { transform: translatey(0); }
  10% { transform: translatey(-4px); }
  20% { transform: translatey(4px); }
  30% { transform: translatey(-4px); }
  40% { transform: translatey(4px); }
  50% { transform: translatey(4px); }
  100% { transform: translatey(4px); }
}

.vibrate-slow {
  animation: slow-vibrate 0.9s ease-in-out infinite;
  animation-delay: 2s;
}


/* First Name Icon (User) */
.input-first-name {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' viewBox='0 0 46.05 50.86' xmlns='http://www.w3.org/2000/svg'%3e%3cg transform='translate(-171.3 -284.5)'%3e%3crect x='171.3' y='284.5' width='44.82' height='50.86' ry='0' fill='%23e1e1e1'/%3e%3crect x='216.1' y='284.5' width='1.229' height='50.86' fill='%23c0c0c0'/%3e%3cpath d='m194.3 309.9c2.111 0 3.82-1.71 3.82-3.82s-1.71-3.82-3.82-3.82-3.82 1.71-3.82 3.82 1.71 3.82 3.82 3.82zm0 1.91c-2.55 0-7.641 1.28-7.641 3.82v0.9551c0 0.5253 0.4298 0.9551 0.9551 0.9551h13.37c0.5253 0 0.9551-0.4298 0.9551-0.9551v-0.9551c0-2.541-5.091-3.82-7.641-3.82z' fill='%231a1a1a'/%3e%3c/g%3e%3c/svg%3e");
}

/* Phone Icon */
.input-phone {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' viewBox='0 0 46.05 50.86' xmlns='http://www.w3.org/2000/svg'%3e%3cg transform='translate(-171.3 -284.5)'%3e%3crect x='171.3' y='284.5' width='44.82' height='50.86' ry='0' fill='%23e1e1e1'/%3e%3crect x='216.1' y='284.5' width='1.229' height='50.86' fill='%23c0c0c0'/%3e%3cpath d='m200.6 312.8-2.233-0.2549c-0.5362-0.0615-1.064 0.123-1.441 0.501l-1.617 1.617c-2.487-1.266-4.527-3.296-5.792-5.792l1.626-1.626c0.378-0.378 0.5625-0.9053 0.501-1.441l-0.2549-2.215c-0.1055-0.8878-0.8526-1.556-1.749-1.556h-1.521c-0.9932 0-1.819 0.8262-1.758 1.819 0.4658 7.506 6.469 13.5 13.97 13.97 0.9932 0.0615 1.819-0.7647 1.819-1.758v-1.521c9e-3 -0.8877-0.6592-1.635-1.547-1.74z' fill='%231a1a1a'/%3e%3c/g%3e%3c/svg%3e");
}

/* Address Icon (Map Pin) */
.input-address {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' viewBox='0 0 46.05 50.86' xmlns='http://www.w3.org/2000/svg'%3e%3cg transform='translate(-171.3 -284.5)'%3e%3crect x='171.3' y='284.5' width='44.82' height='50.86' ry='0' fill='%23e1e1e1'/%3e%3crect x='216.1' y='284.5' width='1.229' height='50.86' fill='%23c0c0c0'/%3e%3cg transform='matrix(.8547 0 0 .8547 184 299.8)' fill='%231a1a1a'%3e%3cpath d='m12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23 0.38 0.33 0.95 0.33 1.33 0 4.88-4.31 7.33-8.05 7.33-11.23 0-4.98-3.8-8.2-8-8.2zm0 10c-1.1 0-2-0.9-2-2s0.9-2 2-2 2 0.9 2 2-0.9 2-2 2z' fill='%231a1a1a'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

/* City Icon */
.input-city {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' viewBox='0 0 46.05 50.86' xmlns='http://www.w3.org/2000/svg'%3e%3cg transform='translate(-171.3 -284.5)'%3e%3crect x='171.3' y='284.5' width='44.82' height='50.86' ry='0' fill='%23e1e1e1'/%3e%3crect x='216.1' y='284.5' width='1.229' height='50.86' fill='%23c0c0c0'/%3e%3cg transform='matrix(.8547 0 0 .8547 184 299.8)' fill='%231a1a1a'%3e%3cpath d='m12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23 0.38 0.33 0.95 0.33 1.33 0 4.88-4.31 7.33-8.05 7.33-11.23 0-4.98-3.8-8.2-8-8.2zm0 10c-1.1 0-2-0.9-2-2s0.9-2 2-2 2 0.9 2 2-0.9 2-2 2z' fill='%231a1a1a'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}



/* Processing Order Overlay */
#processing-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    z-index: 99999;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #333;
    text-align: center;
    pointer-events: none; /* Allow clicks to pass through but keep overlay visible */
}

#processing-overlay.active {
    display: flex;
}

/* Disable interactions */
body.cod-processing {
    pointer-events: none !important;
    user-select: none !important;
}

body.cod-processing * {
    pointer-events: none !important;
}

/* Ensure modal is under overlay */
#cod-modal {
    z-index: 9999; /* Lower than overlay's 99999 */
}