#cfx-viewport, #cfx-viewport *{box-sizing:border-box}
#cfx-viewport{position:relative;width:100%;overflow:hidden;isolation:isolate;pointer-events:auto}
#cfx-viewport .cfx-track{display:flex!important;gap:24px!important;align-items:stretch!important;pointer-events:auto}
#cfx-viewport .cfx-card{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;position:relative!important;cursor:pointer;z-index:10;pointer-events:auto}
#cfx-viewport .cfx-card.main{flex-basis:calc((100% - 48px)*.6)!important}
#cfx-viewport .cfx-card.overlay{flex-basis:calc((100% - 48px)*.2)!important}
#cfx-viewport .cfx-media-wrap{width:100%;overflow:hidden;position:relative;height:auto}
#cfx-viewport .cfx-card.overlay .cfx-media-wrap{flex:1 1 auto;height:100%}
#cfx-viewport .cfx-card__media{width:100%;height:100%;object-fit:cover;display:block}
#cfx-viewport .cfx-media-placeholder{width:100%;height:240px;background:#ddd}
#cfx-viewport .cfx-overlay-title{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;padding:6px 10px;font-size:14px;line-height:1.4;z-index:2;pointer-events:none}
#cfx-viewport .cfx-card.main .cfx-card__body{visibility:hidden;opacity:0;pointer-events:none}
#cfx-viewport .cfx-card.overlay .cfx-card__body{display:none!important}
.cfx-floating{position:absolute;left:0;bottom:0;background:#fff;opacity:1;z-index:9999 !important;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.cfx-floating .cfx-btn{pointer-events:auto}
.cfx-btn{display:inline-block;padding:8px 12px;background:#0ea5a4;color:#fff;text-decoration:none;border-radius:6px}
/* fade in/out chỉ áp dụng text */
.cfx-floating h3,
.cfx-floating p,
.cfx-floating .cfx-btn {
  opacity:1;
  transition:opacity .4s ease;
}
.cfx-fade-out {opacity:0 !important;}
.cfx-fade-in {opacity:1 !important;}