/*|--------------------------------------------------------------------------| 
	Builder Wrapper
|--------------------------------------------------------------------------*/
.rokpb-builder-wrapper{    max-width:1600px;    margin:40px auto;    padding:0 20px;}
/*|--------------------------------------------------------------------------| Steps|--------------------------------------------------------------------------*/
.rokpb-steps{    display:flex;    flex-wrap:wrap;    gap:15px;    margin-bottom:30px;}
.rokpb-step{    display:flex;    align-items:center;    gap:10px;    padding:12px 20px;    background:#f5f5f5;    border-radius:50px;    font-weight:600;    transition:.3s;}
.rokpb-step span{    width:28px;    height:28px;    display:flex;    align-items:center;    justify-content:center;    background:#ddd;    border-radius:50%;    font-size:14px;}
.rokpb-step.active{    background:#0073aa;    color:#fff;}
.rokpb-step.active span{    background:#fff;    color:#0073aa;}
/*|--------------------------------------------------------------------------| Main Layout|--------------------------------------------------------------------------*/
.rokpb-layout{    
	display:grid;    
	grid-template-columns:1fr 2fr 1fr;   
	gap:25px;
	}

/*|--------------------------------------------------------------------------| Panels|--------------------------------------------------------------------------*/
.rokpb-panel,.rokpb-summary-box,.rokpb-quote-box{    background:#fff;    border:1px solid #e5e5e5;    border-radius:12px;    padding:20px;    margin-bottom:20px;}.rokpb-panel h3,.rokpb-summary-box h3,.rokpb-quote-box h3{    margin:0 0 20px;    font-size:20px;}/*|--------------------------------------------------------------------------| Grid|--------------------------------------------------------------------------*/.rokpb-grid{    display:grid;    grid-template-columns:1fr;    gap:15px;}/*|--------------------------------------------------------------------------| Cards|--------------------------------------------------------------------------*/.rokpb-card{    background:#fff;    border:2px solid #eee;    border-radius:12px;    overflow:hidden;    cursor:pointer;    transition:.3s;}.rokpb-card:hover{    transform:translateY(-4px);    box-shadow:        0 10px 25px rgba(0,0,0,.08);}.rokpb-card.active{    border-color:#0073aa;    box-shadow:        0 0 0 3px rgba(0,115,170,.15);}.rokpb-card img{    width:100%;    display:block;    object-fit:cover;}.rokpb-card-body{    padding:15px;}.rokpb-card h4{    margin:0 0 8px;    font-size:18px;}.rokpb-price{    font-weight:700;    color:#0073aa;}/*|--------------------------------------------------------------------------| Accessory Cards|--------------------------------------------------------------------------*/.rokpb-accessory{    display:flex;    align-items:center;    gap:15px;    background:#fafafa;    border:1px solid #ddd;    border-radius:10px;    padding:12px;    cursor:pointer;    transition:.3s;}.rokpb-accessory:hover{    background:#fff;    border-color:#0073aa;}.rokpb-accessory.active{    border-color:#0073aa;    background:#f2f9fc;}.rokpb-accessory img{    width:70px;    height:70px;    object-fit:cover;    border-radius:8px;}.rokpb-accessory-content{    flex:1;}.rokpb-accessory-title{    font-weight:600;    margin-bottom:5px;}.rokpb-accessory-price{    color:#0073aa;    font-weight:700;}/*|--------------------------------------------------------------------------| Canvas Area|--------------------------------------------------------------------------*/.rokpb-preview-column{    background:#fff;    border:1px solid #e5e5e5;    border-radius:12px;    padding:20px;}.rokpb-preview-header{    font-size:22px;    font-weight:700;    margin-bottom:20px;}#rokpb-canvas{    width:100%;    height:700px;    border:2px dashed #d9d9d9;    border-radius:12px;    overflow:hidden;    background:        linear-gradient(            45deg,            #fafafa,            #ffffff        );}#rokpb-model{    margin-top:20px;}#rokpb-model model-viewer{    width:100%;    height:500px;}/*|--------------------------------------------------------------------------| Summary|--------------------------------------------------------------------------*/.rokpb-summary-column{    position:sticky;    top:30px;    align-self:start;}.rokpb-summary-row{    display:flex;    justify-content:space-between;    gap:15px;    padding:10px 0;    border-bottom:1px solid #eee;}.rokpb-summary-row:last-child{    border-bottom:none;}.rokpb-summary-row span:last-child{    font-weight:700;}/*|--------------------------------------------------------------------------| Total Box|--------------------------------------------------------------------------*/.rokpb-total-box{    background:#0073aa;    color:#fff;    padding:20px;    border-radius:12px;    margin-bottom:20px;}.rokpb-total-box span{    display:block;    margin-bottom:10px;}.rokpb-total-box strong{    font-size:32px;    display:block;}/*|--------------------------------------------------------------------------| Quote Form|--------------------------------------------------------------------------*/.rokpb-quote-box input,.rokpb-quote-box textarea{    width:100%;    margin-bottom:12px;    padding:12px;    border:1px solid #ddd;    border-radius:8px;    box-sizing:border-box;}.rokpb-quote-box textarea{    resize:vertical;}/*|--------------------------------------------------------------------------| Button|--------------------------------------------------------------------------*/#rokpb-submit-quote{    width:100%;    border:none;    border-radius:10px;    padding:15px;    background:#0073aa;    color:#fff;    cursor:pointer;    font-size:16px;    font-weight:600;    transition:.3s;}#rokpb-submit-quote:hover{    background:#005e8a;}/*|--------------------------------------------------------------------------| Messages|--------------------------------------------------------------------------*/#rokpb-message{    margin-top:15px;}.rokpb-success{    color:#2e7d32;}.rokpb-error{    color:#c62828;}/*|--------------------------------------------------------------------------| Placeholder|--------------------------------------------------------------------------*/.rokpb-placeholder{    text-align:center;    padding:30px;    color:#888;    border:2px dashed #ddd;    border-radius:10px;}/*|--------------------------------------------------------------------------| Required Badge|--------------------------------------------------------------------------*/.rokpb-required{    background:#ff9800;    color:#fff;    padding:3px 8px;    border-radius:5px;    font-size:11px;    margin-left:8px;}/*|--------------------------------------------------------------------------| Canvas Accessories|--------------------------------------------------------------------------*/.konvajs-content{    margin:auto;}/*|--------------------------------------------------------------------------| Responsive|--------------------------------------------------------------------------*/@media (max-width:1200px){    .rokpb-layout{        grid-template-columns:            1fr;    }    .rokpb-summary-column{        position:relative;        top:auto;    }}@media (max-width:768px){    .rokpb-builder-wrapper{        padding:0 15px;    }    .rokpb-steps{        flex-direction:column;    }    .rokpb-total-box strong{        font-size:24px;    }    #rokpb-canvas{        height:500px;    }}