.hero{position:relative;background-image:url("assets/hero-themes/default.png")!important;overflow:hidden}
.hero-theme-image{position:absolute;inset:0;z-index:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:1;transition:opacity .6s ease}
.hero>*:not(.season-effects-layer):not(.hero-theme-image){position:relative;z-index:2}
.hero-theme-control{display:inline-flex;align-items:center;gap:7px;margin-left:8px;white-space:nowrap}
.hero-theme-switch{appearance:none;border:1px solid rgba(45,38,31,.5);background:#f8f5ee;color:#211d19;padding:7px 8px;font:700 10px Arial,sans-serif;letter-spacing:1px;cursor:pointer;max-width:180px}
.hero-theme-switch:hover,.hero-theme-switch:focus-visible{border-color:#c62020;outline:none}
.hero-theme-suggestion{color:#6b6359;font:italic 10px Georgia,serif}.hero-theme-suggestion strong{color:#c62020;font-style:normal}.hero-theme-suggestion button{border:0;background:none;color:#c62020;padding:0;cursor:pointer;font:700 9px Arial,sans-serif;letter-spacing:.5px}.hero-theme-suggestion .suggestion-dismiss{color:#6b6359;font-size:14px;margin-left:2px}
@media(max-width:700px){.hero-theme-control{margin-left:2px;gap:3px}.hero-theme-switch{max-width:94px;padding:6px 4px;font-size:8px;letter-spacing:.3px}.hero-theme-suggestion{display:none}.hero-theme-image{background-size:cover;background-position:center}}
@media(prefers-reduced-motion:reduce){.hero-theme-image{transition:none}}

/* Ensure the generated theme layer wins over the legacy child-position rule. */
.hero>.hero-theme-image{position:absolute!important;inset:0!important;display:block!important;z-index:0!important;width:100%;height:100%;pointer-events:none}