:root {
    --top-gradient-height: 224px;
}

@media only screen and (max-width: 1068px) {
    :root {
        --top-gradient-height: 215px;
    }
}

@media only screen and (max-width: 734px) {
    :root {
        --top-gradient-height: 100px;
    }
}

html.text-zoom .section-os-gallery .card .card-area-topic-container {
    position: absolute;
}

/* Section Hero BG */
.animation-wrapper .play-pause-button {
    display: none;
}

/* AE HERO */

/* SA HERO */
.no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
    width: 3008px;
    height: 418px;
    background-size: 550px 418px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_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) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        width: 1068px;
        height: 418px;
        background-size: 530px 418px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_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) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        width: 734px;
        height: 374px;
        background-size: 492px 374px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_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) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_small_2x.png");
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        width: 3008px;
        height: 558px;
        background-size: 736px 558px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_largetall.png");
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_largetall_2x.png");
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        width: 1068px;
        height: 520px;
        background-size: 668px 520px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_mediumtall.png");
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 144dpi) {
    .no-enhanced-xp body .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-enhanced {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_mediumtall_2x.png");
    }
}

/* --- */

.main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
    width: 3008px;
    height: 418px;
    background-size: 550px 418px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_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) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        width: 1068px;
        height: 418px;
        background-size: 530px 418px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_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) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        width: 734px;
        height: 374px;
        background-size: 492px 374px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_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) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_small_2x.png");
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        width: 3008px;
        height: 558px;
        background-size: 736px 558px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_largetall.png");
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_largetall_2x.png");
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        width: 1068px;
        height: 520px;
        background-size: 668px 520px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_mediumtall.png");
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 144dpi) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-startframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_startframe_ci5chl0p2hci_mediumtall_2x.png");
    }
}

.main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
    width: 3008px;
    height: 418px;
    background-size: 550px 418px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_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) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        width: 1068px;
        height: 418px;
        background-size: 530px 418px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_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) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        width: 734px;
        height: 374px;
        background-size: 492px 374px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_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) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_small_2x.png");
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        width: 3008px;
        height: 558px;
        background-size: 736px 558px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_largetall.png");
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_largetall_2x.png");
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        width: 1068px;
        height: 520px;
        background-size: 668px 520px;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_mediumtall.png");
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) and (min-resolution: 144dpi) {
    .main [data-module-template="heroes"] .unit-image-wrapper .unit-image.unit-image-apple-diwali-2026-hero-apple-diwali-2026-endframe {
        background-image: url("/in/homepage/diwali-2026/images/hero/hero_endframe_x08qw32ftvm2_mediumtall_2x.png");
    }
}

/* Section os BG */
.main .section-os-gallery {
    height: 813px;
    background-size: 3008px var(--top-gradient-height);
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_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) {
    .main .section-os-gallery {
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .main .section-os-gallery {
        height: 765px;
        background-size: 1068px var(--top-gradient-height);
        background-repeat: no-repeat;
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_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) {
    .main .section-os-gallery {
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .main .section-os-gallery {
        height: 553px;
        background-size: 734px var(--top-gradient-height);
        background-repeat: no-repeat;
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_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) {
    .main .section-os-gallery {
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_bottom_x08qw32ftvm2_small_2x.png");
    }
}

/* Section Hero */
.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.subhead {
    max-width: 90%;
}

/* Section os */
.section-os-gallery {
    padding-bottom: 0;
}

.section-os-gallery .caption-tile-gallery .card-container .card.tile {
    display: flex;
}

.section-os-gallery .card-container .card .card-area-topic-container {
    padding-inline: 30px;
    padding-bottom: 46px;
    margin-top: 360px;
}

.section-os-gallery .dynamic-price-ts {
    margin-top: 10px;
    margin-bottom: 21px;
    font-size: 14px;
}

.section-os-gallery .card-area-topic-container h3.typography-callout {
    font-size: 28px;
}

.section-os-gallery .card-area-topic-container .subhead-os-gallery {
    max-width: unset;
    font-size: 17px;
    letter-spacing: -0.37px;
    min-height: 42px;
}

@media screen and (max-width: 734px) {
    .section-os-gallery .card-area-topic-container .subhead-os-gallery {
        min-height: 34px;
    }
}

.section-os-gallery .button {
    margin-top: auto;
}

.section-os-gallery .scroll-gallery-playpause-button {
    display: none;
}

@media screen and (max-width: 1068px) {
    .section-os-gallery .button {
        padding: 10px 24px;
        font-size: 17px;
    }

    .section-os-gallery .card-container .card .card-area-topic-container {
        margin-top: 316px;
    }
}

@media screen and (max-width: 734px) {
    .section-os-gallery .card-container .card .card-area-topic-container {
        padding-bottom: 36px;
        margin-top: 229px;
    }

    .section-os-gallery .button {
        padding: 7px 15px;
        font-size: 14px;
    }

    .section-os-gallery .dynamic-price-ts {
        margin-block: 12px;
        font-size: 14px;
    }

    .tile-rounded {
        border-radius: 18px;
    }
}

/* Overwrites */
.main {
    /*padding-top: 0;*/
}

.main [data-module-template="promos"].collection-module {
    display: none;
    width: 0;
    height: 0;
}

/* Hero */
.main [data-module-template="heroes"] {
    --content-height: 625px !important;
    border-bottom: none !important;
}

@media screen and (min-width: 1069px) {
    .main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
        padding-bottom: 80px;
    }
}

.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.subhead {
    margin-top: 8px;
    line-height: 1.286;
}

.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta,
.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links {
    margin-top: 28px;
}



@media screen and (max-width: 1068px) {
    .main [data-module-template="heroes"] {
        --content-height: 585px !important;
    }

    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta,
    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.cta-links {
        margin-top: 24px;
    }

    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.subhead {
        font-size: 21px;
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
    .main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
        padding-bottom: 74px;
    }
}

@media screen and (max-width: 734px) {
    .main [data-module-template="heroes"] {
        --content-height: 530px !important;
    }

    .main [data-module-template="heroes"] [data-unit-id="apple-diwali-2026"] .unit-image-wrapper .animation-wrapper .inline-media-ui {
        top: unset;
        bottom: 0;
    }
}

/* os */
.caption-tile .card {
    background: #fff;
}

@media screen and (min-width: 1069px) {
    .caption-tile .card {
        --card-height: 620px;
        background: #fff;
    }
}

@media screen and (max-width: 1068px) {
    .caption-tile .card {
        --card-height: 577px;
    }

    .section-os-gallery .card-container .card .card-area-topic-container {
        padding-bottom: 38px;
    }
}

@media screen and (max-width: 734px) {
    .caption-tile .card {
        --card-height: 443px;
    }

    .section-os-gallery .card-container .card .card-area-topic-container {
        padding-inline: 24px;
    }

    .section-os-gallery .card-area-topic-container h3.typography-callout {
        font-size: 21px;
    }

    .section-os-gallery .card-area-topic-container p.subhead-os-gallery {
        font-size: 14px;
    }

    .section-os-gallery .card-area-topic-container .dynamic-price-ts {
        font-size: 12px;
    }
}

.section-os-gallery .subhead-os-gallery {
    margin-top: 6px;
    font-family:
        SF Pro Text,
        SF Pro Icons,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}

.section-os-gallery {
    /*background: black;*/
}

.section-os-gallery .scroll-container {
    padding-top: 10px;
}

/* Overwrites */
body.page-home {
    /*background: #1d1d1f;*/
}

.main {
    max-width: 3008px;
}

/* Section Hero */
@media screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.subhead {
        width: 90%;
        max-width: 300px;
    }

    .main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper {
        padding-bottom: 46px;
    }

    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline {
        font-size: 40px;
    }

    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.subhead {
        font-size: 19px;
    }
}

@media screen and (min-width: 375px) and (max-width: 413px) {
    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline {
        font-size: 36px;
    }
}

@media screen and (min-width: 375px) and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id] .unit-image-wrapper {
        top: -5px;
    }

    [data-module-template] [data-unit-id] .unit-wrapper.theme-dark {
        background: #030419;
    }
}

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

    .main [data-module-template="heroes"] [data-unit-id] .bottom-copy-wrapper .unit-copy-wrapper .headline {
        max-width: 180px;
    }
}

/* Custom Nav */
/*.globalnav-scrim #globalnav,
#globalnav .globalnav-content {
	background: transparent;
	transition: all 0.3s ease-out;
}

#globalnav {
	-webkit-backdrop-filter: unset;
	backdrop-filter: unset;
}


.globalnav-scrim #globalnav.globalnav-scrolled {
	background: var(--globalnav-background);
}

#globalnav.globalnav-scrolled .globalnav-content {
	background: transparent;
}

#globalnav.globalnav-scrolled {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}*/

/* Grad Filter */
@media screen and (min-width: 1069px) {
    #grad-filter {
        height: 90px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: linear-gradient(to bottom, transparent, black);
        z-index: 200;
    }
}

/* xS Hero */
@media screen and (max-width: 374px) {
    .main [data-module-template="heroes"] {
        --content-height: 540px !important;
    }

    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.headline {
        font-size: 32px;
    }

    [data-module-template] [data-unit-id] .unit-wrapper.theme-dark {
        background-color: #020318;
    }
}

.card-area-topic-container.backdrop-opacity {
    --css-blur-intensity-start: 20px;
    --css-blur-intensity-end: 30px;
    --css-scrim-opacity-start: 0.8;
    --css-scrim-opacity: var(--css-scrim-opacity-start);
}

.card-area-topic-container.backdrop-opacity:before {
    content: "";
    display: block;
    height: calc(100% + 40px);
    left: 0;
    position: absolute;
    top: 12px;
    width: 100%;
    z-index: -1;
    -webkit-backdrop-filter: blur(var(--css-blur-intensity-start));
    backdrop-filter: blur(var(--css-blur-intensity-start));
}

.animated-colors {
    z-index: 2;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom,
        black 0%,
        black 50%,
        transparent 100%);
    mask-image: linear-gradient(to bottom,
        black 0%,
        black 50%,
        transparent 100%);
}

.color {
    filter: blur(60px);
    position: absolute;
    border-radius: 50%;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.lavender-one {
    width: 50vw;
    height: 200px;
    background: #e8b4d8;
    top: -100px;
    left: -10vw;
    opacity: 0.7;
    animation: lavenderOneAnimation 2.2s ease-in-out forwards;
}

@keyframes lavenderOneAnimation {
    0% {
        top: -150px;
        transform: scaleX(50%) translateX(0);
        opacity: 0;
    }

    30% {
        opacity: 0.7;
    }

    50% {
        top: -30px;
        transform: scaleX(120%) translateX(5%);
    }

    100% {
        top: -10px;
        transform: scaleX(200%) translateX(10%);
        opacity: 0.65;
    }
}

.lavender-two {
    width: 40vw;
    height: 180px;
    background: #d4a0cb;
    top: -150px;
    left: 15vw;
    opacity: 0.5;
    animation: lavenderTwoAnimation 1.8s ease-in-out 0.3s forwards;
}

@keyframes lavenderTwoAnimation {
    0% {
        top: -180px;
        transform: scaleX(60%) translateX(-20%);
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        top: -40px;
        transform: scaleX(150%) translateX(10%);
    }

    100% {
        top: -20px;
        background: #dda8d4;
        transform: scaleX(220%) translateX(0);
        opacity: 0.5;
    }
}

.peach-one {
    width: 55vw;
    height: 200px;
    background: #f5d4a0;
    top: -120px;
    right: -15vw;
    opacity: 0;
    animation: peachOneAnimation 2s ease-out 0.2s forwards;
}

@keyframes peachOneAnimation {
    0% {
        top: -150px;
        opacity: 0;
        transform: translateX(10%);
    }

    40% {
        opacity: 0.6;
    }

    70% {
        top: -20px;
        transform: translateX(-5%);
    }

    100% {
        top: -10px;
        opacity: 0.6;
        background: #f8deb5;
        transform: translateX(0);
    }
}

.peach-two {
    width: 45vw;
    height: 160px;
    background: #fce8c8;
    top: -100px;
    right: 10vw;
    opacity: 0;
    animation: peachTwoAnimation 1.6s ease-in-out 0.6s forwards;
}

@keyframes peachTwoAnimation {
    0% {
        top: -150px;
        opacity: 0;
        transform: scaleX(50%);
    }

    50% {
        top: -30px;
        transform: scaleX(180%) translateX(-5%);
    }

    100% {
        top: -15px;
        opacity: 0.5;
        background: #faeacc;
        transform: scaleX(200%) translateX(0);
    }
}

/*.card-area-topic-container .subhead-os-gallery-1-line {
	margin-top: 20px;
}

@media only screen and (max-width: 1068px) {
	.card-area-topic-container .subhead-os-gallery-1-line {
		margin-top: 20px;
	}

}*/

[data-module-template] [data-unit-id] .unit-image {
    top: 0;
}

[data-module-template] [data-unit-id="apple-diwali-2026"] [data-inline-media-hero] .animation-wrapper.ended video {
    opacity: 1;
}

.card-set {
    --sk-cssgrid-column-gutter-inner: 30px;
}

@media only screen and (max-width: 734px) {
    .card-set {
        --sk-cssgrid-column-gutter-inner: 20px;
    }
}

#apple-diwali-2026-video {
    width: 550px;
    height: 418px;
    top: 0;
    bottom: auto;
    background: transparent;
    mix-blend-mode: normal;
    z-index: 6;
}

@media only screen and (max-width: 1068px) {
    #apple-diwali-2026-video {
        width: 550px;
        height: 418px;
    }
}

@media only screen and (max-width: 734px) {
    #apple-diwali-2026-video {
        width: 492px;
        height: 374px;
    }
}

/*largetall*/
@media only screen and (min-width: 1069px) and (min-height: 776px) {
    #apple-diwali-2026-video {
        width: 736px;
        height: 558px;
    }

    .main [data-module-template="heroes"] {
        --content-height: 740px !important;
    }
}

/*mediumtall*/
@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    #apple-diwali-2026-video {
        width: 668px;
        height: 520px;
    }

    .main [data-module-template="heroes"] {
        --content-height: 675px !important;
    }
}

/*hero tile styles*/
.section.section-hero .tile-content,
.section.section-promo .tile-content {
    padding: 0px;
}

.section-hero [data-tile-id="iphone-duo"] .tile-callout {
    max-width: 515px;
}

@media (max-width: 1068px) {
    .section-hero [data-tile-id="iphone-duo"] .tile-callout {
        max-width: 485px;
    }
}

@media (max-width: 734px) {
    .section-hero [data-tile-id="iphone-duo"] .tile-callout {
        max-width: 405px;
    }
}

.section-promo [data-tile-id="icloud-plus"] .tile-subhead {
    max-width: 400px;
}

@media (max-width: 1068px) {
    .section-promo [data-tile-id="icloud-plus"] .tile-subhead {
        max-width: 350px;
    }
}

@media (max-width: 734px) {
    .section-promo [data-tile-id="icloud-plus"] .tile-subhead {
        max-width: 260px;
    }
}

.section-promo [data-tile-id="iphone-duo"] .tile-callout {
    max-width: 405px;
}

.section-hero {
    position: relative;
    margin-top: -33px;

    @media (max-width: 734px) {
        margin-top: 12px;
    }
}

.section-hero:after {
    content: "";
    position: absolute;
    height: 50px;
    background: #fff;
    width: 100%;
    bottom: -50px;

    @media (max-width: 734px) {
        height: 12px;
        bottom: -12px;
    }
}

.section-promo.section {
    background: #fff;
    position: relative;
}

.section-hero:before {
    content: "";
    position: absolute;
    height: 50px;
    background: #fff;
    width: 100%;
    top: -12px;
}

.section-promo.section:after {
    background: #fff;
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: -12px;
}

/* Tune these four values to adjust the motion and cadence. */
[data-staggered-fade-in] {
    --staggered-delay: 0.15s;
    --staggered-opacity-duration: 0.9s;
    --staggered-translate-y: 30px;
    --staggered-translate-y-duration: 0.7s;
}

/* The early `js` class prevents a visible flash before the animation starts. */
@media (prefers-reduced-motion: no-preference) {

    html.js [data-staggered-fade-in]:not(.staggered-fade-in-started):not(.staggered-fade-in-done) [data-staggered-item],
    html.js [data-staggered-fade-in][data-staggered-item]:not(.staggered-fade-in-started):not(.staggered-fade-in-done) {
        opacity: 0;
        transform: translateY(var(--staggered-translate-y));
    }

    [data-staggered-fade-in].staggered-fade-in-started [data-staggered-item] {
        animation:
            staggered-fade-in-opacity var(--staggered-opacity-duration) ease-in-out both,
            staggered-fade-in-translate var(--staggered-translate-y-duration) ease-in-out both;
        animation-delay: calc(var(--stagger-index, 0) * var(--staggered-delay));
    }

    [data-staggered-fade-in].staggered-fade-in-started [data-staggered-item-no-translate] {
        --staggered-translate-y: 0px;
    }
}

@keyframes staggered-fade-in-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes staggered-fade-in-translate {
    from {
        transform: translateY(var(--staggered-translate-y));
    }

    to {
        transform: translateY(0);
    }
}

/*[data-module-template] [data-unit-id="apple-diwali-2026"] [data-inline-media-hero] .animation-wrapper.ended .start-frame,
[data-module-template] [data-unit-id="apple-diwali-2026"] [data-inline-media-enhanced] .animation-wrapper.loaded .start-frame, 
[data-module-template] [data-unit-id="apple-diwali-2026"] [data-inline-media-hero] .animation-wrapper.loaded .start-frame {
    opacity: 1;
}*/

[data-module-template] [data-unit-id="apple-diwali-2026"],
[data-module-template] [data-unit-id="apple-diwali-2026"] .unit-wrapper,
[data-module-template] [data-unit-id="apple-diwali-2026"] .module-content,
.homepage-section.collection-module.gradient-wave-bleed {
    background: transparent !important;
}

.middle-gradient {
    position: absolute;
    width: 100%;
    height: 1200px;
    top: calc(var(--top-gradient-height) * 2);
    background-repeat: no-repeat;
    background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_middle_c6jxph7ka8ya_large.png");
    background-size: 2187px 1200px;
    background-position: center center;
}

@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) {
    .middle-gradient {
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_middle_c6jxph7ka8ya_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .middle-gradient {
        height: 1144px;
        background-size: 1070px 1144px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_middle_c6jxph7ka8ya_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) {
    .middle-gradient {
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_middle_c6jxph7ka8ya_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .middle-gradient {
        height: 1200px;
        background-size: 735px 1200px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_middle_c6jxph7ka8ya_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) {
    .middle-gradient {
        background-image: url("/in/homepage/diwali-2026/images/gradient/gradient_middle_c6jxph7ka8ya_small_2x.png");
    }
}

@media only screen and (min-width: 734px) {
    .main .button-primary.button-hg {
        --sk-button-padding-horizontal: 22px;
        --sk-button-padding-vertical: 12px;
        --sk-button-min-width-basis: 70px;
        --sk-button-margin-horizontal: 18px;
        --sk-button-margin-vertical: 18px;
        font-size: 17px;
        line-height: 1.1764805882;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}
.button-secondary:hover, .button-secondary:focus {
    background: var(--sk-button-background-hover, #0077ED);
}