.patung-hero{
max-width:1000px;
margin:auto;
}

.patung-featured{
position:relative;
width:100%;
aspect-ratio:16/9;
overflow:hidden;
border-radius:10px;
}

.patung-featured img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
border-radius:8px;
}

.patung-featured h2{
position:absolute;
bottom:20px;
left:20px;
right:20px;

color:#fff;
font-size:24px;
font-weight:700;

background:linear-gradient(transparent,rgba(0,0,0,.7));
padding:15px;
border-radius:6px;
}

.patung-thumbs{
display:flex;
gap:8px;
margin-top:10px;
overflow-x:auto;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
}

.patung-thumb{
flex:0 0 auto;
width:120px;
height:70px;
object-fit:cover;
cursor:pointer;
opacity:.7;
border-radius:6px;
}

.patung-thumb.active{
opacity:1;
border:2px solid #cfc040;
}

.patung-thumbs::-webkit-scrollbar{
display:none;
}