/* ═══ 4 BAO GIA CARDS — trong cột chính ═══ */
.bg-4cards{padding:0 0 24px}
.bg-4cards-inner{padding:0}
.bg-4cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,40vh);gap:12px;margin:0}

.bg-4card{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s,box-shadow .3s;background-size:cover;background-position:center;isolation:isolate}
.bg-4card::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.18) 60%);z-index:1;transition:opacity .3s}
.bg-4card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.18)}
.bg-4card:hover::before{opacity:0.88}
.bg-4card-body{position:relative;z-index:2;padding:24px 18px}

.bg-4card-icon{margin:0 0 10px}
.bg-4card-icon svg{width:32px;height:32px;stroke:#fff;stroke-width:1.5;fill:none}
.bg-4card-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:rgba(255,255,255,0.7);margin:0 0 4px}
.bg-4card-title{font-size:27px;font-weight:800;color:#fff;letter-spacing:-0.02em;line-height:1.15;margin:0 0 4px;text-transform:uppercase}
.bg-4card-sub{font-size:11px;color:rgba(255,255,255,0.55);line-height:1.4;margin:0}

/* Arrow circle */
.bg-4card-arrow{position:absolute;bottom:16px;right:16px;z-index:2;width:36px;height:36px;border-radius:50%;background:#E20612;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(226,6,18,0.18),0 6px 20px rgba(226,6,18,0.25);transition:transform .5s cubic-bezier(0.34,1.56,0.64,1)}
.bg-4card-arrow svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5;fill:none}
.bg-4card:hover .bg-4card-arrow{transform:scale(1.15)}

@media(max-width:600px){
  .bg-4cards-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:8px}.bg-4card{height:40vh}
  .bg-4card-title{font-size:24px}
}