/* hack for hide m1 link*/
.hide-unit-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: all;
}

@media only screen and (max-width: 320px) {html[lang=en-HK] br.hide-for-xsmall {display: none}}


.small-se{
	display: block;
}
@media only screen and (max-width: 320px) {
    .small-se{
		display: none;
	}
}

/*temp add css for before us push*/
.main [data-module-template="heroes"] [data-unit-id="iphone-se"] .unit-copy-wrapper .price-alt {
    color: #86868b
}


/* watch 断行 */
.main [data-module-template="promos"] [data-unit-id="watch-series-5"] .unit-copy-wrapper .subhead {
    max-width:430px
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="promos"] [data-unit-id="watch-series-5"] .unit-copy-wrapper .subhead {
        width: 93%
    }
}

/* watch display block */
.main [data-module-template="promos"] [data-unit-id="watch-series-5"] .unit-copy-wrapper .subhead {
    display: block;
}


/* 20200605 ribbon */

.main [data-module-template="ribbon"] [data-unit-id="covid-19"] .section-content-covid {
    width: 100%;
    max-width: 100%;
}

/* large */
.ribbon-covid-19 {
    background-color: #fff;
    display: flex;
    align-items: center;
}

.covid-ribbon-copy {
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding: 12px 0;
}

/* medium */
@media screen and (max-width: 1068px) and (min-width: 735px) {
    .covid-ribbon-copy.variant {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/* small */
@media only screen and (max-width: 734px) {
    .covid-ribbon-copy {
        width: 96%;
        max-width: 290px;
        padding: 10px 0;
    }
}



/*iPhone 12 line break*/
.main [data-module-template="heroes"] [data-unit-id="iphone-12-pro"] .tile-column {
    max-width: 245px;
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="iphone-12-pro"] .tile-column {
        max-width: 207px
    }
}

.main [data-module-template="heroes"] [data-unit-id="iphone-12"] .tile-column {
    max-width: 245px;
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="iphone-12"] .tile-column {
        max-width: 207px
    }
}

/* november-event small srceen width start */
@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="november-event"] .unit-copy-wrapper .subhead.alt {
        max-width: 240px;
    }
}
/* november-event small srceen width end */


/* november-takeover */
html[data-layout-name=november-takeover] .main [data-module-template="november-takeover-hero"] {
    --ribbon-large: 44px;
    --ribbon-small: 60px;
}

@media only screen and (max-width: 734px) {
    html.fallback[data-layout-name=november-takeover] .main [data-module-template="november-takeover-hero"] .module-content, html.no-js[data-layout-name=november-takeover] .main [data-module-template="november-takeover-hero"] .module-content, html.reduced-motion[data-layout-name=november-takeover] .main [data-module-template="november-takeover-hero"] .module-content {
        margin-top: -53px;
    }
}

/* cny-2022 ribbon */
.main .footnote{
    font-size: 1em;
    top: 0em;
}

.main [data-module-template="heroes"] [data-unit-id] .unit-wrapper sup a:not(.unit-link):hover {
    text-decoration: none;
}



/*cny-gift-guide*/
[data-layout-name$="-cny"][data-segment-code] [data-unit-id="cny-gift-guide"] {
    display: block;
}

.main [data-module-template="promos"] [data-unit-id="iphone-tradein"] .unit-copy-wrapper .subhead {
    max-width:350px
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="promos"] [data-unit-id="iphone-tradein"] .unit-copy-wrapper .subhead {
        max-width:318px
    }
}