/* Packages Page Styles */

.filter-tabs { display: flex; justify-content: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: var(--space-xl); }
.filter-tab { padding: 0.6rem 1.5rem; border-radius: 50px; font-size: var(--fs-small); font-weight: var(--fw-medium); color: var(--clr-text-light); background: var(--clr-bg-warm); border: 1.5px solid transparent; cursor: pointer; transition: all var(--transition); }
.filter-tab:hover { color: var(--clr-primary); border-color: rgba(var(--clr-primary-rgb),.2); }
.filter-tab.active { background: var(--clr-primary); color: #fff; border-color: var(--clr-primary); }

.packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.packages-grid .card { display: flex; flex-direction: column; }
.packages-grid .card__body { flex: 1; }

.card__inclusions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: var(--space-sm); }
.card__inclusion { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0.7rem; background: rgba(var(--clr-primary-rgb),.06); border-radius: 50px; font-size: var(--fs-xs); color: var(--clr-primary); font-weight: var(--fw-medium); }
.card__inclusion svg { width: 14px; height: 14px; }

.package-hidden { display: none !important; }

@media(max-width:1024px) { .packages-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:480px) { .packages-grid { grid-template-columns: 1fr; } }