/* @override 
	http://www.psc.dv/frontend/themes/toys/css/promotion-cards.css
	http://www.toys.dv/frontend/themes/toys/css/promotion-cards.css
	https://beta.jrtoycanada.ca/frontend/themes/toys/css/promotion-cards.css?* */

/* Promotion card to align with item cards */
.promotion-card {
    display: inline-block;
    width: calc(2 * 160px + 10px); /* 2 columns of product card width */
    height: 355px; /* Match the height of the product cards */
    margin: 5px;
    vertical-align: top;
    position: relative;
    text-align: center;
    box-sizing: border-box; /* Include padding/border in dimensions */
	border: 1px solid #efefef;
	border-radius: 10px;
	overflow: hidden;
}

/* Ensure the image in the promotion card covers the entire area */
.promotion-image {
    width: 100%;
    height: 100%; /* Ensures the image fills the card height */
    object-fit: cover; /* Prevents image distortion */
    display: block;  
}