.jd-native-home .jd-main-hero {
    border: 1px solid rgba(132, 174, 236, .2);
    border-radius: 24px;
    background: radial-gradient(ellipse at 76% 46%, rgba(51, 119, 224, .23), transparent 34%), radial-gradient(ellipse at 6% 100%, rgba(37, 87, 163, .17), transparent 42%), linear-gradient(118deg, #071225 0%, #0a1930 48%, #10284c 100%);
    box-shadow: 0 18px 42px rgba(10, 30, 62, .12);
}

.jd-native-home .jd-hero-slides {
    height: 520px;
}

.jd-native-home .jd-hero-inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: clamp(26px, 4.5vw, 72px);
    padding: 46px clamp(30px, 6vw, 86px) 58px;
}

.jd-native-home .jd-hero-copy {
    max-width: 640px;
}

.jd-native-home .jd-hero-title {
    font-size: clamp(37px, 4vw, 58px);
    line-height: 1.27;
    letter-spacing: -.035em;
}

.jd-native-home .jd-hero-text {
    max-width: 570px;
    margin-block: 17px 22px;
    color: #c0cce0;
}

.jd-native-home .jd-hero-product::before {
    width: min(440px, 96%);
    background: radial-gradient(circle, rgba(72, 139, 242, .28), rgba(65, 124, 218, .09) 52%, transparent 73%);
    filter: blur(2px);
}

.jd-native-home .jd-hero-image {
    box-sizing: border-box;
    width: min(430px, 92%);
    border: 1px solid rgba(150, 187, 240, .25);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));
    box-shadow: 0 24px 44px rgba(0, 0, 0, .2), 0 0 0 7px rgba(255,255,255,.018);
}

.jd-native-home .jd-main-hero img {
    box-sizing: border-box;
    border: 0;
    border-radius: 22px;
    box-shadow: none;
}

.jd-native-home .jd-hero-image {
    animation: none !important;
    transform: none;
}

.jd-native-home .jd-slider-indicator {
    bottom: 15px;
    gap: 8px;
    padding: 7px 10px;
    border-color: rgba(211, 227, 250, .15);
    background: rgba(3, 13, 29, .48);
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

.jd-native-home .jd-slider-dot {
    width: 7px;
    height: 7px;
    background: rgba(230, 239, 255, .48);
}

.jd-native-home .jd-slider-dot.is-active {
    width: 25px;
    background: #91bcff;
}

@media (min-width: 768px) {
    .jd-native-home .jd-hero-copy {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-inline: auto;
        text-align: center;
    }
    .jd-native-home .jd-hero-title,
        .jd-native-home .jd-hero-text {
        width: 100%;
        margin-inline: auto;
        text-align: center;
    }
    .jd-native-home .jd-hero-text {
        max-width: 560px;
    }
    .jd-native-home .jd-hero-button {
        align-self: center;
    }
    .jd-native-home .jd-hero-tags {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .jd-native-home .jd-main-hero {
        border-radius: 20px;
    }
    .jd-native-home .jd-hero-slides {
        height: 605px;
    }
    .jd-native-home .jd-hero-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 22px 16px 56px;
    }
    .jd-native-home .jd-hero-copy {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        min-width: 0;
        text-align: center;
    }
    .jd-native-home .jd-hero-category {
        min-height: 27px;
        margin-bottom: 9px;
        padding: 4px 11px;
        font-size: 10px;
    }
    .jd-native-home .jd-hero-title {
        min-height: 0;
        font-size: clamp(26px, 7.4vw, 34px);
        line-height: 1.28;
        letter-spacing: -.025em;
    }
    .jd-native-home .jd-hero-text {
        display: -webkit-box;
        min-height: 0;
        max-height: 66px;
        margin: 10px 0 13px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 11.5px;
        line-height: 1.9;
    }
    .jd-native-home .jd-hero-button {
        align-self: center;
        width: auto;
        max-width: 100%;
        min-height: 43px;
        padding-inline: 14px;
        gap: 9px;
        border-radius: 11px;
        font-size: 11px;
    }
    .jd-native-home .jd-hero-button b {
        width: 24px;
        height: 24px;
    }
    .jd-native-home .jd-hero-tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%;
        max-height: none;
        margin-top: 10px;
        padding: 0 0 3px;
        overflow: visible;
        text-align: center;
    }
    .jd-native-home .jd-hero-tags a {
        flex: 0 0 auto;
        min-height: 27px;
        font-size: 9px;
    }
    .jd-native-home .jd-hero-product {
        position: relative;
        inset: auto;
        flex: 1 1 auto;
        width: 100%;
        height: auto;
        min-height: 170px;
        margin: 9px 0 0;
    }
    .jd-native-home .jd-hero-product::before {
        width: 190px;
    }
    .jd-native-home .jd-hero-image {
        width: min(188px, 62%);
        border-radius: 22px;
        box-shadow: 0 14px 27px rgba(0,0,0,.16), 0 0 0 5px rgba(255,255,255,.015);
    }
    .jd-native-home .jd-main-hero img {
        border-radius: 17px;
    }
    .jd-native-home .jd-slider-indicator {
        bottom: 13px;
        gap: 7px;
        padding: 6px 9px;
    }
    .jd-native-home .jd-slider-dot.is-active {
        width: 22px;
    }
    .jd-home-storefront .jahandeliver-product-card {
        height: auto !important;
        min-height: 0 !important;
        padding: 9px !important;
    }
    .jd-native-home .jahandeliver-product-content {
        flex: 0 0 auto !important;
        gap: 0 !important;
        min-height: 0 !important;
    }
    .jd-native-home .jahandeliver-product-title {
        min-height: 3.5em !important;
        max-height: 3.5em !important;
        margin-bottom: 5px !important;
    }
    .jd-native-home .jahandeliver-product-price {
        flex: 0 0 auto !important;
        min-height: 1.8em !important;
        margin: 0 0 6px !important;
        line-height: 1.55 !important;
    }
    .jd-native-home .jahandeliver-add-to-cart {
        flex: 0 0 auto;
        margin-top: 0 !important;
    }
}

@media (max-width: 390px) {
    .jd-native-home .jd-hero-slides {
        height: 590px;
    }
    .jd-native-home .jd-hero-inner {
        padding-inline: 13px;
    }
    .jd-native-home .jd-hero-title {
        font-size: clamp(25px, 7.5vw, 30px);
    }
    .jd-native-home .jd-hero-text {
        font-size: 11px;
        margin-bottom: 11px;
    }
    .jd-native-home .jd-hero-product {
        min-height: 155px;
    }
    .jd-native-home .jd-hero-image {
        width: min(168px, 58%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .jd-native-home .jd-hero-slide,
        .jd-native-home .jd-slider-dot,
        .jd-native-home .jd-hero-button {
        transition: none !important;
    }
    .jd-native-home .jd-hero-image {
        animation: none !important;
    }
}