/* Forex Traders Expo Dubai 2026 — V3.1.3 focused visual correction.
   Frontend-only: hero + homepage speaker preview. */

/* ---------- HERO: explicit split layout; never background-only ---------- */
body[data-page="home"] .hx-hero-v313{
  min-height:0!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(241,99,44,.12),transparent 28%),
    linear-gradient(180deg,#090d12 0%,#070a0e 100%)!important;
  padding:0!important;
}
body[data-page="home"] .hx-hero-v313:after,
body[data-page="home"] .hx-hero-v313 .hx-hero-media,
body[data-page="home"] .hx-hero-v313 .hx-edition-mark{display:none!important}
body[data-page="home"] .hx-v313-hero-shell{padding-top:54px!important;padding-bottom:38px!important}
body[data-page="home"] .hx-v313-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.90fr) minmax(520px,1.10fr)!important;
  gap:38px!important;
  align-items:center!important;
}
body[data-page="home"] .hx-v313-hero-copy{max-width:620px!important;position:relative!important;z-index:2!important}
body[data-page="home"] .hx-v313-hero-copy .hx-hero-kicker{margin:0 0 13px!important;color:#ff7238!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important}
body[data-page="home"] .hx-v313-hero-copy h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(48px,4.35vw,70px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  max-width:12ch!important;
  text-wrap:balance!important;
}
html[dir="rtl"] body[data-page="home"] .hx-v313-hero-copy h1{font-size:clamp(45px,4vw,66px)!important;line-height:1.12!important;letter-spacing:0!important;max-width:15ch!important}
body[data-page="home"] .hx-v313-hero-copy .hx-hero-lead{margin:18px 0 22px!important;max-width:58ch!important;font-size:14.5px!important;line-height:1.65!important;color:rgba(255,255,255,.78)!important}
body[data-page="home"] .hx-v313-hero-copy .hx-hero-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important}
body[data-page="home"] .hx-v313-hero-copy .hx-hero-actions .button{min-height:44px!important;padding:0 18px!important;font-size:11px!important;border-radius:11px!important}
body[data-page="home"] .hx-v313-hero-facts{
  margin-top:25px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:grid!important;
  grid-template-columns:1fr 1.35fr .72fr!important;
  gap:14px!important;
}
body[data-page="home"] .hx-v313-hero-facts div{min-width:0!important}
body[data-page="home"] .hx-v313-hero-facts span{display:block!important;margin-bottom:5px!important;color:#ff7138!important;font-size:8px!important;font-weight:850!important;letter-spacing:.14em!important}
body[data-page="home"] .hx-v313-hero-facts strong{display:block!important;color:#fff!important;font-size:11.5px!important;line-height:1.35!important;font-weight:650!important}
body[data-page="home"] .hx-v313-hero-visual{
  margin:0!important;
  position:relative!important;
  min-height:470px!important;
  aspect-ratio:1.22/1!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#111820!important;
  box-shadow:0 30px 70px rgba(0,0,0,.30)!important;
}
body[data-page="home"] .hx-v313-hero-visual picture{display:block!important;width:100%!important;height:100%!important}
body[data-page="home"] .hx-v313-hero-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:470px!important;
  object-fit:cover!important;
  object-position:center 49%!important;
  opacity:1!important;
  visibility:visible!important;
  filter:saturate(.95) contrast(1.03)!important;
}
body[data-page="home"] .hx-v313-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,7,10,.78) 100%);pointer-events:none}
body[data-page="home"] .hx-v313-hero-visual figcaption{
  position:absolute!important;left:18px!important;right:18px!important;bottom:16px!important;z-index:2!important;
  display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important;
  color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.55)!important;
}
body[data-page="home"] .hx-v313-hero-visual figcaption span{font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;color:#ff7c46!important}
body[data-page="home"] .hx-v313-hero-visual figcaption strong{font-size:12px!important;font-weight:700!important;text-align:right!important}
html[dir="rtl"] body[data-page="home"] .hx-v313-hero-visual figcaption strong{text-align:left!important}
body[data-page="home"] .hx-hero-v313 .hx-countdown-bar{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0b1016!important}

/* ---------- SPEAKERS: quieter, cleaner, equal portrait cards ---------- */
body[data-page="home"] .hx-speakers-v313{padding-top:62px!important;padding-bottom:64px!important;background:linear-gradient(180deg,#0a0e13,#080c11)!important}
body[data-page="home"] .hx-speakers-v313 .hx-section-head{margin-bottom:22px!important;align-items:end!important}
body[data-page="home"] .hx-speakers-v313 .hx-section-head h2{
  max-width:22ch!important;margin:5px 0 0!important;color:#fff!important;
  font-size:clamp(30px,3vw,44px)!important;line-height:1.03!important;letter-spacing:-.035em!important
}
body[data-page="home"] .hx-v313-speaker-note{margin:10px 0 0!important;max-width:72ch!important;color:rgba(255,255,255,.48)!important;font-size:10.5px!important;line-height:1.55!important}
body[data-page="home"] .hx-v313-speaker-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-page="home"] .hx-v313-speaker-grid .hx-preview-speaker-card{
  min-width:0!important;border-radius:20px!important;overflow:hidden!important;
  background:#10161d!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;transform:none!important
}
body[data-page="home"] .hx-v313-speaker-grid .hx-preview-speaker-card figure{
  margin:0!important;aspect-ratio:4/5!important;min-height:0!important;background:#f2f0ec!important;overflow:hidden!important
}
body[data-page="home"] .hx-v313-speaker-grid .hx-preview-speaker-card figure img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;
  filter:none!important;opacity:1!important;visibility:visible!important
}
body[data-page="home"] .hx-v313-speaker-grid .hx-preview-speaker-card>div{padding:14px 14px 15px!important}
body[data-page="home"] .hx-v313-speaker-grid .hx-preview-badge{
  display:inline-flex!important;margin-bottom:8px!important;padding:4px 7px!important;border-radius:999px!important;
  font-size:7px!important;font-weight:850!important;letter-spacing:.10em!important;color:#ff7540!important;
  background:rgba(240,97,41,.09)!important;border:1px solid rgba(240,97,41,.25)!important
}
body[data-page="home"] .hx-v313-speaker-grid h3{margin:0 0 5px!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;font-weight:720!important}
body[data-page="home"] .hx-v313-speaker-grid p{margin:0 0 5px!important;color:rgba(255,255,255,.68)!important;font-size:10px!important;line-height:1.4!important}
body[data-page="home"] .hx-v313-speaker-grid small{display:block!important;color:#ff7540!important;font-size:9px!important;line-height:1.35!important}

@media(max-width:1080px){
  body[data-page="home"] .hx-v313-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr)!important;gap:25px!important}
  body[data-page="home"] .hx-v313-hero-visual{min-height:410px!important}
  body[data-page="home"] .hx-v313-hero-visual img{min-height:410px!important}
}
@media(max-width:820px){
  body[data-page="home"] .hx-v313-hero-shell{padding-top:30px!important;padding-bottom:28px!important}
  body[data-page="home"] .hx-v313-hero-grid{grid-template-columns:1fr!important;gap:25px!important}
  body[data-page="home"] .hx-v313-hero-copy{max-width:none!important}
  body[data-page="home"] .hx-v313-hero-copy h1{font-size:clamp(42px,8vw,60px)!important;max-width:13ch!important}
  body[data-page="home"] .hx-v313-hero-visual{min-height:360px!important;aspect-ratio:16/10!important}
  body[data-page="home"] .hx-v313-hero-visual img{min-height:360px!important;object-position:center 48%!important}
  body[data-page="home"] .hx-v313-speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  body[data-page="home"] .hx-v313-hero-shell{padding-top:22px!important}
  body[data-page="home"] .hx-v313-hero-copy h1{font-size:clamp(37px,11vw,50px)!important;line-height:1!important}
  html[dir="rtl"] body[data-page="home"] .hx-v313-hero-copy h1{font-size:clamp(36px,10vw,48px)!important;line-height:1.12!important}
  body[data-page="home"] .hx-v313-hero-copy .hx-hero-lead{font-size:13px!important}
  body[data-page="home"] .hx-v313-hero-facts{grid-template-columns:1fr!important;gap:8px!important}
  body[data-page="home"] .hx-v313-hero-facts div{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important}
  body[data-page="home"] .hx-v313-hero-facts span{margin:0!important}
  body[data-page="home"] .hx-v313-hero-visual{min-height:300px!important;aspect-ratio:4/3!important;border-radius:20px!important}
  body[data-page="home"] .hx-v313-hero-visual img{min-height:300px!important;object-position:center 45%!important}
  body[data-page="home"] .hx-v313-hero-visual figcaption{left:13px!important;right:13px!important;bottom:12px!important}
  body[data-page="home"] .hx-v313-speaker-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body[data-page="home"] .hx-v313-speaker-grid .hx-preview-speaker-card{border-radius:14px!important}
  body[data-page="home"] .hx-v313-speaker-grid .hx-preview-speaker-card>div{padding:10px!important}
  body[data-page="home"] .hx-v313-speaker-grid h3{font-size:12px!important}
  body[data-page="home"] .hx-v313-speaker-grid p{font-size:8.7px!important}
  body[data-page="home"] .hx-v313-speaker-grid small{font-size:8px!important}
  body[data-page="home"] .hx-speakers-v313 .hx-section-head h2{font-size:30px!important}
}