/*START [1]: Mobile ke kuch screen Right Side ko >>> move khalee space ko rokne kay liye */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
}

/* START [1]: Hide Forecely Comparison button from main page */
.shopengine_comparison_add_to_list_action {
    display: none !important;
}

/* Hide Forecely image toggle magnifying glass from product image */
.shopengine-product-image-toggle {
    display: none !important;
}
/* END: Hide Forecely Comparison button from main page */


/* Start [2]: Default link color and font size in product description */
a {
  color: blue; /* Link ka default color blue */
  font-size: 16px; /* Link ka font size, aap isay adjust kar sakte hain */
  text-decoration: none; /* Agar underline nahi chahte to */
}

/* Hover state for links in product description pages */
a:hover {
  color: darkblue; /* Jab link par hover kiya jaye */
}

/* Active state for links in product description pages (jab link click ho) */
a:active {
  color: red; /* Jab link active ho */
}

/* Visited state for links in product description pages (jab link pehli dafa visit ho) */
a:visited {
  color: purple; /* Jab link pehli dafa visit ho */
}
/* END: Default link color and font size in product description */


/* START: Mobile aur Desktop view ke liye in product description pages */
@media only screen and (max-width: 768px) {
  a {
    color: blue; /* Mobile view mein link ka color blue hi rahe */
    font-size: 16px; /* Mobile mein same font size */
  }
}

/* Product Description ki H1 se H4 Desktop view ke liye */
h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

/* Product Description ki H1 se H4 Mobile view ke liye */
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 16px;
  }
}
/* END: Mobile aur Desktop view ke liye in product description pages */


/* START: Changing Home page Star rating colour to Orange */
body.home .woocommerce ul.products li.product .star-rating span {
    color: #FFA500 !important; /* star color to orange */
}

body.home .woocommerce ul.products li.product .star-rating span:before {
    color: #FFA500 !important; /* Ensure stars are filled with orange */
}
/* END: Changing Home page Star rating colour to Orange */