/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.categories-card__slider
{
	display: flex;
	flex-direction: row;
}

.categories-card
{
	position: relative;
	height: 450px;
	padding-bottom: var(--space-s);
	background-color: var(--primary);
	border-radius: var(--radius-l);
	overflow: hidden;
	aspect-ratio: 1.25/1;
	cursor: pointer;
}

.categories-card img
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom-left-radius: var(--radius-l);
	border-bottom-right-radius: var(--radius-l);
}

.categories-card__bottom-wrapper i
{
	font-family: Ionicons;
}

.categories-card__bottom-wrapper span
{
	line-height: 1;
	font-size: clamp(1.6rem, 0.795vw + 1.314rem, 2.4rem);
}

.categories-card__bottom-wrapper
{
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: end;
	width: 100%;
}

.categories-card__bottom-wrapper
{
	color: white;
	font-weight: 600;
	padding: var(--space-m);
	
}

.categories-card__bottom-wrapper i::before
{
	content: "\f287";
}

.pdp-main-slide-image
{
	aspect-ratio: 1.7/1;
	object-fit: cover;
	width: 100%;
}

.pdp-thumbnail-slide-image
{
	aspect-ratio: 1.65/1;
	width: 100%;
	object-fit: cover;
}