.profile-detail{
    display:grid;
    grid-template-columns:1.4fr .9fr;
    gap:28px;
    margin-top:28px;
}

.profile-gallery,.contact-panel,.content-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:26px;
    padding:22px;
    box-shadow:0 18px 45px rgba(15,23,42,.06);
}

.main-photo{
    height:520px;
    border-radius:22px;
    background:linear-gradient(135deg,#111827,#ec4899);
    color:white;
    font-size:120px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
}

.thumb-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:14px;
}

.thumb-row div{
    height:110px;
    border-radius:16px;
    background:#fff1f7;
    color:#ec4899;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
}

.badge-live{
    display:inline-block;
    background:#dcfce7;
    color:#16a34a;
    padding:9px 14px;
    border-radius:999px;
    font-weight:900;
}

.contact-panel h1{
    font-size:38px;
    margin:18px 0 8px;
}

.verify-row,.social-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0;
}

.verify-row span,.social-buttons a{
    background:#fce7f3;
    color:#db2777;
    padding:9px 12px;
    border-radius:999px;
    font-weight:800;
    text-decoration:none;
}

.phone-btn{
    display:block;
    background:#111827;
    color:white;
    padding:16px;
    border-radius:16px;
    text-align:center;
    font-weight:900;
    text-decoration:none;
}

.profile-tabs{
    display:flex;
    gap:12px;
    margin:28px 0;
    overflow:auto;
}

.profile-tabs a{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:999px;
    padding:12px 18px;
    font-weight:800;
}

.profile-content-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

@media(max-width:900px){
    .profile-detail,.profile-content-grid{
        grid-template-columns:1fr;
    }
}
grep -n "ltg-grid" css/app.css



grep -n "ltg-grid" css/app.css
cp public/css/app.css css/app.css
php artisan optimize:clear
grep -n "ltg-grid" css/app.css
ls
css
/* Homepage */
.ltg-search{
display:grid;
grid-template-columns:2fr .8fr .8fr .8fr auto;
gap:18px;
margin:34px auto;
max-width:1750px;
padding:0 38px;
}

.search-input{
display:flex;
align-items:center;
gap:12px;
padding:0 18px;
height:64px;
border:1px solid #e5e7eb;
border-radius:16px;
background:#fff;
}

.search-input input{
border:none;
outline:none;
width:100%;
font-size:16px;
}

.ltg-search select,
.ltg-search button{
height:64px;
border-radius:16px;
border:1px solid #e5e7eb;
padding:0 16px;
}

.ltg-search button{
background:#ec0b5f;
color:#fff;
font-weight:700;
cursor:pointer;
border:none;
}

.ltg-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:24px;
max-width:1750px;
margin:40px auto;
padding:0 38px;
}

.ltg-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.ltg-photo{
height:280px;
background:linear-gradient(135deg,#111827,#ec4899);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.ltg-initial{
font-size:90px;
font-weight:900;
color:#fff;
}

.ltg-info{
padding:18px;
}

.ltg-name{
display:flex;
justify-content:space-between;
align-items:center;
}

.ltg-tags{
display:flex;
gap:8px;
flex-wrap:wrap;
margin:14px 0;
}

.ltg-tags span{
background:#fde7f3;
color:#db2777;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
}

.ltg-btn{
display:block;
margin-top:18px;
background:#ec0b5f;
color:#fff;
text-align:center;
padding:14px;
border-radius:12px;
text-decoration:none;
font-weight:700;
}
/* Responsive */

@media (max-width: 1400px) {
    .ltg-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1100px) {
    .ltg-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .ltg-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ltg-search {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .ltg-grid {
        grid-template-columns: 1fr;
    }

    .ltg-search {
        grid-template-columns: 1fr;
    }
}
