/* General helper styles */
.large-only {
	display: block;
}

@media only screen and (max-width: 1068px) {
	.large-only {
		display: none;
	}
}

@media only screen and (max-width: 735px) {
	.large-only {
		display: none;
	}
}

.small-only {
	display: none;
}

@media only screen and (max-width: 1068px) {
	.small-only {
		display: block;
	}
}

@media only screen and (min-width: 1068px) {
	.cafr-height-alt {
		margin-top: 38px;
	}
}

@media only screen and (max-width: 734px) {
	.section-value-props li.value-props-li.value-share.typography-value-prop {
		margin-top: -49px;
	}
}

/* Changing Headline Fix */
.section-hero .changing-headline .part-wrapper {
	-webkit-clip-path: inset(4px -300px -6px 0);
	clip-path: inset(4px -300px -6px 0);
}
@media only screen and (max-width: 500px) {
	.section-hero .changing-headline {
		font-size: 34px;
		padding-bottom: 2px;
		margin-bottom: 8px;
	}
}
@media only screen and (max-width: 320px) {
	.section-hero .changing-headline {
		font-size: 30px;
	}
}

/* Video Play/Pause Button Fix for XS */
@media only screen and (max-width: 320px) {
	html.ios .section-hero .play-pause-hero-button {
		top: calc(106vh - 186px);
	}
}

/* Apple One Superscript Fix */
.apple-one .footnote-supglyph {
	font-size: 17px;
}

.apple-one sup {
	top: 0;
}

/* Apple one button alignment fix */
@media only screen and (max-width: 734px) {
	.section-value-props .offers {
		max-width: 280px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-value-props .offers .offer-cta {
		line-height: 1.1176470588;
		font-weight: 600;
		width: 170px;
		border-radius: 28px;
		white-space: unset;
	}
}
/* headline fix*/
@media only screen and (min-width: 735px) {
	.section-hero .changing-headline .part-wrapper {
		padding-left: 6px;
	}
}

/* Hero logo */

.section-hero .logo {
	width: 558px;
	height: 189px;
	background-size: 558px 189px;
	background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_xlarge.png");
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .logo {
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_xlarge_2x.png");
	}
}

@media only screen and (max-width: 1068px) and (min-width: 1441px) {
	.section-hero .logo {
		width: 558px;
		height: 189px;
		background-size: 558px 189px;
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_xlarge.png");
	}
}

@media only screen and (max-width: 1068px) and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-width: 1441px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-width: 1441px) and (min-resolution: 144dpi) {
	.section-hero .logo {
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_xlarge_2x.png");
	}
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .logo {
		width: 356px;
		height: 121px;
		background-size: 356px 121px;
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_medium.png");
	}
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .logo {
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_medium_2x.png");
	}
}

@media only screen and (max-width: 1068px) and (max-width: 734px) {
	.section-hero .logo {
		width: 299px;
		height: 102px;
		background-size: 299px 102px;
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_small.png");
	}
}

@media only screen and (max-width: 1068px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .logo {
		background-image: url("/ca/fr/apple-arcade/images/overview/arcade_is_open__fxdywxogv4ya_small_2x.png");
	}
}

/* value props */

@media only screen and (max-width: 347px) {
	.section-value-props .section-content {
		width: 100%;
	}
	.typography-value-prop {
		font-size: 31px;
	}
}

/* Devices headline */

@media only screen and (max-width: 334px) {
	.section-devices .section-content {
		width: 90%;
	}
}

/* Availability learn more */

@media only screen and (min-width: 564px) and (max-width: 578px) {
	#accordion-item-1-tray a.more {
		max-width: 400px;
		display: inline-block;
	}
}

/* Controller learn more */

@media only screen and (max-width: 375px) {
	#accordion-item-6-tray a.more {
		max-width: 300px;
		display: inline-block;
	}
}

@media only screen and (max-width: 345px) {
	#accordion-item-5-button .accordion-title-text {
		padding-right: 90px;
	}
}
