.up-page{}

.up-hero{position:relative}
.up-hero-grid{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);align-items:center;gap:var(--space-5)}
.up-hero-text{max-width:600px}
.up-hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}
.up-hero-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}

@media(max-width:900px){
.up-hero-grid{grid-template-columns:1fr}
.up-hero-text{max-width:100%}
}

.up-occasions-grid{align-items:stretch}
.up-card{text-align:center}

.up-formats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.up-formats-text{max-width:560px}
.up-formats-image{display:flex;justify-content:center}

@media(max-width:900px){
.up-formats-grid{grid-template-columns:1fr}
.up-formats-text{max-width:100%}
}

.up-personalization-grid > *{min-width:0}

.up-process .up-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:center}
.up-step{display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.up-process .up-timeline{grid-template-columns:1fr}
}

.up-atmosphere{position:relative;overflow:hidden}
.up-atmosphere img{height:420px;width:100%;object-fit:cover}
.up-atmosphere-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:var(--space-5);background:linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.5))}
.up-atmosphere-overlay h2,.up-atmosphere-overlay p{color:#fff;max-width:700px;margin-inline:auto}

.up-faq-panel{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.up-faq-question{width:100%;text-align:left;font-weight:600;padding:var(--space-3)}
.up-faq-answer{display:none;padding:0 var(--space-3) var(--space-3)}
.up-faq-item.active .up-faq-answer{display:block}

.up-cta{display:flex;justify-content:center}
.up-cta-box{max-width:600px;text-align:center;background:var(--color-primary-gradient);color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.up-cta-box h2,.up-cta-box p{color:#fff}