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

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

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

.overview-plan-text-recover {
	--p-width: 160px;
}
.overview-plan-text-make {
	--p-width: 128px;
}
.overview-plan-text-use {
	--p-width: 160px;
}
.overview-plan-text-package {
	--p-width: 130px;
}
.overview-text-progress {
	height: 13px;
	width: 99px;
}
.overview-text-approach {
	height: 12px;
	width: 116px;
}
.overview-plan-text-design {
	--p-width: 183px;
	--p-height: 59px;
}
.section-products .tile-shipping .lottie-with-picture {
	padding-top: 135px;
}
.section-products .products-headline .animated-burst-text::before {
	content: url("/pl/environment/images/overview/lottie.svg");
	position: absolute;
	width: 330px;
	left: -23px;
	top: -15px;
	z-index: -1;
}

@media only screen and (min-width: 1069px) {
	.overview-card-enclosure-text {
		--p-height: 140px;
		--p-width: 237px;
	}
	.section-products .tile-case .tile-copy {
		top: 696px;
		left: 364px;
	}
	.overview-card-shipping-text {
		--p-width: 326px;
		--p-height: 117px;
	}
	.overview-card-packaging-text {
		--p-width: 209px;
		--p-height: 169px;
	}
	.overview-card-recover-text {
		--p-height: 74px;
		--p-width: 296px;
	}
	.section-products .tile-recovery .lottie-with-picture {
		top: 85px;
	}
	.overview-card-case-text {
		--p-width: 206px;
		--p-height: 117px;
	}
	html.enhance-xp .plan-gallery .plan-item-label-design {
		margin-left: 50px;
		margin-top: -20px;
	}
	.plan-gallery .plan-item-description-copy {
		max-width: 20ch;
	}
	.section-progress .progress-copy {
		font-size: 26px;
	}
	.overview-card-mba-text {
		--p-width: 245px;
	}
	.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
		margin-block-start: 15px;
	}
	.overview-card-packaging {
		bottom: 40px;
		position: relative;
	}
	.section-you .typography-headline-elevated-tight {
		line-height: 1.1;
	}
	.section-you .tile.tile-trade-in .tile-content {
		max-width: 60ch;
	}
	.plan-gallery .plan-item-label-shipping {
		margin-left: -70px;
	}
	.plan-gallery .plan-item-label-product-use {
		margin-left: -320px;
	}
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 184px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-card-enclosure-text {
		--p-height: 129px;
		--p-width: 203px;
	}
	.section-products .tile-case .tile-copy {
		left: 285px;
		top: 610px;
	}
	.overview-card-shipping-text {
		--p-width: 280px;
		--p-height: 107px;
	}
	.overview-card-packaging-text {
		--p-width: 218px;
		--p-height: 94px;
	}
	.overview-card-recover-text {
		--p-height: 88px;
		--p-width: 225px;
	}
	.section-products .tile-recovery .lottie-with-picture {
		top: 98px;
	}
	.overview-card-case-text {
		--p-width: 176px;
		--p-height: 100px;
	}
	html.enhance-xp .plan-gallery .plan-item-label-design {
		margin-left: 45px;
		margin-top: -26px;
	}
	.plan-gallery .plan-item-description-copy {
		max-width: 20ch;
	}
	.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
		margin-block-start: -10px;
	}
	.overview-card-packaging {
		bottom: 45px;
		position: relative;
	}
	.section-you .typography-headline-elevated-tight {
		line-height: 1.1;
	}
	.section-you .tile.tile-trade-in .tile-content {
		max-width: 50ch;
	}
	.section-you .tile.tile-trade-in .tile-content {
		max-width: 50ch;
	}
	.plan-gallery .plan-item-label-recovery {
		margin-left: -225px;
		top: 20px;
	}
	.plan-gallery .plan-item-label-product-use {
		margin-left: -280px;
		top: 250px;
	}
	.plan-gallery .plan-item-label-shipping {
		margin-left: -65px;
	}
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 146px;
	}
	.section-products .products-headline .animated-burst-text::before {
		width: 260px;
		left: -22px;
		top: -13px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-plan-text-recover {
		--p-width: 87px;
	}
	.overview-plan-text-make {
		--p-width: 70px;
	}
	.overview-plan-text-use {
		--p-width: 87px;
	}
	.overview-plan-text-package {
		--p-width: 69px;
	}
	.overview-card-enclosure-text {
		--p-height: 95px;
		--p-width: 144px;
	}
	.section-products .tile-case .tile-copy {
		top: 459px;
		left: 233px;
	}
	.overview-card-shipping-text {
		--p-width: 197px;
		--p-height: 79px;
	}
	.overview-card-packaging-text {
		--p-width: 170px;
		--p-height: 85px;
	}
	.overview-card-recover-text {
		--p-height: 52px;
		--p-width: 181px;
	}
	.section-products .tile-recovery .lottie-with-picture {
		top: 62px;
	}
	.overview-plan-text-design {
		--p-width: 176px;
	}
	.overview-card-case-text {
		--p-width: 145px;
		--p-height: 72px;
	}
	.overview-plan-text-design {
		--p-width: 100px;
		--p-height: 30px;
	}
	html.enhance-xp .plan-gallery .plan-item-label-design {
		margin-left: 30px;
		margin-top: -15px;
	}
	.overview-card-mba-text {
		--p-width: 150px;
	}
	.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
		margin-block-start: -10px;
	}
	.section-products .tile-shipping .lottie-with-picture {
		padding-top: 80px;
	}
	.section-you .you-cta {
		max-width: 25ch;
	}
	.section-you .tile.tile-trade-in .tile-content {
		padding: 40px;
	}
	.plan-gallery .plan-item-label-recovery {
		margin-left: -130px;
		top: 14px;
	}
	.plan-gallery .plan-item-label-product-use {
		margin-left: -175px;
		top: 162px;
	}
	.plan-gallery .plan-item-label-shipping {
		margin-left: -34px;
		top: 235px;
	}
	.plan-gallery .plan-item-label-make {
		top: 148px;
		margin-left: 88px;
	}
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 85px;
	}
	.section-products .products-headline .animated-burst-text::before {
		width: 212px;
		left: -15px;
		top: -11px;
	}
	.section-hero .hero-headlines .hero-headline {
		max-width: 10ch;
	}
}
@media only screen and (max-width: 375px) {
	.section-hero .hero-intro .hero-intro-block {
		max-width: 27ch;
	}
}

.section-hero .hero-product-homepod {
	display: none;
	grid-row-start: unset;
	grid-column-start: unset;
}

.section-hero .hero-product-watch, .section-hero .hero-product-illustration.hero-product-watch {
	grid-row-start: homepod;
	grid-column-start: homepod;

	transform: translateY(50%);
}

.section-hero .hero-product-macmini {
	display: block;
	grid-row-start: watch;
	grid-column-start: watch;

	transform: translate(-50%, -90%);
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-product-watch, .section-hero .hero-product-illustration.hero-product-watch {
		grid-row-start: watch;
		grid-column-start: watch;
		transform: unset;
	}

	.section-hero .hero-product-macmini {
		display: block;
		grid-row-start: homepod;
		grid-column-start: homepod;
		transform: translate(-330px, -100px);
	}
}

@media only screen and (min-width: 1069px) {
	.overview-card-mac-mini-illustration {
		--p-width: 294px;
		--p-height: 104px;
		margin-top: 25px;
	}

	.overview-card-mac-mini-illustration img {
		width: 100%;
		height: 100%;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: 52px;
	}
}
@media only screen and (min-width: 1069px) {
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: 9px;
		margin-inline-start: 92px;
	}
	.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
		margin-inline-start: 30px;
	}
	.section-products .tile-enclosure .tile-copy {
		top: 255px;
		left: 285px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
		margin-inline-start: 30px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-copy {
		top: 316px;
		left: 132px;
	}
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: 70px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-copy {
		top: 240px;
		left: 102px;
	}
}
@media only screen and (min-width: 1069px) {
	.overview-card-shipping-text {
		width: 251px;
		height: 194px;
	}

	.section-products .tile-shipping .tile-copy {
		position: absolute;
		inset: 740px 0 0 258px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-card-shipping-text {
		--p-width: 270px;
		--p-height: 145px;
	}
	.section-products .tile-shipping .tile-copy {
		position: absolute;
		inset: 634px 0 0 233px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-card-shipping-text {
		--p-width: 183px;
		--p-height: 95px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-shipping .tile-copy {
		inset: 467px 0 0 162px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-products .tile-case .tile-copy {
		top: 724px;
		left: 361px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-products .tile-case .tile-copy {
		left: 282px;
		top: 611px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-case .tile-copy {
		top: 453px;
		left: 230px;
	}
}

.overview-card-iphone-text {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 397px;
	--p-height: 192px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-card-iphone-text {
		--p-width: 312px;
		--p-height: 152px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-card-iphone-text {
		--p-width: 207px;
		--p-height: 101px;
	}
}

.overview-card-mac-mini-text {
	--p-width: 295px;
	--p-height: 94px;
}

@media only screen and (max-width: 734px) {
	.overview-card-mac-mini-text {
		--p-width: 259px;
		--p-height: 80px;
	}
}

.section-products .tile-packaging-shipping .tile-copy {
	position: absolute;
	inset: 745px 0 0 227px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .tile-copy {
		inset: 670px 0 0 188px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .tile-copy {
		inset: 484px 0 0 113px;
	}
}

.section-products .tile-packaging-shipping .overview-card-packaging-text {
	position: relative;
	bottom: 20px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .overview-card-packaging-text {
		bottom: 37px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .overview-card-packaging-text {
		bottom: 2px;
	}
}

@media only screen and (min-width: 1069px) {
	html.enhance-xp .section-products .overview-card-enclosure#overview-card-enclosure-4 {
		top: 14px;
	}
}
@media only screen and (max-width: 1068px) {
	html.enhance-xp .section-products .overview-card-enclosure#overview-card-enclosure-4 {
		top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	html.enhance-xp .section-products .overview-card-enclosure#overview-card-enclosure-4 {
		top: 6px;
	}
}
@media only screen and (min-width: 1069px) {
	.section-products .tile-shipping .lottie-with-picture {
		padding-top: 0;
	}
}
@media only screen and (max-width: 1068px) {
	.section-products .tile-shipping .lottie-with-picture {
		padding-top: 0;
	}
}
/* 
@media only screen and (max-width: 734px) {
	.section-products .tile-shipping .lottie-with-picture{
		padding-top: 0;
	}
} */

@media only screen and (min-width: 1069px) {
	.section-products .tile-iphone .tile-media .overview-card-iphone-text {
		position: relative;
		top: -34px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-products .tile-iphone .tile-media .overview-card-iphone-text {
		position: relative;
		top: -14px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-iphone .tile-media .overview-card-iphone-text {
		position: relative;
		top: -9px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-products #overview-card-mac-mini-illustration-2 {
		margin-top: 22px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products #overview-card-mac-mini-illustration-2 {
		margin-top: 25px;
	}
}

.section-products .tile-overlay-copy-container:after {
	pointer-events: none;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-products .tile-overlay-copy-container:after {
		height: 160px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-overlay-copy-container:after {
		height: 140px;
	}
}

@media only screen and (min-width: 1650px) {
	.section-values-router .paddlenav.paddlenav-alpha {
		display: none;
	}
}

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