/*------------------------------------*\
   HERO CSS
\*------------------------------------*/

.typography-cta.cta {
	font-size: 16px;
	text-align: center;
	position: absolute;
	margin: 0 auto;
	right: 0;
	left: 0;
	padding: 0 20px;
	bottom: 10%;
}
.typography-cta.cta a {
	color: #6e6e77;
}

@media only screen and (max-width: 734px) {
	.section-select .product-tile-iphone-15 .product-tile-plus-4 .product-tile-plus-list {
		padding-bottom: 1.33em;
	}
}

@media only screen and (min-width: 1069px) {
	.card .card-modifier.has-trigger-button {
		padding-inline-end: 57px;
	}
	.feature-card-modal.safety .feature-card-modal-tile.tile-horizontal-layout.image-first .card-viewport-content .image-container {
		margin-inline-start: auto;
	}
}

@media only screen and (max-width: 734px) {
	.gallery.gallery-align-start .gallery-item:nth-child(1) .essential-card-content .essential-card-image {
		top: -20px;
	}
}

.product-tile-plus-copy, .product-tile-plus-list {
	margin-top: 1.1em;
}

@media only screen and (min-width: 1069px) {
	.feature-card-modal-tile.tile-horizontal-layout.image-first .card-viewport-content .image-container {
		padding-inline-start: auto;
	}
}

.section-select .product-tile-set .product-tile.has-plus-rows-5 .product-tile-plus {
	grid-template-rows:
		var(--plus-row-1-height) var(--plus-row-2-height) var(
			--plus-row-3-height
		)
		var(--plus-row-4-height);
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/