.mkt-est-row{
  display:flex; justify-content:space-between; gap:12px;
  padding:10px 12px; margin-top:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background: var(--base-search);
}
.mkt-est-title{ font-weight:700; font-size:13px; color:var(--light); }
.mkt-est-sub{ font-size:11px; margin-top:2px; color: var(--light); }
.mkt-est-right{ text-align:right; min-width:140px; }
.mkt-est-main{ font-weight:800; font-size:13px; color:var(--light); }
.mkt-est-meta{ font-size:11px; margin-top:2px; color: var(--light); }
.mkt-est-row.is-warn{ border-color: rgba(255,100,100,.35); background: rgba(255,100,100,.08); }


/* structural safety */
.mkt-left{min-width:0}

.sports-body .row.g-3>.mkt-col .mkt-main-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,370px)!important;align-items:start!important;max-width:1400px;margin:0 auto;gap:20px!important}

/* header */
.odd-list__head {display:flex!important;align-items:center!important;gap:.8rem!important;padding:15px!important;z-index:8!important;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 5px 15px var(--dark);background:linear-gradient(319deg,hsl(var(--base)) 0%,var(--dark))!important;justify-content:flex-start!important;margin-bottom:24px!important;}
.odd-list__head img {width:64px!important;height:64px!important;object-fit:cover!important;border-radius:10px!important;flex-shrink:0!important;}
.sports-body .odd-list__head{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.6rem!important;padding:8px 12px!important;border:1px solid var(--card-border)!important;background:linear-gradient(319deg,hsl(var(--base)) 0%,var(--dark))!important;border-radius:6px!important;margin-bottom:16px!important;}
@media screen and (min-width:992px){.sports-body .odd-list__head{border-radius:10px!important;padding:10px 14px!important;}}
.odd-list__team-img-is,.mkt-outcome-photo,.mkt-side-photo{background:transparent!important;image-rendering:auto;display:block}
.sports-body .row.g-3>.mkt-col{padding-left:0!important;padding-right:0!important}
.sports-body .row.g-3>.mkt-col .mkt-shell{overflow:visible!important;transform:none!important;position:relative}
.mkt-shell{width:100%;margin:0 auto;padding:20px;overflow:visible;position:relative}

/* subrow + options */
:root{--mkt-chart-series-0:#2563eb;--mkt-chart-series-1:#7c3aed;--mkt-chart-series-2:#0f766e;--mkt-chart-series-3:#ea580c;--mkt-chart-series-4:#dc2626}
html.dark{--mkt-chart-series-0:#a855f7;--mkt-chart-series-1:#38bdf8;--mkt-chart-series-2:#34d399;--mkt-chart-series-3:#fbbf24;--mkt-chart-series-4:#fb7185}
.mkt-subrow{display:flex;align-items:center;margin:16px 0 0 16px;gap:24px}
.mkt-subitem{display:flex;align-items:center;font-size:0.9em;font-weight:200;color:var(--light)}
.mkt-emoji{margin-right:8px;font-size:1.12em;line-height:1;display:flex;align-items:center}
.mkt-options-row{display:flex;align-items:center;margin:16px 0 0 16px;gap:24px;flex-wrap:wrap}
.mkt-option-item{display:flex;align-items:center;font-size:0.9em;font-weight:200;color:var(--light)}
.mkt-circle{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;background:var(--mkt-option-color,var(--mkt-chart-series-0));flex:0 0 auto}
.mkt-circle1{background:var(--mkt-chart-series-0)}.mkt-circle2{background:var(--mkt-chart-series-1)}.mkt-circle3{background:var(--mkt-chart-series-2)}.mkt-circle4{background:var(--mkt-chart-series-3)}

/* chart */
.mkt-chart-container{width:100%;min-width:320px;max-width:100%;height:320px;margin:0;background:var(--base);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 5px 15px var(--dark);display:flex;align-items:stretch;justify-content:stretch;padding:32px 12px 12px 52px;box-sizing:border-box;overflow:visible}
.mkt-chart-canvas{position:relative;flex:1;min-width:0;background:transparent;border-radius:12px;overflow:visible}
.mkt-tv-chart{width:100%;height:100%;min-height:180px;position:relative}
.mkt-tv-chart table{border:0!important}
.mkt-chart-tooltip{position:absolute;z-index:5;min-width:148px;max-width:220px;padding:8px 10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(255,255,255,.94);color:#334155;box-shadow:0 10px 24px rgba(15,23,42,.16);font-size:12px;line-height:1.35;pointer-events:none;transform:translate3d(0,0,0)}
html.dark .mkt-chart-tooltip{background:rgba(30,41,59,.96);color:#e2e8f0;border-color:rgba(148,163,184,.2);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.mkt-chart-tooltip-title{margin-bottom:6px;color:#64748b;font-weight:600;white-space:nowrap}
html.dark .mkt-chart-tooltip-title{color:#cbd5e1}
.mkt-chart-tooltip-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:6px}
.mkt-chart-tooltip-swatch{width:8px;height:8px;border-radius:50%}
.mkt-chart-tooltip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkt-chart-tooltip-value{font-weight:700}
.mkt-chart-live-marker{position:absolute;z-index:4;width:10px;height:10px;border-radius:50%;background:var(--chart-line-light);box-shadow:0 0 0 0 rgba(168,85,247,.45);pointer-events:none;transform:translate(-50%,-50%)}
.mkt-chart-live-marker::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid currentColor;opacity:.48;animation:mkt-live-ping 1.55s ease-out infinite}
.mkt-chart-loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:inherit;color:#64748b}
.mkt-chart-loading::before{content:"";width:28px;height:28px;border-radius:50%;border:3px solid rgba(148,163,184,.3);border-top-color:currentColor;animation:mkt-chart-spin .8s linear infinite}
html.dark .mkt-chart-loading{color:#cbd5e1}
@keyframes mkt-chart-spin{to{transform:rotate(360deg)}}
@keyframes mkt-live-ping{0%{transform:scale(.55);opacity:.48}80%,100%{transform:scale(2.1);opacity:0}}
.mkt-chart-controls{margin:4px;flex-wrap:wrap;padding-top:8px}
.mkt-chart-controls button{border:none;outline:none;background:var(--base);color:var(--light);font-size:.9em;font-weight:500;padding:3px 12px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}
.mkt-chart-controls button.active,.mkt-chart-controls button:hover{background:var(--card-border);color:var(--light)}

/* outcome list */
.mkt-outcome-chance-header-row{display:flex;align-items:center;justify-content:space-between;margin:32px 0 0;font-size:.98em;color:var(--light);font-weight:400;letter-spacing:.03em;width:100%;max-width:100%;min-width:320px;padding:0 12px;box-sizing:border-box}
.mkt-outcome-label { flex:1 !important; text-align:left !important; }
.mkt-chance-label { display:inline-block !important; min-width:64px !important; }
.mkt-outcome-horizontal-divider{height:1px;background:var(--card-border);width:100%;max-width:100%;min-width:320px;margin:10px 0 14px;border-radius:2px;padding:0 12px;box-sizing:border-box}
.mkt-outcome-row-group{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;min-width:320px;box-sizing:border-box; padding-bottom: 15px;}
.mkt-outcome-row{display:flex;align-items:center;min-height:60px;background:var(--base);border:1px solid var(--card-border);border-radius:14px;padding:8px 18px 8px 8px;box-shadow:0 1px 5px rgba(30,41,59,.05);position:relative;width:100%;box-sizing:border-box;box-shadow:0 5px 15px var(--dark)}
.mkt-outcome-photo{flex:0 0 42px;width:42px;height:42px;object-fit:cover;border-radius:8px;margin-right:12px}
.mkt-outcome-info{flex:1;min-width:0;max-width:240px;display:flex;flex-direction:column;justify-content:center}
.mkt-outcome-title{font-size:1em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%; color: var(--light)}
.mkt-outcome-vol{font-size:.95em;font-weight:400;color:#888;margin-top:2px}
.mkt-outcome-chance-section{min-width:64px;text-align:center;margin-right:46px}
.mkt-outcome-chance{font-size:1.18em;color:var(--light);font-weight:700}
.mkt-outcome-btn-group { display:flex !important; flex-direction:row !important; margin-left:auto !important;gap:12px !important; }
.mkt-outcome-btn{min-width:170px;height:52px;font-size:1.05em;border:none!important;outline:none;border-radius:12px;background:#f3f4f6;color:#222;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .17s,transform .12s cubic-bezier(.4,0,.2,1),box-shadow .1s ease-in-out,color .17s,background-color .17s;gap:8px;padding:0 16px;box-sizing:border-box;box-shadow:0 -3px 0 0 rgba(0,0,0,.10) inset;text-decoration:none}
.mkt-outcome-btn.mkt-yes{background:var(--yes-bg);color:var(--yes-color)}
.mkt-outcome-btn.mkt-yes:hover{background:var(--yes-color);color:var(--white);transform:translateY(-1px);box-shadow:0 -3px 0 0 rgba(0,0,0,.18) inset,0 6px 14px rgba(0,0,0,.12)}
.mkt-outcome-btn.mkt-no{background:var(--no-bg);color:var(--no-color)}
.mkt-outcome-btn.mkt-no:hover{background:var(--no-color);color:var(--white);transform:translateY(-1px);box-shadow:0 -3px 0 0 rgba(0,0,0,.18) inset,0 6px 14px rgba(0,0,0,.12)}
.mkt-outcome-btn:active{transform:scale(.97);box-shadow:0 -2px 0 0 rgba(0,0,0,.14) inset}
.mkt-outcome-btn:hover{opacity:.93}
.mkt-btn-placeholder{font-size:1.06em;font-weight:700;margin-left:6px}

/* sticky (desktop) */
.sports-body .mkt-sticky-side-container{overflow:auto!important;padding-bottom:20px!important}
.mkt-sticky-side-container{min-height:300px;overflow-y:auto;padding-bottom:20px}

/* ========== SIDE PANEL (sticky, scrollable, no visible scrollbar) ========== */
.mkt-sticky-side-container{
  top: 120px;

  /* layout: column so the Trade button can push to bottom when short */
  display: flex;
  flex-direction: column;
  gap: 12px;

  padding: 15px;                    /* compact padding */
  background: var(--base);
  border: 1px solid var(--card-border);
  border-radius: 18px;
  box-shadow: 0 5px 15px var(--dark);
  box-sizing: border-box;

  /* scroll port */
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;

  /* hide scrollbar but keep scroll */
  scrollbar-width: none;            /* Firefox */
  -ms-overflow-style: none;         /* IE/Edge legacy */
}
.mkt-sticky-side-container::-webkit-scrollbar{ width:0; height:0; }

/* Hide on small screens (you already have a modal there) */
@media (max-width:1100px){
  .sports-body .mkt-sticky-side-container{ display:none !important; }
}


/* ========== HEADER ========== */
.mkt-side-header{ display:flex; align-items:center; gap:16px; margin:0; }
.mkt-side-photo{ width:48px; height:48px; border-radius:10px; object-fit:cover; background:#eee; }
.mkt-side-title{ font-size:1em; font-weight:700; color:var(--light); flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Side header: allow multi-line title */
.mkt-sticky-side-container .mkt-side-header,
.mkt-modal .mkt-side-header{
  align-items: flex-start;
}

/* Photo sits nicely with multi-line text */
.mkt-sticky-side-container .mkt-side-photo,
.mkt-modal .mkt-side-photo{
  align-self: flex-start;
  margin-top: 2px;
}

/* Make title smaller, wrap to 2 lines, and truncate gracefully */
.mkt-sticky-side-container .mkt-side-title,
.mkt-modal .mkt-side-title{
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 5px;
  /* smaller size but responsive */
  font-size: clamp(.92rem, 1.4vw, 1.05rem);
  line-height: 1.25;

  /* allow wrapping & clamp to 2 lines */
  white-space: normal !important;
  overflow: hidden;
  text-overflow: clip !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* Chrome/Safari/Edge */
          line-clamp: 2;   /* future-proof */

  /* handle long words */
  overflow-wrap: anywhere;
}


/* ========== BUY / SELL TABS (underline slider) ========== */
.mkt-side-buy-sell-group{
  --tabW: 40px;
  --gap: 5px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: var(--gap);
  margin: 0 0 10px 0;               /* compact */
}
.mkt-side-buy-sell-group::after{
  content:"";
  position:absolute; left:-15px; right:-15px; bottom:-2px;
  height:2px; background:var(--card-border); border-radius:2px; pointer-events:none; z-index:0;
}
.mkt-side-buy-sell-group::before{
  content:"";
  position:absolute; left:0; bottom:-2px;
  width:var(--tabW); height:2px; background:var(--light); border-radius:2px;
  transform:translateX(0); transition:transform .25s ease; pointer-events:none; z-index:1;
}
.mkt-side-buy-sell-group:has(.mkt-side-sell-btn.active)::before{
  transform: translateX(calc(var(--tabW) + var(--gap)));
}

.mkt-side-buy-btn, .mkt-side-sell-btn{
  flex:0 0 var(--tabW);
  height:32px;
  border:none; background:transparent;
  color:var(--white-gray); font-weight:800; font-size:1em;
  cursor:pointer; display:flex; align-items:flex-end; justify-content:center;
  padding:0 2px 4px; transition:color .18s ease; position:relative; z-index:2;
}
.mkt-side-buy-btn{ color:var(--light); } /* default BUY highlighted */
.mkt-side-buy-sell-group:has(.mkt-side-sell-btn.active) .mkt-side-buy-btn{ color:var(--light); }
.mkt-side-buy-sell-group:has(.mkt-side-sell-btn.active) .mkt-side-sell-btn{ color:var(--light); }
.mkt-side-buy-btn:hover, .mkt-side-sell-btn:hover{ color:var(--light); }


/* YES/NO buttons: shared base */
.mkt-side-yes-no-row{
  display:flex;
  gap:12px;
  margin:0;
}
.mkt-side-yes-btn,
.mkt-side-no-btn{
  flex:1;
  height:52px;
  border:none;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;   /* label left, price right */
  padding:0 12px;
  cursor:pointer;
  transition:background-color .17s, transform .17s, box-shadow .17s;
  background:var(--card-border);              /* UNSELECTED background for both */
}

/* Labels ALWAYS gray, even when selected */
.mkt-side-yes-btn .label,
.mkt-side-no-btn .label{
  color:var(--white);                    /* same gray as Sell */
  font-weight:800;
  font-size:1.02em;
  letter-spacing:.02em;
}

/* Price: gray when unselected */
.mkt-side-yes-btn .price,
.mkt-side-no-btn .price{
  color:var(--white-gray);
  font-weight:900;
  font-size:1.15em;
  display:inline-flex;
  align-items:baseline;
  gap:2px;
}
.mkt-side-yes-btn .price .cent,
.mkt-side-no-btn .price .cent{
  font-size:.9em;
  opacity:.95;
}

/* SELECTED states (background + price color flips to white) */
.mkt-side-yes-btn.is-selected{
  background:#3BAB68;               /* YES selected = your YES hover green */
  box-shadow:0 4px 10px rgba(59,171,104,.25);
}
.mkt-side-no-btn.is-selected{
  background:#E13737;               /* NO selected = your NO hover red */
  box-shadow:0 4px 10px rgba(225,55,55,.25);
}
.mkt-side-yes-btn.is-selected .price,
.mkt-side-no-btn.is-selected .price{
  color:var(--white);                       /* numbers + ¢ turn white when selected */
}

/* Optional hover nudge (keeps same palette) */
.mkt-side-yes-btn:hover{ transform:translateY(-1px); }
.mkt-side-no-btn:hover{  transform:translateY(-1px); }

/* Compact mode compatibility if you use it */
.mkt-sticky-side-container:has(.mkt-side-win-row) .mkt-side-yes-btn,
.mkt-sticky-side-container:has(.mkt-side-win-row) .mkt-side-no-btn{
  height:44px;
  border-radius:10px;
  font-size:.98em;
}


/* ========== AMOUNT ROW ========== */
.mkt-side-amount-row{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:0; color:var(--light); width:100%;
}
.mkt-side-amount-label{ font-size:.9em; font-weight:700; color:var(--light); line-height:1; margin-top:.35em; white-space:nowrap; }
.mkt-side-amount-input{
  flex:1 1 auto; min-width:0; width:100%;
  border:none !important; background:transparent !important;
  text-align:right; font-size:clamp(1.4rem,4vw,2rem); line-height:1.1; font-weight:900;
  outline:none; caret-color:var(--light); padding:0; margin:0; color:var(--light);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;
}
.mkt-side-amount-input::placeholder{ color:var(--light); opacity:1; }
.mkt-side-amount-input:placeholder-shown{ color:var(--light); }
.mkt-side-amount-input::-webkit-outer-spin-button,
.mkt-side-amount-input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.mkt-share-quick-row,
.mkt-money-quick-row,
.mkt-sell-percent-row{ display:none; }

.mkt-limit-buy-price:not([hidden]) + .mkt-side-amount-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 146px;
  grid-template-rows:auto auto;
  align-items:center;
  gap:4px 12px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--card-border);
}
.mkt-limit-buy-price:not([hidden]) + .mkt-side-amount-row .mkt-side-amount-label{
  margin:0;
}
.mkt-limit-buy-price:not([hidden]) + .mkt-side-amount-row .mkt-side-amount-input{
  width:146px;
  height:36px;
  min-width:0;
  justify-self:end;
  background:transparent !important;
  border:1px solid var(--card-border) !important;
  border-radius:10px;
  padding:0 10px;
  text-align:center;
  font-size:1rem;
  line-height:1;
  font-weight:900;
  color:var(--light);
  overflow:hidden;
  text-overflow:ellipsis;
}
.mkt-limit-buy-price:not([hidden]) + .mkt-side-amount-row .mkt-side-amount-input::placeholder{
  color:var(--text-color);
  opacity:1;
}
.mkt-limit-buy-price:not([hidden]) + .mkt-side-amount-row .mkt-side-amount-input:placeholder-shown{
  color:var(--text-color);
}
.mkt-limit-buy-price:not([hidden]) + .mkt-side-amount-row .mkt-share-quick-row{
  grid-column:1/3;
  grid-row:2/3;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:6px;
  margin-top:4px;
}
.mkt-sticky-side-container[data-side="BUY"][data-order-type="MARKET"] .mkt-side-amount-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(146px, 1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:6px 12px;
}
.mkt-sticky-side-container[data-side="BUY"][data-order-type="MARKET"] .mkt-money-quick-row{
  grid-column:1/3;
  grid-row:2/3;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:6px;
  margin-top:4px;
  padding-bottom: 10px;
}
.mkt-matching-pill{
  grid-column:1/3;
  grid-row:3/4;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  margin-top:6px;
  padding:5px 10px;
  border-radius:8px;
  background:rgba(39,174,96,.14);
  color:#27ae60;
  font-weight:900;
  font-size:.92rem;
  line-height:1;
}
.mkt-matching-pill[hidden]{ display:none !important; }
.mkt-matching-info,
.mkt-trade-info{
  position:relative;
  width:15px;
  height:15px;
  flex:0 0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:.7rem;
  font-weight:900;
  line-height:1;
  text-indent:-1px;
  cursor:help;
}
.mkt-trade-info{
  margin-left:5px;
  color:var(--text-color);
  text-indent:0;
  width:18px;
  height:18px;
  flex:0 0 18px;
  vertical-align:-2px;
  border:0;
}
.mkt-est-title .mkt-trade-info{
  margin-left:4px;
  vertical-align:-3px;
}
.mkt-side-receive-label .mkt-trade-info{
  margin:0 5px;
}
.mkt-trade-info svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mkt-matching-info[data-tooltip]::after,
.mkt-trade-info[data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;
  right:50%;
  bottom:calc(100% + 8px);
  z-index:80;
  width:max-content;
  max-width:230px;
  padding:7px 9px;
  border:1px solid var(--card-border);
  border-radius:8px;
  background:var(--base);
  color:var(--light);
  box-shadow:0 10px 24px var(--dark);
  font-size:.74rem;
  font-weight:700;
  line-height:1.25;
  text-indent:0;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(50%) translateY(2px);
}
.mkt-matching-info[data-tooltip]:hover::after,
.mkt-matching-info[data-tooltip]:focus-visible::after,
.mkt-trade-info[data-tooltip]:hover::after,
.mkt-trade-info[data-tooltip]:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateX(50%) translateY(0);
}
.mkt-matching-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-share-step,
.mkt-money-step,
.mkt-sell-percent-step{
  min-width:0;
  height:30px;
  appearance:none;
  -webkit-appearance:none;
  background:var(--header-item-hover);
  border:1px solid var(--card-border);
  border-radius:8px;
  color:var(--light);
  font-weight:800;
  font-size:.82rem;
  line-height:1;
  cursor:pointer;
}
.mkt-share-step:hover,
.mkt-money-step:hover,
.mkt-sell-percent-step:hover{
  background:var(--card-hover-bg);
  color:var(--light);
}
.mkt-share-step:focus-visible,
.mkt-money-step:focus-visible,
.mkt-sell-percent-step:focus-visible{
  outline:1px solid var(--card-border);
  outline-offset:1px;
}


/* ========== “TO WIN” BLOCK ========== */
.mkt-side-win-row{
  display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto auto; align-items:center;
  gap:6px 10px; margin:0; padding-top:10px; border-top:1px solid var(--card-border);
}
.mkt-side-total-label{ grid-column:1/2; grid-row:1/2; color:var(--light); font-weight:800; }
.mkt-side-total-amount{ grid-column:2/3; grid-row:1/2; justify-self:end; text-align:right; color:#0093fd; font-weight:900; font-size:clamp(1.15rem,2.4vw,1.7rem); line-height:1; }
.mkt-side-win-label{ grid-column:1/2; grid-row:2/3; color:var(--light); font-weight:800; }
.mkt-side-win-amount{ grid-column:2/3; grid-row:2/3; justify-self:end; text-align:right; color:#27ae60; font-weight:900; font-size:clamp(1.15rem,2.6vw,4rem); line-height:1; }
.mkt-side-win-meta{ grid-column:2/3; grid-row:3/4; justify-self:end; text-align:right; color:var(--light); font-size:0.8em; line-height:1.1; }
.mkt-banknote{ width:22px; height:14px; fill:#27ae60; opacity:.95; vertical-align:-2px; animation:mkt-note-bounce 1.6s ease-in-out infinite; }
@keyframes mkt-note-bounce{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-2px)} }


/* ========== TRADE BUTTON (STICKY TO BOTTOM OF PANEL) ========== */
.mkt-side-trade-btn{
  /* keep your look */
  display:block; width:100%; height:56px; border:none; border-radius:14px;
  background:#2D9CDB; color:var(--white); font-size:1.15em; font-weight:800; letter-spacing:.02em;
  cursor:pointer; box-shadow:0 7px 0 #247daf; transform:translateY(0);
  transition: transform .12s ease, box-shadow .12s ease; will-change: transform;

  /* layout: push it down when content is short, and stick when scrolling */
  margin-top: auto;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5;
}
.mkt-side-trade-btn:hover{ transform:translateY(6px); box-shadow:0 4px 0 #247daf; }
.mkt-side-trade-btn:active{ transform:translateY(8px); box-shadow:0 0 0 #247daf; }

/* decorative fade just above the stuck button */
.mkt-side-trade-btn::before{
  content:"";
  position:absolute; left:0; right:0; bottom:100%;
  pointer-events:none;
  background: linear-gradient(to top, rgba(29,43,58,1), rgba(29,43,58,0));
}

/* transient states */
.mkt-side-trade-btn.is-error {
  background:#ef4444; /* red-500 */
  box-shadow:0 7px 0 #b91c1c; /* darker red */
  color:white;
}
.mkt-side-trade-btn.is-success {
  background:#10b981; /* emerald-500 */
  box-shadow:0 7px 0 #065f46; /* darker emerald */
  color:white;
}

/* shake animation */
@keyframes btnShakeX {
  0%, 100% { transform: translateY(0) translateX(0); }
  10% { transform: translateY(0) translateX(-8px); }
  20% { transform: translateY(0) translateX(6px); }
  30% { transform: translateY(0) translateX(-6px); }
  40% { transform: translateY(0) translateX(5px); }
  50% { transform: translateY(0) translateX(-4px); }
  60% { transform: translateY(0) translateX(3px); }
  70% { transform: translateY(0) translateX(-2px); }
  80% { transform: translateY(0) translateX(1px); }
  90% { transform: translateY(0) translateX(-1px); }
}
.mkt-side-trade-btn.shake {
  animation: btnShakeX 500ms ease;
}

/* respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .mkt-side-trade-btn.shake { animation: none; }
}

/* ========== MISC TEXT / ICONS ========== */
.mkt-trade-terms-note{ margin-top:22px; color:#666; font-size:.86em; text-align:center; line-height:1.5; }
.mkt-trade-terms-note a{ color:#2563eb; text-decoration:underline; font-weight:600; }
.mkt-icon{ width:20px; height:20px; margin-right:6px; color:var(--light); }


/* ========== MODAL (unchanged, lightly tidied) ========== */
.mkt-modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:9999; }
.mkt-modal.is-open{ display:flex; }
.mkt-modal-backdrop{ position:absolute; inset:0; background:rgba(10,15,25,.75); }
.mkt-modal-dialog{
  position:relative; width:min(92vw,560px); max-height:84vh; overflow:auto;
  background:var(--base); border:1px solid var(--card-border); border-radius:18px; box-shadow:0 10px 40px rgba(0,0,0,.4); padding:20px;
}
.mkt-modal .mkt-side-trade-btn{
  position: static !important;   /* override sticky from desktop */
  margin-top: 18px !important;   /* nice gap above the button */
}
.mkt-modal-close{ position:absolute; top:10px; right:10px; border:none; background:transparent; color:var(--light); font-size:26px; cursor:pointer; line-height:1; }
.mkt-modal .mkt-side-buy-sell-group{ margin-bottom:64px !important; }
@media (max-width:600px){ .mkt-modal .mkt-side-buy-sell-group{ margin-bottom:48px !important; } }

/* Collapse to a single column and hide the side panel on mobile */
@media (max-width:1100px){
  /* kill the 2nd grid column */
  .sports-body .row.g-3 > .mkt-col .mkt-main-grid,
  .mkt-main-grid{
    grid-template-columns: 1fr !important;
  }

  /* make sure the aside never takes space */
  .sports-body .mkt-sticky-side-container,
  .mkt-sticky-side-container{
    display: none !important;
  }
}


/* small breakpoints for list */
@media (max-width:992px){.mkt-chart-container{max-width:100%;height:280px;margin:0}.mkt-outcome-chance-header-row{margin:10px 0 0;gap:8px}.mkt-outcome-label{min-width:150px;font-size:.96em}.mkt-chance-label{min-width:auto;margin-right:0;font-size:.96em}.mkt-outcome-row-group{gap:8px}.mkt-outcome-row{padding:8px 12px;border-radius:12px}.mkt-outcome-photo{width:42px;height:42px;border-radius:8px;margin-right:12px}.mkt-outcome-title{max-width:200px;font-size:1em}.mkt-outcome-chance-section{min-width:56px;margin-right:16px}.mkt-outcome-btn{min-width:150px;height:48px;font-size:1em;border-radius:10px;padding:0 12px}}
@media (max-width:768px){.mkt-subrow{margin:12px 0 0 12px;gap:16px}.mkt-options-row{margin:12px 0 0 12px;gap:16px}.mkt-chart-controls{margin:4px 8px;padding-top:6px;gap:6px}.mkt-chart-container{height:240px;padding:.5px .5px .5px 32px;border-radius:12px}.mkt-outcome-horizontal-divider{margin:8px 0 12px;max-width:100%}.mkt-outcome-row{min-height:54px}.mkt-outcome-title{max-width:160px}.mkt-outcome-btn-group{gap:8px}.mkt-outcome-btn{min-width:130px;height:44px}.mkt-sticky-side-container{border-radius:14px;padding:18px 16px}.mkt-side-photo{width:42px;height:42px;border-radius:8px;margin-right:12px}.mkt-side-title{font-size:1.05em}.mkt-side-buy-sell-group{gap:10px;margin-bottom:28px}.mkt-side-buy-btn,.mkt-side-sell-btn{height:40px;font-size:1em;border-radius:10px}.mkt-side-yes-no-row{gap:10px;margin-bottom:16px}.mkt-side-yes-btn,.mkt-side-no-btn{height:46px;font-size:1em;border-radius:10px}.mkt-side-amount-row{gap:10px}.mkt-side-amount-input{height:44px;border-radius:10px;font-size:1em}.mkt-side-trade-btn{height:50px;border-radius:12px;font-size:1.05em}}
@media (max-width:600px){.mkt-subitem{font-size:.98em}.mkt-icon{width:18px;height:18px}.mkt-circle{width:12px;height:12px;margin-right:6px}.mkt-outcome-info{min-width:0}.mkt-outcome-title{max-width:52vw}.mkt-outcome-btn-group{flex-wrap:wrap}.mkt-outcome-btn{flex:1 1 calc(50% - 8px);min-width:0}.mkt-chart-controls button{font-size:.85em;padding:2px 10px;border-radius:7px}.mkt-chart-container{height:210px}.mkt-outcome-chance{font-size:1.05em}}
@media (max-width:480px){.mkt-subrow,.mkt-options-row{margin:10px 0 0 10px;gap:12px}.mkt-outcome-horizontal-divider{margin:6px 0 10px}.mkt-outcome-row-group{gap:8px}.mkt-outcome-row{padding:8px 10px;border-radius:10px}.mkt-outcome-photo{width:38px;height:38px;margin-right:10px;border-radius:8px}.mkt-outcome-title{max-width:60vw;font-size:.98em}.mkt-outcome-chance-section{min-width:52px;margin-right:10px}.mkt-outcome-btn{height:42px;font-size:.96em;border-radius:9px;padding:0 10px}.mkt-side-amount-label{min-width:60px;font-size:.98em}.mkt-side-amount-input{height:42px;font-size:.98em}.mkt-side-trade-btn{height:48px;font-size:1em;border-radius:10px}}
@media (max-width:380px){.mkt-chart-container{height:190px;border-radius:10px}.mkt-outcome-title{max-width:58vw}.mkt-side-buy-sell-group{gap:8px}.mkt-side-yes-btn,.mkt-side-no-btn{height:40px;font-size:.95em}.mkt-side-amount-input{height:40px}}

/* MOBILE: card grid */
@media (max-width:600px){
  .mkt-outcome-row{display:grid!important;grid-template-columns:48px 1fr auto!important;grid-template-rows:auto auto auto!important;grid-column-gap:10px!important;grid-row-gap:6px!important;align-items:start!important;padding:10px!important;overflow:hidden!important;}
  .mkt-outcome-photo{grid-column:1/2!important;grid-row:1/3!important;width:48px!important;height:48px!important;margin:0!important;border-radius:10px!important;object-fit:cover!important;}
  .mkt-outcome-info{grid-column:2/3!important;grid-row:1/3!important;align-self:start!important;min-width:0!important;}
  .mkt-outcome-title{margin:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:1em!important;}
  .mkt-outcome-vol{margin-top:2px!important;font-size:.94em!important;color:var(--light)!important;}
  .mkt-outcome-chance-section{grid-column:3/4!important;grid-row:1/2!important;margin:0!important;text-align:right!important;align-self:start!important;min-width:0!important;}
  .mkt-outcome-chance{font-size:1.06em!important;font-weight:700!important;}
  .mkt-outcome-btn-group{grid-column:1/4!important;grid-row:3/4!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:6px!important;width:100%!important;}
  .mkt-outcome-btn{min-width:0!important;width:100%!important;height:44px!important;padding:0 10px!important;border-radius:10px!important;}
}
/* Toggle blocks by side state */
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-amount-row,
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-win-row { display: none !important; }

.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-fields { display: block !important; }
.mkt-side-sell-fields[hidden] { display: none !important; }

/* Owned row + fields */
.mkt-side-owned-row{ display:flex; justify-content:space-between; align-items:center; color:var(--light); font-weight:700; margin:2px 0 8px; }
.mkt-side-owned-value{ color:var(--light); font-weight:900; }

/* Label + helpers */
.mkt-side-field{ margin:8px 0 0; }
.mkt-side-price-field{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:4px 12px;
}
.mkt-side-price-field[hidden]{ display:none !important; }
.mkt-side-sell-label{ display:block; font-size:.9em; font-weight:700; color:var(--light); margin-bottom:6px; }
.mkt-help{ display:block; margin-top:4px; color:#8894a2; font-size:.8em; }
.mkt-side-price-field .mkt-side-sell-label{
  grid-column:1/2;
  grid-row:1/2;
  margin:0;
}
.mkt-side-price-field .mkt-cent-input{
  grid-column:2/3;
  grid-row:1/2;
}
.mkt-side-price-field .mkt-help{
  grid-column:1/3;
  grid-row:2/3;
  justify-self:end;
}

/* Compact limit price input */
.mkt-cent-input{
  display:grid;
  grid-template-columns:32px 82px 32px;
  align-items:center;
  gap:0;
  min-height:36px;
  background:transparent;
  border:1px solid var(--card-border);
  border-radius:10px;
  padding:0;
  overflow:hidden;
}
.mkt-cent-text{
  width:100%;
  height:100%;
  min-width:0;
  background:transparent;
  border:none;
  outline:none;
  color:var(--light);
  font-weight:900;
  font-size:1rem;
  text-align:center;
  padding:0 6px;
}
.mkt-price-step{
  width:32px;
  height:100%;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:none;
  border-radius:0;
  color:var(--light);
  font-weight:900;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
}
.mkt-price-step:first-child{
  border-right:1px solid var(--card-border);
}
.mkt-price-step:last-child{
  border-left:1px solid var(--card-border);
}
.mkt-price-step:hover{
  background:rgba(170,180,191,.08);
}
.mkt-price-step:focus-visible{
  outline:1px solid var(--card-border);
  outline-offset:1px;
}

/* Quantity input */
.mkt-side-qty-input{
  width:100%; background:var(--base); border:1px solid var(--card-border); border-radius:10px;
  color:var(--light); font-weight:900; font-size:1.05rem; padding:10px;
  outline:none;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-fields{
  display:grid !important;
  grid-template-columns:1fr;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 146px;
  grid-template-rows:auto auto auto auto;
  align-items:center;
  gap:4px 12px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--card-border);
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-side-sell-label{
  grid-column:1/2;
  grid-row:1/2;
  margin:0;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-side-qty-input{
  grid-column:2/3;
  grid-row:1/2;
  width:146px;
  height:36px;
  min-width:0;
  justify-self:end;
  background:transparent !important;
  border:1px solid var(--card-border) !important;
  border-radius:10px;
  padding:0 10px;
  text-align:center;
  font-size:1rem;
  line-height:1;
  font-weight:900;
  color:var(--light);
  overflow:hidden;
  text-overflow:ellipsis;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-side-qty-input::placeholder{
  color:var(--text-color);
  opacity:1;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-side-qty-input:placeholder-shown{
  color:var(--text-color);
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-sell-percent-row{
  grid-column:1/3;
  grid-row:2/3;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:6px;
  margin-top:4px;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-matching-pill{
  grid-column:1/3;
  grid-row:3/4;
}
.mkt-sticky-side-container[data-side="SELL"] .mkt-side-sell-qty-field .mkt-help{
  grid-column:1/3;
  grid-row:4/5;
  justify-self:end;
}

/* Invalid state */
.mkt-invalid { border-color: var(--card-border) !important; box-shadow: none !important; }
.mkt-side-qty-input:invalid,
.mkt-cent-text:invalid { box-shadow: none; outline: none; }
.mkt-side-receive-row{
  display:grid; grid-template-columns:1fr auto; grid-template-rows:auto;
  align-items:center; gap:6px 10px; margin:0; padding-top:10px; border-top:1px solid var(--card-border);
}
.mkt-side-receive-label{ color:var(--light); font-weight:800; }
.mkt-side-receive-amount{
  justify-self:end; text-align:right; color:#27ae60;
  font-weight:900; font-size:clamp(1.2rem,3vw,2rem); line-height:1;
}
/* ========= Top bar: BUY/SELL (left) + Order Type (right) ========= */
.mkt-side-topbar{
  position: relative;
  display:flex;
  align-items:flex-end;            /* align bottoms so everyone sits on the same baseline */
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px 0;               /* compact spacing */
}

/* Draw the baseline UNDER the entire topbar (full width) */
.mkt-side-topbar::after{
  content:"";
  position:absolute;
  left:-15px;                      /* match your original overflow to the sides */
  right:-15px;
  bottom:-2px;
  height:2px;
  background:var(--card-border);
  border-radius:2px;
  pointer-events:none;
  z-index:0;
}

/* Your BUY/SELL group underline on the group is no longer needed; disable it */
.mkt-side-buy-sell-group::after{
  content:none !important;
}

/* Keep the white active tab slider that you already had on the group */
.mkt-side-buy-sell-group{
  --tabW: 40px;
  --gap: 5px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;           /* keep tabs anchored to baseline */
  gap: var(--gap);
  margin: 0;                       /* no extra margin; topbar handles spacing */
}

/* Active white indicator stays above the baseline */
.mkt-side-buy-sell-group::before{
  content:"";
  position:absolute; left:0; bottom:-2px;
  width:var(--tabW); height:2px; background:var(--light); border-radius:2px;
  transform:translateX(0); transition:transform .25s ease; pointer-events:none; z-index:1;
}
.mkt-side-buy-sell-group:has(.mkt-side-sell-btn.active)::before{
  transform: translateX(calc(var(--tabW) + var(--gap)));
}

/* BUY/SELL buttons (unchanged look; reiterating the key bits for alignment) */
.mkt-side-buy-btn, .mkt-side-sell-btn{
  flex:0 0 var(--tabW);
  height:32px;
  border:none; background:transparent;
  color:var(--light); font-weight:800; font-size:1em;
  cursor:pointer; display:flex; align-items:flex-end; justify-content:center;
  padding:0 2px 4px;               /* bottom padding ensures they touch the baseline */
  transition:color .18s ease; position:relative; z-index:2;
}
.mkt-side-buy-btn{ color:var(--light); }
.mkt-side-buy-sell-group:has(.mkt-side-sell-btn.active) .mkt-side-buy-btn{ color:var(--light); }
.mkt-side-buy-sell-group:has(.mkt-side-sell-btn.active) .mkt-side-sell-btn{ color:var(--light); }
.mkt-side-buy-btn:hover, .mkt-side-sell-btn:hover{ color:var(--light); }

/* ========= Order Type (right) ========= */
.mkt-order-type{
  position:relative;
  display:flex;
  align-items:flex-end;            /* anchor to the same baseline as tabs */
  z-index:2;                       /* above the baseline line */
}

/* Text-only clickable toggle (no button chrome) */
.mkt-order-type-toggle{
  appearance:none;
  -webkit-appearance:none;
  background:transparent;          /* looks like text over background */
  border:none;                     /* no border on the button itself */
  padding:0 2px 4px;               /* same bottom padding as BUY/SELL for perfect baseline */
  margin:0;

  display:inline-flex;
  align-items:center;
  gap:6px;

  height:32px;                     /* match tab height */
  line-height:1;
  color:var(--light);
  font-weight:700;
  font-size:.95em;
  cursor:pointer;
  transition: color .18s ease, opacity .18s ease;
}

.mkt-order-type-toggle:hover{
  color:var(--light);
}

/* Chevron rotation animation */
.mkt-order-type-chevron{
  display:block;
  transition: transform .2s ease;
}
.mkt-order-type.is-open .mkt-order-type-chevron,
.mkt-order-type[aria-expanded="true"] .mkt-order-type-chevron{
  transform: rotate(180deg);
}

/* ========= Dropdown menu panel (the actual "dropdown") ========= */
.mkt-order-type-menu{
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  min-width:160px;

  background: var(--base);
  border:1px solid var(--card-border);  /* border only on the dropdown panel */
  border-radius:3px;                     /* per your spec */
  box-shadow:0 6px 18px rgba(0,0,0,.28);

  padding:6px;
  list-style:none;
  margin:0;
  z-index:20;
}

/* Menu items */
.mkt-order-type-menu li{
  padding:8px 10px;
  border-radius:4px;
  color:var(--light);
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
  transition: background .18s ease, color .18s ease;
}
.mkt-order-type-menu li[aria-selected="true"]{
  outline:1px dashed var(--card-border);
}
.mkt-order-type-menu li:hover{
  background: rgba(170,180,191,.08);
  color:var(--light);
}

/* ========= Modal/mobile tweaks ========= */
@media (max-width:600px){
  .mkt-side-topbar{ gap:8px; }
  .mkt-order-type-toggle{ height:36px; }
}
.header-primary {border-bottom: 1px solid var(--base) !important;position: fixed !important;}

/* Lock body scroll while popup is open */
body.mkt-locked{
  position: fixed;
  width: 100%;
  overflow: hidden;
  /* iOS stability */
  height: 100%;
  overscroll-behavior: none;
}

/* Mobile-only popup skin with high specificity */
@media (max-width:1100px){
  body .mkt-sticky-side-container[data-popup="1"]{
    position: fixed !important;            /* beat 'sticky' */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(96vw, 560px) !important;
    max-height: 85vh !important;

    /* beat any hidden rules */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    /* be above everything */
    z-index: 2147483000 !important;

    /* safe colors even in dark theme */
    background: var(--card-bg, #111) !important;
    color: var(--light, #fff) !important;

    border-radius: 14px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.45) !important;

    pointer-events: auto;
  }

  /* Backdrop shown under the popup */
  .mkt-backdrop{
    position: fixed; inset: 0;
    background: rgba(0,0,0,.5);
    opacity: 0; pointer-events: none;
    transition: opacity .2s ease;
    z-index: 2147482000;
  }
  .mkt-backdrop.is-visible{
    opacity: 1; pointer-events: auto;
  }
}

@media (max-width:1100px){
  .mkt-side-win-row{
    padding-bottom: 10px;
  }
  .mkt-help{
    padding-bottom: 5px;
  }
  .mkt-side-topbar{
    padding-top: 10px;
  }
}

/* DESKTOP ONLY — force sticky back */
@media (min-width:1101px){
  .mkt-sticky-side-container{
    position: sticky !important;
    top: 120px !important;
    transform: none !important;
    left: auto !important;
    width: auto !important;
    max-height: none !important;
    pointer-events: auto !important;
    z-index: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* If the panel still has data-popup (e.g., after resize), neutralize it */
  .mkt-sticky-side-container[data-popup]{
    position: sticky !important;
    top: 120px !important;
    transform: none !important;
    left: auto !important;
    z-index: auto !important;
  }
}
/* Desktop: restore sticky by removing overflow on the sticky element */
@media (min-width:1101px){
  .sports-body .mkt-sticky-side-container{
    overflow: visible !important;   /* critical */
    padding-bottom: 20px !important; /* keep if you want */
    height: auto;                    /* optional: let height be natural */
  }

  /* Keep your original sticky behavior intact */
  .mkt-sticky-side-container{
    position: sticky !important;
    top: 120px !important;
  }
}

.mkt-trending{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;         /* no card padding */
}

.mkt-trending-head{
  padding: 8px 0 10px 0;
  padding-top: 20px;
}

.mkt-trending-title{
  margin: 0;
  text-align: center;
  font-weight: 800;
  color: var(--light);
  font-size: 1rem;
}

/* list styling */
.mkt-trending-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* keep each row clean */
.mkt-trending-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 0;          /* only vertical rhythm */
  text-decoration:none;
  border-bottom: 1px solid rgba(0,0,0,0.08); /* optional separator */
}

.mkt-trending-item:last-child{
  border-bottom: 0;
}
/* HARD enforce on mobile */
@media (max-width:1100px){
  .mkt-right-col{ display:none !important; }
  .mkt-trending{ display:none !important; }
}

/* 48x48 image */
.mkt-trending-img{
  width:48px !important;
  height:48px !important;
  flex: 0 0 48px !important;
  border-radius:10px;
  object-fit:cover;
}

/* Layout row */
.mkt-trending-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  text-decoration:none;
}

/* Title up to 3 lines */
.mkt-trending-name{
  color: var(--light);
  font-weight: 800;
  font-size: .92rem;
  line-height: 1.22;

  display: -webkit-box;
  -webkit-line-clamp: 3;          /* was 3 */
  -webkit-box-orient: vertical;
  overflow: hidden;

  max-height: calc(1.22em * 2);
}


/* Dates row */
.mkt-trending-dates{
  margin-top:6px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.mkt-trending-date{
  display:flex;
  align-items:center;
  gap:8px;
  color: var(--white-gray);
  font-size: .82rem;
}
/* Prevent Driver from forcing overflow:hidden on our layout columns */
.mkt-right-col:has(>.driver-active-element),
.sports-body .mkt-right-col:has(>.driver-active-element) {
  overflow: visible !important;  /* or 'unset' */
}

/* If Driver applies it higher up (sometimes), you can also add: */
.row:has(>.driver-active-element),
.container:has(>.driver-active-element),
.container-fluid:has(>.driver-active-element) {
  overflow: visible !important;
}
#mktGlobalOB .mkt-ob-badges {
  overflow: visible !important;
}