/*
====================================================
InstaKAS Magazine Manager
Checkout Layout
====================================================
*/

.ikmm-checkout-wrapper{

    max-width:1200px;

    margin:40px auto;

    padding:20px;

}

.ikmm-checkout-grid{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:30px;

    align-items:start;

}

.ikmm-left-panel{
    position: sticky;
    top: 20px;
    align-self: start;
    height: fit-content;
}

.ikmm-right-panel{

    width:100%;

}

.ikmm-card{

    background:#ffffff;

    border:1px solid #e5e5e5;

    border-radius:12px;

    overflow:hidden;

    margin-bottom:25px;

    box-shadow:0 4px 15px rgba(0,0,0,.05);

}

.ikmm-card-header{

    background: #ff2d00;

    padding:15px 24px;

    border-bottom:1px solid #ececec;

}

.ikmm-card-header h2{

    margin:0;

    font-size:20px;

    font-weight:700;

    color: #fff;

}

.ikmm-card-body{

    padding:25px;

}

.ikmm-divider{

    margin:30px 0;

    border:none;

    border-top:1px solid #ececec;

}

.ikmm-section-title{

    margin-bottom:20px;

    font-size:20px;

    font-weight:700;

}

.ikmm-alert{

    max-width:900px;

    margin:50px auto;

    padding:20px;

    border-radius:8px;

}

.ikmm-alert-error{

    background:#ffeaea;

    color:#b70000;

}

.ikmm-alert-warning{

    background:#fff8df;

    color:#8a6d00;

}