/* Approved frame-event layout only. Type/color/surfaces/actions are shared bj components. */
.frame-event { width:100%; }
.frame-event__back { padding-top:var(--bj-space-2); }
.frame-event__intro { padding-top:var(--bj-space-2); }
.frame-event__hero { display:grid; grid-template-columns:minmax(0,312px) minmax(0,1fr); gap:var(--bj-space-3); }
.frame-event__heading { display:flex; min-width:0; min-height:282px; flex-direction:column; align-items:flex-start; }
.frame-event__lead-line { display:block; }
.frame-event__lead { margin-top:var(--bj-space-2)!important; }
.frame-event__hero-actions { display:flex; flex-direction:column; align-items:flex-start; gap:var(--bj-space-2); margin-top:auto; }
.frame-event__hero-media { display:block; min-width:0; height:282px; overflow:hidden; }
.frame-event__hero-media img { display:block; width:100%; height:100%; object-fit:cover; }
.frame-event .bj-section-heading { gap:20px; }
.frame-event__how { display:grid; gap:var(--bj-space-3); }
.frame-event__how .bj-section-heading { margin:0; }
.frame-event__steps .bj-step-list__item { min-height:138px; padding-bottom:var(--bj-space-2); }
.frame-event__groups { display:grid; gap:var(--bj-space-4); }
.frame-event__group-heading { display:flex; align-items:baseline; gap:var(--bj-space-2); margin-bottom:var(--bj-space-3); }
.frame-event__products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.frame-event__product { min-width:0; }
.frame-event__product-media { display:block; aspect-ratio:5/6; overflow:hidden; }
.frame-event__product-media img { display:block; width:100%; height:100%; object-fit:cover; }
.frame-event__product-copy { margin-top:var(--bj-space-2)!important; }
.frame-event .bj-secondary-action--navigation { min-width:320px; }
@media(max-width:767px) {
 .frame-event__lead-line { display:inline; }
 .frame-event__hero { grid-template-columns:minmax(0,1fr); gap:24px; }
 .frame-event__heading { min-height:0; align-items:stretch; }
 .frame-event__hero-actions { margin-top:var(--bj-space-2); align-items:stretch; gap:var(--bj-space-1); }
 .frame-event__hero-actions .bj-text-link { align-self:flex-start; }
 .frame-event__hero-media { height:auto; aspect-ratio:358/224; }
 .frame-event .bj-section-heading { gap:var(--bj-space-2); }
 .frame-event__how { gap:24px; }
 .frame-event__steps .bj-step-list__item { min-height:0; padding-bottom:24px; }
 .frame-event__groups { gap:40px; }
 .frame-event__group-heading { flex-wrap:wrap; gap:var(--bj-space-1) var(--bj-space-2); margin-bottom:24px; }
 .frame-event__products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px var(--bj-space-2); }
 .frame-event .bj-secondary-action--navigation { width:100%; min-width:0; }
 .frame-event .bj-content-actions > .bj-primary-action { width:100%; }
}