.yatra-activity-image {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.yatra-activity-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.yatra-activity-icon-wrapper,
.yatra-activity-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.yatra-activity-icon-wrapper {
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
color: #4b5563;
}
.yatra-activity-icon {
width: 100%;
height: 100%;
object-fit: contain;
}
.yatra-activity-placeholder {
background-color: #f3f4f6;
}
.yatra-activity-placeholder-text {
font-weight: 600;
font-size: 1.25rem;
letter-spacing: 0.08em;
} .yatra-activity-listing .yatra-view-toggle .yatra-view-btn svg {
display: block;
}  .yatra-activity-grid .yatra-activity-card {
display: flex;
flex-direction: column;
} .yatra-activity-grid.list-view {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.yatra-activity-grid.list-view .yatra-activity-card {
flex-direction: row;
}
.yatra-activity-grid.list-view .yatra-activity-image {
flex: 0 0 260px;
}
.yatra-activity-grid.list-view .yatra-activity-content {
flex: 1 1 auto;
} .yatra-listing-pagination .yatra-pagination-btn.disabled {
opacity: 0.5;
cursor: default;
pointer-events: none;
}