/* Muze Gigs: a familiar service marketplace, in the MuzeLinks design system.
 * Progressive enhancement only. The underlying marketplace forms and links
 * remain responsible for filtering, saving, ordering and seller permissions. */
.muze-gigs--marketplace.ml-gigs-ready,
.muze-gigs__detail--release.ml-gigs-ready,
.ml-gigs-menu-dialog {
  --mg-bg: #0d091a;
  --mg-surface: #17102b;
  --mg-surface-2: #1f1638;
  --mg-card: #18112b;
  --mg-line: rgba(161,178,226, .14);
  --mg-line-strong: rgba(161,178,226, .28);
  --mg-text: #f7f4ff;
  --mg-muted: #a8b3d2;
  --mg-pink: #4274ff;
  --mg-purple: #4fd9eb;
  --mg-cyan: #58d7e8;
  --mg-mint: #70dae8;
  --ml-gigs-space: clamp(18px, 2.8vw, 38px);
  color: var(--mg-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
.muze-gigs--marketplace.ml-gigs-ready,
.muze-gigs__detail--release.ml-gigs-ready {
  max-width: 1480px;
  border-color: var(--mg-line) !important;
  border-radius: 20px !important;
  background: var(--mg-bg) !important;
  box-shadow: 0 20px 65px rgba(4,0,15, .28) !important;
}
.ml-gigs-ready *, .ml-gigs-menu-dialog * { box-sizing: border-box; }
.ml-gigs-ready [hidden], .ml-gigs-menu-dialog [hidden] { display: none !important; }
.ml-gigs-ready :is(button, input, select, textarea),
.ml-gigs-menu-dialog :is(button, input, select) { font-family: inherit; }
.ml-gigs-ready :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.ml-gigs-menu-dialog :is(a, button, input, select, summary, [tabindex]):focus-visible {
  outline: 3px solid #75efff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(52,102,239, .12);
}
.ml-gigs-ready :is(input, select, textarea) { accent-color: #4879ff; }

/* Search is always the primary utility; selling remains easy to discover. */
.ml-gigs-ready .muze-gigs__marketbar {
  grid-template-columns: minmax(160px, 210px) minmax(160px, 1fr) auto !important;
  gap: 24px !important;
  min-height: 88px !important;
  padding: 14px var(--ml-gigs-space) !important;
  border-bottom: 1px solid var(--mg-line) !important;
  background: #140e26 !important;
}
.ml-gigs-ready .muze-gigs__brand { width: 210px !important; max-width: 100%; }
.ml-gigs-ready .muze-gigs__brand img {
  display: block !important;
  width: 210px !important;
  max-width: 100% !important;
  height: 49px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
}
.ml-gigs-ready .muze-gigs__top-search {
  min-width: 0;
  min-height: 48px !important;
  grid-template-columns: minmax(0, 1fr) 50px !important;
  border-color: #3d325c !important;
  border-radius: 11px !important;
  background: #0e081e !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.ml-gigs-ready .muze-gigs__top-search:focus-within {
  border-color: #5a86ff !important;
  box-shadow: 0 0 0 3px rgba(64,115,255, .13);
}
.ml-gigs-ready .muze-gigs__top-search input {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: 46px !important;
  padding-inline: 16px !important;
  color: #f7f4ff !important;
  font-size: 14px !important;
}
.ml-gigs-ready .muze-gigs__top-search input::placeholder { color: #a59ac5 !important; opacity: 1; }
.ml-gigs-ready .muze-gigs__top-search button {
  width: 50px !important;
  min-width: 50px !important;
  min-height: 46px !important;
  border-left-color: #36487a !important;
  background: #2857d7 !important;
  color: #fff !important;
  font-size: 24px !important;
}
.ml-gigs-ready .muze-gigs__top-search button:hover { background: #3667ee !important; }
.ml-gigs-ready .muze-gigs__site-menu > summary {
  min-width: 96px !important;
  height: 46px !important;
  gap: 9px !important;
  padding-inline: 13px !important;
  border-color: #333f5f !important;
  border-radius: 11px !important;
  background: #1d1437 !important;
  color: #efeaff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.ml-gigs-ready .muze-gigs__site-menu > summary:hover,
.ml-gigs-ready .muze-gigs__site-menu[open] > summary {
  border-color: #5b7edd !important;
  background: #271b4c !important;
}
.ml-gigs-ready .muze-gigs__site-menu > summary b { color: #87a4f3 !important; }
.ml-gigs-ready .ml-gigs-shortcuts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 18px;
  padding: 8px var(--ml-gigs-space);
  border-bottom: 1px solid var(--mg-line);
  background: #120c22;
}
.ml-gigs-ready .ml-gigs-shortcuts a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 8px 2px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #afbada;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
  transition: color .18s ease;
}
.ml-gigs-ready .ml-gigs-shortcuts a:hover { color: #fff; }
.ml-gigs-ready .ml-gigs-shortcuts a[aria-current="page"] {
  color: #f5f2ff;
  box-shadow: inset 0 -2px #61e8fa;
}
.ml-gigs-ready .ml-gigs-shortcuts .ml-gigs-sell {
  margin-left: auto;
  min-height: 40px;
  padding: 9px 15px;
  border: 1px solid #3a59b0;
  border-radius: 9px;
  background: #1e1243;
  color: #a7ebf4;
}
.ml-gigs-ready .ml-gigs-shortcuts .ml-gigs-sell:hover {
  border-color: #6fd0dd;
  background: #271852;
}

/* A compact brand moment, not a billboard that pushes services off screen. */
.ml-gigs-ready .ml-gigs-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 244px;
  align-items: center;
  gap: 32px;
  margin: 0;
  padding: 30px var(--ml-gigs-space) 28px;
  border-bottom: 1px solid var(--mg-line);
  background: radial-gradient(ellipse at 95% 0%, rgba(33,173,191, .15), transparent 55%), linear-gradient(110deg, #191035, #18102e 60%, #170e33);
}
.ml-gigs-ready .ml-gigs-intro__copy { min-width: 0; }
.ml-gigs-ready .ml-gigs-eyebrow {
  display: block;
  margin: 0 0 9px;
  color: #7bdce9;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ml-gigs-ready .ml-gigs-intro h2 {
  max-width: 740px;
  margin: 0;
  color: #f6f3ff;
  font-size: clamp(25px, 2.8vw, 38px);
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.ml-gigs-ready .ml-gigs-intro p {
  max-width: 680px;
  margin: 11px 0 0;
  color: #b3bedb;
  font-size: 14px;
  line-height: 1.6;
}
.ml-gigs-ready .ml-gigs-popular {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
}
.ml-gigs-ready .ml-gigs-popular > :is(span, strong) { color: #a9b5d7; font-size: 12px; }
.ml-gigs-ready .ml-gigs-popular a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid #313f67;
  border-radius: 999px;
  background: rgba(15,8,34, .35);
  color: #ded4fa;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.ml-gigs-ready .ml-gigs-popular a:hover { border-color: #678bed; background: #281955; color: #fff; }
.ml-gigs-ready .ml-gigs-intro__aside {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 7px;
  align-content: center;
  padding: 19px 18px;
  border: 1px solid rgba(120,208,220, .19);
  border-radius: 15px;
  background: rgba(18,11,39, .5);
  color: #bdcaed;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
}
.ml-gigs-ready .ml-gigs-intro__aside > :is(p, strong) { flex-basis: 100%; margin: 0 0 4px; color: #e1d7fd; font-size: 13px; }
.ml-gigs-ready .ml-gigs-intro__aside > span {
  padding: 4px 8px;
  border: 1px solid rgba(110,194,205, .18);
  border-radius: 6px;
  color: #91d3dc;
  font-size: 11px;
  font-weight: 550;
}

/* Category links remain real navigation, with legible labels at every size. */
.ml-gigs-ready .muze-gigs__category-showcase { padding: 25px var(--ml-gigs-space) !important; }
.ml-gigs-ready .muze-gigs__category-showcase > header { gap: 16px; margin-bottom: 15px !important; }
.ml-gigs-ready :is(.muze-gigs__category-showcase, .muze-gigs__results-head, .muze-gigs__how, .muze-gigs__related) :is(header p, p:first-child) {
  color: #7994dd;
}
.ml-gigs-ready .muze-gigs__category-showcase header p,
.ml-gigs-ready .muze-gigs__results-head > div > p {
  color: #7c92cf !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  letter-spacing: .12em !important;
}
.ml-gigs-ready .muze-gigs__category-showcase h2,
.ml-gigs-ready .muze-gigs__results-head h2 {
  margin-top: 4px !important;
  color: #f4f1ff !important;
  font-size: 22px !important;
  font-weight: 730 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}
.ml-gigs-ready .muze-gigs__category-showcase > header > span { color: #9d91c0 !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__category-showcase > div {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 9px !important;
  min-width: 0;
}
.ml-gigs-ready .muze-gigs__category-showcase > div > a {
  --category-accent: #7998ef !important;
  min-width: 0;
  min-height: 69px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 11px 9px !important;
  border-color: #30264e !important;
  border-radius: 10px !important;
  background: #19112f !important;
  transition: border-color .18s ease, background .18s ease !important;
}
.ml-gigs-ready .muze-gigs__category-showcase > div > a::before { display: none !important; }
.ml-gigs-ready .muze-gigs__category-showcase > div > a:hover {
  transform: none !important;
  border-color: #5572c0 !important;
  background: #221743 !important;
}
.ml-gigs-ready .muze-gigs__category-showcase a > span {
  width: 28px !important;
  height: 32px !important;
  border: 0 !important;
  background: transparent !important;
  color: #8ea9f4 !important;
  font-size: 17px !important;
}
.ml-gigs-ready .muze-gigs__category-showcase a strong {
  overflow: visible !important;
  color: #e4dcfa !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
}
.ml-gigs-ready .muze-gigs__category-showcase a b { display: none !important; }

/* Filters expand in the document flow: no dropdown covers another control. */
.ml-gigs-ready .ml-gigs-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 20px var(--ml-gigs-space) 12px;
}
.ml-gigs-ready .ml-gigs-filter-chips:empty { display: none; }
.ml-gigs-ready .ml-gigs-filter-chips a {
  display: inline-flex;
  min-height: 40px;
  max-width: 100%;
  gap: 9px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #36497c;
  border-radius: 8px;
  background: #1e1340;
  color: #dbcfff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.ml-gigs-ready .ml-gigs-filter-chips a:hover { border-color: #6787df; background: #2a1b55; }
.ml-gigs-ready .ml-gigs-filter-chips a:is(.ml-gigs-clear, .is-clear) { border-color: transparent; background: transparent; color: #9cb5fb; text-decoration: underline; text-underline-offset: 3px; }
.ml-gigs-ready .muze-gigs__filter-panel {
  margin: 4px var(--ml-gigs-space) 24px !important;
  border: 1px solid #332952 !important;
  border-radius: 12px !important;
  background: #17102c !important;
  overflow: visible;
}
.ml-gigs-ready .muze-gigs__filter-panel > summary {
  min-height: 52px !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  color: #ebe5fc !important;
  font-size: 14px !important;
  line-height: 1.4;
  border-radius: 12px;
}
.ml-gigs-ready .muze-gigs__filter-panel > summary::after {
  content: "+";
  margin-left: auto;
  color: #9fb5f3;
  font-size: 22px;
  line-height: 1;
}
.ml-gigs-ready .muze-gigs__filter-panel[open] > summary::after { content: "−"; }
.ml-gigs-ready .muze-gigs__filter-panel > summary:hover { background: #1e153a; }
.ml-gigs-ready .muze-gigs__filter-panel > summary > span { color: #83a2f6 !important; }
.ml-gigs-ready .muze-gigs__filter-panel > summary b {
  margin-left: 4px !important;
  padding: 4px 8px !important;
  background: #22144a !important;
  color: #9de3ec !important;
  font-size: 10px !important;
}
.ml-gigs-ready .muze-gigs__filters {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 18px !important;
  border-top-color: var(--mg-line) !important;
}
.ml-gigs-ready .muze-gigs__filters label { gap: 7px !important; color: #b9c3e0 !important; font-size: 12px !important; font-weight: 600; line-height: 1.4; }
.ml-gigs-ready .muze-gigs__filters :is(input, select) {
  height: 46px !important;
  padding: 9px 12px !important;
  border-color: #313d5f !important;
  border-radius: 8px !important;
  background: #100a23 !important;
  color: #f2edff !important;
  font-size: 14px !important;
}
.ml-gigs-ready .muze-gigs__filters :is(input, select):focus {
  border-color: #638dff !important;
  box-shadow: 0 0 0 3px rgba(63,112,245, .14) !important;
}
.ml-gigs-ready .muze-gigs__check { min-height: 46px !important; padding: 9px 12px !important; border-color: #313d5f !important; background: #1b1235 !important; }
.ml-gigs-ready .muze-gigs__check input { width: 18px !important; height: 18px !important; padding: 0 !important; flex: 0 0 18px; accent-color: #5381ff !important; }
.ml-gigs-ready .muze-gigs__filter-actions { gap: 9px !important; }
.ml-gigs-ready .muze-gigs__filter-actions :is(button, a) {
  min-height: 46px !important;
  padding: 10px 18px !important;
  border-color: #446dde !important;
  border-radius: 8px !important;
  background: #2752ca !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.4;
}
.ml-gigs-ready .muze-gigs__filter-actions button:hover { background: #3464e9 !important; }
.ml-gigs-ready .muze-gigs__filter-actions a { border-color: #40355f !important; background: transparent !important; color: #bfcae9 !important; }
.ml-gigs-ready .muze-gigs__results-head {
  flex-wrap: wrap;
  gap: 14px 24px !important;
  align-items: center !important;
  padding: 0 var(--ml-gigs-space) 20px !important;
}
.ml-gigs-ready .muze-gigs__results-head > span { color: #a4afcf !important; font-size: 13px !important; }
.ml-gigs-ready .ml-gigs-results-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin-left: auto;
  color: #a4afcf;
  font-size: 13px;
}
.ml-gigs-ready .ml-gigs-results-tools label { display: flex; align-items: center; gap: 9px; margin: 0; color: #b9c3e0; font-size: 12px; font-weight: 650; }
.ml-gigs-ready .ml-gigs-results-tools select {
  width: auto;
  max-width: 100%;
  min-height: 44px;
  padding: 9px 30px 9px 12px;
  border: 1px solid #303d60;
  border-radius: 8px;
  background-color: #191132;
  color: #ede7ff;
  font-size: 13px;
}
.ml-gigs-ready .ml-gigs-results-tools button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border: 1px solid #39549d;
  border-radius: 8px;
  background: #261753;
  color: #c2f4fb;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}
.ml-gigs-ready .ml-gigs-results-tools button:hover { border-color: #7291e7; background: #213774; color: #fff; }

/* Service tiles: image, seller, service, reputation, then the honest price. */
.muze-gigs--marketplace.ml-gigs-ready > .muze-gigs__grid { gap: 20px !important; padding: 0 var(--ml-gigs-space) 28px !important; }
.ml-gigs-ready .muze-gigs__card {
  border-color: #31274d !important;
  border-radius: 13px !important;
  background: #18112d !important;
  box-shadow: 0 8px 22px rgba(4,0,15, .12) !important;
}
.ml-gigs-ready .muze-gigs__card:hover { transform: translateY(-2px) !important; border-color: #455fa5 !important; box-shadow: 0 14px 28px rgba(4,0,15, .24) !important; }
.ml-gigs-ready .muze-gigs__card-media { background: #100923 !important; }
.ml-gigs-ready .muze-gigs__card .muze-gigs__body { gap: 10px !important; padding: 15px 15px 12px !important; }
.ml-gigs-ready .muze-gigs__card .muze-gigs__seller img { border-color: #425a9b !important; }
.ml-gigs-ready .muze-gigs__card .muze-gigs__seller strong { color: #f2eeff !important; font-size: 13px !important; }
.ml-gigs-ready .muze-gigs__card .muze-gigs__seller small { color: #9aa7cc !important; font-size: 11px !important; }
.ml-gigs-ready .muze-gigs__card-title h2 { color: #efeaff !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 620 !important; }
.ml-gigs-ready .muze-gigs__card-title:hover h2 { color: #9eb8ff !important; }
.ml-gigs-ready .muze-gigs__card-category { color: #9f93c4 !important; font-size: 11px !important; }
.ml-gigs-ready .muze-gigs__card-rating { color: #a4b0d0 !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__card-footer { min-height: 69px !important; padding: 11px 15px !important; border-top-color: #2d234b !important; }
.ml-gigs-ready .muze-gigs__card-footer small { color: #9f93c4 !important; font-size: 10px !important; letter-spacing: .035em; }
.ml-gigs-ready .muze-gigs__card-footer strong { color: #f4f1ff !important; font-size: 17px !important; }
.ml-gigs-ready .muze-gigs__card-footer > a { display: inline-flex; min-height: 44px; align-items: center; gap: 4px; color: #dfd6fa !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__card-footer > a span { color: #8eabfa !important; }
.ml-gigs-ready .muze-gigs__card-footer .muze-gigs__save button { width: 44px !important; height: 44px !important; border-color: #354571 !important; background: #1e143c !important; }
.ml-gigs-ready .muze-gigs__card-footer .muze-gigs__save button::before { color: #94b1ff !important; font-size: 23px !important; }
.ml-gigs-ready .muze-gigs__card-footer .muze-gigs__save button:hover { border-color: #7192eb !important; background: #281a53 !important; }
.ml-gigs-ready :is(.muze-gigs__card-badges, .muze-gigs__detail-badges) .is-demo { border-color: #5268a5 !important; color: #b9cbfb !important; }
.ml-gigs-ready .muze-gigs__empty {
  min-height: 275px !important;
  gap: 7px;
  padding: 32px 20px !important;
  border: 1px solid #28365c !important;
  border-radius: 15px !important;
  background: radial-gradient(ellipse at 50% 0%, rgba(38,73,168, .13), transparent 75%), #160f2b !important;
  color: #a8b5d8 !important;
}
.ml-gigs-ready .muze-gigs__empty > span { color: #86e4f0 !important; font-size: 36px !important; }
.ml-gigs-ready .muze-gigs__empty h3 { max-width: 520px; color: #f4f1ff !important; font-size: 23px !important; line-height: 1.3; letter-spacing: -.02em; }
.ml-gigs-ready .muze-gigs__empty p { max-width: 550px; color: #adb9db !important; font-size: 14px !important; line-height: 1.65; }
.ml-gigs-ready .ml-gigs-empty-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 14px; }
.ml-gigs-ready .ml-gigs-empty-actions a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 10px 18px; border: 1px solid #4b6fd3; border-radius: 9px; background: #2753cc; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.ml-gigs-ready .ml-gigs-empty-actions a + a { border-color: #38466e; background: #221741; color: #bdcdf8; }
.ml-gigs-ready .ml-gigs-empty-actions a:hover { border-color: #91aeff; filter: brightness(1.13); }
.ml-gigs-ready .muze-gigs__pagination { margin-inline: var(--ml-gigs-space) !important; }
.ml-gigs-ready .muze-gigs__pagination a { display: inline-flex; min-height: 44px; align-items: center; padding: 9px 13px !important; color: #ddd3fa !important; font-size: 13px !important; }
.ml-gigs-ready .muze-gigs__pagination strong { color: #a3afd1 !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__how { margin-top: 24px !important; padding: 28px var(--ml-gigs-space) !important; background: #18102e !important; }
.ml-gigs-ready .muze-gigs__how h2 { color: #efeaff !important; font-size: 22px !important; }
.ml-gigs-ready .muze-gigs__how h3 { color: #e5dcff !important; font-size: 16px !important; }
.ml-gigs-ready .muze-gigs__how p { color: #a8b4d6 !important; font-size: 13px !important; line-height: 1.65 !important; }
.ml-gigs-ready .muze-gigs__how > div > article { padding: 18px !important; border-color: #2b3759 !important; background: #1b1236 !important; }
.muze-gigs--marketplace.ml-gigs-ready > footer { padding: 20px var(--ml-gigs-space) !important; background: #110b23 !important; }
.muze-gigs--marketplace.ml-gigs-ready > footer strong { color: #d8cef4 !important; font-size: 13px !important; }
.muze-gigs--marketplace.ml-gigs-ready > footer span { color: #8f9dc3 !important; font-size: 12px !important; }

/* The site menu lives in the native top layer, bounded to the actual screen. */
body.ml-gigs-menu-open { overflow: hidden !important; }
dialog.ml-gigs-menu-dialog {
  position: fixed !important;
  inset: 0 !important;
  width: min(600px, calc(100vw - 32px)) !important;
  height: fit-content !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #465888 #17102d;
  border: 1px solid #435586 !important;
  border-radius: 18px !important;
  background: #17102d !important;
  color: #eee8ff !important;
  box-shadow: 0 30px 100px rgba(4,0,15, .7) !important;
}
dialog.ml-gigs-menu-dialog:not([open]) { display: none !important; }
dialog.ml-gigs-menu-dialog::backdrop { background: rgba(7,3,19, .74); backdrop-filter: blur(7px); }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex !important;
  min-height: 88px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0 !important;
  padding: 17px 24px !important;
  border-bottom: 1px solid #303d60 !important;
  background: #1c1338 !important;
  box-shadow: 0 5px 18px rgba(9,5,22, .13);
}
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header div { min-width: 0; gap: 4px; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header small,
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > section > span { color: #849cdf !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.5; letter-spacing: .14em !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header strong { color: #f5f2ff !important; font-size: 19px !important; font-weight: 730; line-height: 1.3; letter-spacing: -.02em; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header button {
  display: grid;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px;
  place-items: center;
  padding: 0 !important;
  border: 1px solid #40507b !important;
  border-radius: 10px !important;
  background: #2c204e !important;
  color: #ede7ff !important;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor: pointer;
}
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header button:hover { border-color: #819be4 !important; background: #293a68 !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel > section { display: grid !important; gap: 10px !important; margin: 0 24px !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a {
  display: flex !important;
  min-width: 0;
  min-height: 50px !important;
  gap: 10px !important;
  align-items: center;
  padding: 11px 13px !important;
  border: 1px solid #2e3b60 !important;
  border-radius: 10px !important;
  background: #1e143a !important;
  color: #ddd4f9 !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a:hover { border-color: #6584d8 !important; background: #2a1c53 !important; color: #fff !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a.is-primary { border-color: #415eae !important; background: #251650 !important; color: #aeeaf2 !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a.is-child { padding-left: 13px !important; color: #b0bde2 !important; }
.ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a i { width: 27px !important; height: 27px !important; border-radius: 7px !important; background: #203161 !important; color: #98b2fa !important; font-size: 11px !important; }

/* Detail pages retain their functioning purchase interface, with the same skin. */
.muze-gigs__detail--release.ml-gigs-ready { padding: var(--ml-gigs-space); }
.ml-gigs-ready .muze-gigs__breadcrumbs { color: #97a4c8 !important; font-size: 12px !important; line-height: 1.5; }
.ml-gigs-ready .muze-gigs__breadcrumbs a { color: #b9c8f0 !important; }
.ml-gigs-ready .muze-gigs__detail-head h1 { font-size: clamp(26px, 3.4vw, 43px) !important; line-height: 1.17 !important; color: #f2eeff !important; }
.ml-gigs-ready .muze-gigs__detail-copy > p { color: #b0bcde !important; font-size: 15px !important; }
.ml-gigs-ready .muze-gigs__seller-profile img,
.ml-gigs-ready .muze-gigs__seller-card > img { border-color: #4b66b1 !important; }
.ml-gigs-ready .muze-gigs__detail-utilities button,
.ml-gigs-ready .muze-gigs__seller-card :is(a, button),
.ml-gigs-ready .muze-gigs__order-contact {
  min-height: 44px !important;
  height: auto !important;
  padding: 10px 13px !important;
  border-color: #354675 !important;
  background: #1e143c !important;
  color: #d9cefb !important;
  font-size: 13px !important;
  line-height: 1.4;
}
.ml-gigs-ready .muze-gigs__seller-card > div > p,
.ml-gigs-ready .muze-gigs__order > header p,
.ml-gigs-ready .muze-gigs__compare > header p,
.ml-gigs-ready .muze-gigs__related > header p { color: #819ce8 !important; }
.ml-gigs-ready .muze-gigs__detail-layout main > section { border-color: #293557 !important; background: #181030 !important; }
.ml-gigs-ready .muze-gigs__detail-layout section > p { color: #b8c4e5 !important; font-size: 14px !important; }
.ml-gigs-ready .muze-gigs__detail-layout h2 { color: #f1ecff !important; font-size: 20px !important; }
.ml-gigs-ready .muze-gigs__order { border-color: #3b4e82 !important; background: linear-gradient(150deg, #211642, #17102d) !important; }
.ml-gigs-ready .muze-gigs__order > header > span { background: #213262 !important; color: #8baaff !important; }
.ml-gigs-ready .muze-gigs__package-tabs label { min-height: 80px; padding: 12px 10px !important; background: #1c1338 !important; }
.ml-gigs-ready .muze-gigs__package-tabs label.is-selected { border-color: #5475d0 !important; background: #2b1b5c !important; }
.ml-gigs-ready .muze-gigs__package-tabs label:has(input:focus-visible) { outline: 3px solid #75efff; outline-offset: -3px; }
.ml-gigs-ready .muze-gigs__package-tabs strong { font-size: 17px !important; }
.ml-gigs-ready .muze-gigs__package-tabs small { color: #ddd5f5 !important; font-size: 12px !important; white-space: normal !important; }
.ml-gigs-ready .muze-gigs__package-tabs b { color: #a2afd3 !important; font-size: 11px !important; }
.ml-gigs-ready .muze-gigs__addons label { min-height: 48px; border-color: #303d62 !important; }
.ml-gigs-ready .muze-gigs__addons strong { color: #e4dcfb !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__addons small { color: #9facd0 !important; font-size: 11px !important; }
.ml-gigs-ready .muze-gigs__addons b { color: #e3d9ff !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__order-cta { min-height: 48px !important; padding: 11px 16px !important; border-color: #4c74e1 !important; background: linear-gradient(110deg, #2453d4, #163faf) !important; color: #fff !important; font-size: 14px !important; }
.ml-gigs-ready .muze-gigs__order-cta:hover { background: linear-gradient(110deg, #3365ee, #20b4c8) !important; }
.ml-gigs-ready .muze-gigs__order-note { color: #a2aece !important; font-size: 11px !important; line-height: 1.6 !important; }
.ml-gigs-ready .muze-gigs__compare thead th { background: #1e133d !important; }
.ml-gigs-ready .muze-gigs__compare :is(th, td) { color: #bfcae7 !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__faq summary { min-height: 30px; color: #e2dafa !important; font-size: 14px !important; }
.ml-gigs-ready .muze-gigs__faq p { color: #aab6d8 !important; font-size: 13px !important; line-height: 1.65 !important; }
.ml-gigs-ready .muze-gigs__demo-note { color: #a1b6ef !important; font-size: 12px !important; }
.ml-gigs-ready .muze-gigs__reviews { background: #181030 !important; border-color: #303d60 !important; }
.ml-gigs-ready .muze-gigs__review-list p { color: #b4c1e4 !important; font-size: 13px !important; }

/* Keep the seller action within the navigation group, clear of the site's
   existing desktop Contacts tab at the far-right edge. */
@media (min-width: 621px) {
  .ml-gigs-ready .ml-gigs-shortcuts .ml-gigs-sell { margin-left: 16px; }
}
@media (max-width: 1120px) {
  .ml-gigs-ready .muze-gigs__marketbar { grid-template-columns: minmax(150px, 185px) minmax(160px, 1fr) auto !important; gap: 16px !important; }
  .ml-gigs-ready .muze-gigs__category-showcase > div { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ml-gigs-ready .muze-gigs__category-showcase > div > a { min-height: 65px !important; }
  .ml-gigs-ready .ml-gigs-intro { grid-template-columns: minmax(0, 1fr) 214px; gap: 22px; }
  .ml-gigs-ready .ml-gigs-intro__aside { padding: 15px; }
  .ml-gigs-ready .muze-gigs__filters { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .ml-gigs-ready .muze-gigs__filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .ml-gigs-ready .muze-gigs__marketbar { grid-template-columns: minmax(145px, 170px) minmax(120px, 1fr) auto !important; gap: 12px !important; }
  .ml-gigs-ready .muze-gigs__site-menu > summary { min-width: 82px !important; padding-inline: 10px !important; }
  .ml-gigs-ready .ml-gigs-intro { grid-template-columns: 1fr; padding-block: 25px; }
  .ml-gigs-ready .ml-gigs-intro__aside { display: none; }
  .ml-gigs-ready .muze-gigs__category-showcase > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ml-gigs-ready .muze-gigs__category-showcase > header > span { display: none; }
  .ml-gigs-ready .muze-gigs__filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ml-gigs-ready .muze-gigs__detail-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .ml-gigs-ready .muze-gigs__order { position: static !important; }
}
@media (max-width: 620px) {
  .muze-gigs--marketplace.ml-gigs-ready,
  .muze-gigs__detail--release.ml-gigs-ready { --ml-gigs-space: 16px; border-radius: 14px !important; }
  .ml-gigs-ready .muze-gigs__marketbar { grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px !important; padding: 12px var(--ml-gigs-space) 15px !important; }
  .ml-gigs-ready .muze-gigs__brand { width: 174px !important; }
  .ml-gigs-ready .muze-gigs__brand img { width: 174px !important; height: 42px !important; }
  .ml-gigs-ready .muze-gigs__site-menu { grid-column: 2; grid-row: 1; }
  .ml-gigs-ready .muze-gigs__site-menu > summary { height: 44px !important; font-size: 12px !important; }
  .ml-gigs-ready .muze-gigs__top-search { grid-column: 1 / -1; grid-row: 2; }
  .ml-gigs-ready .muze-gigs__top-search input { font-size: 16px !important; }
  .ml-gigs-ready .ml-gigs-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; padding-block: 8px; }
  .ml-gigs-ready .ml-gigs-shortcuts a { min-width: 0; min-height: 44px; font-size: 12px; padding: 8px 3px; }
  .ml-gigs-ready .ml-gigs-shortcuts a[aria-current="page"] { box-shadow: none; color: #84ecfa; }
  .ml-gigs-ready .ml-gigs-shortcuts .ml-gigs-sell { width: 100%; min-height: 40px; margin-left: 0; justify-content: center; padding: 9px 8px; }
  .ml-gigs-ready .ml-gigs-intro { padding-block: 24px; }
  .ml-gigs-ready .ml-gigs-intro h2 { font-size: 27px; }
  .ml-gigs-ready .ml-gigs-intro p { font-size: 13px; line-height: 1.65; }
  .ml-gigs-ready .ml-gigs-popular { gap: 7px; margin-top: 15px; }
  .ml-gigs-ready .ml-gigs-popular a { min-height: 44px; padding: 9px 11px; font-size: 12px; }
  .ml-gigs-ready .muze-gigs__category-showcase { padding-block: 22px !important; }
  .ml-gigs-ready .muze-gigs__category-showcase h2,
  .ml-gigs-ready .muze-gigs__results-head h2 { font-size: 21px !important; }
  .ml-gigs-ready .muze-gigs__category-showcase > div {
    display: flex !important;
    max-width: 100%;
    gap: 9px !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 3px 3px 12px;
    scroll-padding-inline: 3px;
    scroll-snap-type: x proximity;
    scrollbar-color: #354b87 transparent;
    scrollbar-width: thin;
  }
  .ml-gigs-ready .muze-gigs__category-showcase > div > a { width: 186px !important; min-width: 186px !important; min-height: 65px !important; flex: 0 0 186px !important; padding: 11px 13px !important; scroll-snap-align: start; }
  .ml-gigs-ready .muze-gigs__category-showcase a strong { font-size: 13px !important; }
  .ml-gigs-ready .ml-gigs-filter-chips a { min-height: 44px; }
  .ml-gigs-ready .muze-gigs__filter-panel { margin-bottom: 23px !important; }
  .ml-gigs-ready .muze-gigs__filters { grid-template-columns: minmax(0, 1fr) !important; gap: 15px !important; padding: 16px !important; }
  .ml-gigs-ready .muze-gigs__filters label.is-wide,
  .ml-gigs-ready .muze-gigs__filter-actions { grid-column: auto !important; }
  .ml-gigs-ready .muze-gigs__filters :is(input, select) { font-size: 16px !important; }
  .ml-gigs-ready .muze-gigs__filter-actions { flex-wrap: wrap; justify-content: stretch; }
  .ml-gigs-ready .muze-gigs__filter-actions > * { flex: 1 1 90px; }
  .ml-gigs-ready .muze-gigs__results-head { display: flex !important; align-items: start !important; }
  .ml-gigs-ready .ml-gigs-results-tools { width: 100%; margin-left: 0; justify-content: space-between; gap: 10px; }
  .ml-gigs-ready .ml-gigs-results-tools label { flex-wrap: wrap; gap: 7px; }
  .ml-gigs-ready .ml-gigs-results-tools select { min-width: 0; font-size: 16px; }
  .muze-gigs--marketplace.ml-gigs-ready > .muze-gigs__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; }
  .ml-gigs-ready .muze-gigs__empty { padding-inline: 16px !important; }
  .ml-gigs-ready .muze-gigs__empty h3 { font-size: 21px !important; }
  .ml-gigs-ready .ml-gigs-empty-actions { width: 100%; }
  .ml-gigs-ready .ml-gigs-empty-actions a { width: 100%; }
  .ml-gigs-ready .muze-gigs__how > div { grid-template-columns: minmax(0, 1fr) !important; }
  .ml-gigs-ready .muze-gigs__pagination { gap: 7px !important; }
  .ml-gigs-ready .muze-gigs__pagination a { padding-inline: 9px !important; font-size: 12px !important; }
  .ml-gigs-ready .muze-gigs__pagination strong { font-size: 11px !important; text-align: center; }
  dialog.ml-gigs-menu-dialog { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100vh - 24px) !important; max-height: calc(100dvh - 24px) !important; border-radius: 15px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel { gap: 20px !important; padding-bottom: 20px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header { min-height: 84px; gap: 10px; padding: 15px 16px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header strong { font-size: 17px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel > section { margin-inline: 16px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav { gap: 8px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a { min-height: 52px !important; gap: 7px !important; padding: 10px !important; font-size: 12px !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a i { width: 24px !important; height: 26px !important; }
  .ml-gigs-ready .muze-gigs__detail-head { gap: 18px !important; }
  .ml-gigs-ready .muze-gigs__detail-utilities { flex-wrap: wrap; }
  .ml-gigs-ready .muze-gigs__detail-utilities button { width: 100%; }
  .ml-gigs-ready .muze-gigs__detail-layout { gap: 18px !important; }
  .ml-gigs-ready .muze-gigs__detail-layout main > section { min-width: 0; padding: 16px !important; }
  .ml-gigs-ready .muze-gigs__seller-card { grid-template-columns: 56px minmax(0, 1fr) !important; gap: 12px !important; }
  .ml-gigs-ready .muze-gigs__seller-card > img { width: 56px !important; height: 56px !important; }
  .ml-gigs-ready .muze-gigs__package-tabs label { min-height: 74px; }
  .ml-gigs-ready .muze-gigs__order-note { padding: 13px !important; }
}
@media (max-width: 360px) {
  .muze-gigs--marketplace.ml-gigs-ready,
  .muze-gigs__detail--release.ml-gigs-ready { --ml-gigs-space: 12px; }
  .ml-gigs-ready .muze-gigs__brand { width: 160px !important; }
  .ml-gigs-ready .muze-gigs__brand img { width: 160px !important; }
  .ml-gigs-ready .muze-gigs__site-menu > summary { min-width: 76px !important; gap: 6px !important; padding-inline: 9px !important; }
  .ml-gigs-ready .ml-gigs-intro h2 { font-size: 25px; }
  .ml-gigs-ready .ml-gigs-results-tools label { width: 100%; justify-content: space-between; }
  .ml-gigs-ready .ml-gigs-results-tools select { max-width: 198px; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav { grid-template-columns: minmax(0, 1fr); }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel nav a { min-height: 48px !important; font-size: 13px !important; }
}
@media (max-height: 480px) and (min-width: 621px) {
  dialog.ml-gigs-menu-dialog { max-height: calc(100dvh - 20px) !important; }
  .ml-gigs-menu-dialog .muze-gigs__site-menu-panel > header { min-height: 72px; padding-block: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .ml-gigs-ready *, .ml-gigs-menu-dialog * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .ml-gigs-ready .muze-gigs__card:hover { transform: none !important; }
}