/*------------------------------------*\
   GENERIC CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

html.android .section-switch {
    display: block;
}

html.android [data-at-ab-esm="v1"] .section-switch, html.android [data-at-ab-esm="v2"] .section-switch, html.android [data-at-ab-esm="v3"] .section-switch {
    display: block;
}

.section-designed-for-families-variation, html.hide-acmi #ac-globalfooter .ac-gf-sosumi li [data-toggle-footnote=acmi] {
	display: none;
}

[data-at-ab-esm=v1] .section-designed-for-families-variation, [data-at-ab-esm=v2] .section-designed-for-families-variation, [data-at-ab-esm=v3] .section-designed-for-families-variation {
	display: block;
}

[data-at-ab-esm=v1] .section-designed-for-families, [data-at-ab-esm=v2] .section-designed-for-families, [data-at-ab-esm=v3] .section-designed-for-families {
	display: none;
}

[data-at-ab-esm=v1] .section-designed-for-families-variation, [data-at-ab-esm=v2] .section-designed-for-families-variation, [data-at-ab-esm=v3] .section-designed-for-families-variation {
	display: block;
}

/*------------------------------------*\
   END GENERIC CSS
\*------------------------------------*/
/*------------------------------------*\
   RIBBON CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
.ribbon .typography-caption {
	margin: auto;
}
@media only screen and (max-width: 1068px) {
	.ribbon .typography-caption {
		width: 400px;
	}
}
@media only screen and (max-width: 734px) {
	.ribbon .typography-caption {
		width: 300px;
	}
}
.ribbon .footnote-supglyph {
    text-underline-offset: 1.5px;
}

@media only screen and (max-width:1068px) {
   .card .card-modifier.fixed-width {
       width: 350px;
   }
}

@media only screen and (max-width:734px) {
   .card .card-modifier.fixed-width {
       width: 260px;
   }
}

/*------------------------------------*\
   END RIBBON CSS
\*------------------------------------*/
/*------------------------------------*\
   HERO CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END HERO CSS
\*------------------------------------*/
/*------------------------------------*\
   GET TO KNOW IPHONE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
@media only screen and (max-width: 734px) {
	.feature-card-content .feature-card-label+.feature-card-headline {
		font-size: 20px;
	}
}


/*------------------------------------*\
   END GET TO KNOW IPHONE CSS
\*------------------------------------*/
/*------------------------------------*\
   COMPARE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

.select-gallery-container .galleries-container .gallery {
	--sticky-item-bottom-offset: 55px;
}

@media only screen and (max-width: 734px) {
	.select-gallery-container .galleries-container .gallery {
		--sticky-item-bottom-offset: 70px;
	}
}

@media only screen and (min-width: 1069px) {
   .section-select .product-tile-ctas a:last-child {
      display: inline-block;
      margin-left: 25px;
   }
}

@media only screen and (max-width: 1068px) {
   .section-select .product-tile-ctas a:last-child {
      display: inline-block;
      margin-top: 25px;
      margin-left: 7.5px;
   }
}

@media only screen and (max-width: 734px) {
   .section-select .product-tile-ctas a:last-child {
      display: inline-block;
      margin-top: 10px;
      margin-left: 15px;
   }
   
   .section-select .product-tile-plus {
	margin-top: 0;
   }
}


/*------------------------------------*\
   END COMPARE CSS
\*------------------------------------*/
/*------------------------------------*\
   LATEST MODELS CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END LATEST MODELS CSS
\*------------------------------------*/
/*------------------------------------*\
   WHY APPLE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
#icon-card-trade-in .footnote-supglyph {
    text-underline-offset: 2px;
}

@media only screen and (max-width:734px) {
	#icon-card-trade-in .copy-container {
    	width: 210px;
	}
}

.section-header .section-header-headline {
   	max-width: 85%;
}


/*------------------------------------*\
   END WHY APPLE CSS
\*------------------------------------*/
/*------------------------------------*\
   IPHONE ESSENTIALS CSS
\*------------------------------------*/


/* MAGSAFE */
/* SCREENS */
/* LOCAL FIXES */
/* END MAGSAFE */



/* AIRTAG */
/* SCREENS */
/* LOCAL FIXES */
/* END AIRTAG */


/*------------------------------------*\
   END IPHONE ESSENTIALS CSS
\*------------------------------------*/
/*------------------------------------*\
   IPHONE COMPATIBILITY CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END IPHONE COMPATIBILITY CSS
\*------------------------------------*/
/*------------------------------------*\
   ROUTER CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END ROUTER CSS
\*------------------------------------*/
/*------------------------------------*\
   FOOTER CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END FOOTER CSS
\*------------------------------------*/