
/* v45 uncrop + bright FXCIPI */
.quick-feature-grid .feature-card{
  height:auto !important;
  min-height:380px !important;
}
.quick-feature-grid .feature-card img{
  width:100% !important;
  height:190px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:linear-gradient(180deg,#0d0d0d,#050505) !important;
  padding:10px !important;
  border-radius:18px !important;
  border:1px solid rgba(243,196,94,.22) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.24) !important;
}
#sports img,#slot img,#live img,#mini img{object-position:center center !important}
.quick-feature-grid .feature-card p{
  font-size:13px !important;
  line-height:1.52 !important;
}
.quick-feature-grid .feature-card h3{
  font-size:22px !important;
  line-height:1.1 !important;
}
#live h3,#mini h3{font-size:20px !important}
@media (max-width:1080px){
  .quick-feature-grid .feature-card{min-height:350px !important}
  .quick-feature-grid .feature-card img{height:170px !important;padding:8px !important}
}
@media (max-width:700px){
  .quick-feature-grid .feature-card{min-height:320px !important}
  .quick-feature-grid .feature-card img{height:132px !important;padding:7px !important}
  .quick-feature-grid .feature-card h3{font-size:19px !important}
  .quick-feature-grid .feature-card p{font-size:12px !important}
}

/* FXCIPI brighter look */
:root{
  --fx-bright-bg:#09111d;
  --fx-bright-bg2:#0d1828;
  --fx-bright-card:#0f1c2d;
  --fx-bright-card2:#13243a;
  --fx-bright-line:rgba(122,188,255,.18);
  --fx-bright-text:#eef6ff;
  --fx-bright-sub:#c9d9ea;
}
body.fxdash-body{
  background:radial-gradient(circle at 16% 0%, rgba(76,146,237,.18), transparent 28%), radial-gradient(circle at 88% 4%, rgba(255,211,105,.10), transparent 24%), linear-gradient(180deg,#0b1522 0%, #0a1320 40%, #08111b 100%) !important;
  color:var(--fx-bright-text) !important;
}
.fxdash-header{
  background:linear-gradient(180deg, rgba(13,24,40,.96), rgba(8,15,25,.95)) !important;
  border-bottom:1px solid rgba(122,188,255,.12) !important;
}
.fxdash-hero{
  background:linear-gradient(90deg, rgba(16,29,47,.98), rgba(11,20,33,.95)) !important;
  border-bottom:1px solid rgba(122,188,255,.18) !important;
}
.fxdash-hero-copy{
  background:linear-gradient(90deg,rgba(18,34,55,.92),rgba(14,27,44,.78)), url('../img/fxcipi-hero-v2.webp') center/cover no-repeat !important;
}
.fxdash-warning-bar{
  background:linear-gradient(180deg,rgba(23,39,61,.92),rgba(17,28,45,.98)) !important;
  border:1px solid rgba(122,188,255,.18) !important;
}
.fxdash-terminal,.fxdash-product,.fxdash-bottom-card,.fxdash-market-side .side-card,.fxdash-watchlist,.fxdash-order-panel,.fxdash-popup,.fxdash-mobile-menu.is-open{
  background:linear-gradient(180deg, rgba(17,30,48,.98), rgba(12,22,36,.98)) !important;
  border-color:var(--fx-bright-line) !important;
}
.fxdash-terminal-top,.fxdash-terminal-live-head,.fxdash-chart-toolbar,.fxdash-bottom-card>h3{
  background:linear-gradient(180deg, rgba(23,39,61,.95), rgba(16,29,47,.92)) !important;
  border-color:var(--fx-bright-line) !important;
}
.fxdash-product p,.fxdash-bottom-card p,.fxdash-hero-copy p,.fxdash-market-side small,.fxdash-popup small,.fxdash-popup label,.fxdash-footer small{
  color:var(--fx-bright-sub) !important;
}
.fxdash-popup{
  box-shadow:0 18px 46px rgba(0,0,0,.28) !important;
}
.fxdash-footer{
  background:linear-gradient(180deg, rgba(12,21,34,.96), rgba(10,17,27,.98)) !important;
  border-top:1px solid rgba(122,188,255,.12) !important;
}


/* v46 promo posters uncropped */
.promo-poster-grid{align-items:stretch !important}
.promo-poster-card{display:block !important}
.poster-frame{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#05070b !important;
  overflow:hidden !important;
}
.poster-frame img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#040506 !important;
  padding:8px !important;
}
@media (min-width:701px){
  .poster-frame{aspect-ratio:4/5 !important; min-height:0 !important}
}
@media (max-width:700px){
  .poster-frame{aspect-ratio:4/5 !important}
  .poster-frame img{padding:6px !important}
}
