.cp-tip-box{
    background:#f5fff3;
    border-left:5px solid #5AA469;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-tip-title{
    font-size:20px;
    font-weight:700;
    color:#2d6a4f;
    margin-bottom:0px;
    padding-bottom: 0px;
}

.cp-tip-content{
    line-height:1.7;
    margin-top: 10px;
    margin-bottom: -20px;

}



/* Warning Box */

.cp-warning-box{
    background:#fff7f7;
    border-left:5px solid #e63946;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-warning-title{
    color:#c1121f;
    font-size:20px;
    font-weight:700;
    margin-bottom:0px;
}

.cp-warning-content{
    line-height:1.7;
    margin-top: 10px;
    margin-bottom: -20px;
}


/* Expert Tip Box */

.cp-expert-box{
    background:#f4f8ff;
    border-left:5px solid #3f72af;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-expert-title{
    color:#1d4e89;
    font-size:20px;
    font-weight:700;
    margin-bottom:0px;
}

.cp-expert-content{
    line-height:1.7;
    margin-top: 10px;
    margin-bottom: -20px;
}


/* Quick Answer Box */

.cp-quick-answer-box{
    background:#f6fff5;
    border:2px solid #5AA469;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-quick-answer-title{
    color:#2d6a4f;
    font-size:22px;
    font-weight:700;
    margin-bottom:0px;
}

.cp-quick-answer-content{
    line-height:1.7;
    margin-top: 10px;
    margin-bottom: -20px;
}



/* FAQ Accordion */

.cp-faq-item{
    margin: 15px 0;
    border: 1px solid #dfe5df;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.cp-faq-question{
    width: 100%;
    border: none;
    background: #f5fff3;
    padding: 18px 20px;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #2d6a4f;
    transition: background-color 0.3s ease;
}

.cp-faq-question:hover{
    background: #edf8ea;
}

.cp-faq-icon{
    font-size: 24px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

/* Accordion Content */

.cp-faq-answer{
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    line-height: 1.7;
   
    padding: 0 20px;
    padding-top: 0px;
    transition:
        max-height 0.4s ease,
        padding 0.4s ease;
}

/* Open State */

.cp-faq-answer.active{
    max-height: 500px;
    padding: 25px;
    padding-top: 20px !important;
    margin-top: 0px !important;
}

/* Rotate Icon */

.cp-faq-icon.active{
    transform: rotate(45deg);
}



/* Affiliate Disclosure Box */

.cp-affiliate-disclosure{
    background: #fff9e6;
    border: 1px solid #f6d86b;
    border-left: 6px solid #e0a800;
    border-radius: 12px;
    padding: 18px 22px;
    margin: 30px 0;
    box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}

.cp-affiliate-disclosure-title{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #8a6d00;
    margin-bottom: 10px;
}

.cp-affiliate-disclosure-title::before{
    content: "⚠";
    font-size: 20px;
}

.cp-affiliate-disclosure-content{
    color: #5f5322;
    font-size: 15px;
    line-height: 1.8;
}

.cp-affiliate-disclosure-content > *:first-child{
    margin-top: 0;
}

.cp-affiliate-disclosure-content > *:last-child{
    margin-bottom: 0;
}



/*Conclusion*/
.cp-conclusion-box{
    position: relative;
    margin: 40px 0;
    padding: 30px;
    border-radius: 18px;

    /* Soft background */
    background: linear-gradient(
        135deg,
        #f8fff9 0%,
        #f2fbf5 50%,
        #ecf8ef 100%
    );

    /* Brand highlight */
    border: 1px solid #d9eadf;
    border-left: 6px solid #2e8b57;

    /* Depth */
    box-shadow:
        0 10px 30px rgba(46,139,87,0.08),
        0 2px 8px rgba(0,0,0,0.04);

    overflow: hidden;
}


/* Conclusion Decorative background */
.cp-conclusion-box::before{
    content: "✓";
    position: absolute;
    top: -25px;
    right: 20px;

    font-size: 90px;
    font-weight: bold;
    color: rgba(46,139,87,0.06);

    line-height: 1;
}

.cp-conclusion-header{
    display: inline-block;

    margin-bottom: 18px;
    padding: 8px 16px;

    background: #2e8b57;
    color: #fff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    border-radius: 50px;
}

.cp-conclusion-content{
    position: relative;
    z-index: 2;
    color: #444;
    font-size: 17px;
    line-height: 1.7;
}

.cp-conclusion-content p:last-child{
    margin-bottom: -20px;
}



.cp-quick-answer-content p:empty,
.cp-tip-content p:empty,
.cp-warning-content p:empty,
.cp-expert-content p:empty,
.cp-faq-answer p:empty{
    display:none;
}