.ccoco-overview-heading{padding:70px 5% 48px;text-align:center;background:#faf7f0}
.ccoco-overview-heading h1{margin:0 0 24px}
.ccoco-concerns-introduction > .legacy-inner > :is(h2,p){text-align:center;margin-inline:auto}
.ccoco-overview-heading p{max-width:700px;margin:16px auto}
.ccoco-concerns-overview .ccoco-concerns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:28px}
.ccoco-concerns-overview .ccoco-concerns-card h3{font-size:28px}
.ccoco-overview-consult{text-align:center;padding:80px 5%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf7f0 url('../images/backgrounds/skin-consultation.42604b638e.webp') center/cover no-repeat;position:relative;isolation:isolate}
.ccoco-overview-consult::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.65);z-index:-1}
body.legacy-site .ccoco-overview-consult :is(h2,p){color:#292822}
body.legacy-site .ccoco-overview-consult .ccoco-outline-button{color:#4a2c19!important;border-color:#a98b5c!important}
.ccoco-overview-consult p{margin:22px auto;max-width:650px}
@media(max-width:1000px){.ccoco-concerns-overview .ccoco-concerns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ccoco-concerns-overview .ccoco-concerns-grid{grid-template-columns:1fr}.ccoco-overview-heading{padding:40px 5%}.ccoco-overview-heading h1{font-size:40px}}
body.legacy-site:has(.ccoco-concerns-overview){padding-top:0}
body.legacy-site:has(.ccoco-concerns-overview)>.legacy-header{position:sticky;top:0;height:auto}
body.legacy-site .ccoco-concerns-overview{padding-top:0;margin-top:0}
.ccoco-concerns-overview .ccoco-concerns{background:#eee3d1 url('../images/backgrounds/editorial-popular-satin.webp') center/cover;color:#292822}
.ccoco-overview-heading{height:517px;display:flex;flex-direction:column;justify-content:center;padding:54px 5%;background:#eee3d1 url('../images/backgrounds/skin-concerns-mirror.png') center 40%/cover no-repeat;position:relative;isolation:isolate;color:#292822}
.ccoco-overview-heading::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32);z-index:-1}
.ccoco-concerns-overview .ccoco-overview-heading :is(h1,p){color:#fff}
@media(min-width:641px){.ccoco-overview-heading{height:calc(517px - var(--concerns-header-height, 106px))}}
@media(max-width:640px){.ccoco-overview-heading{height:auto;min-height:520px}}