/*------------------------------------*\
		LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
		END LOCAL SCREENS
\*------------------------------------*/

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

.section-offers .card-picture {
	margin-inline: inherit;
}

.section-plans .columnheader:first-child, .section-plans .rowheader {
	flex-grow: 0;
	flex-basis: 50%;
}

@media only screen and (max-width: 734px) {
	.section-plans .columnheader:first-child, .section-plans .rowheader {
		flex-grow: 0;
		flex-basis: 63%;
	}
}

@media only screen and (max-width: 566px) {
	.section-plans .columnheader:first-child, .section-plans .rowheader {
		flex-basis: 100%;
	}
}

@media only screen and (min-width: 927px) {
	.section-hero .offers-wrapper .typography-offer-eyebrow.offer-eyebrow {
		min-height: 150px;
		align-content: flex-end;
	}
}

@media only screen and (min-width: 1069px) {
	.section-offers .card-apple-tv-offer .card-img-container {
		padding-top: 45px;
	}
	.section-offers .card-apple-one-offer .overview-apple-one {
		margin-left: 45px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-offers .card-apple-tv-offer .card-img-container {
		padding-top: 45px;
	}
}

@media only screen and (max-width: 734px) {
	.section-offers .card-apple-tv-offer .card-img-container {
		padding-top: 0;
	}
	.section-offers .card-apple-one-offer .overview-apple-one {
		margin-left: 40px;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-subscription-offers .offers-container .offer-item:first-child .typography-offers-eyebrow {
		margin-right: -10px;
	}

	.section-subscription-offers .offers-container .offer-item:first-child .offer-item-copy {
		min-height: 88px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-subscription-offers .offers-container .offer-item:first-child .button-music {
		margin-top: 22px;
	}
	.section-offers .card-apple-one-offer .overview-apple-one {
		margin-left: 40px;
	}
}

br.xsmall {
	display: none;
}

@media only screen and (max-width: 359px) {
	br.xsmall {
		display: block;
	}

	.card-apple-one-offer .links-inline li:last-child {
		display: block;
		margin-left: 0;
		margin-top: 5px;
	}
}

@media only screen and (max-width: 734px) {
	.section-cards .card-curation {
		min-height: 490px;
	}
}

@media only screen and (max-width: 359px) {
	.section-cards .card-curation {
		min-height: 510px;
	}
}

@media only screen and (min-width: 1069px) {
	.overview-apple-one {
		--p-width: 303px;
		--p-height: 268px;
		margin-left: -125px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-apple-one {
		--p-width: 233px;
		--p-height: 207px;
		margin-left: -95px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-apple-one {
		width: var(--p-width);
		height: var(--p-height);
		--p-width: 233px;
		--p-height: 207px;
		margin-left: 0px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-subscription-offers .offers-container .button-music {
		min-width: 80px;
	}
	.devices-apple .devices-item {
		flex-basis: 21%;
		max-width: 21%;
	}
	.section-devices .devices-item {
		box-sizing: content-box;
	}
}

@media only screen and (min-width: 1069px) {
	.section-subscription-offers .offers-container {
		grid-gap: 60px;
		gap: 60px;
	}
	.section-plans .rowheader {
		flex-basis: 33.33333333%;
	}
	.section-plans .cell.student.not-ms {
		margin-left: 16.6666666667%;
	}
	.section-cards .cards-container .tile-music-sing .tile-content {
		padding-inline-end: 67px;
	}
	.section-devices .devices-item {
		box-sizing: content-box;
	}
}

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