.nagarya-wrapper{
position:relative;
padding:0 50px;
}

/* slider */
.nagarya-slider{
display:flex;
overflow-x:auto;
gap:20px;
padding:15px 0;
scroll-behavior:smooth;
scrollbar-width:none;
-ms-overflow-style:none;
scroll-snap-type:x mandatory;
}
.nagarya-slider::-webkit-scrollbar{display:none}

/* arrows desktop */
.nagarya-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#fff;
border-radius:50%;
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:5;
color:#5F430C;
font-size:18px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.nagarya-arrow.left{left:0;}
.nagarya-arrow.right{right:0;}

/* hide arrows mobile */
@media (max-width:768px){
.nagarya-arrow{display:none!important;}
.nagarya-wrapper{padding:0;}
.nagarya-slider{padding:0 10px;}
}

/* items */
.nagarya-item{
text-align:center;
color:#5F430C;
text-decoration:none;
min-width:100px;
font-family:'Heebo',sans-serif;
scroll-snap-align:start;
}

.nagarya-circle{
width:90px;
height:90px;
border-radius:50%;
background:#F6F2EE;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
margin-bottom:8px;
}

.nagarya-circle img{
width:100%;
height:100%;
object-fit:cover;
}