.hero-intro .intro-wrapper .typography-hero-intro {
    line-height: 1.09;
}

@media only screen and (max-width: 734px) {
    .hero-intro .intro-wrapper .typography-hero-intro {
        line-height: 1.25;
    }
}

.section-battery .section-content {
	width: 1020px;
}

@media only screen and (max-width: 1068px) {
    .section-battery .section-content {
        margin-left: auto;
        margin-right: auto;
        width:692px
    }
}

@media only screen and (max-width: 734px) {
    .section-battery .section-content {
        margin-left: auto;
        margin-right: auto;
        width:87.5%
    }
}

.typography-header-2:lang(zh) {
    line-height: 1.02;
    letter-spacing: 0.015em;
}

.camera-header .headline .header-offset {
    margin-left: 0
}

@media only screen and (max-width: 1068px) {
    .camera-header .headline .header-offset {
        
    }
}

@media only screen and (max-width: 734px) {
    .camera-header .headline .header-offset {
        margin-left: 0;
    }
}

.section-camera .camera-cinematic-mode .copy-2 {
        text-align:left;
        line-height: 1.21875;
    } 

@media only screen and (max-width: 734px) {
	.section-camera .camera-cinematic-mode .copy-2 {
		line-height: 1.33334;
	}
}   

html.enhance-page-xp-media .section-dynamic-island .enhanced-container .copy-dynamic-island {
    max-width: 568px;
}

.section-colors .copy-2 {
	line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
	.section-colors .copy-2 {
		line-height: 1.33334;
	}
}

.section-dynamic-island .copy-dynamic-island {
	line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
	.section-dynamic-island .copy-dynamic-island {
		line-height: 1.33334;
	}
}


.section-lock-screen .copy .body {
	line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
	.section-lock-screen .copy .body {
		line-height: 1.33334;
	}
}

.section-camera .camera-cinematic-mode .copy-1 {
	line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-cinematic-mode .copy-1 {
		line-height: 1.33334;
	}
}


.section-camera .copy-container .copy {
	line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
	.section-camera .copy-container .copy {
		line-height: 1.33334;
	}
}


.section-camera .camera-truedepth .copy {
	line-height: 1.21875;
	margin-top: 7px;
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-truedepth .copy {
		line-height: 1.33334;
	}
}

.section-sim .typography-body-1 {
	line-height: 1.33334;
}

@media only screen and (max-width: 734px) {
	.section-sim .typography-body-1 {
		line-height: 1.33334;
	}
}

.section-camera .camera-cinematic-mode .tout {
	margin-top: -6px;
}

@media only screen and (max-width: 1068px) {
	.section-camera .camera-cinematic-mode .tout  {
		margin-top: -6px;
	}
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-cinematic-mode .tout  {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	html.enhance-deep-dive .deep-dive-container .deep-dive-button-copy {
		width: 230px;
	}
}

.section-camera .typography-header-6 {
	margin-left: 44.5%;
}

@media only screen and (max-width: 1068px) {
	.section-camera .typography-header-6 {
		margin-left: 0%;
	}
}

@media only screen and (max-width: 734px) {
	.section-camera .typography-header-6 {
		margin-left: 0%;
	}
}

@media only screen and (max-width: 734px) {
	.section-battery .copy-wrapper {
		margin-left: -32px;
	}	
}

.section-battery .copy-wrapper .copy {
	line-height: 1.21875;
	margin-left: 26.6%;
}

@media only screen and (max-width: 1068px) {
	.section-battery .copy-wrapper .copy {
		margin-left: 28.7%;
	}
}

@media only screen and (max-width: 734px) {
	.section-battery .copy-wrapper .copy {
		line-height: 1.33334;
		margin-left: 10%;
	}
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-lenses .typography-header-3 {
		margin-right: 8%;
	}
}

.section-camera .camera-header .headline strong {
	line-height: 1;
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-header .headline strong {
		line-height:1.0555555556;
	}
}

@media only screen and (max-width: 734px) {
	.section-lock-screen .section-content .subsection-personalization .copy.consolidated {
		padding-top: 10px;
	}
}

/* alt class inline_nowrap */

.inline_nowrap {
	display: inline;
	white-space: nowrap;
}

@media only screen and (max-width: 734px) {
	.inline_large {
		display: none!important;
	}
}

.inline_small {
		display: none!important;
	}

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

@media only screen and (max-width: 734px) {
	.inline_small {
		display: block!important;
	}
}


.section-colors .aside-container .aside-item .aside-copy {
    flex-basis: 34.67%;
	max-width: 34.67%;
}

@media only screen and (max-width: 1068) {
    .section-colors .aside-container .aside-item .aside-copy {
        flex-basis: 43.33%;
		max-width: 43.33%;
    }
}

@media only screen and (max-width: 734px) {
    .section-colors .aside-container .aside-item .aside-copy {
        flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
    }
}

.section-lock-screen .aside-container .aside-item .aside-copy {
    flex-basis: 27.67%;
	max-width: 27.67%;
}

@media only screen and (max-width: 1068px) {
    .section-lock-screen .aside-container .aside-item .aside-copy {
        flex-basis: 43.33%;
		max-width: 43.33%;
    }
}

@media only screen and (max-width: 734px) {
    .section-lock-screen .aside-container .aside-item .aside-copy {
        flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
    }
}

.section-camera .camera-lenses .aside-container .aside-item .aside-copy {
    flex-basis: 38.67%;
	max-width: 38.67%;
}

@media only screen and (max-width: 1068px) {
    .section-camera .camera-lenses .aside-container .aside-item .aside-copy {
        flex-basis: 49.33%;
		max-width: 49.33%;
    }
}

@media only screen and (max-width: 734px) {
    .section-camera .camera-lenses .aside-container .aside-item .aside-copy {
        flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
    }
}

.section-chip .aside-container .aside-item .aside-copy {
    	flex-basis: 36.67%;
		max-width: 36.67%;
}

@media only screen and (max-width: 1068px) {
    .section-chip .aside-container .aside-item .aside-copy {
        flex-basis: 46.33%;
		max-width: 46.33%;
    }
}

@media only screen and (max-width: 734px) {
    .section-chip .aside-container .aside-item .aside-copy {
        flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
    }
}

/* deep-dive-modals */
html.enhance-deep-dive .low-light.deep-dive .tout strong {
	font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

html.enhance-deep-dive
	.deep-dive.vertical-type[id^="deep-dive-"]
	.typography-body-2 {
	font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.theme-dark .deep-dive .stat-caption:lang(zh-MO), .theme-dark .deep-dive .tout-copy:lang(zh-MO), .theme-dark .deep-dive .tout:lang(zh-MO), .theme-dark .main .stat-caption:lang(zh-MO), .theme-dark .main .tout-copy:lang(zh-MO), .theme-dark .main .tout:lang(zh-MO) {
	font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

html.enhance-deep-dive .deep-dive.chip .tout strong {
	font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.section-display .deep-dive-button-open-container .typography-shared-deep-dive-cta {
	width: 333px!important;
}

@media only screen and (max-width: 1068px) {
	.section-display .deep-dive-button-open-container .typography-shared-deep-dive-cta {
		width: 300px!important;
	}
}

@media only screen and (max-width: 734px) {
	.section-display .deep-dive-button-open-container .typography-shared-deep-dive-cta {
		width: 265px!important;
	}
}


/* Art alt */
.section-camera .camera-header h3 strong {
	margin-left: -1%;
}

.section-camera .camera-lenses h3.typography-header-3 {
	text-align: left;
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-lenses h3.typography-header-3 {
		text-align: right;
	}
}

.section-camera .camera-truedepth .headline {
	text-align: left;
}

@media only screen and (max-width: 734px) {
	.section-camera .camera-truedepth .headline {
		text-align: left;
	}
}

@media only screen and (max-width: 734px) {
	.section-camera .layout_inline {
		display: inline-block;
		margin-right: -4px;
	}
}


.section-even-more .tile strong{
	display: inline-table;
}

.section-lock-screen .typography-header-3 .align_left_alt {
	display: inline-block;
	margin-right: 7.8%;
}

.section-battery .section-content .copy-wrapper h3 .typography-header-1 {
	margin-left: 8.2%;
}

.section-battery .tout-row .tout .magsafe-icon {
	margin-bottom: 14px;
}

/* hide text-tracks-toggle-button start */
.ac-video-player .ac-video-controls .main-controls-item.controls-text-tracks-toggle-button {
    display: none;
}
/* hide text-tracks-toggle-button end */


/* fix mo btn */

@media only screen and (min-width: 1069px){
    .section-even-more .paddlenav{
        display: none;
    }
}

.section-hero .hero-intro .info-wrapper .info-content .avail-message a {
	color: #000;
}

/* APU layout 20220909 */

.hero-intro .info-wrapper .info-content .pricing {
    margin-bottom: 18px;
}

@media only screen and (max-width: 1068px) {
    .hero-intro .info-wrapper .info-content .pricing {
        margin-bottom: 17px;
    }
}

@media only screen and (max-width: 734) {
    .hero-intro .info-wrapper .info-content .pricing {
        margin-bottom: 16px;
    }
}

.hero-intro .info-wrapper .info-content .availability.avail-message {
    margin-bottom: 25px;
}

@media only screen and (max-width: 1068px) {
    .hero-intro .info-wrapper .info-content .availability.avail-message {
        margin-bottom: 19px;
    }
}

@media only screen and (max-width: 734px) {
    .hero-intro .info-wrapper .info-content .availability.avail-message {
        margin-bottom: 19px;
    }
}

.hero-intro .info-wrapper .info-content .models {
    margin-bottom: 25px;
}

@media only screen and (max-width: 1068px) {
    .hero-intro .info-wrapper .info-content .models {
        margin-bottom:19px
    }
}

@media only screen and (max-width: 734px) {
    .hero-intro .info-wrapper .info-content .models {
        margin-bottom:19px
    }
}
 
.hero-intro .info-wrapper .info-content .availability a{
	color: #000;
}