.equipment-rentals-block {
	.er-wrapper {
		&:has(.er-filters-wrapper) {
			@media (min-width: 768px) {
				display: grid;
				grid-template-columns: 19% 1fr;
				gap: 16px 32px;
			}

			.er-filters-wrapper {
				margin-bottom: 16px;

				.er-filters-title {
					color: var(--wp--preset--color--orange);
					font-family: var(--wp--preset--font-family--poppins);
					font-size: 14px;
					font-weight: 700;
					line-height: 1.7;
					text-transform: uppercase;
					margin-bottom: 28px;
					padding-bottom: 12px;
					border-bottom: thin solid var(--wp--preset--color--light-gray);
				}

				.er-filters {
					li {
						color: var(--wp--preset--color--charcoal);
						font-family: var(--wp--preset--font-family--poppins);
						font-size: 14px;
						font-weight: 700;
						line-height: 1.7;
						list-style-type: none;
						margin: 0;
						padding: 0;
						cursor: pointer;

						&:not(:last-child) {
							margin-bottom: 20px;
						}

						&.selected {
							color: var(--wp--preset--color--orange);
						}
					}
				}

				&.as-select {
					.er-filters-title {
						color: var(--wp--preset--color--charcoal);
						font-size: 16px;
						font-weight: 400;
						line-height: 1.5;
						text-transform: none;
						background-color: var(--wp--preset--color--white);
						margin-bottom: 0;
						padding: 8px 16px;
						border: thin solid var(--wp--preset--color--light-gray);
						border-radius: 4px;
						position: relative;
						cursor: pointer;

						&::after {
							content: url("data:image/svg+xml,%3Csvg width='14' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1.563 7.531 7.28c-.187.157-.375.219-.531.219a.849.849 0 0 1-.531-.188l-6-5.75A.746.746 0 0 1 .438.5.746.746 0 0 1 1.5.469L7 5.719l5.469-5.25A.746.746 0 0 1 13.53.5a.746.746 0 0 1-.031 1.063z' fill='%23F16822'/%3E%3C/svg%3E");
							position: absolute;
							top: 25%;
							right: 20px;
						}

						&.rotate {
							&::after {
								transform: rotate(180deg);
							}
						}
					}

					.er-filters {
						background-color: var(--wp--preset--color--white);
						width: 100%;
						padding: 8px 16px;
						border: thin solid var(--wp--preset--color--light-gray);
						border-radius: 4px;
					}
				}
			}
		}

		.er-products {
			display: grid;
			column-gap: clamp(10px, 0.4747rem + 0.5837vw, 16px);
			row-gap: 20px;
			grid-template-columns: repeat(2, 1fr);

			@media (min-width: 1056px) {
				grid-template-columns: repeat(3, 1fr);
			}

			li {
				list-style-type: none;
				width: 100%;
				margin: 0;
				padding: 0;
				position: relative;

				@media (hover: hover) and (pointer: fine) {
					&:hover {
						figure {
							figcaption {
								background-image: none;
							}
						}
					}
				}

				a {
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
				}

				figure {
					aspect-ratio: 1.86;
					border-radius: 8px;
					box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);

					img {
						width: 100%;
						height: 100%;
						object-fit: contain;
						border-top-left-radius: 8px;
						border-top-right-radius: 8px;
					}

					figcaption {
						color: var(--wp--preset--color--white);
						font-family: var(--wp--preset--font-family--poppins);
						font-size: clamp(14px, 0.8249rem + 0.1946vw, 16px);
						font-weight: 700;
						line-height: 1.4;
						display: flex;
						align-items: center;
						background-image: var(--wp--preset--gradient--website);
						background-color: var(--wp--preset--color--orange);
						height: 64px;
						padding: 12px 32px 12px 14px;
						border-bottom-left-radius: 8px;
						border-bottom-right-radius: 8px;
						position: relative;

						> :last-child {
							display: none;
						}

						&::after {
							content: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.313 1.273 6.874 6.563c.196.195.313.43.313.703 0 .234-.117.469-.313.664l-6.875 6.563a.932.932 0 0 1-1.328-.04.932.932 0 0 1 .04-1.328l5.195-4.921H.938A.925.925 0 0 1 0 8.539c0-.547.39-.937.938-.937h13.28L9.024 2.64a.932.932 0 0 1-.039-1.329c.352-.39.938-.39 1.329-.039z'/%3E%3C/svg%3E");
							width: 14px;
							height: 13px;
							position: absolute;
							top: 50%;
							right: 12px;
							transform: translateY(-50%);
						}

						@media (min-width: 810px) {
							height: 76px;
							padding: 16px 32px 16px 18px;

							> :first-child {
								display: none;
							}

							> :last-child {
								display: inline;
							}

							&::after {
								width: 17px;
								height: 16px;
							}
						}
					}
				}
			}
		}

		&:not(:has(.er-filters-wrapper)) {
			.er-products {
				@media (min-width: 768px) {
					grid-template-columns: repeat(3, 1fr);
				}

				@media (min-width: 1056px) {
					grid-template-columns: repeat(4, 1fr);
				}
			}
		}
	}
}