@keyframes ribbon-drop {
    0% {
        transform:translateY(-100%)
    }

    100% {
        transform:translateY(0)
    }
}

.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: #0071e3;
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom:var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align:center
}

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

.ribbon-link {
    white-space:nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset:var(--sk-focus-offset, 1px)
}

.ribbon-link-inline {
    color:var(--ribbon-link-inline-color)
}

.ribbon-link-inline, .ribbon-link-inline:link {
    text-decoration:underline
}

.ribbon:lang(ar) {
    letter-spacing: 0em;
    font-family:SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(ja) {
    line-height: 1.4;
    letter-spacing: 0em;
    font-family:SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(ko) {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    font-family:SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(zh) {
    line-height: 1.5;
    letter-spacing:0em
}

.ribbon:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family:SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(zh-CN) {
    font-family:SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(zh-HK) {
    font-family:SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(zh-MO) {
    font-family:SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon:lang(zh-TW) {
    font-family:SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-content-wrapper {
    background-color: var(--ribbon-background-color);
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius:var(--ribbon-border-radius)
}

.ribbon-content {
    color:var(--ribbon-text-color)
}

.ribbon-link {
    color:var(--ribbon-link-color)
}

.ribbon-link:focus {
    outline-color:var(--ribbon-focus-color)
}

.ribbon-elevated {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-content-padding-top:24px
}

.ribbon-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family:SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(ja) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family:SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(ko) {
    line-height: 1.5882352941;
    letter-spacing: 0em;
    font-family:SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(zh) {
    letter-spacing:0em
}

.ribbon-elevated:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family:SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(zh-CN) {
    font-family:SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(zh-HK) {
    font-family:SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(zh-MO) {
    font-family:SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(zh-TW) {
    font-family:SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated.ribbon-inset {
    --ribbon-border-radius:12px
}

.ribbon-blue {
    --ribbon-background-color: rgb(0, 113, 227);
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(245, 245, 247);
    --ribbon-focus-color:rgb(255, 255, 255)
}

.ribbon-variant-neutral-alpha {
    --ribbon-background-color:rgba(245, 245, 247, 0.8)
}

.ribbon-variant-neutral-alt {
    --ribbon-background-color:rgb(255, 255, 255)
}

.ribbon-blue-to-default {
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-background-color-initial: rgb(0, 113, 227);
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-text-color-initial: rgb(245, 245, 247);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-link-color-initial:rgb(245, 245, 247)
}

@keyframes ribbon-animate-background {
    0% {
        background-color:var(--ribbon-background-color-initial)
    }

    100% {
        background-color:var(--ribbon-background-color)
    }
}

.ribbon-animate-color .ribbon-content-wrapper {
    background-color: var(--ribbon-background-color-initial);
    animation:ribbon-animate-background .8s ease-in-out 1.6s forwards
}

@media (prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content-wrapper {
        background-color: var(--ribbon-background-color);
        animation:none
    }
}

@keyframes ribbon-animate-text-color {
    0% {
        color:var(--ribbon-text-color-initial)
    }

    100% {
        color:var(--ribbon-text-color)
    }
}

.ribbon-animate-color .ribbon-content {
    color: var(--ribbon-text-color-initial);
    animation:ribbon-animate-text-color .8s ease-in-out 1.6s forwards
}

@media (prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content {
        color: var(--ribbon-text-color);
        animation:none
    }
}

@keyframes ribbon-animate-link-color {
    0% {
        color:var(--ribbon-link-color-initial)
    }

    100% {
        color:var(--ribbon-link-color)
    }
}

.ribbon-animate-color .ribbon-link {
    color: var(--ribbon-link-color-initial);
    animation:ribbon-animate-link-color .8s ease-in-out 1.6s forwards
}

@media (prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-link {
        color: var(--ribbon-link-color);
        animation:none
    }
}

.ribbon-drop-wrapper {
    animation:ribbon-drop .8s ease-in-out forwards
}

@media (prefers-reduced-motion) {
    .ribbon-drop-wrapper {
        animation:none
    }
}

.ribbon-inset {
    --ribbon-width: 83.33333%;
    --ribbon-padding-top: 16px;
    --ribbon-border-radius: 10px;
    margin:0 auto
}

.ribbon-inset .ribbon-content {
    width:var(--ribbon-width)
}

@media (max-width: 734px) {
    .ribbon-inset {
        --ribbon-width:87.5%
    }

    .ribbon-inset .ribbon-content {
        min-width:var(--ribbon-width)
    }
}

.ribbon-blur {
    --ribbon-background-blur:20px
}

.theme-dark.ribbon, .theme-dark .ribbon {
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-background-color: rgb(29, 29, 31);
    --ribbon-link-color: rgb(41, 151, 255);
    --ribbon-focus-color:#0071e3
}

.theme-dark.ribbon-blue, .theme-dark .ribbon-blue {
    --ribbon-background-color: rgb(0, 113, 227);
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(245, 245, 247);
    --ribbon-focus-color:rgb(255, 255, 255)
}

.theme-dark.ribbon-variant-neutral-alpha, .theme-dark .ribbon-variant-neutral-alpha {
    --ribbon-background-color:rgba(29, 29, 31, 0.8)
}

.theme-dark.ribbon-variant-neutral-alt, .theme-dark .ribbon-variant-neutral-alt {
    --ribbon-background-color:rgb(0, 0, 0)
}

.theme-dark.ribbon-blue-to-default, .theme-dark .ribbon-blue-to-default {
    --ribbon-background-color: rgb(29, 29, 31);
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-link-color:rgb(41, 151, 255)
}

.theme-light.ribbon, .theme-light .ribbon {
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color:#0071e3
}

.theme-light.ribbon-blue, .theme-light .ribbon-blue {
    --ribbon-background-color: rgb(0, 113, 227);
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(245, 245, 247);
    --ribbon-focus-color:rgb(255, 255, 255)
}

.theme-light.ribbon-variant-neutral-alpha, .theme-light .ribbon-variant-neutral-alpha {
    --ribbon-background-color:rgba(245, 245, 247, 0.8)
}

.theme-light.ribbon-variant-neutral-alt, .theme-light .ribbon-variant-neutral-alt {
    --ribbon-background-color:rgb(255, 255, 255)
}

.theme-light.ribbon-blue-to-default, .theme-light .ribbon-blue-to-default {
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-link-color:rgb(0, 102, 204)
}

.ribbon {
    z-index: 3;
    position:relative
}

html:not(.text-zoom) .ribbon {
    margin-top:calc(var(--localnav-total-height) * -1)
}

.section-welcome {
    --p-width: 1348px;
    --p-height: 700px;
    height: calc(100svh - var(--global-nav-collective-height) - var(--ribbon-height, 0px));
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 700px;
    max-height:1200px
}

.section-welcome .marquee {
    text-align:center
}

@media (min-width: 1441px) and (min-width: 1441px) {
    .section-welcome {
        --p-width: 2020px;
        --p-height:660px
    }
}

@media (max-width: 1068px) and (max-width: 1068px) {
    .section-welcome {
        --p-width: 1068px;
        --p-height:350px
    }
}

@media (max-width: 734px) and (max-width: 734px) {
    .section-welcome {
        --p-width: 312px;
        --p-height:720px
    }
}

@media (min-width: 1441px) {
    .section-welcome {
        min-height:750px
    }
}

@media (max-width: 1068px) {
    .section-welcome {
        min-height: 600px;
        max-height:882px
    }
}

@media (max-width: 734px) {
    .section-welcome {
        padding-bottom: 15px !important;
        max-height:895px
    }
}

.section-welcome.section-welcome-localnav-overlap {
    --welcome-margin-top:calc(var(--localnav-total-height) * -1)
}

.section-welcome .welcome-video {
    position: relative;
    height: 0;
    justify-content: center;
    align-items: center;
    max-width:unset
}

@media (max-width: 734px) {
    .section-welcome .welcome-video {
        position: absolute;
        inset: 0;
        height: auto;
        top: 80px;
        bottom: 95px;
        display:block
    }
}

.section-welcome .video-wrapper {
    width: var(--p-width);
    height: var(--p-height);
    flex-shrink: 0;
    left: 163px;
    top:93px
}

@media (min-width: 1441px) {
    .section-welcome .video-wrapper {
        left: 476px;
        top:-4px
    }
}

@media (max-width: 1068px) {
    .section-welcome .video-wrapper {
        left: -2px;
        top:3px
    }
}

@media (max-width: 734px) {
    .section-welcome .video-wrapper {
        left: auto;
        top: auto;
        max-height: 100%;
        width: auto;
        height: auto;
        aspect-ratio: .4333333333;
        margin:0 auto
    }
}

.section-welcome .video-wrapper picture {
    display:flex
}

@media (max-width: 734px) {
    .section-welcome .video-wrapper picture {
        position: absolute !important;
        top: 0;
        width: 100%;
        height:100%
    }
}

.section-welcome .video-wrapper img {
    object-fit:contain
}

.section-welcome .video-wrapper picture, .section-welcome .video-wrapper video {
    clip-path:inset(1px)
}

@media (max-width: 734px) {
    .section-welcome .video-wrapper picture, .section-welcome .video-wrapper video {
        left:4%
    }

    html.enhanced .section-welcome .video-wrapper picture, html.enhanced .section-welcome .video-wrapper video {
        left:3.5%
    }
}

@media (max-width: 734px) {
    html.enhanced .section-welcome .inline-media-component-container.fallback picture, html.enhanced .section-welcome .inline-media-component-container.fallback video {
        left:4%
    }
}

.section-welcome .inline-media-component-container.fallback .media-timeout picture.start-frame {
    display:flex
}

.section-welcome .inline-media-component-container.fallback .media-timeout picture.fallback-frame {
    z-index:5
}

.section-welcome .marquee-top {
    width: 100%;
    margin-top: 74px;
    z-index:1
}

@media (max-width: 1068px) {
    .section-welcome .marquee-top {
        margin-top:68px
    }
}

@media (max-width: 734px) {
    .section-welcome .marquee-top {
        margin-top:30px
    }
}

.section-welcome .marquee-top .welcome-logo {
    margin-inline:auto
}

.section-welcome .marquee-top .marquee {
    padding-top:0
}

@media (max-width: 734px) {
    .section-welcome .marquee-bottom {
        --ax-contrast-color: rgb(245 245 247);
        width: 87.5%;
        max-width: 363px;
        padding-block: 18px 14px;
        margin-left: auto;
        margin-right:auto
    }

    .section-welcome .marquee-bottom .marquee-scrim {
        --scrim-blur: 20px;
        --scrim-mask-angle: 180deg;
        --scrim-mask-stop-color: 100%;
        --scrim-saturate: 1;
        --scrim-tint: 255 255 255;
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(var(--scrim-tint) /var(--scrim-tint-alpha));
        -webkit-backdrop-filter: blur(var(--scrim-blur)) saturate(var(--scrim-saturate));
        backdrop-filter: blur(var(--scrim-blur)) saturate(var(--scrim-saturate));
        mask-image:linear-gradient(var(--scrim-mask-angle), transparent, #000 var(--scrim-mask-stop-color))
    }

    .section-welcome .marquee-bottom .marquee-scrim.scrim-mask-debug {
        background:linear-gradient(var(--scrim-mask-angle), #fff, #000 use-mask-stop)
    }

    .section-welcome .marquee-bottom .marquee-scrim {
        --scrim-tint: 245 245 247;
        --scrim-tint-alpha: 100%;
        mask-image: unset;
        border-radius:20px
    }
}

.section-welcome .header-headline {
    margin-top:24px
}

@media (max-width: 734px) {
    .section-welcome .header-headline {
        margin-top:12px
    }
}

.section-welcome .gradient-text {
    --gradient:linear-gradient(0deg, #7b8fa3, #697b8b 52%, #4c5b65)
}

@media (max-width: 734px) {
    .section-welcome .gradient-text {
        --gradient:linear-gradient(0deg, #62798d, #4c5b65 40.76%)
    }
}

@media (max-width: 734px) {
    .section-welcome .marquee-pricing {
        --marquee-header-detail-row-gap:10px
    }
}

.section-welcome .marquee-milestone {
    --marquee-header-detail-row-gap:0
}

.section-welcome .marquee-milestone .milestone-primary {
    font-weight:unset
}

.ribbon + .section-welcome {
    --ribbon-height:52px
}

@media (max-width: 734px) {
    .ribbon + .section-welcome {
        --ribbon-height:72px
    }
}

.ribbon + .section-welcome.section-welcome-localnav-overlap {
    --welcome-margin-top:0px
}

.overview-welcome-hero-logo {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 153px;
    --p-height:28px
}

@media (max-width: 1068px) and (max-width: 1068px) {
    .overview-welcome-hero-logo {
        --p-width: 131px;
        --p-height:24px
    }
}

@media (max-width: 734px) and (max-width: 734px) {
    .overview-welcome-hero-logo {
        --p-width: 113px;
        --p-height:21px
    }
}

/* icon */
.icon-wrapper .icon-playcircle::after {
    position: relative;
    top: 0;
}
:lang(ko) .icon-arkit::after, :lang(ko) .icon-arkit::before {
    top: 0;
}

/* localnav link more icon */
.localnav-container .content-expand-wrap .product-options .option-wrap:has(.option-type-tabs) .option-cta.link.disabled .icon::after {
    top: -0.08em;
}
/* localnav pricing align fix */
.localnav-container .content-expand-wrap .product-action .product-cta .pricing {
    height: auto;
}

/* hero ww video fix */
@media only screen and (min-width: 1069px) {
    .section-welcome {
        min-height: 750px;
    }
}
@media only screen and (max-width: 1068px) {
    .section-welcome .video-wrapper {
        left: 0;
        top: 4px;
    }
    html.no-touch .inline-media-component-container .video-wrapper .end-frame, html.no-touch .inline-media-component-container .video-wrapper .fallback-frame, html.no-touch .inline-media-component-container .video-wrapper .start-frame {
        top: 50%;
        transform: translateY(-50%);
    }
}
@media only screen and (max-width: 734px) {
    .section-welcome {
        padding-bottom: clamp(50px, 8vh, 80px) !important;
    }
}

/* image localization */
section.section.section-upgrade .inline-wrap .compare-tile-center-stage .bg-upgrade-image.ready-to-load {
    background-image:url(/kr/iphone-air/images/overview/upgrade/center_stage__btzzlh82i7qq_large.jpg)
}
@media (min-resolution: 1.5dppx),(min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-center-stage .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/center_stage__btzzlh82i7qq_large_2x.jpg)
    }
}
@media (max-width: 1068px) {
    section.section.section-upgrade .inline-wrap .compare-tile-center-stage .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/center_stage__btzzlh82i7qq_medium.jpg)
    }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx),(max-width: 1068px) and (min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-center-stage .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/center_stage__btzzlh82i7qq_medium_2x.jpg)
    }
}
@media (max-width: 734px) {
    section.section.section-upgrade .inline-wrap .compare-tile-center-stage .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/center_stage__btzzlh82i7qq_small.jpg)
    }
}
@media (max-width: 734px) and (min-resolution: 1.5dppx),(max-width: 734px) and (min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-center-stage .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/center_stage__btzzlh82i7qq_small_2x.jpg)
    }
}

section.section.section-upgrade .inline-wrap .compare-tile-design .upgrade-picture-wrap {
    width: calc(100% - 49px);
}
@media only screen and (max-width: 1068px) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .upgrade-picture-wrap {
        width: calc(100% - 41px);
    }
}
@media only screen and (max-width: 734px) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .upgrade-picture-wrap {
        width: calc(100% - 24px);
    }
}

section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image {
    --tile-image-width: 288px;
    --tile-image-height: 21px;
}
@media (max-width: 1068px) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image {
        --tile-image-width: 205px;
        --tile-image-height: 15px;
    }
}
@media (max-width: 734px) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image {
        --tile-image-width: 176px;
        --tile-image-height: 14px;
    }
}

section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image.ready-to-load {
    /* background-size: 288px 21px; */
    background-image:url(/kr/iphone-air/images/overview/upgrade/design__cs05lcim066a_large.jpg)
}
@media (min-resolution: 1.5dppx),(min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/design__cs05lcim066a_large_2x.jpg)
    }
}
@media (max-width: 1068px) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/design__cs05lcim066a_medium.jpg)
    }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx),(max-width: 1068px) and (min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/design__cs05lcim066a_medium_2x.jpg)
    }
}
@media (max-width: 734px) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/design__cs05lcim066a_small.jpg)
    }
}
@media (max-width: 734px) and (min-resolution: 1.5dppx),(max-width: 734px) and (min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-design .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/design__cs05lcim066a_small_2x.jpg)
    }
}

section.section.section-upgrade .inline-wrap .compare-tile-display .bg-upgrade-image.ready-to-load {
    background-size: 114px 340px;
    background-repeat: no-repeat;
    background-image:url(/kr/iphone-air/images/overview/upgrade/display__fjsw7dzyjyqa_large.jpg)
}
@media (min-resolution: 1.5dppx),(min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-display .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/display__fjsw7dzyjyqa_large_2x.jpg)
    }
}
@media (max-width: 1068px) {
    section.section.section-upgrade .inline-wrap .compare-tile-display .bg-upgrade-image.ready-to-load {
        background-size: 72px 214px;
        background-repeat: no-repeat;
        background-image:url(/kr/iphone-air/images/overview/upgrade/display__fjsw7dzyjyqa_medium.jpg)
    }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx),(max-width: 1068px) and (min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-display .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/display__fjsw7dzyjyqa_medium_2x.jpg)
    }
}
@media (max-width: 734px) {
    section.section.section-upgrade .inline-wrap .compare-tile-display .bg-upgrade-image.ready-to-load {
        background-size: 74px 220px;
        background-repeat: no-repeat;
        background-image:url(/kr/iphone-air/images/overview/upgrade/display__fjsw7dzyjyqa_small.jpg)
    }
}
@media (max-width: 734px) and (min-resolution: 1.5dppx),(max-width: 734px) and (min-resolution: 144dpi) {
    section.section.section-upgrade .inline-wrap .compare-tile-display .bg-upgrade-image.ready-to-load {
        background-image:url(/kr/iphone-air/images/overview/upgrade/display__fjsw7dzyjyqa_small_2x.jpg)
    }
}

/* buystrip delivery and pickup card backside copy inline headline */
.utility-modal-block-inline-headline {
    font-weight: 600;
}

/* highlights disclaimer copy style */
.media-gallery-disclaimer {
    font-size: 19px;
    padding-top: 14px;
    font-weight: 400;
    letter-spacing: 0;
    display: inline-block;
    color: #6e6e73;
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
    .media-gallery-disclaimer {
        font-size: 14px;
        padding-top: 12px;
    }
}
@media only screen and (max-width: 734px) {
    .media-gallery-disclaimer {
        font-size: 12px;
        padding-top: 8px;
    }
}

/* card-caption-disclaimer */
.section-shared-features .feature-gallery .typography-caption-tile p.card-caption-disclaimer {
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.56);
    font-weight: 400;
    letter-spacing: 0;
}

/* stay connected background color update */
[data-analytics-gallery-item-id="esim"] .media-container {
    background-color: #fff;
}
[data-analytics-gallery-item-id="crash detection"] .media-container {
    background-color: #1d1d1f;
}

/* section upgrade */
section.section.section-upgrade .inline-wrap .compare-tile-design {
    align-items: center;
}

section.section.section-upgrade .inline-wrap .compare-tile-battery .ps-stat .battery-icon-wrap .bg-upgrade-image {
    bottom: 0.25em;
}
@media only screen and (max-width: 734px) {
    section.section.section-upgrade .inline-wrap .compare-tile-battery .ps-stat .battery-icon-wrap .bg-upgrade-image {
        bottom: 0.35em;
    }
}

/* game name caption */
html.enhanced .section-performance .subsection-intro .media-image-copy.fallback {
    display: none;
}
html:not(.enhanced) .section-performance .subsection-intro .media-image-copy.enhanced {
    display: none;
}
.section-performance .subsection-intro .media-image-copy.enhanced {
    margin-block-end: 3em;
}
.section-performance .subsection-intro .media-image-copy.fallback {
    margin-block-start: 0.5em;
}

/* section highlights video caption */
.section-highlights .card-container .card .caption-container.caption-video .video-caption {
    margin: calc(var(--pin-offset-y) * 2.2) var(--pin-offset-x);
}
@media only screen and (max-width: 1068px) {
    .section-highlights .card-container .card .caption-container.caption-video .video-caption {
        margin: calc(var(--pin-offset-y) * 2.7) var(--pin-offset-x);
    }
}
@media only screen and (max-width: 734px) {
    .section-highlights .card-container .card .caption-container.caption-video {
        justify-content: flex-start;
    }
    .section-highlights .card-container .card .caption-container.caption-video .video-caption {
        text-align: left;
        margin: 0;
        margin-inline-start: var(--pin-offset-x);
        margin-block-end: var(--pin-offset-y);
        font-size: 12px;
    }
}

[data-ac-gallery-item="chip"] .media-container+.caption-container.caption-video {
    opacity: 0;
}
html.no-enhanced [data-ac-gallery-item="chip"] .media-container+.caption-container.caption-video {
    opacity: 1;
}

[data-ac-gallery-item="chip"] .media-container+.caption-container.caption-video a {
    color: var(--sk-body-text-color);
}

[data-ac-gallery-item="chip"] .media-container.ended+.caption-container.caption-video {
    animation: fade-in calc(var(--staggered-opacity-duration, 0.9) * 0.5s) both;
}

/* compare modal callout font size fix */
#compare-gallery-wrapper .copy-container .callout.callout-reduced {
    font-size: 1.4em;
}
/* compare modal uppercase fix */
#compare-gallery-wrapper .copy-container .feature {
    text-transform: initial;
}

/* product viewer small layout fix */
@media only screen and (max-width: 734px) {
    .control-item-content-inner {
        padding: 24px 30px 24px 24px;
    }
}

/* highlights ios 26 picture size fix */
@media only screen and (max-width: 1068px) {
    .section-highlights [data-ac-gallery-item].media-gallery-item-ios-26 .positioned-media-element {
        --p-width: 934px;
    }
}
@media only screen and (max-width: 734px) {
    .section-highlights [data-ac-gallery-item].media-gallery-item-ios-26 .positioned-media-element {
        --p-width: 400px;
    }
}

/* highlights AI card picture position fix */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-highlights [data-ac-gallery-item].media-gallery-item-apple-intelligence .positioned-media-element {
        --p-width: 934px;
    }
}
@media only screen and (max-width: 734px) {
    .section-highlights [data-ac-gallery-item].media-gallery-item-apple-intelligence .positioned-media-element {
        --p-width: 400px;
    }
}

/* galaxy + naver app fix */
html.naver-app #new-camera-features .tabnav-platter {
    height: 84px;
}
html.naver-app #compare-gallery-and-controller-wrapper .tabnav-platter {
    height: 68px;
}
