/* CRS Media Reel Pro — matches CRS Pro Patterns utilities */
.crs-mr-wrap{margin-top: 12px}
.crs-mr-card{
  padding: 14px 14px 12px;
  border-radius: var(--crs-radius, 18px);
  border: 1px solid rgba(245,240,230,.12);
  background: rgba(245,240,230,.05);
  margin: 12px 0;
}
.crs-mr-card__top{margin-bottom: 10px}
.crs-mr-card__title{font-weight: 900}
.crs-mr-card__meta{opacity:.82; margin-top:4px}
.crs-mr-muted{opacity:.82}
.crs-mr-link{font-weight: 800; text-decoration:none}

.crs-mr-audio__el{width:100%}

.crs-mr-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 920px){
  .crs-mr-grid{grid-template-columns: 1fr 1fr}
}
.crs-mr-video__frame iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: calc(var(--crs-radius, 18px) - 6px);
}

.crs-mr-filters{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:flex-end;
  padding: 12px;
  border-radius: var(--crs-radius, 18px);
  border: 1px solid rgba(245,240,230,.12);
  background: rgba(17,17,17,.18);
  margin: 10px 0 12px;
}
.crs-mr-filter label{display:block; font-size:.86rem; opacity:.82; margin-bottom:4px}
.crs-mr-select{
  min-width: 180px;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(245,240,230,.14);
  background: rgba(245,240,230,.04);
  color: inherit;
}
.crs-mr-btn{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(245,240,230,.16);
  background: rgba(198,161,91,.92);
  color: #111;
  font-weight: 900;
  cursor:pointer;
}

.crs-mr-tabs{
  padding: 16px 14px 12px;
  border-radius: var(--crs-radius, 18px);
  border: 1px solid rgba(245,240,230,.12);
  background: rgba(17,17,17,.18);
}
.crs-mr-tabs__nav{display:flex; gap:10px; margin: 10px 0 12px}
.crs-mr-tab{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(245,240,230,.16);
  background: rgba(245,240,230,.05);
  color: inherit;
  font-weight: 900;
  cursor:pointer;
}
.crs-mr-tab.is-active{
  background: rgba(198,161,91,.92);
  color: #111;
  border-color: rgba(198,161,91,.55);
}
.crs-mr-tabs__panel{display:none}
.crs-mr-tabs__panel.is-active{display:block}
