.web-logo img {
    width: calc(190px + 42 * (100vw - 320px) / 1600);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}


.menu-icon {
    width: 15px;
}

.text-muted {
    margin-right: 10px;
}


.common-pages .col-lg-12 h1 {
    
    font-size: 30px;
    margin-bottom: 10px;
}

.common-pages .col-lg-12 h3 {
    margin-bottom: 8px;
}


.common-pages .col-lg-12 p {
    line-height: 25px;
    margin-bottom: 10px;
}



/********Product Detail Page**********/

   
 /* General form styling */
.custom-form {
  
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}

.custom-form h4 {
  margin: 20px 0 10px;
  font-size: 16px;
  font-weight: bold;
}


/* Form rows */
.form-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 9px;
  flex-wrap: nowrap; /* force them to stay in one row */
}

.form-row input {
  flex: 1;               /* equal width */
  min-width: 0;          /* prevents overflow */
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.form-row label {
  font-weight: bold;
  min-width: 80px;
}

/* Inputs */
.custom-form input[type="text"],
.custom-form input[type="number"],
.custom-form input[type="email"],
.custom-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  flex: 1;
  font-size: 12px;
      padding: 6px;
}

textarea {
  width: 100%;
  min-height: 80px;
}

/* Tile radio / checkbox group */
.radio-group,
.options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Hide original input */
.radio-group input[type="radio"],
.options input[type="radio"],
.options input[type="checkbox"] {
  /* display: none; */
}

/* Tile style */
.radio-group label,
.options label {
  display: inline-block;
  padding: 5px 12px;
  border: 2px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  background: #f9f9f9;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  user-select: none;
}

/* Selected tile for radio + checkbox */
.radio-group input[type="radio"]:checked + label,
.options input[type="radio"]:checked + label,
.options input[type="checkbox"]:checked + label {
  border-color: green;
  background: #e9fce9;
  color: green;
  font-weight: bold;
}

/* Upload box */
.upload-box {
  background: #fffbe7;
  padding: 12px;
  border: 1px dashed #ccc;
  border-radius: 6px;
  margin: 15px 0;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Contact info row */
.custom-row {
  display: flex;
  gap: 15px;
  margin: 15px 0;
}

.custom-row input {
  flex: 1;
}

/* Captcha */
.captcha {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}

.captcha span {
  font-weight: bold;
}

/* Submit button */
.custom-form button[type="submit"] {
  background: #28a745;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
}

.custom-form button[type="submit"]:hover {
  background: #218838;
}

.product-description p {
    line-height: 25px;
    margin-top: 10px;
}

.item-tag {
  display: inline-block;
  background-color: #e6f9ff; /* light blue background */
  color: #333; /* text color */
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 6px; /* rounded edges */
}

.rating {
  font-size: 20px;
  display: flex;
  align-items: center;
}

.star {
  color: #f6a400; /* gold color */
}

.rating-value {
  color: #333;
  font-size: 14px;
  margin-left: 5px;
}


.form-row {
  display: flex;
  justify-content: space-between; /* label left, options right */
  align-items: center;
  margin-bottom: 10px;
}

.box-label {
  font-weight: bold;
}

.unit-options {
  display: flex;
  gap: 12px; /* spacing between in, cm, mm */
  align-items: center;
}

.unit-options .radio-tile input[type="radio"] {
  display: none; /* hide default radio */
}

.unit-options .radio-tile label {
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: all 0.2s ease;
  text-align: center;
}

.unit-options .radio-tile input[type="radio"]:checked + label {
  background-color: #009688; /* teal highlight */
  color: #fff;
}