.zp-main{display:block}

.zp-hero{position:relative}
.zp-hero-video iframe{width:100%;aspect-ratio:16/9;border:0}
.zp-hero-overlay{position:absolute;top:20%;left:40px;max-width:520px;background:rgba(255,255,255,0.9);padding:24px;border-radius:12px}
.zp-hero-lead{font-weight:500}

@media(max-width:1000px){
.zp-hero-overlay{position:static;margin:16px}
}

.zp-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zp-card{min-width:0}

@media(max-width:900px){
.zp-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.zp-live-grid{grid-template-columns:1fr}
}

.zp-upcoming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.zp-up-item{border-top:1px solid var(--color-accent-bronze);padding-top:16px}

@media(max-width:900px){
.zp-upcoming-grid{grid-template-columns:1fr}
}

.zp-feature{display:grid;grid-template-columns:60% 40%;gap:40px;align-items:center}
.zp-feature-img img{border-radius:12px}

@media(max-width:800px){
.zp-feature{grid-template-columns:1fr}
}

.zp-detail{max-width:700px;margin-inline:auto}
.zp-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}

.zp-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:900px){
.zp-how-grid{grid-template-columns:1fr}
}

.zp-editorial{max-width:680px;margin-inline:auto}

.zp-reco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zp-reco-card img{border-radius:12px;margin-bottom:16px}
@media(max-width:900px){
.zp-reco-grid{grid-template-columns:1fr}
}

.zp-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}