/*------------------------------------*\
   GENERIC CSS
\*------------------------------------*/
.ribbon-ase-2024 sup a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
/*------------------------------------*\
  END GENERIC CSS
\*------------------------------------*/
/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/


/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/ 




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

@media only screen and (max-width: 734px) {
	html.mq-large-short .ribbon-container .ribbon, html.mq-medium-shorter .ribbon-container .ribbon, html.mq-small-shortest .ribbon-container .ribbon, html.mq-xlarge-short .ribbon-container .ribbon, html.no-enhanced .ribbon-container .ribbon {
    bottom: 96px;
	}
}

.hero-eyebrow, .hero-links-anim {
    --offset: calc(-2vw + -0.6em + var(--extra-offset)*-1);
    --trans-y: 50px;
}

@media only screen and (min-width: 1069px) and (max-height: 960px ) {
	 html.enhanced:not(.text-zoom, .no-js, .no-heavy-media, .android, .mq-medium-short, .mq-large-up-shorter) .section-case-battery .copy--scroll {
		top:calc(48vh + 267px)
	}
}
@media only screen and (max-width: 1068px) {
    html.enhanced:not(.text-zoom, .no-js, .no-heavy-media, .android, .mq-medium-short, .mq-large-up-shorter) .section-case-battery .copy--scroll {
        top:calc(50vh + 209px)
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced:not(.text-zoom, .no-js, .no-heavy-media, .android, .mq-medium-short, .mq-large-up-shorter) .section-case-battery .copy--scroll {
        top:calc(50vh + 167px)
    }
}
@media only screen and (min-width: 1069px) and (max-height: 960px ) {
	.section-case-battery .copy--scroll.find-my {
		max-width: 430px;
	}
}
 
@media only screen and (max-width: 1068px) {
html.enhanced:not(.text-zoom, .no-js, .no-heavy-media, .android, .mq-medium-short, .mq-large-up-shorter) .section-case-battery .copy--scroll.find-my {
        max-width:335px
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced:not(.text-zoom, .no-js, .no-heavy-media, .android, .mq-medium-short, .mq-large-up-shorter) .section-case-battery .copy--scroll.find-my {
        max-width:279px
    }
}

.personalized-listening-section-content .headline-section {
    line-height: 1;
}

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

@media only screen and (max-width: 735px) {
    .personalized-listening-section-content .headline-section {
        line-height: 1;
    }
}

.case-battery__intro .headline-section {
    line-height: 1;
}

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

@media only screen and (max-width: 735px) {
    .case-battery__intro .headline-section {
        line-height: 1;
    }
}



@media only screen and (max-width:1068px) {
    html.enhanced .section-case-battery {
      padding-top: 240px;
    }
}

html.enhanced .section-case-battery .copy--scroll.speaker-case {
    margin-left: -10px;
}

.section-case-battery .bento-cell--factoids .bento-cell-copy {
	max-width: 415px;
}

@media only screen and (max-width: 1068px) {
	.section-case-battery .bento-cell--factoids .bento-cell-copy {
		max-width: 300px;
	}
}

.section-noise-cancellation .bento-cell-anc .bento-cell-copy {
	max-width: 320px;
}

.typography-hearing-avail-2-subcopy {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
}

@media only screen and (max-width:1068px) {
    .typography-hearing-avail-2-subcopy {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 600;
        letter-spacing: -0.016em;
        font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    }
}



.bento-cell-hearing-health.bento-cell.hearing-avail-2 .bento-cell-copy {
    padding-top: 64px;
    padding-bottom:60px;
}

@media only screen and (max-width: 1068px) {
    .bento-cell-hearing-health.bento-cell.hearing-avail-2 .bento-cell-copy {
        padding-bottom:44px;
    }
}

@media only screen and (max-width: 734px) {
    .bento-cell-hearing-health.bento-cell.hearing-avail-2 .bento-cell-copy {
        padding-top: 0;
        padding-bottom:0;
    }
}

.bento-cell-hearing-health.bento-cell.hearing-avail-2 .image-container {
    height:100%;
}

.bento-cell-hearing-health.bento-cell.hearing-avail-2 .hearing-avail-subcopy {
    position: static;
    margin-top:10px;
}

@media only screen and (max-width: 1068px) {
    .bento-cell-hearing-health.bento-cell.hearing-avail-2 .hearing-avail-subcopy {
        margin-top: 0px;
        padding-bottom: 44px;
    }
}

@media only screen and (max-width:734px) {
    .bento-cell-hearing-health.bento-cell.hearing-avail-2 .hearing-avail-subcopy {
        margin-top: 45px;
    }
}

.bento-cell-hearing-health.bento-cell .hearing-avail-subcopy {
    bottom: 60px;
    color:#86868b;
}

@media only screen and (min-width: 735px) {
    .bento-cell-hearing-health.bento-cell .hearing-avail-subcopy {
        position:absolute;
    }
}

@media only screen and (max-width: 1068px) {
    .bento-cell-hearing-health.bento-cell .hearing-avail-subcopy {
        bottom:50px;
    }
}

@media only screen and (max-width: 734px) {
    .bento-cell-hearing-health.bento-cell .hearing-avail-subcopy {
        position: static;
        margin-top:24px;
    }
}

.bento-cell-hearing-health.bento-cell .hearing-avail-subcopy > span {
    display:inline-block;
}

.bento-cell-hearing-health.bento-cell .hearing-avail-subcopy a {
    pointer-events: auto;
    color:inherit;
}

.bento-cell-hearing-health.bento-cell.hearing-avail-2 .bento-cell-copy {
    padding-top: 64px;
    padding-bottom:60px;
}

@media only screen and (max-width: 1068px) {
    .bento-cell-hearing-health.bento-cell.hearing-avail-2 .bento-cell-copy {
        padding-bottom:44px;
    }
}

@media only screen and (max-width: 734px) {
    .bento-cell-hearing-health.bento-cell.hearing-avail-2 .bento-cell-copy {
        padding-top: 0;
        padding-bottom:0;
    }
}

.bento-cell-hearing-health.bento-cell.hearing-avail-2 .image-container {
    height:100%;
}



/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/