.onchair-galeria-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(120px,1fr));

gap:12px;

margin-top:15px;

}

.onchair-galeria-grid img{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

border-radius:12px;

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

}

.onchair-item-galeria form{
display:block !important;
margin-top:8px;
}

.onchair-item-galeria button{
display:inline-block !important;
opacity:1 !important;
visibility:visible !important;
background:#e53935;
color:white;
border:none;
padding:6px 10px;
cursor:pointer;
border-radius:6px;
font-size:12px;
}

.onchair-item-galeria{
position:relative;
display:inline-block;
}

.onchair-delete-btn{
position:absolute;
top:6px;
right:6px;
background:red;
color:white;
border:none;
border-radius:50%;
width:28px;
height:28px;
cursor:pointer;
font-size:14px;
}

.onchair-galeria-grid{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
gap:15px;

}


.onchair-galeria-item{

position:relative;

}


.onchair-galeria-item img{

width:100%;
height:140px;
object-fit:cover;

border-radius:10px;

display:block;

}


/* BOTÃO LIXEIRA */

.onchair-btn-excluir-foto{

position:absolute;

top:8px;
right:8px;

width:32px;
height:32px;

border:none;

border-radius:50%;

background:rgba(0,0,0,0.6);

color:#fff;

font-size:16px;

cursor:pointer;

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

transition:.2s;

}


/* hover elegante */

.onchair-btn-excluir-foto:hover{

background:#ff3b30;

transform:scale(1.1);

}

/* GRID */

.onchair-galeria-publica{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(140px,1fr));

gap:12px;

margin-top:20px;

}


.onchair-thumb{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

border-radius:10px;

cursor:pointer;

transition:.2s;

}


.onchair-thumb:hover{

transform:scale(1.04);

}


/* LIGHTBOX */

#onchair-lightbox{

display:none;

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.9);

justify-content:center;

align-items:center;

z-index:9999;

}


#onchair-lightbox img{

max-width:90%;

max-height:80%;

border-radius:10px;

}


/* BOTÕES */

.onchair-close{

position:absolute;

top:20px;

right:30px;

font-size:40px;

color:white;

cursor:pointer;

}


.onchair-prev,
.onchair-next{

position:absolute;

top:50%;

transform:translateY(-50%);

font-size:50px;

color:white;

cursor:pointer;

padding:10px;

}

.onchair-prev{

left:20px;

}

.onchair-next{

right:20px;

}