/* Hide dash and second price in WooCommerce variable price */
/*
.price .woocommerce-Price-amount.amount + .woocommerce-Price-amount.amount,
.price .woocommerce-Price-amount.amount + .woocommerce-Price-amount.amount::before,
.price .woocommerce-Price-amount.amount + span {
    display: none;
}


 .price .woocommerce-Price-amount.amount:first-child ~ * {
    display: none !important;
}


 
.price .woocommerce-Price-amount.amount:first-of-type ~ * {
    display: none !important;
}


.price ins,
.price del {
    display: none;
}

.price .woocommerce-Price-amount.amount:first-of-type ~ * {
    display: none !important;
}

*/
/* Hide the dash text node and show only the first price */
.home .price:not(:has(del)):not(:has(ins)) {
  font-size: 0 !important;          /* hides:  –  (text node) */
}

.home .price:not(:has(del)):not(:has(ins)) > .woocommerce-Price-amount.amount:first-of-type {
  font-size: 16px !important;       /* restore text size for 29.00 AED */
  
 
    line-height: 20px;
}

/* Was :last-of-type, which is the SAME element as :first-of-type when a
   product has only one price - display:none then beat the font-size above it
   and the price vanished entirely. That is why the Eye Roll-On Serum, and any
   product without a sale price, showed nothing on the home page.
   nth-of-type(n+2) hides the second price onwards and never the only one. */
.home .price:not(:has(del)):not(:has(ins)) > .woocommerce-Price-amount.amount:nth-of-type(n+2) {
  display: none !important;         /* hide 58.00 AED of a 29.00 - 58.00 range */
}
 
 
 
@media (max-width: 767px) {

  .woocommerce-cart-page > div {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }

}