/*------------------------------------*\
   START APPLECARE ONE FIXES
\*------------------------------------*/

:root {
    --vp-content-width:980px
}

@media (max-width: 1068px) {
    :root {
        --vp-content-width:692px
    }
}

@media (max-width: 734px) {
    :root {
        --vp-content-width:280px
    }
}

.banner-card {
    --min-height: 580px;
    --max-height: 680px;
    min-height: var(--min-height);
    max-height:var(--max-height)
}

html.text-zoom .banner-card {
    max-height: none;
    height:auto
}

@media (max-width: 734px) {
    .banner-card {
        --min-height: 480px;
        --max-height:560px
    }
}

.banner-card .card {
    display:flex
}

.banner-card .banner-card-row {
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    z-index:1
}

.banner-card .banner-card-copy-column {
    box-sizing:initial
}

@media (min-width: 1069px) {
    .banner-card .banner-card-copy-column {
        --width: 400px;
        width: var(--width);
        flex-shrink:0
    }
}

@media (max-width: 1068px) {
    .banner-card .banner-card-copy-column {
        --width: 480px;
        max-width:var(--width)
    }
}

@media (max-width: 734px) {
    .banner-card .banner-card-copy-column {
        --width:auto
    }
}

html.text-zoom .banner-card .banner-card-copy-column {
    width: auto;
    max-width:20em
}

html.text-zoom .banner-card.banner-card-asset-type-background:not(.banner-card-asset-type-inline-medium-down) .banner-card-copy-column {
    padding: .8em;
    background-color:rgba(255, 255, 255, .92)
}

html.text-zoom .banner-card.banner-card-asset-type-background:not(.banner-card-asset-type-inline-medium-down).theme-dark .banner-card-copy-column {
    background-color:rgba(0, 0, 0, .88)
}

.banner-card.banner-card-asset-type-background:not(.banner-card-asset-type-inline-medium-down) .banner-card-image {
    display: flex;
    flex-wrap:wrap
}

.section-applecare-one  .section-content{
    max-width: var(--vp-content-width);
    margin-inline:auto
}

.section-applecare-one {
background: var(--sk-fill-secondary);
padding-block-end:150px
}

@media (max-width: 1068px) {
    .section-applecare-one {
        padding-block-end:120px
    }
}

@media (max-width: 734px) {
    .section-applecare-one {
        padding-block-end:60px
    }
}

.section-applecare-one .section-eyebrow {
    color: var(--sk-glyph-gray-tertiary);
    margin-block-start:22px
}

@media (max-width: 1068px) {
    .section-applecare-one .section-eyebrow {
        margin-block-start:16px
    }
}

@media (max-width: 734px) {
    .section-applecare-one .section-eyebrow {
        margin-block-start:12px
    }
}

.section-applecare-one .section-headline {
    margin-block:10px 20px
}

@media (max-width: 1068px) {
    .section-applecare-one .section-headline {
        margin-block:8px 16px
    }
}

@media (max-width: 734px) {
    .section-applecare-one .section-headline {
        margin-block:6px 10px
    }
}

.section-applecare-one .section-copy {
    max-width: 46ch;
    margin-inline:auto
}

.section-applecare-one .banner-card {
    --height: 730px;
    margin-block-start: 60px;
    --max-height:initial
}

@media (max-width: 1068px) {
    .section-applecare-one .banner-card {
        --height: 981px;
        margin-block-start:40px
    }
}

@media (max-width: 734px) {
    .section-applecare-one .banner-card {
        --height: 938px;
        margin-block-start:30px
    }
}

html.text-zoom .section-applecare-one .banner-card-row.row {
    flex-direction:column-reverse
}

.section-applecare-one .banner-card .tile {
    --sk-tile-background:var(--sk-fill)
}

.section-applecare-one .banner-card .container {
    display: flex;
    text-align: start;
    flex-direction: column;
    grid-gap: 2px;
    gap: 2px;
    --margin:40px
}

@media (max-width: 1068px) {
    .section-applecare-one .banner-card .container {
        flex-direction: row;
        grid-gap: 22px;
        gap:22px
    }
}

@media (max-width: 734px) {
    .section-applecare-one .banner-card .container {
        flex-direction: column;
        grid-gap: 2px;
        gap: 2px;
        --margin:20px
    }
}

.section-applecare-one .banner-card .container:not(:first-child) {
    margin-block-start:var(--margin)
}

.section-applecare-one .banner-card svg {
    flex-shrink:0
}

.section-applecare-one .banner-card svg g > path, .section-applecare-one .banner-card svg path:last-child {
    fill:#ff1736
}

@media (min-width: 1069px) {
    .banner-card:only-of-type.banner-card-asset-type-inline:not(.banner-card-asset-type-background-medium-down) .banner-card-asset-column {
        justify-content: start
    }

    .banner-card:only-of-type.banner-card-asset-type-inline:not(.banner-card-asset-type-background-medium-down) .banner-card-asset-column:has([class * =" asset-position-medium-center-"]) {
        justify-content: center
    }

    .banner-card:only-of-type.banner-card-asset-type-inline:not(.banner-card-asset-type-background-medium-down) .banner-card-asset-column:has([class * =" asset-position-medium-end-"]) {
        justify-content:end
    }
}

@media (min-width: 1069px) {
    .banner-card:only-of-type.banner-card-asset-type-inline.banner-card-asset-type-background-medium-down .banner-card-asset-column {
        justify-content: start
    }

    .banner-card:only-of-type.banner-card-asset-type-inline.banner-card-asset-type-background-medium-down .banner-card-asset-column:has([class * =" asset-position-medium-center-"]) {
        justify-content: center
    }

    .banner-card:only-of-type.banner-card-asset-type-inline.banner-card-asset-type-background-medium-down .banner-card-asset-column:has([class * =" asset-position-medium-end-"]) {
        justify-content:end
    }
}

@media (max-width: 1068px) {
    .banner-card:only-of-type.banner-card-asset-type-inline-medium-down .banner-card-asset-column {
        justify-content: start
    }

    .banner-card:only-of-type.banner-card-asset-type-inline-medium-down .banner-card-asset-column:has([class * =" asset-position-medium-center-"]) {
        justify-content: center
    }

    .banner-card:only-of-type.banner-card-asset-type-inline-medium-down .banner-card-asset-column:has([class * =" asset-position-medium-end-"]) {
        justify-content:end
    }
}
.overview-applecare-one-apple-care-one {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 488px;
    --p-height:680px
}

@media (max-width: 1068px) and (max-width: 1068px) {
    .overview-applecare-one-apple-care-one {
        --p-width: 691px;
        --p-height:510px
    }
}

@media (max-width: 734px) and (max-width: 734px) {
    .overview-applecare-one-apple-care-one {
        --p-width: 280px;
        --p-height:334px
    }
}



/*------------------------------------*\
   END APPLECARE ONE FIXES
\*------------------------------------*/ 
/*------------------------------------*\
   START SECTION PLANS
\*------------------------------------*/ 

.section-plans .gallery .two-up {
    --cols: 2;
    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    grid-gap: 20px;
    gap: 20px;
}

@media (max-width: 900px) {
    .section-plans .gallery .two-up {
        --cols:1
    }
}

html.text-zoom .section-plans .gallery .two-up {
    --cols:1
}
/*------------------------------------*\
   END SECTION PLANS
\*------------------------------------*/