.category-description {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0px;
    p a {
        color: #bd8457;
        font-weight: 600;
        text-decoration: underline;
    }
}
.category-description h2 {
    font-size: 38px;
    line-height: 42px;
    text-align: center;
}
#seo-category {
    background-color: transparent;
    padding: 0 0px 60px;
}
#seo-category .container {
    padding: 0;
}
.blocoAnimeLetter {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 433px;
    padding-top: 73px;
}
.blocoAnimeLetter:before {
    content: "";
    height: 433px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    background: transparent
        linear-gradient(180deg, #f0ece6 0%, #f0ece608 80%, #f0ece600 100%) 0% 0%
        no-repeat padding-box;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
}
.letterAnim {
    position: absolute;
    width: 110%;
}
.animTextBack {
    background-repeat: repeat-x;
    background-size: 1970px auto;
    animation: marquee 20s infinite linear;
    margin-left: 0;
    height: 162px;
}
@keyframes marquee {
    0% {
        background-position: 0;
    }
    100% {
        background-position: -1970px;
    }
}

#seo-category .img--text {
    justify-content: space-between;
}
#seo-category .img--text .text {
    max-width: 605px;
    margin-left: 0;
}
#seo-category .img--text.rowText02 .text {
    max-width: 593px;
}
#seo-category .img--text .text p {
    text-align: left;
}
#seo-category .img--text .img {
    display: flex;
    gap: 29px;
}
#seo-category .img--text .text p.title {
    margin-top: 15px;
    margin-bottom: 16px;
}
#seo-category .img--text.rowText02 .text p.title {
    margin-top: 0;
}
#seo-category .img--text .text p.title span {
    color: #3c3834;
    font-weight: normal;
    font-style: italic;
}
#seo-category .img--text .text p.title span.color {
    color: #bd8457;
    font-weight: 600;
    font-style: normal;
}
.section01 {
    background: #f0ece6;
    .row {
        margin-bottom: -45px;
    }
    .content {
        position: relative;
        margin-bottom: 105px;
        h2 {
            max-width: 560px;
            margin: -117px auto 0;
        }
        p {
            max-width: 575px;
            text-align: center;
            margin: 34px auto 0;
        }
    }
    p.txt02 {
        max-width: 540px;
    }
    p.txt03 {
        max-width: 560px;
    }
    .rowText02 {
        p.txt04 {
            max-width: 555px;
        }
    }
}

.section02 {
    background: #f0ece6;
    padding-top: 63px;
    h2 {
        max-width: 460px;
        margin: 45px auto 35px;
        em {
            font-weight: 600;
        }
    }
    p {
        max-width: 485px;
        margin: 0 auto;
        text-align: center;
    }
}

.section02b {
    position: relative;
    height: 623px;
    padding-top: 91px;
    .imgSection02b01 {
        margin: 56px auto 0;
    }
    .imgSection02b02 {
        margin-left: 60px;
    }
}
.section02b:after {
    content: "";
    height: 623px;
    width: 100%;
    background: transparent
        linear-gradient(180deg, #f0ece6 0%, #f0ece608 66%, #f0ece600 100%) 0% 0%
        no-repeat padding-box;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.section03 {
    background: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-noorskin/categoria/bodycare/back-01.png)
        center top no-repeat;
    height: 508px;
    display: flex;
    align-items: center;
    span {
        font-size: 38px;
        line-height: 42px;
        text-align: center;
        color: #f5f5f5;
        display: block;
        max-width: 370px;
        margin: 0 auto;
    }
    span em {
        font-weight: 600;
    }
}
.section04 {
    padding-top: 77px;

    .imgSection0401 {
        margin-top: 92px;
        max-width: 335px;
    }
    .imgSection0402 {
        margin: 81px 0 0 -21px;
    }
    .imgSection0403 {
        margin: 96px 48px 0 auto;
    }
    .imgSection0404 {
        margin: 0 0 0 auto;
    }
    h2 {
        margin-top: -73px;
        margin-bottom: 24px;
        em {
            font-weight: 600;
        }
    }
    p {
        text-align: center;
        margin: 0 auto;
    }
    .txt01 {
        max-width: 410px;
        margin-bottom: 22px;
    }
    .txt02 {
        max-width: 465px;
    }
    .txt03 {
        max-width: 389px;
    }
}
.section05 {
    padding-top: 90px;
    h2 {
        color: #bd8457;
        margin: 0 auto 47px;
        max-width: 540px;
    }
    ul {
        max-width: 1044px;
        margin: 0 auto;
    }
    li {
        background: #fdfaf5;
        border-radius: 7px;
        padding: 59px 83px;
        display: flex;
        gap: 62px;
        div {
            max-width: 310px;
            width: 100%;
        }
        span {
            display: block;
            em {
                color: #847f7a;
                font-size: 18px;
                line-height: 22px;
                font-weight: 500;
                display: block;
            }
        }
        .subtitle {
            color: #bd8457;
            font-size: 26px;
            line-height: 32px;
            font-weight: 600;
            margin-bottom: 5px;
        }
    }
    li:nth-child(1) {
        span em {
            max-width: 200px;
        }
        p {
            max-width: 465px;
        }
    }
    li:nth-child(2) {
        span em {
            max-width: 153px;
        }
        p {
            max-width: 443px;
        }
    }
    li:nth-child(3) {
        span em {
            max-width: 100px;
        }
        p {
            max-width: 400px;
        }
    }
    li:nth-child(4) {
        span em {
            max-width: 170px;
        }
        p {
            max-width: 428px;
        }
    }
}
.section06 {
    padding-top: 80px;
    h2 {
        margin-bottom: 52px;
    }
    .contentFaq {
        gap: 100px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        .colFaq {
            width: 100%;
        }
    }
}

.collapsible-bl.title-collapse.borderTopNone {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 27px;
    background-color: #f5f5f5;
}

.collapsible-bl.title-collapse {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 0;
    background-color: transparent;
}

.title-collapse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 25px 0px;
    background-color: #f1f1f1;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.iconePlus {
    font-size: 18px;
    display: flex;
    gap: 5px;
    color: #bd8457;
}

.iconePlus .colltrue {
    display: none;
    color: #bd8457;
}

.title-collapse.active .colltrue {
    display: inline-block;
}

.title-collapse.active .collfalse {
    display: none;
}

.accordion-item {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #707070;
}

.content-collapse {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height 0.2s ease, padding 0.2s ease;
}

.content-collapse .txt {
    padding: 0px 0 37px;
    display: block;
    font-size: 18px;
    line-height: 22px;
}
.content-collapse .txt a {
    color: #bd8457;
    font-weight: 600;
    text-decoration: underline;
}
.content-collapse .txt02 {
    max-width: 500px;
}
.content-collapse .txt03 {
    max-width: 515px;
}
.content-collapse .txt04 {
    max-width: 500px;
}
.content-collapse .txt05 {
    max-width: 455px;
    padding: 0px 0 22px;
}
.content-collapse .txt05b {
    max-width: 496px;
}
.content-collapse .txt07 {
    max-width: 550px;
}
.content-collapse .txt08 {
    max-width: 550px;
}
.content-collapse .txt09 {
    max-width: 500px;
}

.content-collapse.active {
    max-height: 1000px;
}

/* linha que se move visualmente */
.linha-separadora {
    height: 1px;
    background-color: #ccc;
    width: 100%;
    transition: all 0.2s ease;
    margin: 10px 0;
    position: relative;
}

/* empurra a linha para baixo quando acordeão estiver aberto */
.accordion-item.open .linha-separadora {
    margin-top: 15px;
    order: 2;
}

@media (min-width: 768px) {
    .section01 {
        & .rowText02 {
            img {
                max-width: 313px;
                width: 100%;
                max-height: fit-content;
            }
        }
    }
    #seo-category .img--text .text p.title span.desktop {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    #seo-category .container {
        padding: 0 15px;
    }
    .category-description h2 {
        font-size: 30px;
        line-height: 33px;
    }
    .block-static-block.widget {
        margin-bottom: 0;
    }
    .animTextBack {
        background-size: 100vw auto;
        animation: marqueeMobile 10s infinite linear;
        height: 10vw;
    }
    .blocoAnimeLetter {
        height: 180px;
        padding-top: 0;
    }
    .blocoAnimeLetter:before {
        height: 180px;
    }
    .section01 {
        & .content {
            margin-bottom: 38px;
            h2 {
                max-width: 320px;
            }
            p {
                max-width: 298px;
                margin: 22px auto 0;
            }
        }
        & .rowText02 {
            img {
                height: -webkit-fill-available;
            }
        }
    }
    #seo-category .img--text {
        display: flex;
        flex-direction: column-reverse;
    }
    #seo-category .img--text.rowText02 {
        flex-direction: column;
        margin-top: 23px;
    }
    #seo-category .img--text .img {
        gap: 14px;
    }
    #seo-category .img--text.rowText02 .img {
        gap: 15px;
    }
    #seo-category .img--text .text {
        margin-top: 25px;
    }
    #seo-category .img--text .text p {
        text-align: center;
        max-width: 309px;
        margin: 0 auto 20px;
    }
    #seo-category .img--text .text p.title {
        margin: 0 auto 19px;
        font-size: 22px;
        line-height: 25px;
    }
    #seo-category .img--text .text p.title span.color {
        display: block;
    }
    .section02 {
        padding-bottom: 70px;
        h2 {
            max-width: 260px;
            margin: 21px auto 23px;
        }
        p {
            max-width: 295px;
        }
    }
    .section03 {
        background: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-noorskin/categoria/bodycare/back-01-mobile.png)
            center top no-repeat;
        background-size: 100%;
        height: 73vw;
        span {
            font-size: 32px;
            line-height: 35px;
            max-width: 295px;
        }
    }
    .section04 {
        padding-top: 31px;
        .txt01 {
            max-width: 338px;
        }
        .col-wm-4 {
            text-align: center;
        }
        .imgSection0403 {
            margin: 40px auto 0;
            max-width: 285px;
        }
        h2 {
            margin-top: 67px;
            margin-bottom: 29px;
            br:nth-child(2) {
                display: none;
            }
        }
        .txt03 {
            max-width: 321px;
        }
    }
    #seo-category .section04 .container {
        padding: 0 13px;
    }
    .section05 {
        padding-top: 45px;
        h2 {
            font-size: 32px !important;
            margin: 0 auto 25px;
        }
        li {
            padding: 44px 0;
            gap: 34px;
            flex-direction: column;
            div {
                max-width: none;
                text-align: center;
            }
            p {
                text-align: center;
                margin: 0 auto;
            }
        }
        li:nth-child(1) {
            span em {
                max-width: 261px;
                margin: 0 auto;
            }
            p {
                max-width: 288px;
            }
        }
        & li:nth-child(2) {
            span em {
                max-width: none;
            }
            p {
                max-width: 270px;
            }
        }
        & li:nth-child(3) {
            span em {
                max-width: none;
            }
            p {
                max-width: 300px;
            }
        }
        & li:nth-child(4) {
            span em {
                margin: 0 auto;
            }
            p {
                max-width: 324px;
            }
        }
    }
    .section06 {
        padding-top: 40px;
        h2 {
            margin: 0 auto 20px;
            max-width: 260px;
        }
        .contentFaq {
            gap: 0;
            flex-direction: column;
            span.txt.txt01 {
                max-width: 332px;
            }
        }
    }
    .content-collapse .txt02 {
        max-width: 328px;
    }
    .content-collapse .txt03 {
        max-width: 339px;
    }
    .content-collapse .txt04 {
        max-width: 333px;
    }
    .content-collapse .txt05 {
        max-width: 333px;
    }
    .content-collapse .txt06 {
        max-width: 300px;
    }
    .content-collapse .txt07 {
        max-width: 325px;
    }
    .content-collapse .txt08 {
        max-width: 345px;
    }
    .content-collapse .txt09 {
        max-width: 313px;
    }
    .faq02 .title-collapse > span {
        max-width: 170px;
    }
    .faq03 .title-collapse > span {
        max-width: 174px;
    }
    .faq04 .title-collapse > span {
        max-width: 200px;
    }
    .faq05 .title-collapse > span {
        max-width: 180px;
    }
    .faq06 .title-collapse > span {
        max-width: 174px;
    }
    .faq07 .title-collapse > span {
        max-width: 185px;
    }
    .faq08 .title-collapse > span {
        max-width: 185px;
    }
    .faq09 .title-collapse > span {
        max-width: 215px;
    }
}
@keyframes marqueeMobile {
    0% {
        background-position: 0;
    }
    100% {
        background-position: -100vw;
    }
}

@media (max-width: 340px) {
    .category-description h2 {
        font-size: 27px;
    }
    .widget h2 {
        font-size: 28px;
    }
    .sku-15108 .product-image-wrapper:after,
    .sku-12224 .product-image-wrapper:after,
    .sku-15109 .product-image-wrapper:after,
    .sku-15112 .product-image-wrapper:after,
    .sku-14981 .product-image-wrapper:after,
    .sku-14980 .product-image-wrapper:after,
    .sku-14606 .product-image-wrapper:after,
    .sku-12225 .product-image-wrapper:after {
        background-size: 42px;
        right: -9px;
        top: 24px;
    }
}