.gallery-box{

margin-top:30px;

padding:25px;

background:#fff;

border-radius:18px;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:18px;

margin-top:25px;

}

.gallery-item{

position:relative;

border-radius:15px;

overflow:hidden;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.gallery-item img{

width:100%;

aspect-ratio:1;

object-fit:cover;

display:block;

}

.delete-gallery{

position:absolute;

top:10px;

right:10px;

width:32px;

height:32px;

border:none;

border-radius:50%;

background:#ef4444;

color:#fff;

cursor:pointer;

font-size:18px;

}

@media(max-width:768px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

.gallery-item{

cursor:move;

transition:.25s;

}

.gallery-item:hover{

transform:scale(1.02);

}

.gallery-item.sortable-ghost{

opacity:.4;

}

.gallery-item.sortable-chosen{

transform:scale(1.04);

}