/* Local Overrides */

/* Hero */
.page-overview .section-hero.hero-2024 {
	background-image: url(/ca/fr/airplay/images/overview/hero_2024__bvmajug6if9e_large.jpg);
}

@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) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/ca/fr/airplay/images/overview/hero_2024__bvmajug6if9e_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/ca/fr/airplay/images/overview/hero_2024__bvmajug6if9e_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/ca/fr/airplay/images/overview/hero_2024__bvmajug6if9e_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/ca/fr/airplay/images/overview/hero_2024__bvmajug6if9e_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/ca/fr/airplay/images/overview/hero_2024__bvmajug6if9e_small_2x.jpg);
	}
}

/* Tile HomePod mini and AirPlay tile  */

.overview-homepod-whole-home {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 468px;
	--p-height: 386px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-homepod-whole-home {
		--p-width: 327px;
		--p-height: 190px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-homepod-whole-home {
		--p-width: 320px;
		--p-height: 255px;
	}
}

@media only screen and (min-width: 1440px) {
	.page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
		margin-top: 60px;
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 734px) {
	.page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.page-overview
		.section-audio
		.homepod-whole-home
		.overview-homepod-whole-home {
		transform: scale(1.2);
	}
}

/* HomePod mini tile */

.overview-homepod-mini {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
}
.overview-homepod-mini {
	--p-width: 697px;
	--p-height: 246px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-homepod-mini {
		--p-width: 527px;
		--p-height: 171px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-homepod-mini {
		--p-width: 642px;
		--p-height: 297px;
	}
}

.page-overview .section-nextrouter .homepod-mini-tile .overview-homepod-mini {
	bottom: 130px;
}

@media only screen and (max-width: 1068px) {
	.page-overview
		.section-nextrouter
		.homepod-mini-tile
		.overview-homepod-mini {
		bottom: 105px;
	}
}

@media only screen and (max-width: 734px) {
	.page-overview
		.section-nextrouter
		.homepod-mini-tile
		.overview-homepod-mini {
		bottom: 25px;
	}
}

/* SECTION VIDEO COPY */

.page-overview .section-video .section-copy {
	width: 705px;
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-video .section-copy {
		width: 100%;
	}
}

/* ASK SIRI COMMAND */

@media only screen and (max-width: 734px) {
	.ask-siri .siri-command-text {
		width: 215px;
	}
}

/* Music Tile */
@media only screen and (max-width: 374px) {
	#music-gallery
		> div.tile-copy-content.large-11.large-centered
		> ul
		> li:nth-child(1) {
		display: block;
		padding-bottom: 5px;
		margin: 0px;
		padding-left: 8px;
	}
}

/* Control touch / Premium experience headline medium */

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.control-touch.grid-item .typography-manifesto,
	.premium-experience.grid-item .typography-manifesto {
		max-width: 200px;
	}
}

/* Footnote superscript */

#ac-globalfooter sup {
	vertical-align: middle;
}
