.sun-nav li a {
    height: 36px;
    padding: 0 16px;
    border-color: #B0A9A5;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif !important;
    color: #333333 !important;
    font-size: 12px;
}


*[data-product="face-care"] .sun-hero__packshot::before {
    background: linear-gradient(-45deg, #face3c, #fff1b5) !important;
}

*[data-product="body-care"] .sun-hero__packshot::before {
    background: linear-gradient(45deg, #c83f2a, #ffc97f) !important;
}

.dp-beauty-faq__text {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif !important;
    margin-left: 4.9%;
    font-size: 20px;
    text-align: left;
}

.dp-beauty-faq__questions-list {
    width: 90% !important;
}

.dp-beauty-faq__question-title::after {
    content: "›";
    transform: rotate(90deg);
}

.dp-beauty-faq__question-title[data-open="1"]::after {
    content: "›";
    transform: rotate(-90deg);
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    
}

@media (max-width: 480px) {

}



/* ----- */
*[data-product="face-care"] .sun-hero__ingredient span {
    top: 10%;
    left: 73%;
}
*[data-product="body-care"] .sun-hero__ingredient span {
    top: 7%;
    left: -5%;
    text-align: right;
    width: 44%;
}
*[data-product="after-sun"] .sun-hero__ingredient span {
    top: 5%;
    left: 8%;
    text-align: left;
}
*[data-product="self-tanner"] .sun-hero__ingredient span {
    top: 83%;
    left: 4%;
    width: 20%;
}
.sun-nav li a {
    /*height: 39px;*/
    min-width: 115px;
}

.dp-faq__container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.sun-push {
    padding-bottom: 41px;
}

.dp-faq__claim {
    font-size: 20px;
    text-align: left;
    margin-left: 11%;
}
.dp-faq__container {
    max-width: 975px;
}

.sun-header{
    min-height: initial;
    padding-bottom: 30px;
}

@media (max-width: 480px) {
    *[data-product="body-care"] .sun-hero__ingredient span {
        top: 1%;
        left: -7%;
    }
    *[data-product="self-tanner"] .sun-hero__ingredient span {
        left: 7%;
    }
    body,
    html {
        overflow-x: clip!important;
    }
    .dp-faq__claim {
        margin-left: 0%;
    }
    .sun-nav__wrapper{
        display: flex;
        justify-content: center;
        gap: initial;
        max-width: 91%;
    }
    .sun-nav__wrapper li{
        margin: initial;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .sun-routine__reviews {
        min-height: 38px;
    }
    .sun-header__title {
        font-size: 55px;
    }
    body,
    html {
        overflow-x: clip!important;
    }
    .dp-faq__claim {
        margin-left: 0%;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    #CONTOURING, #FIRMING,#STRETCH-MARKS,#MOISTURIZE,#EXFOLIATE{
        scroll-margin-top: 90px;
    }
    .dp-faq__claim {
        margin-left: 6%;
    }
}

@media (max-width: 480px) {
    body,
    html {
        overflow-x: clip!important;
    }
}

/* Integ Edits */
*[data-product="after-sun"] .sun-hero__ingredient span {
    left: 2%;
}