/**
 * Sistema visual común para los archivos de productos de Reymotor.
 * Mantiene la lógica específica de cada filtro y unifica la presentación.
 */
:root {
	--reymotor-card-red: #e32125;
	--reymotor-card-red-dark: #bd171b;
	--reymotor-card-ink: #111827;
	--reymotor-card-muted: #5f6b7a;
	--reymotor-card-line: #dde2e8;
	--reymotor-card-radius: 12px;
	--reymotor-card-shadow: 0 8px 22px rgba( 17, 24, 39, 0.07 );
}

/* Cabecera y filtros de los archivos generales. */
.reymotor-general-archive #brxe-ptbmvm {
	background: #f7f8fa;
}

.reymotor-general-archive #brxe-zdcmgs {
	position: relative;
	width: min( 100% - 30px, 1440px );
	margin: 0 auto 28px !important;
	padding: 0 0 14px !important;
	background: transparent !important;
	color: var( --reymotor-card-ink ) !important;
	font-size: clamp( 28px, 3vw, 42px ) !important;
	line-height: 1.1 !important;
	text-align: left !important;
}

.reymotor-general-archive #brxe-zdcmgs::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 64px;
	height: 4px;
	border-radius: 999px;
	background: var( --reymotor-card-red );
	content: '';
}

.reymotor-general-archive #brxe-bpqttf {
	height: max-content;
	padding: 18px !important;
	border: 1px solid var( --reymotor-card-line );
	border-radius: var( --reymotor-card-radius );
	background: #fff;
	box-shadow: var( --reymotor-card-shadow );
}

.reymotor-general-archive #brxe-bpqttf .jet-sorting-select,
.reymotor-general-archive #brxe-bpqttf .jet-select__control {
	min-height: 46px;
	border: 1px solid #d5dbe3;
	border-radius: 7px;
	background-color: #fff;
	color: var( --reymotor-card-ink );
	font-size: 14px;
}

.reymotor-general-archive #brxe-bpqttf .brxe-heading {
	margin-block: 18px 10px !important;
	padding: 11px 13px !important;
	border-radius: 7px;
	background: var( --reymotor-card-ink ) !important;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
}

/* Los filtros de medidas pertenecen al buscador de neumáticos. */
.reymotor-general-archive #brxe-dtjrcb,
.reymotor-general-archive #brxe-xfbyjg,
.reymotor-general-archive #brxe-pnsapp,
.reymotor-general-archive #brxe-tpcwkh,
.reymotor-general-archive #brxe-bvobuz,
.reymotor-general-archive #brxe-gmjqiv {
	display: none !important;
}

/* Tarjeta general de Bricks. */
.brxe-tagoen.brxe-div {
	display: grid !important;
	grid-template-rows: 250px 78px 50px 42px 48px 44px;
	gap: 8px;
	align-content: start;
	height: 100%;
	padding: 14px !important;
	overflow: hidden;
	border: 1px solid var( --reymotor-card-line ) !important;
	border-radius: var( --reymotor-card-radius ) !important;
	background: #fff !important;
	box-shadow: var( --reymotor-card-shadow );
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.brxe-tagoen.brxe-div:hover {
	border-color: #c8d0da !important;
	box-shadow: 0 13px 30px rgba( 17, 24, 39, 0.12 );
	transform: translateY( -2px );
}

.brxe-tagoen > .brxe-bieqtm {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 250px !important;
	min-height: 250px;
	max-height: 250px;
	margin: 0 !important;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
}

.brxe-tagoen > .brxe-bieqtm img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	object-position: center;
}

.brxe-tagoen > .brxe-wtgszg {
	display: flex !important;
	align-items: flex-start;
	justify-content: center;
	min-width: 0;
	margin: 0 !important;
	overflow: hidden !important;
	color: var( --reymotor-card-ink ) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.38 !important;
	text-align: center;
}

.brxe-tagoen > .brxe-wtgszg > a {
	display: -webkit-box;
	width: 100%;
	overflow: hidden;
	color: inherit;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.brxe-tagoen > .brxe-chpytg.product_meta {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	margin: 0 !important;
	overflow: hidden;
	color: var( --reymotor-card-muted );
	font-size: 12.5px !important;
	line-height: 1.45 !important;
}

.brxe-tagoen > .brxe-chpytg.product_meta .item {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brxe-tagoen > .brxe-ttxwrf {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	margin: 0 !important;
}

.brxe-tagoen > .brxe-ttxwrf .stock.reymotor-stock-state,
.brxe-6eadd8 > .brxe-yxrsdg .stock.reymotor-stock-state {
	max-width: 100%;
	margin: 0;
	padding: 6px 9px;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}

.brxe-tagoen > .brxe-evtuan {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-width: 0;
	margin: 0 !important;
	color: var( --reymotor-card-red ) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-align: center;
}

.brxe-tagoen > .brxe-mguzcn,
.brxe-6eadd8 > .brxe-404d89 {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	min-height: 44px;
	margin: 0 !important;
	border-radius: 7px !important;
	background: var( --reymotor-card-red ) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700;
	transition: background-color 160ms ease, transform 160ms ease;
}

.brxe-tagoen > .brxe-mguzcn:hover,
.brxe-6eadd8 > .brxe-404d89:hover {
	background: var( --reymotor-card-red-dark ) !important;
}

/* Tarjeta del buscador de neumáticos. */
.brxe-31fd03.brxe-block {
	height: 100%;
	padding: 0 !important;
}

.brxe-6eadd8.brxe-block {
	display: grid !important;
	grid-template-rows: 286px 58px 34px 46px 46px;
	gap: 8px;
	height: 100%;
	padding: 14px !important;
	overflow: hidden;
	border: 1px solid var( --reymotor-card-line ) !important;
	border-radius: var( --reymotor-card-radius ) !important;
	background: #fff !important;
	box-shadow: var( --reymotor-card-shadow );
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.brxe-6eadd8.brxe-block:hover {
	border-color: #c8d0da !important;
	box-shadow: 0 13px 30px rgba( 17, 24, 39, 0.12 );
	transform: translateY( -2px );
}

.brxe-6eadd8 > .brxe-5657ea {
	grid-row: 1;
	width: 100% !important;
	height: 286px !important;
	margin: 0 !important;
	object-fit: contain !important;
	object-position: center;
}

.brxe-6eadd8 > .brxe-9b5afd {
	grid-row: 2;
	margin: 0 !important;
	overflow: hidden;
	color: var( --reymotor-card-ink ) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.38 !important;
	text-align: left;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.brxe-6eadd8 > .brxe-yxrsdg {
	grid-row: 3;
	display: flex !important;
	align-items: center;
	margin: 0 !important;
}

.brxe-6eadd8 > .brxe-93e9bd {
	grid-row: 4;
	display: flex !important;
	align-items: center;
	margin: 0 !important;
	color: var( --reymotor-card-red ) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.brxe-6eadd8 > .brxe-404d89 {
	grid-row: 5;
}

@media ( max-width: 767px ) {
	.reymotor-general-archive #brxe-zdcmgs {
		margin-bottom: 20px !important;
		font-size: 28px !important;
	}

	.reymotor-general-archive #brxe-bpqttf {
		padding: 14px !important;
	}

	.brxe-tagoen.brxe-div {
		grid-template-rows: 160px 76px 48px 50px 46px 42px;
		gap: 5px;
		padding: 10px !important;
	}

	.brxe-tagoen > .brxe-bieqtm {
		height: 160px !important;
		min-height: 160px;
		max-height: 160px;
	}

	.brxe-tagoen > .brxe-wtgszg {
		font-size: 13px !important;
		line-height: 1.32 !important;
	}

	.brxe-tagoen > .brxe-wtgszg > a {
		-webkit-line-clamp: 4;
	}

	.brxe-tagoen > .brxe-chpytg.product_meta {
		font-size: 11px !important;
	}

	.brxe-tagoen > .brxe-ttxwrf {
		justify-content: center;
	}

	.brxe-tagoen > .brxe-ttxwrf .stock.reymotor-stock-state,
	.brxe-6eadd8 > .brxe-yxrsdg .stock.reymotor-stock-state {
		padding: 6px 7px;
		font-size: 12px !important;
		text-align: center;
		white-space: normal;
	}

	.brxe-tagoen > .brxe-evtuan,
	.brxe-6eadd8 > .brxe-93e9bd {
		font-size: 16px !important;
	}

	.brxe-6eadd8.brxe-block {
		grid-template-rows: 170px 72px 42px 46px 42px;
		gap: 5px;
		padding: 10px !important;
	}

	.brxe-6eadd8 > .brxe-5657ea {
		height: 170px !important;
	}

	.brxe-6eadd8 > .brxe-9b5afd {
		font-size: 13px !important;
		line-height: 1.32 !important;
		-webkit-line-clamp: 4;
	}
}

@media ( max-width: 479px ) {
	.brxe-tagoen.brxe-div {
		grid-template-rows: 135px 74px 46px 50px 46px 40px;
		padding: 8px !important;
	}

	.brxe-tagoen > .brxe-bieqtm {
		height: 135px !important;
		min-height: 135px;
		max-height: 135px;
	}

	.brxe-tagoen > .brxe-wtgszg,
	.brxe-6eadd8 > .brxe-9b5afd {
		font-size: 12px !important;
	}

	.brxe-tagoen > .brxe-chpytg.product_meta {
		font-size: 10.5px !important;
	}

	.brxe-tagoen > .brxe-evtuan,
	.brxe-6eadd8 > .brxe-93e9bd {
		font-size: 15px !important;
	}

	.brxe-6eadd8.brxe-block {
		grid-template-rows: 140px 72px 44px 46px 40px;
		padding: 8px !important;
	}

	.brxe-6eadd8 > .brxe-5657ea {
		height: 140px !important;
	}
}