/*==================================================
CHECKOUT SUMMARY PREMIUM
==================================================*/

.checkout-summary-card{

    border:0;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.checkout-summary-card .card-header{

    background:#111;
    color:#fff;
    padding:16px 20px;

}

.checkout-product{

    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid #f1f1f1;

}

.checkout-product:last-child{

    border-bottom:none;

}


/* FOTO */

.checkout-photo{

    width:60px;
    height:60px;
    flex-shrink:0;

}

.checkout-photo img{

    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
    display:block;

}


/* INFO */

.checkout-info{

    flex:1;
    min-width:0;

}

.checkout-name{

    font-size:14px;
    font-weight:600;
    line-height:1.35;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

}

.checkout-size{

    margin-top:4px;

}

.checkout-size .badge{

    background:#f5f5f5 !important;
    color:#666 !important;
    font-size:11px;
    font-weight:500;
    padding:3px 7px;
    border-radius:20px;

}

.checkout-price{

    margin-top:5px;
    font-size:15px;
    font-weight:700;
    color:#111;

}

.checkout-qty{

    font-size:14px;
    color:#888;
    font-weight:600;
    white-space:nowrap;
}


/* TOTAL */

.summary-row{

    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
    font-size:14px;

}

.summary-total{

    display:flex;
    justify-content:space-between;
    align-items:center;

}

.summary-total h3{

    color:#ee4d2d;
    font-weight:700;
    font-size:24px;

}

.checkout-button{

    height:50px;
    border-radius:10px;
    font-size:16px;
    font-weight:600;

}

.checkout-safe{

    text-align:center;
    color:#777;
    font-size:12px;
}


/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.checkout-summary-card{

    border-radius:14px;

}

.checkout-summary-card .card-body{

    padding:15px;

}

.checkout-product{

    gap:8px;
    padding:8px 0;

}

.checkout-photo{

    width:42px;
    height:42px;

}

.checkout-photo img{

    border-radius:6px;

}

.checkout-name{

    font-size:13px;
    line-height:1.25;

}

.checkout-size{

    margin-top:2px;

}

.checkout-size .badge{

    font-size:10px;
    padding:2px 6px;

}

.checkout-price{

    margin-top:3px;
    font-size:13px;

}

.checkout-qty{

    font-size:12px;

}

.summary-row{

    font-size:13px;

}

.summary-total h3{

    font-size:20px;

}

.checkout-button{

    height:46px;
    font-size:15px;

}

.checkout-safe{

    font-size:11px;

}

}
/*==================================================
CUSTOMER FORM PREMIUM
==================================================*/

.customer-card{

    border:0;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.customer-card .card-header{

    background:#fff;
    padding:20px 25px;
    border-bottom:1px solid #eee;

}

.customer-icon{

    width:46px;
    height:46px;
    border-radius:12px;
    background:#111;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-right:15px;

    font-size:20px;

}

.customer-card .form-label{

    font-weight:600;
    margin-bottom:8px;

}

.customer-card .form-control,
.customer-card .form-select{

    height:52px;
    border-radius:12px;
    border:1px solid #ddd;

    transition:.25s;

}

.customer-card textarea.form-control{

    height:auto;
    min-height:110px;
    resize:vertical;

}

.customer-card .form-control:focus,
.customer-card .form-select:focus{

    border-color:#111;
    box-shadow:0 0 0 .2rem rgba(0,0,0,.08);

}

.customer-card .form-control::placeholder{

    color:#999;

}


/* MOBILE */

@media(max-width:768px){

.customer-card .card-header{

padding:18px;

}

.customer-card .card-body{

padding:18px;

}

.customer-icon{

width:40px;
height:40px;

font-size:18px;

margin-right:12px;

}

.customer-card h4{

font-size:18px;

}

.customer-card .form-control,
.customer-card .form-select{

height:48px;

font-size:14px;

}

.customer-card textarea.form-control{

min-height:90px;

}

}
.form-control,
.form-select{
    border-radius:14px;
    border:1px solid #dee2e6;
    transition:.25s ease;
}

.form-control:focus,
.form-select:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);
}

.card{
    overflow:hidden;
}

.card-header{
    border:none;
}

.alert-info{
    background:#eef7ff;
}

.badge{
    border-radius:30px;
    font-size:.8rem;
    font-weight:600;
}

.form-label{
    margin-bottom:.45rem;
}

textarea.form-control{
    resize:none;
}

.bg-opacity-10{
    background:rgba(13,110,253,.08)!important;
}