@media only screen and (min-width: 1069px) {
    .section-values .section-header .section-header-headline {
        max-width: fit-content;
    }
}


.section-highlights .media-gallery .caption>span{
    display: inline;
}


.section-values .section-header~.values-grid{
    align-items: stretch;
}

.section-apple-intelligence .viewport-content .typography-product-stories-copy{
    max-width: var(--ps-copy-max-width,auto);
}

.section-apple-intelligence .viewport-content .section-ps-intro{
    color: #86868b;
}

@media only screen and (max-width: 430px) {
    .br-430{
        display: block;
    }
}
@media only screen and (min-width: 431px) {
    .br-430{
        display: none;
    }
}

@media only screen and (max-width: 1068px) {
    .section-connections .section-header-headline {
        flex-flow: row;
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 1068px) {
    .section-product-stories .section-header {
        flex-direction: column;
    }
}

@media only screen and (min-width: 1069px) {
    .section-connections .section-header-headline .header-magical{
        margin-right: 0px;
    }
}

.section-performance .speed-stats .stats .stat-copy {
    width: 250px;
}

@media only screen and (max-width: 430px) {
    .section-performance .speed-stats .stats .stat-copy {
        width: 250px;
    }
}

@media only screen and (max-width: 430px) {
    .br-430{
        display: block;
    }
}
@media only screen and (min-width: 431px) {
    .br-430{
        display: none;
    }
}

@media only screen and (max-width: 430px) {
    .xs-p{
        position: absolute;
    }
}


@media only screen and (max-width: 1150px) {
    .br-1150{
        display: block;
    }
}
@media only screen and (min-width: 1151px) {
    .br-1150{
        display: none;
    }
}

.desktop .detail-ctas-link.button {
    padding-block: 8px 6px;
}

.no-desktop #ac-localnav .ac-ln-button:lang(ja) {
    padding-block: 4px 2px;
}

.aap-base-button__text {
    padding-top: 17px;
    padding-bottom: 14px;
}

@media (max-width: 734px) {
    .aap-base-button__text {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .no-desktop .aap-base-button__text {
        padding-top: 11px;
        padding-bottom: 9px;
    }
}

/* welcome */

.section-welcome .apple-intelligence-marquee {
    translate: 0.3em 0;
}

.section-welcome .marquee-milestone-cta .milestone-secondary + .milestone-secondary {
    margin-top: 0;
}

.section-welcome .media-container .overview-welcome-headline {
    position: absolute;
    z-index: 3;
    opacity: 0;
    animation: appearElement 3s ease 3s 1 forwards;
    transform: scale(var(--scale-media-modifier));
    transform-origin: top;
}

html.no-enhanced .section-welcome .media-container .overview-welcome-headline, html.no-js .section-welcome .media-container .overview-welcome-headline {
    opacity: 1;
    animation: none;
}

@keyframes appearElement {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-intelligence .viewport-content .typography-product-stories-copy{
        text-align: left;
    }
}

.section-highlights .media-gallery .media-gallery-item-apple-intelligence .caption-container{
    display: flex;
    flex-direction: column;
}

.section-highlights .media-gallery .media-gallery-item-apple-intelligence .caption-container .typography-media-card-gallery-headline{
    margin-bottom: 0;
}

.section-highlights .media-card-gallery-item-5-1 .typography-media-card-gallery-copy{
    color: #86868b;
    margin-top: 0;
    font-size: 17px;
    max-width: 500px;
}

@media only screen and (max-width: 734px) {
    .section-highlights .media-card-gallery-item-5-1 .typography-media-card-gallery-copy{
        font-size: 12px;
    }
}

@media only screen and (max-width: 430px) {
    .section-highlights .media-card-gallery-item-5-1 .typography-media-card-gallery-copy{
        max-width: 270px;
    }
}


[data-component-list=MediaCardGallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.endframe, [data-component-list=MediaCardGallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.startframe, [data-media-card-gallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.endframe, [data-media-card-gallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.startframe {
    opacity: 1;
}


@media only screen and (min-width: 734px) and (max-width: 800px) {
    .br-800{
        display: block;
    }
}
@media only screen and (min-width: 734px) and (max-width: 800px) {
    .br-800{
        display: none;
    }
}

/* Fix HarmonyOS 4.0.0 Mobile */
.section-apple-intelligence .subsection-privacy .subsection-header-headline .ai-gradient-text {
    -webkit-background-clip:text;
}

.section-connections .section-header-headline .header-connections {
    -webkit-background-clip:text;
}

.section-apple-intelligence .section-header-eyebrow .ai-gradient-text {
    -webkit-background-clip:text;
}

.apple-intelligence .bento-item-inline {
    z-index: 5;
}

.section-upgraders .upgraders-gallery .item-container .bento-item.apple-intelligence {
    z-index: 10;
}
/* Fix HarmonyOS 4.0.0 Mobile */


/* Fix Five AI  */
#media-card-gallery-item-5 .caption-container {
    --igradient: linear-gradient(115deg, #00d0ff, #09f 20%, #c95eff 42%, #ff2569 63%, #ff8300 83%, #ffb000);
    position: absolute;
    inset: 0;
    border: 0;
}

#media-card-gallery-item-5 .caption-container::after {
    --bg-size: calc(100% + 14px);
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    background: var(--igradient) 50%/var(--bg-size) var(--bg-size);
    border-radius: 28px;
    mask: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), linear-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 100%));
    mask-clip: padding-box, border-box;
    mask-composite:intersect;
}

#media-card-gallery-item-5 .media-card-gallery-item-5-1 {
    position: absolute;
    z-index: 100;
    left: 50px;
    top: 50px;
}

@media only screen and (max-width: 734px) {
    #media-card-gallery-item-5 .media-card-gallery-item-5-1 {
        left: 30px;
        top: 30px;
    }
}

#media-card-gallery-item-5 .caption-container {
    filter: blur(9px);
}

#media-card-gallery-item-5 .caption-container::after {
    border:8px solid rgba(0, 0, 0, 0)
}
/* Fix Five AI  */


.section-apple-intelligence .overview-apple-intelligence-logo-alt{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 734px) {
    .section-apple-intelligence .overview-apple-intelligence-logo-alt{
        max-width: var(--ps-vp-content-max-width);
        justify-content: flex-start;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

.section-apple-intelligence .logo-apple-intelligence{
    --p-width:652px;
    --p-height:76px;
    padding-left: 0.55em;
}

@media only screen and (max-width: 1068px) {
    .section-apple-intelligence .logo-apple-intelligence{
        --p-width:524px;
        --p-height:61px;
        padding-left: 0.9em;
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-intelligence .logo-apple-intelligence{
        --p-width:371px;
        --p-height:44px;
        padding-left: 0.55em;
    }
}

html.enhanced .section-product-stories .section-apple-intelligence{
    padding-bottom: 145px;
}

.section-product-stories .section-imac-iphone{
    padding-top: var(--global-section-padding);
}

@media only screen and (max-width: 734px) {
    .product-tile p.product-tile-price{
        max-width: 136px;
    }
}

/* FIXED HERO ANIMATION */
.section-welcome-anim .marquee-container{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: -80px !important;
}

.overview-welcome-welcome-hero{
    --p-width: 1552px;
    --p-height: 1350px;
    position: relative;
    width: var(--p-width);
    height:var(--p-height);
}

@media only screen and (max-width: 1440px) {
.overview-welcome-welcome-hero{
        --p-width: 1046px;
        --p-height: 900px;
    }
}

@media only screen and (max-width: 1068px) {
.overview-welcome-welcome-hero{
        --p-width: 902px;
        --p-height: 780px;
    }
}


@media only screen and (max-width: 734px) {
.overview-welcome-welcome-hero{
        --p-width: 412px;
        --p-height: 580px;
    }
}

@media only screen and (max-width: 480px) {
.overview-welcome-welcome-hero{
        --p-width: 402px;
        --p-height: 564px;
    }
}

.section-welcome-anim {
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    overflow: hidden;
    max-height: fit-content;
    justify-items: center;
    align-items: center;
}

.section-welcome-anim .media-container .overview-welcome-headline {
    animation: none;
}

.section-welcome-anim .overview-welcome-headline{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 9999;
}

.section-welcome-anim .marquee{
    width: 100vw;
    text-align: center;
    padding: 10px 0px;
}

.section-welcome-anim .marquee:nth-of-type(2){
    padding-top:0px;
}

.section-welcome-anim .inline-media-component-container {
    max-width: 100%;
}

.section-welcome-anim .inline-media-component-container .video-wrapper{
    display: flex;
    justify-content: center;

}