/* Template gallery + occasion pages. */

.occasion-hero{ position: relative; padding: 64px 0 50px; overflow: hidden; }
.occasion-hero__grid{ display: grid; gap: 36px; align-items: center; grid-template-columns: 1fr; }
@media (min-width: 860px){ .occasion-hero__grid{ grid-template-columns: 1fr .8fr; } }
.occasion-hero__media{ border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 16/10; box-shadow: var(--shadow-soft); }
.occasion-hero__media img{ width: 100%; height: 100%; object-fit: cover; }
.occasion-hero__price{ display: inline-block; margin-top: 18px; padding: 8px 18px; border-radius: 999px; border: 1px solid var(--gold-line); font-size: 14px; color: var(--gold-deep); }

.filter-bar{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 44px; }
.filter-chip{ border: 1px solid var(--gold-line); background: var(--paper); padding: 9px 18px; border-radius: 999px; font-size: 14px; color: var(--ink-soft); transition: background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease), border-color var(--dur-micro) var(--ease); }
.filter-chip:hover{ border-color: var(--gold); }
.filter-chip.is-active{ background: var(--ink); color: var(--paper); border-color: var(--ink); }

.tpl-grid{ display: grid; gap: 26px; grid-template-columns: 1fr; }
@media (min-width: 620px){ .tpl-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 960px){ .tpl-grid{ grid-template-columns: repeat(3,1fr); } }

.tpl-card{ display: block; position: relative; border-radius: var(--radius-lg); overflow: hidden; background: var(--paper); box-shadow: var(--shadow-card);
  transition: transform var(--dur-micro) var(--ease), box-shadow var(--dur-micro) var(--ease); }
a.tpl-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow-soft); }
.tpl-card--soon{ opacity: .82; }
.tpl-card__media{ aspect-ratio: 4/5; overflow: hidden; }
.tpl-card__media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
a.tpl-card:hover .tpl-card__media img{ transform: scale(1.05); }
.tpl-card__body{ padding: 20px 20px 24px; }
.tpl-card__badge{ display: inline-block; font-size: 11.5px; letter-spacing: .04em; padding: 4px 10px; border-radius: 999px; margin-bottom: 10px; }
.tpl-card__badge--live{ background: rgba(62,107,58,.14); color: #2F5A2B; }
.tpl-card__badge--soon{ background: rgba(138,106,46,.12); color: var(--gold-deep); }
.tpl-card__tag{ color: var(--ink-faint); font-size: 14px; margin: 4px 0 12px; }
.tpl-card__link{ font-size: 14px; color: var(--gold-deep); font-style: italic; }

.gallery-note{ text-align: center; max-width: 560px; margin: 40px auto 0; color: var(--ink-faint); font-size: 14.5px; }