/* Storefront theme — restyle freely per deployment; layout/markup lives in application/views/front/ */

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #212529;
}

.hero {
	background: linear-gradient(135deg, #1f2937, #374151);
	color: #fff;
	padding: 5rem 0;
}

.hero h1 {
	font-weight: 700;
}

/* Relative to this CSS file (assets/front/css/) so it resolves on any host or
   sub-folder -- never an absolute http://localhost URL here. */
.hero-bgimg {
	background: url(../img/hero_bg.jpeg);
	background-position: center;
	background-size: cover;
}

.product-card {
	border: 1px solid #eee;
	border-radius: 0.5rem;
	overflow: hidden;
	transition: box-shadow 0.15s ease-in-out;
	height: 100%;
}

.product-card:hover {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.product-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	background: #f8f9fa;
}

.price-old {
	text-decoration: line-through;
	color: #6c757d;
}

.price-sale {
	color: #dc3545;
	font-weight: 600;
}