.place-card {
	height: 220px !important;
	aspect-ratio: 0.640909/1;
}
.place-card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0px;
}
.truly-hidden {
	display: none !important;
}
.games-carousel{
	display:flex;
	overflow-x:auto;
	gap:15px;
	padding:15px 0;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling:touch
}
.games-carousel::-webkit-scrollbar{
	height:8px
}
.games-carousel::-webkit-scrollbar-track{
	background:#2d2d2d;
	border-radius:10px
}
.games-carousel::-webkit-scrollbar-thumb{
	background:#555;
	border-radius:10px
}
.games-carousel::-webkit-scrollbar-thumb:hover{
	background:#777
}
.carousel-container{
	position:relative
}
.carousel-nav{
position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	background:rgba(0,0,0,.7);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	z-index:1;
	border:none;
	color:#fff
}
.carousel-nav:hover{
	background:rgba(0,0,0,.9)
}
.carousel-prev{
	left:10px
}
.carousel-next{
	right:10px
}
.carousel-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10px
}
.carousel-title{
	margin:0
}
.carousel-view-all{
	margin-left:15px
}
@media (max-width: 768px) {
    .place-card-container {
        justify-content: center;
        gap: 10px;
    }
    
    .games-carousel {
        padding: 10px 0;
        gap: 10px;
    }
    
    .carousel-nav {
        width: 35px;
        height: 35px;
    }
    
    .carousel-prev {
        left: 5px;
    }
    
    .carousel-next {
        right: 5px;
    }
}

.skeleton-box {
    background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}