/* ================================
   PCP Order Bump
================================ */

.pcp-order-bumps{
    margin:25px 0;

    border:2px dashed #F06D00;

    border-radius:14px;
    background:#fff;
    overflow:hidden;

    box-shadow:0 4px 12px rgba(0,0,0,.04);
}

.pcp-order-bumps-title{
    padding:12px 22px;

    background:linear-gradient(
        200deg,
        #FF8A1F,
        #6EC1E4
        
    );

    color:#fff;

    border-bottom:1px dashed rgba(255,255,255,.35);

    font-size:18px;
    font-weight:700;
    letter-spacing:.2px;
}

.pcp-order-bump{

display:flex;
width:100%;
box-sizing:border-box;

align-items:flex-start;

gap:16px;

padding:18px 20px;

border-bottom:1px dashed #d9d9d9;

cursor:pointer;

transition:.2s;

}
.pcp-order-bump:last-child{

    border-bottom:none;

}

.pcp-order-bump:hover{

    background:#fafafa;

}

.pcp-order-bump-check{

    width:26px;

    display:flex;

    justify-content:center;

    align-items:center;

    align-self:flex-start;

    height:78px;   /* Same height as image */

}

.pcp-order-bump-image{

    flex:0 0 70px;

}

.pcp-order-bump-image img{

    width:78px;
    height:auto;
    display:block;

    border-radius:10px;

    box-shadow:0 2px 8px rgba(0,0,0,.10);

}

.pcp-order-bump-content{

    flex:1;
    width:100%;
    min-width:0;

    display:flex;
    flex-direction:column;

}

.pcp-order-bump-title{

    font-size:17px;
    font-weight:700;
    margin-bottom:6px;

}

.pcp-order-bump-description{

    color:#666;
    margin-bottom:8px;
    line-height:1.5;

}

.pcp-order-bump-price del{

    color:#888;
    margin-right:8px;

}

.pcp-order-bump-price strong{

    font-size:18px;
    color:#2E6F40;

}



/* ================================
   Desktop Layout
================================ */

.pcp-order-bump-top{

    display:flex;
    
width:100%;
    align-items:flex-start;
    gap:18px;

}

.pcp-order-bump-info{

    flex:1;
    min-width:0;

}

.pcp-order-bump-title{

    font-size:18px;
    font-weight:700;
    line-height:1.4;

    margin-bottom:8px;

    white-space:normal;
    overflow:visible;

    word-break:break-word;
    overflow-wrap:anywhere;

}

.pcp-order-bump-price{

    margin-bottom:12px;

}

.pcp-order-bump-description{

    color:#666;

    line-height:1.65;

    white-space:normal;
    overflow:visible;

    word-break:break-word;
    overflow-wrap:anywhere;

}

/* Mobile */

@media(max-width:768px){

.pcp-order-bump{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 16px;

}

.pcp-order-bump-check{

    flex:0 0 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:0;

}

.pcp-order-bump-image{

    flex:0 0 64px;

}

.pcp-order-bump-image img{

    width:64px;

    height:auto;

    display:block;

}

.pcp-order-bump-content{

    flex:1;

    min-width:0;

}

.pcp-order-bump-title{

    font-size:15px;

    line-height:1.3;

    margin-bottom:6px;

}

.pcp-order-bump-description{

    font-size:14px;

    line-height:1.45;

    margin-bottom:8px;

    margin-right:0;

    word-break:break-word;

    overflow-wrap:break-word;

}

.pcp-order-bump-price strong{

    font-size:17px;

}

.pcp-order-bump-price del{

    font-size:14px;

}

}