/* MrX Embed Cards - simple, Flatsome-friendly */
.mrx-embed-row{display:flex;gap:16px;margin:16px 0;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;}
.mrx-embed-title a{font-size:1em !important;}
.mrx-embed-btn{font-size:0.9em !important;}

/* 1–2 items should be centered */
.mrx-embed-row.is-single,
.mrx-embed-row.is-double{justify-content:center;}

/* Default = 3 columns on desktop */
.mrx-embed-card{flex:1 1 calc(33.333% - 11px);max-width:420px;background:#f7f7f7;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);}

/* Keep 1 or 2 items from stretching too wide; still align to 3-col grid */
.mrx-embed-row.is-single .mrx-embed-card,
.mrx-embed-row.is-double .mrx-embed-card{flex:0 1 calc(33.333% - 11px);}

/* Thumb */
.mrx-embed-thumb a{display:block;}
.mrx-embed-thumb img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover;}
.mrx-embed-thumb.is-empty{background:#eee;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;}
.mrx-embed-noimg{font-size:14px;opacity:.7;}

/* Title as <p>: bold + italic + black */
.mrx-embed-title{margin:12px 14px 10px;font-size:15px;line-height:1.35;font-weight:700;font-style:italic;color:#000;}
.mrx-embed-title a{color:#000;text-decoration:none;}
.mrx-embed-title a:hover{text-decoration:underline;}

/* Button centered */
.mrx-embed-cta{padding:0 14px 14px;text-align:center;}
.mrx-embed-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.10);background:#fff;font-weight:600;text-decoration:none;}
.mrx-embed-btn:hover{filter:brightness(.98);}

/* Tablet: 2 cols */
@media (max-width:992px){
  .mrx-embed-card{flex:1 1 calc(50% - 8px);max-width:520px;}
  .mrx-embed-row.is-single .mrx-embed-card,
  .mrx-embed-row.is-double .mrx-embed-card{flex:0 1 calc(50% - 8px);}
}

/* Mobile: 2 cols */
@media (max-width:768px){
  .mrx-embed-card{flex:1 1 calc(50% - 8px);max-width:100%;}
  .mrx-embed-row.is-single .mrx-embed-card{flex:0 1 calc(50% - 8px);}
  .mrx-embed-title a{font-size:0.8em !important;}
  .mrx-embed-btn{font-size:0.7em !important;}
}

/* Very small screens: 1 col */
@media (max-width:420px){
  .mrx-embed-card,
  .mrx-embed-row.is-single .mrx-embed-card{flex:1 1 100%;}
}