/* .sponsor-bar,
.sponsor-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
} */

.sponsor-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 !important;
}


.sponsor.chip {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  line-height: 0 !important;
}


.sponsor.chip::before,
.sponsor.chip::after {
  content: none !important;
  display: none !important;
}


.sponsor img {
  height: 60px;          
  width: auto;
  display: block;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  background: transparent !important;
}


.sponsor .cap { display: none !important; }


.x-modal{position:fixed;inset:0;z-index:9999;display:block;pointer-events:none}
.x-modal[aria-hidden="true"]{opacity:0}
.x-modal[aria-hidden="false"]{opacity:1;pointer-events:auto}

.x-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(6px);
  opacity:.0;transition:opacity .28s ease;
}
.x-modal[aria-hidden="false"] .x-overlay{opacity:1}

.x-sheet{
  position:relative;max-width:860px;width:calc(100% - 32px);
  margin:6vh auto;background:var(--panel);color:var(--text);
  border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:var(--shadow);
  transform:translateY(12px) scale(.96);opacity:.0;
  transition:transform .32s cubic-bezier(.22,.9,.24,1), opacity .22s ease;
}
html[data-theme="dark"] .x-sheet{border-color:rgba(255,255,255,.08)}

.x-modal[aria-hidden="false"] .x-sheet{
  transform:translateY(0) scale(1);opacity:1;
}

.x-grid{display:grid;grid-template-columns:320px 1fr;gap:0}
@media (max-width:820px){.x-grid{grid-template-columns:1fr}}

.x-left{padding:16px;border-right:1px solid rgba(0,0,0,.06)}
html[data-theme="dark"] .x-left{border-color:rgba(255,255,255,.08)}
.x-left img{width:100%;height:auto;border-radius:16px;display:block;object-fit:cover}

.x-right{padding:22px 24px}
.x-role{font-size:13px;color:var(--muted);margin-top:6px}
.x-name{font-size:clamp(20px,2.8vw,26px);margin:4px 0 10px}
.x-bio{line-height:1.75}
.x-bio ul{margin:.5em 0 0 1.1em}

.x-close{
  position:absolute;right:12px;top:12px;width:36px;height:36px;
  border-radius:12px;border:1px solid rgba(0,0,0,.08);cursor:pointer;
  background:rgba(255,255,255,.06);color:var(--text);
}
html[data-theme="light"] .x-close{background:#fff;border-color:rgba(0,0,0,.1)}
html[data-theme="dark"]  .x-close{border-color:rgba(255,255,255,.16)}

.card .photo img{transition:transform .35s ease, filter .35s ease}
.card .photo:hover img{transform:scale(1.03);filter:saturate(1.08) contrast(1.06)}

.reveal{opacity:0;transform:translateY(12px);transition:all .5s cubic-bezier(.22,.9,.24,1)}
.reveal.is-in{opacity:1;transform:none}


.x-modal .x-sheet{
  width: min(1100px, 94vw);
  max-height: 92vh;
  display: grid;
  grid-template-rows: 1fr; 
}
.x-modal .x-grid{
  overflow: auto;               
  padding-right: 10px;
  max-height: 92vh;
}


/*============================*/
/* ---------- Banner gọn, caption nổi ---------- */