body{

background:#f4f7fb;

}

.card{

border:none;

border-radius:12px;

}

.card-header{

font-size:18px;

font-weight:600;

}

.form-control{

border-radius:8px;

}

img{

border-radius:10px;

}
.segment-card{

border:2px solid #ddd;

border-radius:12px;

padding:15px;

cursor:pointer;

transition:.3s;

background:white;

text-align:center;

height:100px;

display:flex;

justify-content:center;

align-items:center;

}

.segment-card:hover{

border-color:#0d6efd;

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

}

.segment-card.active{

border:3px solid #0d6efd;

background:#eef5ff;

}

.segment-card img{

max-height:45px;

width:auto;

}

.brand-dropdown{
    position:relative;
}

.brand-selected{
    border:1px solid #ced4da;
    border-radius:6px;
    padding:10px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff;
}

.brand-selected img{
    width:35px;
    height:35px;
    object-fit:contain;
}

.brand-list{
    display:none;
    position:absolute;
    width:100%;
    background:#fff;
    border:1px solid #ddd;
    max-height:350px;
    overflow-y:auto;
    z-index:999;
}

.brand-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    cursor:pointer;
}

.brand-item img{
    width:35px;
    height:35px;
    object-fit:contain;
}

.brand-item:hover{
    background:#f5f5f5;
}
.take-photo-btn{

    width:100%;

    height:45px;

    border-radius:10px;

    font-weight:600;

    cursor:pointer;

}

.photo-preview{

    display:none;

    max-height:180px;

    width:auto;

    border-radius:10px;

    margin-top:10px;

}