.hero-carousel .youtube-cover[hidden],.hero-youtube-controls[hidden]{display:none!important}
.hero-carousel .hero-visual:has(.hero-youtube){container-type:size}
.hero-carousel .hero-youtube{inset:auto;left:50%;top:50%;width:100%;height:100%;width:max(100%,177.778cqh);height:max(100%,56.25cqw);max-width:none;transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.hero-carousel:has(.hero-youtube) .hero-text{visibility:visible}
.hero-carousel .youtube-cover{z-index:4}
.hero-carousel .youtube-cover small{font-size:12px;line-height:1.5;max-width:240px;padding:8px 12px;border-radius:12px;background:#103d18e8;color:#fff}
.hero-youtube-controls{position:absolute;top:22px;right:5%;z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:75%}
.hero-youtube-controls button{min-height:44px;padding:10px 16px;border:1px solid #fff9;border-radius:999px;background:#fff;color:#117815;font-size:13px;font-weight:600;box-shadow:0 4px 20px #0002}
.hero-youtube-controls button:hover,.hero-youtube-controls button:focus-visible{background:#149119;color:#fff}
@media(max-width:600px){.hero-youtube-controls{top:18px;right:6%;max-width:88%;gap:6px}.hero-youtube-controls button{padding:9px 12px;font-size:12px}.hero-carousel .youtube-cover small{max-width:150px;font-size:11px}}