.spotlight-item-view .container {
    overflow-x: visible;
}
.border-main-bottom {
    border-bottom: 10px solid var(--main-color);
}
.btn-user-review,
.shopping-link {
    height: auto;
    background: white!important;
    border-color: var(--main-color)!important;
    color: var(--main-color)!important;
    border-radius: 2px;
}
.flex-media {
    display: flex;
    align-items: flex-start;
}
.flex-media .body {
    flex: 1;
}
.faded_line { 
    height: 1px;
    background: var(--main-color);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, var(--main-color)));
}

.over-width {
    margin-left: calc(-1 * (50vw - 360px));
    margin-right: calc(-1 * (50vw - 360px));
}
@media screen and (max-width: 991px) {
    .over-width {
        margin-left: calc(-1 * (50vw - 285px));
        margin-right: calc(-1 * (50vw - 285px));
    }
}
@media screen and (max-width: 600px) {
    .over-width  {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media screen and (max-width: 581px) {
    .over-width .container .wrapper {
        max-width: 100vw;
    }
    .over-width > .container > .wrapper {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
}

.cover.over-width {
    background-image: url('https://www.jeban.com/spotlight-item/olay-rg-micro-sculpting/bg-top_2x.jpg');
    background-position: center calc((100vw * -0.0284091) + 78.1534px);
    background-repeat: no-repeat;
    background-size: auto 1140px;
    min-height: calc((100vw * -0.0284091) + 1218.1534px);
    text-align: center;
    position: relative;
}
img.logo {
    width: 40vw;
    max-width: 240px;
}
.cover.over-width h1 {
    color: var(--main-color);
}
.cover.over-width h1, .cover.over-width h2, .cover.over-width h3, .cover.over-width h4 {
    transform: scale(1, .85);
}
.cover.over-width .bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5vw;
}
@media screen and (max-width: 1140px) {
    .cover.over-width {
        background-size: auto 100vw;
        text-align: center;
        min-height: 100vw;

    }
}
@media screen and (max-width: 991px) {
    .cover.over-width {
        min-height: calc((100vw * 0.908685) + 90.4931px);
    }
}

.grad-1 {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FFF8F8 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFF8F8 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#FFF8F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFF8F8',GradientType=0 );
}
.grad-2 {
    background: #FFF8F8;
    background: -moz-linear-gradient(top, #FFF8F8 0%, #FFFFFF 100%);
    background: -webkit-linear-gradient(top, #FFF8F8 0%,#FFFFFF 100%);
    background: linear-gradient(to bottom, #FFF8F8 0%,#FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF8F8', endColorstr='#FFFFFF',GradientType=0 );
}



#sec-1 {
    background-color: #FFF8F8;
}
#sec-1 .wrapper {
    max-width: 920px;
}
#sec-1 .title h2 {

}
@media screen and (min-width: 1281px) {
    #sec-1 {

    }
}
@media screen and (max-width: 991px) {
    #sec-1 .container {
        padding: 0;
        max-width: 100vw;
    }
    #sec-1 .wrapper {
        padding: 0!important;
        width: 90vw;
    }    
}
@media screen and (max-width: 768px) {
    #sec-1 .container {        
        width: 100vw;
    }
    #sec-1 .wrapper {
        width: 100vw;
    }    
}

.ingredients-header h3 {
    border-right: 2px solid var(--main-color);
    line-height: .9;
}
.ingredients-header h3,
.ingredients-header h4 {
    white-space: nowrap;
}
.ingredients-header img {
    margin-bottom: calc((100vw * -0.081168831168831) - 19.561688311688312px);
}
@media screen and (min-width: 992px) {
    .ingredients-header h3.font-75 {
        font-size: calc(640px * 125/400);
        transform: scale(1, .9);
        line-height: .75;
    }
    .ingredients-header h4.font-26 {
        font-size: calc(640px * 30/400);
    }
    .ingredients-header h4.font-32 {
        font-size: calc(640px * 40/400);
    }
    .ingredients-header img {
        margin-bottom: -100px;
    }
}

.ingredient {
    display: flex;
}
.ingredient .card {
    margin-top: 125px;
    border-radius: 0;
    flex: 1;
    padding: 2rem;
}
.ingredient .card img {
    margin-top: -125px;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
}
.ingredient .card h3 {
    position: relative;
}
.ingredient .card h3, 
.ingredient .card p {
    padding-left: 2rem;
}
.ingredient .card h3:before {
    content: '\2022';
    position: absolute;
    margin-left: -2rem;    
    font-size: 150%;
    line-height: .75;
    color: var(--main-color);
}
@media screen and (min-width: 992px) {
    .ingredient:last-child {
        margin-left: 25%;
    }
}
@media screen and (max-width: 991px) {
    .ingredient .card {
        margin-top: calc((100vw * 0.056818181818182) + 68.693181818181818px);
    }
    .ingredient .card img {
        margin-top: calc((100vw * -0.056818181818182) - 68.693181818181818px);
        margin-bottom: 1.5rem;
    }
    .ingredient .card h3, 
    .ingredient .card p {
        padding-left: 1.75rem;
    }
    .ingredient .card h3:before {
        margin-left: -1.75rem;    
    }
}
@media screen and (max-width: 767px) {
    .ingredient .card {
        padding: 1rem 2rem;
    }
    .ingredient .card h3, 
    .ingredient .card p {
        padding-left: 1.5rem;
    }
    .ingredient .card h3:before {
        margin-left: -1.5rem;    
    }
}
@media screen and (max-width: 575px) {
    .ingredient .card img {
        margin-bottom: 1rem;
    }
    .ingredient:nth-child(odd) .card {
        margin-left: -18px;
    }
    .ingredient:nth-child(even) .card {
        margin-right: -18px;
    }
    .ingredient .card h3, 
    .ingredient .card p {
        padding-left: 1.25rem;
    }
    .ingredient .card h3:before {
        margin-left: -1.25rem;    
    }
}

#sec-3 {
    background-image: url('https://www.jeban.com/spotlight-item/olay-rg-micro-sculpting/BG-ingredient@2x.jpg');
    background-repeat: no-repeat;
    background-position: center calc((100vw * 0.149350649350649) + 247.993506493506494px);
    background-size: calc((100vw * 0.696428571428571) + 300.839285714285714px) auto;
}
@media screen and (min-width: 992px) {
    #sec-3 {
        background-size: 100vw auto;
    }
}

#sec-4 .row > div[class^="col-"] {
    padding: 2rem;
}
#sec-4 ul li:before,
#sec-5 ul li:before {
    content: '\2022';
    position: absolute;
    margin-left: -2rem;    
    font-size: 150%;
    line-height: .75;
}
@media screen and (max-width: 991px) {
    #sec-4 ul li:before,
    #sec-5 ul li:before {
        margin-left: -1.75rem;    
    }
}
@media screen and (max-width: 767px) {
    #sec-4 .row > div[class^="col-"] {
        padding: 1.5rem;
    }
    #sec-4 ul li:before,
    #sec-5 ul li:before {
        margin-left: -1.5rem;    
    }
}
@media screen and (max-width: 575px) {
    #sec-4 ul li:before,
    #sec-5 ul li:before {
        margin-left: -1.25rem;    
    }
}

#sec-5 {
    background-image: url('https://www.jeban.com/spotlight-item/olay-rg-micro-sculpting/BG-bottom@2x.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100vw auto;
}
@media screen and (max-width: 991px) {
    #sec-5 {
        background-size: 150vw auto;
    }
}