/* Aemazon market detail layout v2.1.2.
   Desktop uses two independent columns. Narrow screens keep the original flow. */
@media (min-width:961px){
  .market-detail-page .market-detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,380px);
    align-items:start;
    gap:24px;
  }
  .market-detail-page .market-detail-primary,
  .market-detail-page .market-detail-secondary{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:20px;
  }
  .market-detail-page .market-detail-information,
  .market-detail-page .market-content-aside{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:20px;
  }
  .market-detail-page .market-detail-panel{
    position:static;
    min-width:0;
    padding:24px;
    border-radius:16px;
    box-shadow:none;
  }
  .market-detail-page .market-content-card{
    min-width:0;
    margin:0;
    padding:24px;
    border-radius:16px;
  }
  .market-detail-page .market-main-image{border-radius:16px}
  .market-detail-page .market-safety-note{min-width:0;margin:0;border-radius:16px}
  .market-detail-page .market-detail-panel h1{overflow-wrap:anywhere}
  .market-detail-page .market-summary-row{grid-template-columns:85px minmax(0,1fr)}
  .market-detail-page .market-summary-row dd{min-width:0;overflow-wrap:anywhere}
  .market-detail-page .market-detail-price{flex-wrap:wrap}
  .market-detail-page .market-detail-price strong{min-width:0;overflow-wrap:anywhere}
  .market-detail-page .market-detail-stats{flex-wrap:wrap;gap:6px 12px}
  .market-detail-page .market-info-table>div{grid-template-columns:110px minmax(0,1fr)}
  .market-detail-page .market-content-aside .market-info-table>div{grid-template-columns:85px minmax(0,1fr)}
}

/* Same spacing and order as the previous tablet/mobile detail layout.
   These plain div wrappers have no visual box at these widths. */
@media (max-width:960px){
  .market-detail-page .market-detail-layout{display:flex;flex-direction:column;gap:0}
  .market-detail-page .market-detail-primary,
  .market-detail-page .market-detail-secondary{display:contents}
  .market-detail-page .market-detail-media{order:0}
  .market-detail-page .market-detail-panel{order:1;margin-top:28px}
  .market-detail-page .market-detail-information{order:2;min-width:0;margin-top:22px}
  .market-detail-page .market-content-aside{order:3;min-width:0;margin-top:18px}
}
@media (max-width:760px){
  .market-detail-page .market-detail-panel{margin-top:13px}
  .market-detail-page .market-detail-information{margin-top:10px}
}