.invisible.visible {
  	visibility: visible!important;
}

.spotlight-item-view .container {
    overflow-x: visible;
}
.flex-media {
    display: flex;
    align-items: flex-start;
}
.flex-media .body {
    flex: 1;
}
.btn-user-review,
.shopping-link {
    height: auto;
    background: white!important;
    border-color: var(--main-color)!important;
    color: var(--main-color)!important;
    border-radius: 2px;
}
.border-main-color {
    border: 2px solid var(--main-color);
}
.border-main-bottom {
    border-bottom: 10px solid var(--main-color);
}
.w-20 {
    width: 20%!important;
}
.mw-100vw {
    /*max-width: 100vw;*/
    max-width: 1280px;
}
.mw-1000px {
    max-width: 1000px;
}
.text-fat {
    transform: scale(1, .85);
}

.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-repeat: no-repeat;
    background: url('https://www.jeban.com/spotlight-item/olay-total-effects-day-cream-spf/bg-top.jpg') center top no-repeat;
    background-color: #fffdf0;
    background-size: 100% auto;

    min-height: calc(100vw * 1020/1140);
}
.cover.over-width .title {
    width: 70%;
}
.cover.over-width .title h1 {
    font-weight: bold;
    font-size: calc((100vw * 0.098342541436464) - 0.878453038674033px);
    line-height: .85;
}
.cover.over-width h2 {
    font-family: 'DB-Heavent-reg'!important;
    font-size: calc((100vw * 0.030939226519337) + 10.397790055248619px);
    line-height: 1;
}
.cover .no7-img-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cover .no7-img-wrapper:before {
    content: ' ';
    position: absolute;
    top: 13%;
    left: 0;
    right: 0;
    bottom: 20%;
    background: url('https://www.jeban.com/spotlight-item/olay-total-effects-day-cream-spf/olay-7no_bbl_2x.png') center top no-repeat transparent;
    background-size: contain;
    z-index: 0;
}
.cover .no7-img-wrapper img {
    z-index: 1;
    width: 40%;
}
.cover .no7-img-wrapper h3 {
    font-family: 'DB-Heavent-li'!important;
    font-size: calc((100vw * 0.040883977900552) + 2.668508287292818px);
    font-style: italic;
    position: absolute;
    z-index: 2;
}
.cover .no7-img-wrapper h3.before {
    right: 55%;
    text-align: right;
}
.cover .no7-img-wrapper h3.after {
    left: 57%;
    text-align: left;
}

#sec-1 {
    /*background: #fffdf0;*/
}
#sec-1 h2 {
    font-size: calc((100vw * 0.079558011049724) + 8.165745856353591px);
    line-height: 1.1;
}
#sec-1 h2 strong {
    font-size: calc((100vw * 0.116022099447514) + 1.49171270718232px);
}

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

#sec-3 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fdfcf7 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fdfcf7 100%); 
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #fdfcf7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfcf7',GradientType=0 );
}
@media screen and (max-width: 575px) {
    #sec-3 .container .wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

#sec-4 {
    background-image: url('https://www.jeban.com/spotlight-item/olay-total-effects-day-cream-spf/bg-3.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#sec-4 .packshot-img {
    width: 50%;
}
@media screen and (min-width: 768px) {
    #sec-4 .packshot-img {
        width: 100%;
    }
}
@media screen and (min-width: 992px) {
    #sec-4 {
        background-size: 100vw auto;
    }
    #sec-4 .container .wrapper,
    #sec-5 .container .wrapper {
        max-width: 920px;
    }
}

.ingredients-header h3 {
    border-right: 2px solid var(--main-color);
    line-height: .6;
}
.ingredients-header h3,
.ingredients-header h4 {
    white-space: nowrap;
}
.ingredients-header h4 {
    line-height: .85;
}
.ingredients-header p {
    line-height: 1.25;
}
.ingredients-header img {
    margin-bottom: calc((100vw * -0.081168831168831) - 19.561688311688312px);
}
.ingredients-header .flex-media {
    justify-content: center;
}
.ingredients-header .flex-media .body {
    flex: 0!important;
}
@media screen and (min-width: 768px) {
    .ingredients-header .flex-media .body {
        flex: 1!important;
    }
}
@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-5 {
    background-image: url('https://www.jeban.com/spotlight-item/olay-total-effects-day-cream-spf/bg-4.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
#sec-5 h2 {
    line-height: 1;
}

ul.golden-disc,
ul.black-disc {
    padding-left: 2rem;
}
ul.golden-disc li,
ul.black-disc li {
    position: relative;
}
ul.golden-disc li:before,
ul.black-disc li:before {
    content: '\2022';
    position: absolute;
    margin-left: -2rem;    
    font-size: 150%;
    line-height: .75;
    color: var(--main-color);
}
ul.black-disc li:before {
    color: black;
}
@media screen and (max-width: 991px) {
    ul.golden-disc,
    ul.black-disc {
        padding-left: 1.75rem;
    }
    ul.golden-disc li:before,
    ul.black-disc li:before {
        margin-left: -1.75rem;    
    }
}
@media screen and (max-width: 767px) {
    ul.golden-disc,
    ul.black-disc {
        padding-left: 1.5rem;
    }
    ul.golden-disc li:before,
    ul.black-disc li:before {
        margin-left: -1.5rem;    
    }
}
@media screen and (max-width: 575px) {
    ul.golden-disc,
    ul.black-disc {
        padding-left: 1.25rem;
    }
    ul.golden-disc li:before,
    ul.black-disc li:before {
        margin-left: -1.25rem;    
    }
}