/* icon */
.icon-wrapper .icon,
.icon-wrapper .icon-after:after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
    position: relative;
}

.icon-after:after,
.more:after {
    top: -0.08em;
}

#ac-globalfooter .ac-gf-icon-after::after,
#ac-globalfooter .ac-gf-more::after {
    top: -0.06em;
}

.hero-cta .icon-playcircle {
    top: 0.05em;
}

.footnote-supglyph {
    top: -3px;
}

/* ar icon alignment */
.compare-module-wrapper .icon-arkit::before, .compare-module-wrapper .icon-arkit::after {
    top: 0.02em;
}


/* line-heignt */
@media only screen and (min-width: 1441px) {
    .headline-section {
        line-height: 1.0999;

    }
}

@media (min-width: 1069px) and (max-width: 1440px) {
    .headline-section {
        line-height: 1.00833;

    }
}

@media only screen and (max-width: 1068px) {
    .headline-section {
        line-height: 0.99;
    }
}

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

    .hero-headline {
        letter-spacing: -1.263158px !important;
    }
}

@media only screen and (min-width: 1441px) {
    .hero-payoff {
        line-height: 1.099;
    }
}

@media (min-width: 1069px) and (max-width: 1440px) {
    .hero-payoff {
        line-height: 1.00832;
    }
}

@media only screen and (max-width:1068px) {
    .hero-payoff {
        line-height: .99;
    }
}

@media only screen and (max-width:734px) {
    .hero-payoff {
        line-height: 1.1091;
    }
}

.value-prop {
    line-height: 1.1;
}

.factoid .stat-unit {
    line-height: 1.1;
}

.factoid .stat-number {
    line-height: 1.0083333;
}

@media only screen and (max-width: 1068px) {
    .factoid .stat-number {
        line-height: 1.1;
    }
}

.typography-router-headline {
    line-height: 1.1913;
}

@media only screen and (max-width:1068px) {
    .typography-router-headline {
        line-height: 1.21;
    }
}

@media only screen and (max-width:734px) {
    .typography-router-headline {
        line-height: 1.2375;
    }

    .copy:lang(ko) {
        line-height: 1.39326;
    }

    .proclaim:lang(ko) {
        line-height: 1.29;
    }

    .intro-copy:lang(ko) {
        line-height: 1.283326;
    }

    .headline-section {
        line-height: 1.116918;
    }

    .value-prop:lang(ko) {
        line-height: 1.21;
    }

    .factoid {
        line-height: 1.3589004;
    }
}

.typography-router-tagline {
    line-height: 1.4663;
}

@media only screen and (max-width:1068px) {
    .typography-router-tagline {
        line-height: 1.5632;
    }
}

@media only screen and (max-width:734px) {
    .typography-router-tagline {
        line-height: 1.3367;
    }
}

/* br */
.xl_show {
    display: none;
}

@media only screen and (max-width:360px) {
    .xl_show {
        display: block;
    }

}

.xsmall-br {
    display: none;
}

@media only screen and (max-width:360px) {
    .xsmall-br {
        display: block;
    }
}

.xsmall-br-2{
    display: none; 
}


@media only screen and (max-width:320px) {
    .xsmall-br-2{
        display: block;
    }
}


.custom_small {
    display: none;
}

@media (min-width: 360px) and (max-width: 734px) {
    .custom_small {
        display: block;
    }

}

@media only screen and (max-width:734px) {
    .small-nowrap {
        white-space: nowrap;
    }
}

/* nav */
@media only screen and (max-width: 540px) {
    :root {
        --r-localnav-height: 48px;
    }
}

@media only screen and (max-width: 540px) {
    #ac-localnav,
    #ac-localnav .ac-ln-title {
        height: 48px;
    }
}

/* hero italic */
.hero-announce .hero-cta .icon-copy em {
    display: inline-block;
    transform: skewX(-8deg);
    margin-right: -1px;
}

.hero-announce .hero-cta:hover em {
    text-decoration: underline;
}

/* case-battery */
@media only screen and (min-width:1068px) {
    html.no-js .section-case-battery .copy--scroll.speaker-case {
        margin-top: 51px;
    }
}

@media only screen and (max-width:734px) {
    html.no-js .section-case-battery .copy--scroll.speaker-case {
        margin-top: 50px;
    }
}

.section-case-battery .factoid.factoid-anc .stat-unit {
    margin-left: 3px;
}
@media only screen and (max-width:734px) {
    .section-case-battery .factoid.factoid-anc .stat-unit {
        margin-left: 0;
    }
}

.section-case-battery .factoid.factoid-listening-time .stat-unit {
    margin-left: -12px;
}
@media only screen and (max-width:1068px) {
    .section-case-battery .factoid.factoid-listening-time .stat-unit {
        margin-left: -8px;
    }
}

/* microphones pin */
.bento-cell-microphones .pin-overflow-container {
    height: 350px;
}

@media only screen and (max-width: 1068px) {
    .bento-cell-microphones .pin-overflow-container {
        height: 296px;
    }
}

@media only screen and (max-width: 734px) {
    .bento-cell-microphones .pin-overflow-container {
        height: 184px;
    }
}

@media only screen and (min-width: 1069px){
    html.android .section-case-battery .copy--scroll.speaker-case, html.mq-large-up-shorter .section-case-battery .copy--scroll.speaker-case, html.mq-medium-short .section-case-battery .copy--scroll.speaker-case, html.no-enhanced .section-case-battery .copy--scroll.speaker-case, html.no-heavy-media .section-case-battery .copy--scroll.speaker-case, html.no-js .section-case-battery .copy--scroll.speaker-case, html.text-zoom .section-case-battery .copy--scroll.speaker-case {
        left: calc(50% + 155px);
    }
} 

@media only screen and (max-width: 734px) {
    .section-case-battery, .section-case-battery .case-battery__intro {
        z-index: 10;
    }
}

.section-apple-music .apple-music-logo {
    padding-bottom: 2px;
}

.hero-announce {
    --hero-copy-margin-bottom: unset;
}

/* WWDC24 update tile copy height fix */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .bento-cell-gestures .bento-headline, .bento-cell-touch-control .bento-headline {
        min-height: unset;
    }
}

/* small Magsafe bento layer fix */
@media only screen and (max-width: 734px) {
    .bento-cell.bento-cell--magsafe {
        z-index: 10;
    }
}