/*
    iPhone XR Step1 CSS
    ===============================================
*/

@charset "UTF-8";

@media only screen and (max-device-width: 320px) {
    .as-promo-img {
        padding-right: 12px;
    }
}

@media only screen and (max-width: 736px) and (max-device-width: 768px) {
    .as-overlay-fullscreen.deliverydatesOverlayContainer
        .as-deliverydatesoverlay
        .as-deliverydatesoverlay-heading {
        white-space: initial;
    }
}

.gb .as-dimension-capacity .as-dimension-pricebox .as-price-installment-overlay > a:before,
.gb .as-dimension-screensize .as-dimension-pricebox .as-price-installment-overlay > a:before {
    display: none;
}

html.oldie .rs-modular-container .form-choiceselectorlabel-twocolright {
    vertical-align: middle;
}

/* 29773461 */
@media only screen and (max-width: 736px) and (max-device-width: 768px) {
    .en-us .pd-buyflow-info-ovelray .as-overlay-content .as-chatonline {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
    .en-us .pd-buyflow-info-ovelray .as-overlay-content .pd-overlay-footnotes {
        padding-bottom: 20px;
    }
    .pt .as-price-disclaimer .as-price-disclaimertext {
        display: block;
        margin: 0 auto;
        width: 210px;
    }
}

html.br .as-price-installments > br {
    display: block;
}

/* 30344035 Fixing only for R3 */
.as-community .as-community-ellipsis:before {
    content: '\2026';
    display: inline-block;
}

/* 30461746 Fixing for R3 */
@media only screen and (max-width: 736px) and (max-device-width: 768px) {
    .pd-buyflow-info-ovelray .as-chatonline div > span {
        display: block;
    }
}

/* 30959971 */
.family-iphone .rs-deliveryoptions-overlaytrigger {
    min-height: 70px;
}

/*32843056*/
/*32892082*/
.as-chat .as-chat-content br {
    display: none;
}

/*32847679*/
@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .handheld .rs-purchasesummary-container .fvtooltip-top:before,
    .handheld .rs-purchasesummary-container .fvtooltip-top:after {
        left: 140px;
    }

    .handheld .rs-purchasesummary-container a.favorites ~ .fvtooltip-top {
        left: -140px;
    }
}

/*32661200*/
.as-purchaseinfo-additionalmessage {
    padding-top: 0;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .rs-purchasesummary-actionbox .as-icondetails-icon {
        padding-top: 20px;
    }
    .rs-purchasesummary-container
        .as-retailavailabilitytrigger-info
        .as-purchaseinfo-availabilityicons {
        padding-top: 18px;
    }
}

/*32843056*/
html:lang(es-MX) .rs-purchasesummary-pricebox .as-price-installments a {
    white-space: nowrap;
}

/*32523115*/
.rs-purchasesummary-actionbox .large-3 {
    width: 30%;
}

.rs-purchasesummary-actionbox .large-4 {
    width: 28.33333%;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .rs-purchasesummary-actionbox .large-3.small-12,
    .rs-purchasesummary-actionbox .large-4.small-12 {
        width: 100%;
    }
}

.as-productlocator-togglebtn-content .as-productlocator-productprice .nowrap,
.as-productlocator-togglebtn-content .as-productlocator-productprice span {
    display: inline;
}

.as-productlocator-maincontent {
    width: 433px;
}

.rs-modularoverlay-comparesection.rs-modularoverlay-singlecompare:last-child {
    padding-right: 0;
}

/*32917704*/
.rs-modularoverlay-compare + .rs-modularoverlay-infographic {
    margin-top: 34px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .rs-modularoverlay-compare + .rs-modularoverlay-infographic {
        margin-top: 22px;
    }

    /*33023443*/
    .rs-purchasesummary-finance .as-price-promotion {
        text-align: left;
    }
}

.as-generic-notify,
.as-notify {
    min-height: 0;
    padding: 20px 0;
}

.rs-purchasesummary-container .as-dimension-sectionfooter > .as-l-container {
    width: auto;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .rs-purchasesummary-container .as-dimension-sectionfooter > .as-l-container {
        width: 87.5%;
    }
}

/*Fix for rdar://problem/34216447*/
.as-dimension-carrier-contract label[for='carrierModel-SPRINT/US'] img {
    margin-top: 7px;
}

/* Fix for INC064715793 */
.rs-purchasesummary-container .as-retailavailabilitytrigger-info .as-purchaseinfo-availabilityicons,
.rs-purchasesummary-actionbox .as-icondetails-icon {
    top: 0;
}

/* Purchase option button alignment fix */
.as-bfpurchase-options .as-purchaseoptions-more .form-choice {
    top: 0;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-bfpurchase-options .as-purchaseoptions-more .form-choice {
        line-height: 75px;
    }
}

/* [Capacity page]: "Your pickup location" copy is not center-aligned */
.as-dimension-capacity .as-purchaseinfo-buactriggerblock {
    margin-right: 0;
}

/* Fix for <rdar://problem/35096343 >  */
.rs-purchasesummary-actionbox .grouped-button-icon {
    padding-top: 4px;
}

/* Product locator show selected color label */
.colornav-value.selected ~ .colornav-link .colornav-label {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    margin-left: -50px;
    padding-top: 8px;
    white-space: nowrap;
    width: 100px;
}

/*rdar://problem/37922808*/
.as-promo-content.as-promo-content-hide a {
    color: white;
}

/* PL overlay search STARTS */
.as-productlocator-form .ase-validator-message {
    margin-top: 0;
}
.as-productlocator-autocomplete .form-icons-wrapper-left {
    position: absolute;
    margin: 0;
    top: 2px;
    left: 8px;
}
.as-productlocator-autocomplete ~ .as-productlocator-inputreset {
    position: absolute;
    right: 15px;
    top: 4px;
}
/* PL overlay search ENDS */

.as-purchaseoptions .as-form-choiseselectordesc + .as-form-choiseselectordesc {
    margin-top: -17px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-dimension-capacity-choices3 .as-dimension-choicesbox {
        min-height: auto;
    }
}

.as-dimension-tradeup {
    margin-top: 0;
    border: 0;
}

.as-bfpurchase-options .as-purchaseoptions-isrevealed {
    margin-bottom: 54px;
}

/* chicklets VO */
.as-dimension-screensize .as-dimension-labeltext .as-dimension-chicklets,
.as-dimension-screensize .as-dimension-labeltext .as-chicklets-wrap {
    color: #111;
    font-size: 21px;
    font-family: inherit;
    line-height: 1.19048;
    letter-spacing: 0.011em;
    font-weight: 600;
    display: block;
    padding-bottom: 0;
}

.as-dimension-screensize .as-dimension-labeltext .as-tabnav-text {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

.rs-step1modular-tabnavbox .rs-tabnav-tablist-link .as-chicklets-wrap,
.rs-step1modular-tabnavbox .rs-tabnav-tablist-link .as-tabnav-text {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: inherit;
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: visible;
    clip-path: none;
    -webkit-clip-path: none;
}

.rs-step1modular-tabnavbox .rs-tabnav-tablist-link .as-dimension-chicklets {
    display: none;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-dimension-screensize .as-dimension-labeltext .as-dimension-chicklets,
    .as-dimension-screensize .as-dimension-labeltext .as-chicklets-wrap {
        color: #111;
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: 0.012em;
        font-family: inherit;
        padding-top: 0;
    }
}

.pd-overlay-iphone-201606-compare td .current_price {
    position: relative;
}

.as-productlocator-dimensions.colornav-items {
    padding: 5px 0 0;
}

.as-productlocator-dimensions .colornav-item {
    margin: 2px 0 2px 17px;
    width: 27%;
}

.as-productlocator-dimensions .colornav-item:first-child {
    margin-left: 17px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-productlocator-dimensions.colornav-items {
        padding-bottom: 6px;
    }

    .as-productlocator-maincontent {
        width: auto;
    }
}

/* Fix for accessibility, not to show video animation for reduced motion */
.rs-buyflow-inlinegallery .as-carousel-video-fallback {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .rs-buyflow-inlinegallery video {
        display: none;
    }

    .rs-buyflow-inlinegallery .as-carousel-video-fallback {
        display: inline;
    }
}

.as-buttongroup-item .as-buttongroup-button {
    text-align: center;
}

/* Gallery fix for white 1px line and Fix for 44248334 */
.as-carousel-black.rs-buyflow-inlinegallery .ase-gallery {
    background-color: black;
}

.theme-dark .paddlenav-framed .paddlenav-arrow.disabled:after {
    opacity: 0;
}

.as-tradeupbanner-simple .as-tradeupbanner-header .as-tradeupbanner-selected {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: 0.011em;
    display: block;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-accessoryoverlay-compareitem {
        padding-bottom: 26px;
    }

    .as-tradeupbanner-simple .as-tradeupbanner-header .as-tradeupbanner-selected {
        font-size: 19px;
        line-height: 1.21053;
        letter-spacing: 0.012em;
    }
}

/* Image alignments fixes for iPhone XR */
.as-productdecision-selectionmedia-ambient .ipadpro-ambient {
    min-height: 580px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
	.as-productdecision-selectionmedia-swapimage > img {
		padding-top: 0;
	}

	.as-productdecision-selectionmedia-swapimage .as-swapimage img {
		padding-bottom: 65px;
		margin-top: -10px;
	}
}

/* <rdar://problem/49226883> DCM QA - [Accessories][Web][iPhone Attach][US][EDU] */

.en-us.ac-gn-segmentbar-visible .as-dimension-carrierModel .form-choice-selector-label {
    min-height: 114px;
}

/* <rdar://problem/49407667> CN WinterGreen - Giveback Subsidy [iPhone PDP, alignment issue for subsidy amt] */

.cn .as-tradeupinline-quote .as-tradeupinline-quoteheader {
    width: 75%;
}
    
/* fixing iup opt-out sim-free msg too close to the tile */

.as-dimension-carrier-simfree .as-dimension-copy {
    padding-top: 12px;
}

/* fixing https://cst.apple.com/tkt.do?tkt=INC071237189 */
.rr-overlay-open {
    position: relative;
    z-index: -1;
}

.rr-overlay-open-ios {
    position: fixed;
}

/* <rdar://problem/49547685> JP: iPhone XS/8/7: Finance text alignment is not matching with Production */
.jp .as-productdecision-headerprice .price-point {
    display: block;
}

/* <rdar://problem/48315656> 19.4 SPBF BUAT - Stage [ETA : 4/16] SPBF : Mow - Value Props are in wrong location */
@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-purchaseinfo-chatonline,
    .as-productdecision .as-purchaseinfo {
        padding: 0;
    }

    .as-chat {
        padding: 22px 0 17px;
    }
}

.cn h2.as-tradeup-savedesc-subheader {
    padding-left: 18px;
    padding-right: 18px;
}

@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .cn h2.as-tradeup-savedesc-subheader {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .as-purchaseinfo-chatonline .as-chat-title,
    .as-purchaseinfo-chatonline .as-chat-content {
        display: inline-block;
    }
}

.as-dimension .price-point-fullPrice-short .price-point-terms {
    display: inline;
}

.as-dimension .price-point + .price-point-fullPrice-short .price-point-terms {
    display: none;
}

/* <rdar://problem/52945409> 19.6 Trade-in OFF JP: iPhone SPBF: Finance Link is getting displayed in Step 1 page, below iPhone header in Step Page */
.as-productdecision-headerprice a {
    pointer-events: none;
    text-decoration: none;
    display: inline;
    color: #333;
}

/* <rdar://problem/52093827> [STAGE] Price below header is split in three lines insted of 2 lines. */
/* <rdar://problem/52993109> Staging:UK_CON,UK_EDU,UK_SMB,UK_EPP:Wintergreen UK_Config OFF: "with trade in" is displayed inside the tiles in Choose your model and choose your capacity section */
/* <rdar://problem/53096283> Staging: UK_Cons:UKSMB:UK_KISOK: ** is not displayed inside the capacity tile to all iphones */
.as-productdecision-headerprice .price-point,
.as-productdecision-headerprice .as-price-installments,
.as-dimension .price-point-fullPrice .price-point-terms {
    display: inline;
    color: #333;
}

.as-productdecision-headerprice .price-point-terms,
.as-dimension .price-point-rate,
.as-dimension .price-point-terms,
.as-dimension .price-point-headerprice {
    display: none;
}

.as-purchaseinfo-actioninfo .as-ireserve-button {
    text-align: center;
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
}

.as-purchaseinfo-actioninfo .as-ireserve-button:lang(zh) {
    letter-spacing: 0;
}

.as-buystrip .as-buystrip-icon {
    color: #333;
}

.as-productdecision-selectionarea:not(.as-buyflow-messages-hidedefaultfinancing) .as-buyflow-messagelinkcontainer {
    display: none;
}

.as-buystrip .as-buystrip-title>span {
  letter-spacing: -0.01em;
}

.as-buystrip .as-buystrip-title>span:lang(ar),
.as-buystrip .as-buystrip-title>span:lang(ja),
.as-buystrip .as-buystrip-title>span:lang(ko),
.as-buystrip .as-buystrip-title>span:lang(th),
.as-buystrip .as-buystrip-title>span:lang(zh) {
  letter-spacing: 0em;
}

.as-dimension-carrier-simfree a {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(ar) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(ja) {
    line-height: 1.5;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(ko) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(th) {
      font-size: 14px;
      line-height: 1.71429;
      letter-spacing: 0em;
      font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(zh) {
      letter-spacing: 0em; 
}
      
.as-dimension-carrier-simfree a:lang(zh-CN) {
      font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(zh-HK) {
      font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(zh-MO) {
      font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrier-simfree a:lang(zh-TW) {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}
  
.as-dimension-carrierModel .as-dimension-titlebox,
.as-purchaseoptions-dimensionheader,
.rs-accessory-tile-subheading {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(ar),
.as-purchaseoptions-dimensionheader:lang(ar),
.rs-accessory-tile-subheading:lang(ar) {
      line-height: 1.66667;
      letter-spacing: 0em;
      font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(ja),
.as-purchaseoptions-dimensionheader:lang(ja),
.rs-accessory-tile-subheading:lang(ja) {
      line-height: 1.41667;
      letter-spacing: 0em;
      font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(ko),
.as-purchaseoptions-dimensionheader:lang(ko),
.rs-accessory-tile-subheading:lang(ko) {
      line-height: 1.45841;
      letter-spacing: 0em;
      font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(th),
.as-purchaseoptions-dimensionheader:lang(th),
.rs-accessory-tile-subheading:lang(th) {
      font-size: 12px;
      line-height: 1.75;
      letter-spacing: 0em;
      font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(zh),
.as-purchaseoptions-dimensionheader:lang(zh),
.rs-accessory-tile-subheading:lang(zh) {
      letter-spacing: 0em; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(zh-CN),
.as-purchaseoptions-dimensionheader:lang(zh-CN),
.rs-accessory-tile-subheading:lang(zh-CN) {
      font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(zh-HK),
.as-purchaseoptions-dimensionheader:lang(zh-HK),
.rs-accessory-tile-subheading:lang(zh-HK) {
      font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(zh-MO),
.as-purchaseoptions-dimensionheader:lang(zh-MO),
.rs-accessory-tile-subheading:lang(zh-MO) {
      font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox:lang(zh-TW),
.as-purchaseoptions-dimensionheader:lang(zh-TW),
.rs-accessory-tile-subheading:lang(zh-TW) {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.as-dimension-carrierModel .as-dimension-titlebox {
    padding: 10px 0; 
}
  
.as-purchaseoptions-dimensionheader {
    padding-bottom: 10px; 
}

.as-purchaseoptions-dimensionheader span {
    margin-top: 0;
}

.as-buyflow-messagelinkcontainer {
    padding-bottom: 0;
}

/* localnav overrides */
.localnav-standard .localnav-title {
    margin: 4px 0 8px;
}
  
.localnav-standard .localnav-links {
    margin: 0 0 15px;
}
  
@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .localnav-standard .localnav-links {
        margin: 0 48px;
    }
  
    .localnav-standard .localnav-title {
        padding: 12px 16px 5px;
        margin: 0;
    }

    .localnav-wrapper:after {
        top: 48px;
    }

    .localnav-standard .localnav-persistent .disclosure-icon-small {
        top: 6px;
    }
}

.localnav-title,
.localnav-title > .as-chiclets-wrap,
.localnav-title > .as-chiclets-wrap .as-chiclets-text {
    font-size: 21px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: 0.011em;
    font-family: "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}
  
.localnav-title:lang(th),
.localnav-title > .as-chiclets-wrap:lang(th),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}
 
.localnav-title:lang(ar),
.localnav-title > .as-chiclets-wrap:lang(ar),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.localnav-title:lang(ja),
.localnav-title > .as-chiclets-wrap:lang(ja),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}
  
.localnav-title:lang(ko),
.localnav-title > .as-chiclets-wrap:lang(ko),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.localnav-title:lang(zh-CN),
.localnav-title > .as-chiclets-wrap:lang(zh-CN),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.localnav-title:lang(zh-HK),
.localnav-title > .as-chiclets-wrap:lang(zh-HK),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.localnav-title:lang(zh-MO),
.localnav-title > .as-chiclets-wrap:lang(zh-MO),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}

.localnav-title:lang(zh-TW),
.localnav-title > .as-chiclets-wrap:lang(zh-TW),
.localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
}
  
@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .localnav-title,
    .localnav-title > .as-chiclets-wrap,
    .localnav-title > .as-chiclets-wrap .as-chiclets-text {
        font-size: 19px;
        line-height: 1.26316;
        font-weight: 600;
        letter-spacing: 0.012em;
        font-family: "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(th),
    .localnav-title > .as-chiclets-wrap:lang(th),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(ar),
    .localnav-title > .as-chiclets-wrap:lang(ar),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(ja),
    .localnav-title > .as-chiclets-wrap:lang(ja),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(ko),
    .localnav-title > .as-chiclets-wrap:lang(ko),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(zh-CN),
    .localnav-title > .as-chiclets-wrap:lang(zh-CN),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(zh-HK),
    .localnav-title > .as-chiclets-wrap:lang(zh-HK),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(zh-MO),
    .localnav-title > .as-chiclets-wrap:lang(zh-MO),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
  
    .localnav-title:lang(zh-TW),
    .localnav-title > .as-chiclets-wrap:lang(zh-TW),
    .localnav-title > .as-chiclets-wrap .as-chiclets-text:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "AOS Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
    }
}

.as-purchaseoptions .as-comparepayment-link {
    margin-top: 8px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-purchaseoptions .as-comparepayment-link {
        margin-top: 6px;
    }
}

.as-productdecision-headerprice + span {
    padding-top: 6px;
    display: inline-block;
}

.as-dimension-dimensionCapacity .form-selector-title {
    margin-bottom: 5px;
    display: inline-block;
}

.as-purchaseinfo-details .as-price-currentprice:lang(ja) {
    font-size: 29px;
    font-weight: 400;
}

@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .as-dimension-dimensionCapacity .form-selector-title {
        margin-bottom: 3px;
    }

    .as-promo-content {
        text-align: center;
    }

    .as-dimension-dimensionCapacity sup {
        bottom: -8px;
    }

    .as-purchaseinfo-details .as-price-currentprice:lang(ja) {
        font-size: 22px;
        font-weight: 600;
    }
}

@media only screen and (max-device-width: 320px) and (orientation: portrait) {
    .as-purchaseoptions .form-choiceselectorlabel-twocolleft {
        padding-right: 26px;
    }
}

/* <rdar://problem/55763843> [ETA: TBD] AppleCare Inline: Legal text should be underneath the selector with the Learn more link underneath the legal text */
.rs-accessory-tile .rs-modularaccessory .as-addondetails-ipttext {
    padding-left: 0;
}

/* <rdar://problem/55008350> [STAGE VERIFY] IL AC:AU/SE:Step 1: GST/TAX is not getting updated in the summary builder while selecting AC+ */
.as-purchaseinfo-details .as-price-disclaimertext-hidden {
    display: none;
}

/* collapsable link */
.as-purchaseoptions.as-purchaseoptions-isrevealed {
    padding-bottom: 25px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-purchaseoptions-collapsable {
        padding-top: 7px;
        padding-bottom: 17px;
    }
}

/* Summary finance link */
.as-purchaseinfo-details.as-price-visible>div:last-child {
    padding-bottom: 25px;
}

/* Fix for <rdar://problem/57408045> CCB - WG UK: RCC Chat Icon Specs */
.as-productdecision-selectionmedia .as-buystrip {
    margin-bottom: 25px;
    width: 490px;
}

.as-productdecision-stickybox .as-chat-buyflow,
.as-purchaseinfo-chatonline .as-chat-buyflow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-top: solid 1px #ddd;
    padding-left: 0;
    padding-top: 18px;
    text-align: left;
}

.as-productdecision-stickybox .as-chat-buyflow .as-chat-buyflow-icon img,
.as-purchaseinfo-chatonline .as-chat-buyflow .as-chat-buyflow-icon img {
    height: 48px;
    width: 48px;
}

@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .as-productdecision-stickybox .as-chat-buyflow,
    .as-purchaseinfo-chatonline .as-chat-buyflow {
        text-align: center;
    }
}

.as-productdecision-stickybox .as-chat-buyflow-container,
.as-purchaseinfo-chatonline .as-chat-buyflow-container {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 6px 12px 0;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(ar),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(ja),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(ja) {
    line-height: 1.41667;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(ko),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(ko) {
    line-height: 1.45841;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(th),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(zh),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(zh) {
    letter-spacing: 0em;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(zh-CN),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(zh-HK),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(zh-MO),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container:lang(zh-TW),
.as-purchaseinfo-chatonline .as-chat-buyflow-container:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.as-productdecision-stickybox .as-chat-buyflow-container .as-chat-buyflow-title,
.as-purchaseinfo-chatonline .as-chat-buyflow-container .as-chat-buyflow-title {
    font-weight: 600;
}

.as-productdecision-stickybox .as-chat-buyflow-content,
.as-purchaseinfo-chatonline .as-chat-buyflow-content {
    padding-top: 4px;
    text-align: left;
}

.as-productdecision-stickybox .as-chat-buyflow-content .as-chat-button,
.as-purchaseinfo-chatonline .as-chat-buyflow-content .as-chat-button {
    color: #0070c9;
}

.as-productdecision-stickybox .as-chat-buyflow .as-chat-buyflow-icon img,
.as-purchaseinfo-chatonline .as-chat-buyflow .as-chat-buyflow-icon img {
    height: 34px;
    padding: 7px 0 7px 8px;
    width: auto;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-purchaseinfo-chatonline .as-chat-buyflow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 0;
        padding-top: 18px;
    }

    .as-purchaseinfo-chatonline .as-chat-buyflow-content {
        text-align: left;
    }
}

/* To avaoid wrapping of > in seperate line */
.as-buyflow-messagelinkcontainer .more::after {
    display: inline;
}

/* Fix long text chat button centering in overlay footer */
.as-chat-withbackgroundfooter .as-chat-button {
    text-align: center;
    padding: 0 12px;
}

