/* Betongxanh homepage styles (external so edits don't need a rebuild) */
.bx-home { color:#222; }
.bx-home .container { max-width:1200px; margin:0 auto; padding:0 15px; }
.bx-heading { text-align:center; color:#16733a; font-weight:700; font-size:28px;
margin:0 0 28px; text-transform:uppercase; }
/* Hero — full screen slider */
.bx-hero { position:relative; overflow:hidden; height:100vh; }
.bx-hero-track { display:flex; height:100%;
transition:transform .8s cubic-bezier(.45,0,.15,1); }
.bx-hero-slide { position:relative; flex:0 0 100%; height:100%;
background-size:cover; background-position:center;
display:flex; align-items:center; }
.bx-hero-slide--fallback { background:linear-gradient(120deg,#0b3d1f,#16733a); }
.bx-hero-slide::after { content:''; position:absolute; inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,rgba(0,0,0,.35)); }
.bx-hero-caption { position:relative; z-index:2; color:#fff; max-width:1200px;
margin:0 auto; padding:0 40px; width:100%; text-align:left;
opacity:0; transform:translateY(34px); }
.bx-hero-slide.is-active .bx-hero-caption { animation:bxCaptionIn .9s .25s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes bxCaptionIn { to { opacity:1; transform:none; } }
/* Caption content comes entirely from ImagesAdver.Description (HTML).
Everything here styles that HTML — put plain /