.focus-gallery{
padding:120px 20px;
background:#f7f4ec;
text-align:center;
}

.fg-header{
max-width:700px;
margin:auto;
margin-bottom:60px;
}

.fg-tag{
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
color:#b8963d;
}

.fg-header h2{
font-family:'Playfair Display', serif;
font-size:42px;
color:#b8963d;
margin:10px 0;
}

.fg-header p{
color:#666;
}

.fg-carousel{
position:relative;
max-width:1000px;
margin:auto;
}

.fg-slider{
position:relative;
height:520px;
overflow:hidden;
border-radius:18px;
box-shadow:0 30px 60px rgba(0,0,0,0.15);
}

.fg-slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transform:scale(1.05);
transition:all .8s ease;
}

.fg-slide.active{
opacity:1;
transform:scale(1);
}

.fg-slide img{
width:100%;
height:100%;
object-fit:cover;
}

.fg-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:white;
border:none;
width:46px;
height:46px;
border-radius:50%;
box-shadow:0 8px 18px rgba(0,0,0,0.2);
cursor:pointer;
font-size:20px;
z-index:5;
}

.fg-prev{
left:-20px;
}

.fg-next{
right:-20px;
}

.fg-dots{
margin-top:25px;
display:flex;
justify-content:center;
gap:10px;
}

.fg-dot{
width:10px;
height:10px;
background:#ddd;
border-radius:50%;
cursor:pointer;
transition:.3s;
}

.fg-dot.active{
background:#b8963d;
transform:scale(1.3);
}

@media(max-width:900px){

.fg-slider{
height:360px;
}

.fg-header h2{
font-size:32px;
}

}