/* center all , large and medium and small 0.2em */
html[lang=zh-HK] .centerall_222 { padding-left: 0.2em; }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centerall_222 { padding-left: 0.2em; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-HK] .centerall_222 { padding-left: 0.2em;  } }

/* center all , large and medium and small 0.8em */
html[lang=zh-HK] .centerall_888 { padding-left: 0.8em; }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centerall_888 { padding-left: 0.8em; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-HK] .centerall_888 { padding-left: 0.8em;  } }

/* center all , large and medium and small 0.4em , xsmall 0.2em */
html[lang=zh-HK] .centerall_nonSE { padding-left: 0.4em; }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centerall_nonSE { padding-left: 0.4em; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-HK] .centerall_nonSE { padding-left: 0.4em;  } }
@media only screen and (max-width: 321px) { html[lang=zh-HK] .centerall_nonSE { padding-left: 0.2em; } }

html[lang=zh-HK] .centerall_03 { padding-left: 0.3em; }
/*20190911 start*/

/* for evergreen hero copy width start */
@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="iphone-se"] .unit-copy-wrapper .availability {
        max-width: 240px;
    }
}
/* for hero copy width end */

/*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:221px
}

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

/* 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;
    }
}

/* BTS 2020 start */
.main [data-module-template="promos"] [data-unit-id="back-to-school"] .unit-copy-wrapper .headline {
	max-width: 433px
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="promos"] [data-unit-id="back-to-school"] .unit-copy-wrapper .headline {
        max-width: 240px
    }
}
/* BTS 2020 end */

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

/*BTS hero*/
.main [data-module-template="heroes"] [data-unit-id="back-to-school"] .unit-copy-wrapper .headline {
    max-width: 660px;
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="heroes"] [data-unit-id="back-to-school"] .unit-copy-wrapper .headline {
        max-width: 520px;
    }
}
@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="back-to-school"] .unit-copy-wrapper .headline {
        max-width: 240px;
    }
}


/*Apple Events Teaser Tile*/

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

/*Apple Events Teaser Tile*/

/*septem-takeover*/
html[data-layout-name=september-takeover] .main [data-module-template="september-takeover"]{
     height: 500vh;
    display: block
}

@media only screen and (max-width: 734px) {
    html[data-layout-name=september-takeover] .main [data-module-template="september-takeover-hero"] {
        --ribbon-large: 0px;
        --ribbon-small: 56px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-bottom: 0;
        height: 100vh;
    }
}

.main [data-module-template="september-takeover"] .cta-links .view-pricing {
    padding-left: 37px;
    padding-right: 38px;
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="september-takeover"] .cta-links .view-pricing {
        padding:13px 27px
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="september-takeover"] .cta-links .view-pricing {
        padding: 7px 24px
    }
}

.main [data-module-template="september-takeover"] .cta-links .buy {
    padding-left: 53px;
    padding-right:53px
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="september-takeover"] .cta-links .buy {
        padding:13px 43px
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="september-takeover"] .cta-links .buy {
        padding: 7px 40px
    }
}


/*septem-takeover*/

.logo-image-october-teaser-apple-event-logo {
    background-image: url("/hk/home/images/logos/october-teaser/apple_event_logo__4hknp7rkavma_large.png");
 /* width:51 , height:3 */
width: 262px;
height: 40px;
background-size: 262px 40px;
margin-bottom: 7px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .logo-image-october-teaser-apple-event-logo {
        background-image:url("/hk/home/images/logos/october-teaser/apple_event_logo__4hknp7rkavma_large_2x.png")}}
@media only screen and (max-width: 1068px) {
    .logo-image-october-teaser-apple-event-logo {
        background-image: url("/hk/home/images/logos/october-teaser/apple_event_logo__4hknp7rkavma_medium.png");
 /* width:37 , height:2 */
width: 208px;
height: 32px;
background-size: 208px 32px;}}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .logo-image-october-teaser-apple-event-logo {
        background-image:url("/hk/home/images/logos/october-teaser/apple_event_logo__4hknp7rkavma_medium_2x.png")}}
@media only screen and (max-width: 734px) {
    .logo-image-october-teaser-apple-event-logo {
        background-image: url("/hk/home/images/logos/october-teaser/apple_event_logo__4hknp7rkavma_small.png");
 /* width:37 , height:2 */
width: 208px;
height: 32px;
background-size: 208px 32px;}}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .logo-image-october-teaser-apple-event-logo {
        background-image:url("/hk/home/images/logos/october-teaser/apple_event_logo__4hknp7rkavma_small_2x.png")}}


.logo-image-october-event-event-logo {
    background-image: url("/hk/home/images/logos/october-event/event_logo__dmqoh16rqn42_large.png")}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .logo-image-october-event-event-logo {
        background-image:url("/hk/home/images/logos/october-event/event_logo__dmqoh16rqn42_large_2x.png")}}
@media only screen and (max-width: 1068px) {
    .logo-image-october-event-event-logo {
        background-image: url("/hk/home/images/logos/october-event/event_logo__dmqoh16rqn42_medium.png")}}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .logo-image-october-event-event-logo {
        background-image:url("/hk/home/images/logos/october-event/event_logo__dmqoh16rqn42_medium_2x.png")}}
@media only screen and (max-width: 734px) {
    .logo-image-october-event-event-logo {
        background-image: url("/hk/home/images/logos/october-event/event_logo__dmqoh16rqn42_small.png")}}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .logo-image-october-event-event-logo {
        background-image:url("/hk/home/images/logos/october-event/event_logo__dmqoh16rqn42_small_2x.png")}}

@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="october-event"] .unit-copy-wrapper {
        padding-bottom: 17px;
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id="october-event"] .unit-copy-wrapper .subhead.alt {
        max-width:265px
    }
}

/*november-takeover-hero*/

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;
    }
}

/*macbook-pro-13-logo*/
@media only screen and (max-width: 320px) {
    .main [data-module-template="november-takeover-promos"] [data-unit-id="macbook-pro-13"] .macbook-pro-13-logo {
        margin-left: -14px;
    }
}


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

/* 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;
}

[data-layout-name$="-bts-2023"] [data-unit-id="airpods-pro"], [data-layout-name$="-bts-2023-tile"] [data-unit-id="airpods-pro"] {
    display: block
}
html[data-segment-code="eduind-highered"] [data-unit-id="back-to-school-2023"],
[data-segment-code="smb"] [data-unit-id="back-to-school-2023"] {
    display: block!important
}



/*zenless-zone-zero缺字*/
.main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) {
     font-family: "PingFang HK",“Helvetica Neue”,“Helvetica”,“Arial”,sans-serif;
     font-size: 19px;
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) {
       font-family: "PingFang HK",“Helvetica Neue”,“Helvetica”,“Arial”,sans-serif;
       font-size: 17px;
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) {
       font-family: "PingFang HK",“Helvetica Neue”,“Helvetica”,“Arial”,sans-serif;
       font-size: 17px;
    }
}

.main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) .symbol {
    font-family: "SF Pro HK","SF Pro TC","SF Pro Display","SF Pro Icons","PingFang HK","Helvetica Neue","Helvetica","Arial",sans-serif;
}

/*zenless-zone-zero边距*/
.main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) .copy-wrapper {
   margin-left: 14px;
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) .copy-wrapper {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="promos"] [data-unit-id="zenless-zone-zero"] .unit-copy-wrapper .subhead:lang(zh-HK) .copy-wrapper {
        margin-left: 13px;
    }
}