/* Product Card Styles
----------------------------------*/
/* Reset WooCommerce default product grid */
ul.products {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.products.columns-3,
ul.products[class*="columns-"] {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 24px !important;
}

ul.products li.product {
	margin: 0 !important;   /* remove default gaps */
	float: none !important; /* disable float */
	width: auto !important; /* let grid handle sizing */
}


/* Product Grid */
ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.products li.product {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.2s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}


ul.products li.product:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Product image */
ul.products li.product img {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	max-width: 100%;
	height: auto;
	display: block;
}

/* Title */
ul.products li.product .woocommerce-loop-product__title {
	font-size: 18px;
	font-weight: 600;
	margin: 12px 15px 8px;
	line-height: 1.3;
	color: #000;
}

/* Price */
ul.products li.product .price {
	margin: 0 15px 12px;
	font-size: 16px;
	font-weight: 600;
	color: #FF4F00;
}

/* Out of Stock Label */
ul.products li.product .loop-outofstock-label {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #FF4F00;
	color: #fff;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 6px;
}

/* Buttons (Amazon + Read More)
----------------------------------*/

ul.products li.product .single-product-loop-buttons {
	display: flex;
	gap: 12px;
	justify-content: center;
	padding: 0 20px 20px;
	margin-top: 12px;
}

ul.products li.product .productsloop-product-btn {
	flex: 1 1 50%;   /* strict 50% width each */
	text-align: center;
	padding: 12px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.2s ease;
	white-space: nowrap;
}

/* Fill button (Amazon) */
ul.products li.product .productsloop-product-btn.fill-btn {
	background: #FF4F00;
	color: #fff;
	border: 1px solid #FF4F00;
}

ul.products li.product .productsloop-product-btn.fill-btn:hover {
	background: transparent;
	color: #FF4F00;
}

/* Outline button (Read More) */
ul.products li.product .productsloop-product-btn.outline-btn {
	background: transparent;
	color: #FF4F00;
	border: 1px solid #FF4F00;
}

ul.products li.product .productsloop-product-btn.outline-btn:hover {
	background: #FF4F00;
	color: #fff;
}

/* Responsive Layout
----------------------------------*/
@media (max-width: 991px) {
	ul.products li.product {
		width: calc(50% - 12px); /* 2 per row on tablets */
	}
}

@media (max-width: 600px) {
	ul.products li.product {
		width: 100%; /* 1 per row on mobile */
	}

	ul.products li.product .single-product-loop-title-wrap,
	ul.products li.product .single-product-loop-buttons {
		padding-left: 21px;
		padding-right: 21px;
	}

	.woocommerce-loop-product__title {
		font-size: 18px;
		font-weight: 600;
	}

	ul.products li.product .button:before {
		height: 48px;
		width: 48px;
	}
}

/* Very small screens (<400px): stack buttons */
@media (max-width: 400px) {
	ul.products li.product .productsloop-product-btn {
		flex: 1 1 100%;
	}
}

ul.products li.product .productsloop-product-btn {
	display: flex !important;          /* override inline-flex */
	flex: 1 1 calc(50% - 6px) !important; /* two per row with gap */
	min-width: 0 !important;           /* allow shrinking */
	max-width: none !important;        /* allow growing */
	justify-content: center;           /* center text */
}

ul.products li.product a .onsale{
	display: none;
}
/* Image container styling */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	display: block;
	background: #fff;               /* white background */
	padding: 16px;                  /* inner spacing */
	border-radius: 12px;            /* rounded corners */
	box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* subtle shadow */
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	margin-bottom: 12px;            /* spacing below image */
}

/* Hover effect for nicer feel */

/* Image itself */
.woocommerce ul.products li.product .woocommerce-loop-product__link img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	width: 100%;
	height: auto;
	display: block;
}


/* Category title wrapper */
.product-category-title {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 40px 0 20px;
	padding-bottom: 8px;
	border-bottom: 2px solid #eee;
}

/* Flag icon */
.product-category-title .category-flag {
	width: 28px;
	height: auto;
	margin-right: 10px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

/* Highlight active category block */
.product-category-block {
	margin-bottom: 60px;
}

.product-category-block:hover .product-category-title {
	border-color: #ff4f00;
	color: #ff4f00;
}