.trase__options {
	display: grid;
	grid-template-columns: subgrid;
	gap: var(--gridGap);
}

.trase__option {
	position: relative;
	grid-column: 1 / -1;
	border-radius: var(--borderRadius1);
}

.trase__option:first-child {
	container-type: inline-size;
	container-name: card-size1;
}

.trase__option:last-child {
	container-type: inline-size;
	container-name: card-size2;
}

.trase__optionInner {
	display: flex;
	gap: var(--spacing4);
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	
	height: 100%;
	padding: var(--spacing6);
	
}

	.trase__option h2 {
		margin-top: var(--spacing8);
		line-height: 1.6;
	}
	
	.trase__option p {
		opacity: 0.7;
	}
	
	.trase__option a:after {
		position: absolute;
		inset: 0;
		
		content: "";
	}

#marathonGroupStep2 {
	margin-top: var(--spacing5);
	margin-bottom: var(--spacing5);
}

#marathonSingleStep2 {
	margin-bottom: var(--spacing8);
}

.step2success__checkout {
	margin-top: var(--spacing6);
}

.step2success {
}








.runner__summary {
	position: relative;
	padding: var(--spacing2) var(--spacing6) var(--spacing2) 0;
	margin-bottom: var(--spacing4);
	
	border-bottom: 1px solid var(--color__silver);
	font-size: var(--size__body--big);
	color: var(--color__green);
	list-style: none;
	cursor: pointer;
}

	.runner__num {
		margin-right: var(--spacing3);
	}

	.runner__run {
		font-weight: var(--weight__bold);
	}

	.runner__name {
		font-style: italic;
	}
	
	.runner[open] .runner__body {
		margin-bottom: var(--spacing8);
	}

.runner__summary::-webkit-details-marker {
	display: none;
}

.runner__summary::after {
	position: absolute;
	right: 0.3em;
	top: 1em;
	
	width: 0.4em;
	height: 0.4em;
	
	transform: translateY(-0.12em) rotate(45deg);
	transition: transform .3s, opacity .3s;

	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: 0.4;
	content: "";
}

.runner__summary:hover::after,
.runner__summary:focus-visible::after,
.runner[open] .runner__summary::after {
	opacity: 1;
}


.runner[open] .runner__summary::after {
	transform: translateY(0.12em) rotate(-135deg);
}





@container card-size1 (min-width: 30em) {
    .trase__optionInner {
        flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
    }
}

@container card-size2 (min-width: 37em) {
    .trase__optionInner {
        flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
    }
}

@media (min-width: 75em) {
	.trase__option:first-child {
		grid-column: 1 / 8;
	}
	
	.trase__option:last-child {
		grid-column: 8 / -1;
	}
}