/* fix compare icon */
.icon-wrapper .aap-text-icon-control__icon {
    position: absolute !important;
}

/* fix compare icon */

@media only screen and (max-width: 734px) {
    .product-stories-section-header .nowrap {
        white-space: nowrap !important;
    }
}

@media only screen and (max-width: 734px) {
    .section-upgraders .section-headline .nowrap {
        white-space: nowrap !important;
        display: inline-block;
    }
}

/* 倍 */
.performance-modal .graph-wrapper .graph-gallery-item-container .stat-value-container {
    align-items: flex-end;
}

.performance-modal .graph-wrapper .graph-gallery-item-container .stat-unit {
    font-size: 20px;
    margin-left: 6px;
    line-height: 1.25;
}

/* 倍 */

/**  colorful words */
.section-welcome .header-headline,
.section-performance .section-header-headline,
.section-performance .subsection-mx .chip-stat,
.section-performance .subsection-personas .persona-mx .spec-listitem,
.section-performance .subsection-personas .persona-mx-pro .spec-listitem,
.section-performance .subsection-personas .persona-mx-max .spec-listitem,
.section-battery .stat .stat-value,
.upgraders-content .upgraders-gallery .battery-gradient-text,
.section-artificial-intelligence .ai-text,
.performance-modal .chip-section-mx .bar-mx .stat-value-container,
.performance-modal .chip-section-mx .chip-details,
.performance-modal .chip-section-mx-pro .bar-mx .stat-value-container,
.performance-modal .chip-section-mx-pro .chip-details,
.performance-modal .chip-section-mx-max .bar-mx .stat-value-container,
.performance-modal .chip-section-mx-max .chip-details {
    background-clip: text !important;
    -webkit-background-clip: text !important;
}

/**  colorful words */

/** Huawei  subgrid 不支持 */
@supports not (grid-template-rows: subgrid) {
    .section.section-contrast .product-tile {
        grid-template-rows: [image] auto [colorindicator] 50px [product-id-start badge] 150px [headline] 28px [positioning product-id-end] 72px [price] 31px [ctas-start ctas-inline] 80px [ctas-stacked] 79px;
    }

    .product-tile .product-tile-product-id {
        grid-template-rows: [product-id-start badge] 24px [headline] 28px [positioning product-id-end];
    }

    .product-tile .product-tile-ctas-stacked {
        grid-template-rows: [ctas-start ctas-inline] 20px [ctas-stacked] 40px;
    }

    .product-tile .tout-group {
        grid-template-rows: [ctas-end tout-group-start tout-1] 100px [tout-2] 150px [tout-3] 200px [tout-4] 120px [tout-5] 120px [tout-6] 250px [tout-group-end];
    }

    .fade-gallery .item-container>* {
        grid-template-rows: 260px 50px 120px 50px;
    }
}

/** Huawei  subgrid 不支持 */

.section-highlights .media-card-set .card-set #media-card-gallery-item-4 .typography-media-card-gallery-headline {
    min-width: 620px;
}

@media only screen and (max-width: 1068px) {
    .section-highlights .media-card-set .card-set #media-card-gallery-item-4 .typography-media-card-gallery-headline {
        min-width: initial;
    }
}

@media only screen and (max-width: 455px) {
    .section-macos .text-over-media-headline .nowrap {
        white-space: nowrap;
    }
}

/** Compare section */

/** AI */
.section-artificial-intelligence .section-apple-intelligence .viewport-content {
    position: relative;
    max-width: min(-40px + 100vw, 1260px);
    overflow: hidden;
    margin-inline: auto;
    border-radius: var(--global-card-corner-radius, 28px);
    padding-block-start: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1068px) {
    .section-artificial-intelligence .section-apple-intelligence .viewport-content {
        padding-block-start: 70px;
    }
}

@media (max-width: 734px) {
    .section-artificial-intelligence .section-apple-intelligence .viewport-content {
        padding-block-start: 70px;
    }
}

@media only screen and (max-width: 734px) {
    .section-artificial-intelligence .section-apple-intelligence .viewport-content {
        padding-block-start: 70px;
    }
}

.section-artificial-intelligence .section-apple-intelligence .viewport-content .product-stories-subsection-header {
    display: flex;
    align-items: center;
    text-align: center;
}

.section-artificial-intelligence .section-apple-intelligence .product-stories-subsection-header {
    padding-block-start: 30px;
    padding-block-end: 60px;
}

@media (max-width: 1068px) {
    .section-artificial-intelligence .section-apple-intelligence .product-stories-subsection-header {
        padding-block-start: 20px;
        padding-block-end: 60px;
    }
}

@media (max-width: 734px) {
    .section-artificial-intelligence .section-apple-intelligence .product-stories-subsection-header {
        padding-block-start: 20px;
        padding-block-end: 60px;
    }
}

/** AI */

/** hw 渐变处理 + JS */
.apple-intelligence-glow-hw-alts {
    --igradient: none !important;
}

/** hw 渐变处理*/

.section-battery sup.footnote-alts {
    background-image: linear-gradient(90deg, #e4f6f0, #9dcfca 31%, #6b95ac 68%, #45657d);
    background-clip: text !important;
    -webkit-background-clip: text !important;
}

.section-upgraders sup.upgraders-footnote-alts {
    background-image: linear-gradient(90deg, #35a98a 0%, #6dd400);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    top: 3px;
}

@media only screen and (max-width: 734px) {
    .section-upgraders .form-tooltip-wrapper .form-tooltip {
        top: 10px;
        right: 233px;
    }
}

@media only screen and (max-width: 734px) {
    .section-performance .subsection-mx .chip-stat {
        max-width: 18ch;
    }
}

@media only screen and (max-width: 734px) {
    .section-contrast .product-tile-set .product-tile-price {
        max-width: 130px;
    }
}

@media only screen and (max-width: 1068px) {
    .section-performance .subsection-mx .chip-stat-container {
        margin-inline-start: 170px;
    }
}

@media only screen and (max-width: 734px) {
    .section-performance .subsection-mx .chip-stat-container {
        margin-inline-start: 0px;
    }
}

.section-performance .subsection-mx .chip-stat {
    max-width: 14ch;
}

.no-inline-media.no-reduced-motion.no-enhanced.no-enhanced-rt.no-ar-quicklook .control-item.expanded[data-index='3'],
.controls {
    min-height: 330px !important;
}

/** Ribbon **/
.ribbon-cns-2025 {
    --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
}

/** Ribbon **/

.section-performance .subsection-mx .chip-stat {
    max-width: 18ch;
}

@media (max-width: 750px) {
    .section-performance .subsection-mx .chip-stat .nowrap {
        display: inline-block;
        white-space:nowrap;
    }
}