/* AlaskarDev Changes */
* {
    text-decoration: none !important;  
}
body del {
    text-decoration: line-through !important;
    color: red;
}
.gallery-item {
  padding: 0px !important;
}

ol.flex-control-nav.flex-control-thumbs {
  display: none !important;
}
.elementor-widget:not(:last-child) {
  max-height: 580px;
  margin-block-end: 0px !important;
}
/*@media (max-width: 767px) {*/
/*.elementor-473 .elementor-element.elementor-element-9b3c06d {*/
/*    padding: 0px !important;*/
/*}*/
/*  }*/
/** Title **/
.elementor h1 {
    font-size: 13px !important;
    max-height: 20px !important;
    text-decoration: none !important;

    line-height: 1em;
}

/** Price **/
.elementor .woocommerce-Price-amount {
	font-size: 12px !important;
	line-height: 2.5em !important;
	color: gray !important;
}

/** Single Product Title **/
.product_title {
	font-size: 16px !important;
	line-height: 2.5em;
}

/** Paragraph **/
p {
	text-align: left !important;
	line-height: 1.2em;
}

/** Price line **/
p.price del {
	font-size: 12px !important;
	color: red !important;
}

/** Mobile **/
@media (max-width: 767px) {
.product_title {
	text-align: left !important;
	margin-left: 15px !important;
}

p.price {
	text-align: left;
	padding: 0px 0px 0px 42px;
	display: flex-start;
}
}

/* Complete the look */ 
/**************************************************************
 * Force images to fill available width and height
 **************************************************************/
.woocommerce ul.products li.product {
    height: 550px; /* Fixed height for Desktop */
    width: 450px;
    border: solid;
    border-width: 1px;
}

.woocommerce ul.products li.product img {
  position: static !important;
}

.woocommerce ul.products, .woocommerce-page ul.products {
    gap: 0px !important;
    margin-bottom: 0px !important;
    height: 550px;

}

  
.woocommerce ul.products li.product img {
  display: flex;
  width: 100%;
  height: 1024px; /* Allow the image to scale proportionally */
  max-height: 1024px; /* Set a max height for the image (adjust as needed) */
  max-width: none;

  object-fit: cover; /* Crop edges if the image is too tall/wide */
  object-position: top; /* Align the image to the top */
}



/***********************************************
 * Adjust product text font size and alignment
 ***********************************************/

.woocommerce ul.products li.product .ast-loop-product__link {
  text-align: left;
}

.woocommerce ul.products li.product .ast-loop-product__link h2 {
  font-size: 12px !important; /* Adjust heading font size */
  text-align: left !important; /* Align heading to the right */
  margin: 0px 0px !important; /* Adjust margin as needed */
}

/* Adjust price font size and alignment */
.woocommerce ul.products li.product .woocommerce-Price-amount {
  font-size: 10px !important; /* Adjust price font size */
  text-align: left !important;/* Align price to the right */
  align-items: left !important;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap {
    text-align: left !important;
    align-items: left !important;
    display: inline !important;
    margin: 10px 10px !important;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    line-height: 1;
    font-size: 12px !important;
    color: red !important;
}

.woocommerce-Price-amount amount {
    font-size: 10px !important;
}

/***************************************************
 * Headings: Ensure they are consistent
 ***************************************************/
a.ast-loop-product__link h2 {
  text-decoration: none !important;
  display: inline-block;
  margin: 0 0;
  padding-bottom: 15px;
}

.tp-image-hover {
  display: none !important;
}

/***********************************************
 * Mobile-specific styles (applies to screens ≤ 768px)
 ***********************************************/
@media (max-width: 768px) {
  /* Show only 2 items per row on mobile */
  .woocommerce ul.products li.product {
    flex: 0 0 50%; /* Each item takes up 50% of the row */
    max-width: 50%; /* Each item takes up 50% of the row */
    height: 272px; /* Fixed height for mobile */
    margin-bottom: 15px; /* Add spacing between rows (optional) */
  }

  .woocommerce ul.products, .woocommerce-page ul.products {
    column-gap: 20px !important;
    margin-bottom: 0px !important;
    height: auto;
}
}
/* End of Complete the look */ 
  .elementor img {
    position: relative;
    z-index: -1;
  }


/*/* single product image */*/
@media (max-width: 768px) {

  .elementor-widget-container {
    max-height: 560px;
  }
  .elementor-widget-image-carousel .swiper .swiper-slide figure {
    max-height: 560px;
  }

  }
/* End of AlaskarDev */