.sg-title {
    margin-top: 20px; text-align: center;
}








.smart-gallery{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
margin:0px 0; padding: 20px;
}

.sg-item{
margin:0;
}

.sg-link{
display:block;
text-decoration:none;
}

.sg-image{
display:block;
width:100%;
height:auto;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
transition:.25s;
}

.sg-image:hover{
transform:scale(1.02);
}

.sg-item figcaption{
margin-top:0px;
font-size:1px;
text-align:center;
line-height:1.5;
}

@media(max-width:991px){
.smart-gallery{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:767px){
.smart-gallery{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:480px){
.smart-gallery{
grid-template-columns:1fr;
}
}


/* -----------------------------
   Theme Compatibility
------------------------------ */

.single-content .smart-gallery figure.sg-item{
margin:0 !important;
padding:0 !important;
}

.smart-gallery .sg-link{
display:block;
line-height:0;
text-decoration:none;
}

.smart-gallery .sg-link br{
display:none !important;
}

.smart-gallery .sg-image{
display:block;
max-width:100%;
height:auto;
}





.sg-information{

display:grid;

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

gap:16px;

margin:25px 0;

}

.sg-info-item{

padding:15px;

background:#fff;

border:1px solid #eee;

border-radius:10px;

text-align:center;

}

.sg-info-item strong{

display:block;

font-size:18px;

margin-bottom:6px;

}

.sg-info-item span{

font-size:13px;

color:#777;

}

@media(max-width:768px){

.sg-information{

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

}

}


.sg-navigation{

display:flex;

justify-content:space-between;

gap:20px;

margin:40px 0;

padding-top:20px;

border-top:1px solid #eee;

}

.sg-nav{

display:block;

max-width:48%;

text-decoration:none;

font-weight:600;

}

.sg-prev{

text-align:left;

}

.sg-next{

text-align:right;

margin-left:auto;

}

@media(max-width:768px){

.sg-navigation{

flex-direction:column;

}

.sg-nav{

max-width:100%;

}

}








/* -----------------------------
   RELATED
------------------------------ */


.sg-related{

margin:60px 0;

}

.sg-related h2{

margin-bottom:20px;

font-size:28px; text-align: center;

}

.sg-related-grid{

display:grid;

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

gap:20px; padding: 20px;

}

.sg-related-card{

display:block;

text-decoration:none;

color:inherit;

}

.sg-related-card img{

width:100%;

aspect-ratio:1/1;

object-fit:cover;

border-radius:12px;

display:block;

}

.sg-related-card h3{

margin-top:10px;

font-size:16px;

line-height:1.5;

}

@media(max-width:991px){

.sg-related-grid{

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

}

}

@media(max-width:480px){

.sg-related-grid{

grid-template-columns:1fr;

}

}