/*------------------------------------*\
   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;
}

@media (min-width: 1441px) {
   [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
       --corner-radius: 44px;
   }
}

[data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
  --corner-radius: 40px;
  height: 80vh;
  min-height: 680px;
  max-width: 1920px;
  max-height: 1260px;
  margin: 0 auto;
  width: 87.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (max-width: 1068px) {
   [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
       --corner-radius: 36px;
   }
}

@media (max-width: 734px) {
   [data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {
       --corner-radius: 28px;
       max-height: 960px;
   }
}

[data-at-ab-fpwvsi="v1"] .section-welcome .welcome-video-wall-container.variant .welcome-video-content-container {
   border-radius: var(--corner-radius);
}


.welcome-video-wall-container.variant {display: none;}
[data-at-ab-fpwvsi="v1"] .welcome-video-wall-container {display: none;}
[data-at-ab-fpwvsi="v1"] .welcome-video-wall-container.variant {display: flex;}

@media (min-width:1069px) {
    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content .image-container img {
        margin-top: 32px;
    }
}
/*------------------------------------*\
   END GENERIC CSS
\*------------------------------------*/
/*------------------------------------*\
   RIBBON CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
.ribbon .typography-caption {
	width: 800px;
	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: 270px;
	}
}

.ribbon .footnote-supglyph {
    text-underline-offset: -0.28em;
}

.ribbon-content.row {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
}

.typography-caption {
    font-size: 14px !important;
}


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


/* SCREENS */
/* LOCAL FIXES */


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


/* SCREENS */
/* LOCAL FIXES */


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


/* SCREENS */
/* LOCAL FIXES */

.section-select .footnote-supglyph {
    text-underline-offset: 1.5px;
    font-size:0.8em;
    vertical-align: top;
}
.product-tile-ctas.product-tile-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}


@media only screen and (max-width: 734px) {
    .section-select .product-tile-plus {
        margin-top: 0;
    }
}

@media only screen and (max-width: 734px) {
	.section-select .product-tile-plus li:nth-of-type(2) {
    	height: 32px;
	}
}
.section-select .product-tile-plus li:nth-of-type(5) {
    height: 32px;
}

@media only screen and (max-width: 734px) {
	.section-select .product-tile-plus li:nth-of-type(5) {
    	height: auto;
	}
}

.sosumi-link-follows[data-pricing-loaded]~.footnote {
	display: inline-block;
}

/*------------------------------------*\
   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: -0.28em;
}

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


/*------------------------------------*\
   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
\*------------------------------------*/