.hero-manager-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.hero-manager-heading h1{margin:.2rem 0 .45rem}.hero-manager-heading p:last-child{max-width:760px;margin:0;color:#536173}.hero-manager-summary{min-width:130px;padding:1rem 1.2rem;border:1px solid #d9e2eb;border-radius:14px;background:#fff;text-align:center}.hero-manager-summary strong{display:block;font-size:2rem;color:#071426}.hero-manager-summary span{color:#647185;font-size:.85rem}.hero-manager-policy{display:flex;gap:.75rem 1.25rem;align-items:center;padding:1rem 1.2rem;margin-bottom:1.5rem;border-left:4px solid #95c11f;border-radius:8px;background:#eef4f8}.hero-manager-policy span{color:#455367}.hero-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.hero-variant-card{overflow:hidden;border:1px solid #d8e1e9;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(7,20,38,.06)}.hero-variant-card.is-inactive{opacity:.72}.hero-variant-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:#071426}.hero-variant-preview img{display:block;width:100%;height:100%;object-fit:cover}.hero-variant-overlay{position:absolute;left:0;right:0;bottom:0;padding:2.8rem 1rem 1rem;color:#fff;background:linear-gradient(transparent,rgba(7,20,38,.92))}.hero-variant-overlay span,.hero-variant-overlay strong{display:block}.hero-variant-overlay span{margin-bottom:.25rem;color:#cde682;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.hero-state{position:absolute;top:.75rem;right:.75rem;padding:.3rem .62rem;border-radius:999px;background:#95c11f;color:#071426;font-size:.72rem;font-weight:800}.is-inactive .hero-state{background:#e0e5ea;color:#44505f}.hero-variant-card>details>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}.hero-variant-card>details>summary::-webkit-details-marker{display:none}.hero-variant-card>details>summary span:first-child{display:grid;gap:.18rem}.hero-variant-card>details>summary small{color:#6a7685}.hero-variant-card>details[open]>summary{border-bottom:1px solid #e5ebf0}.hero-variant-form{padding:1.15rem}.hero-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hero-form-grid label{display:grid;align-content:start;gap:.4rem}.hero-form-grid input,.hero-form-grid textarea{width:100%;box-sizing:border-box}.hero-field-wide{grid-column:1/-1}.hero-form-grid small{color:#6a7685}.hero-active-control{display:flex!important;align-items:center;gap:.55rem;margin:1rem 0}.hero-active-control input{width:auto}.hero-form-actions{display:flex;justify-content:flex-end}.hero-delete-form{margin:0 1.15rem 1.15rem;padding:1rem;border:1px solid #efd2d2;border-radius:10px;background:#fff8f8}.hero-delete-form label{display:grid;gap:.4rem}.hero-delete-form button{margin:.75rem 0;background:#842a2a}.hero-delete-form small{display:block;color:#775858}.hero-create-panel{margin-top:1.5rem;border:1px solid #cdd9e4;border-radius:14px;background:#fff}.hero-create-panel>summary{padding:1.1rem 1.25rem;cursor:pointer;font-weight:800;color:#071426}.hero-create-panel[open]>summary{border-bottom:1px solid #e5ebf0}
@media(max-width:900px){.hero-variant-grid{grid-template-columns:1fr}.hero-manager-heading{align-items:flex-start}.hero-manager-summary{min-width:110px}}
@media(max-width:620px){.hero-manager-heading,.hero-manager-policy{display:grid}.hero-manager-summary{text-align:left}.hero-form-grid{grid-template-columns:1fr}.hero-field-wide{grid-column:auto}.hero-variant-overlay{padding:2rem .8rem .75rem}.hero-variant-card>details>summary{align-items:flex-start}}