/* OudBeat Music Catalog — premium light editorial treatment.
   Scoped to body.music-page; catalog data and interaction scripts remain unchanged. */
body.music-page {
  background:#f7f1e7 !important;
  color:#27271f !important;
  background-image:none !important;
  background-attachment:scroll !important;
}
body.music-page:after,
body.music-page:before { display:none !important; content:none !important; }
body.music-page main { background:transparent !important; color:#27271f !important; }
body.music-page .topbar.section-header-music {
  background:rgba(255,251,244,.97) !important;
  background-image:none !important;
  border-bottom:1px solid rgba(154,112,53,.2) !important;
  box-shadow:0 5px 22px rgba(55,41,20,.07) !important;
  backdrop-filter:blur(18px);
}
body.music-page .topbar.section-header-music .nav a {
  color:#403a30 !important;
  text-shadow:none !important;
}
body.music-page .topbar.section-header-music .nav a:hover,
body.music-page .topbar.section-header-music .nav a[aria-current="page"] { color:#9a5b18 !important; }
body.music-page .topbar.section-header-music .pill.yt { color:#fff !important; }

/* Hero: pale parchment, close-up Oud artwork to the right, restrained gold detail. */
body.music-page .music-hero-premium {
  position:relative !important;
  display:grid !important;
  align-items:center !important;
  min-height:370px !important;
  height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  isolation:isolate;
  background:linear-gradient(112deg,#fffaf1 0%,#f7efe1 56%,#eee2ce 100%) !important;
  border-bottom:1px solid rgba(164,117,49,.2);
}
body.music-page .music-hero-premium .hero-art {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  background-color:transparent !important;
  background-image:
    linear-gradient(90deg,#fffaf1 0%,rgba(255,250,241,.98) 35%,rgba(255,250,241,.78) 51%,rgba(255,250,241,.12) 79%,rgba(255,250,241,.02) 100%),
    url('/assets/about-oud-detail.webp') !important;
  background-size:cover,min(72vw,1040px) auto !important;
  background-position:center,right 44% !important;
  background-repeat:no-repeat !important;
}
body.music-page .music-hero-premium:after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(ellipse at 6% 100%,transparent 0 55%,rgba(192,139,62,.10) 56%,transparent 57%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0));
}
body.music-page .music-hero-premium .hero-inner {
  z-index:2 !important;
  width:min(1280px,calc(100% - 88px)) !important;
  max-width:720px !important;
  margin:0 auto !important;
  padding:66px 0 70px !important;
  text-align:left !important;
}
body.music-page .music-hero-premium .hero-kicker {
  color:#94601e !important;
  font-size:11px !important;
  letter-spacing:.22em !important;
  font-weight:850 !important;
}
body.music-page .music-hero-premium .live-dot {
  background:#c68d36 !important;
  box-shadow:0 0 12px rgba(198,141,54,.35) !important;
}
body.music-page .music-hero-premium h1 {
  margin:17px 0 16px !important;
  color:#173f30 !important;
  font-family:Cinzel,Georgia,serif !important;
  font-size:clamp(48px,6.2vw,82px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  text-shadow:none !important;
}
body.music-page .music-hero-premium h1 em { color:#986025 !important; font-style:normal !important; }
body.music-page .music-hero-premium .hero-copy {
  max-width:590px !important;
  margin:0 !important;
  color:#4d493f !important;
  font-size:17px !important;
  line-height:1.65 !important;
}

/* Library introduction — one restrained feature panel. */
body.music-page .editorial-intro.music-intro-band {
  position:relative !important;
  z-index:3 !important;
  width:min(1320px,calc(100% - 88px)) !important;
  max-width:1320px !important;
  margin:-22px auto 0 !important;
  padding:0 !important;
  border:1px solid rgba(171,126,61,.38) !important;
  border-radius:20px !important;
  background:linear-gradient(110deg,rgba(255,250,240,.98),rgba(247,237,219,.97)) !important;
  box-shadow:0 13px 35px rgba(72,52,25,.09),inset 0 1px 0 rgba(255,255,255,.9) !important;
  overflow:hidden !important;
}
body.music-page .music-intro-band .music-intro-card {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:21px 28px !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  align-items:center !important;
  gap:22px !important;
}
body.music-page .music-intro-icon {
  display:grid;
  place-items:center;
  width:64px;height:64px;
  border-radius:50%;
  background:linear-gradient(145deg,#f9e8bf,#e6b85f);
  color:#835014;
  font-size:36px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 6px 18px rgba(120,80,20,.12);
}
body.music-page .music-intro-copy .eyebrow {
  margin:0 0 5px !important;
  color:#916020 !important;
  font-size:10px !important;
  letter-spacing:.17em !important;
}
body.music-page .music-intro-copy h2 {
  margin:0 0 6px !important;
  color:#173f30 !important;
  font:600 clamp(23px,2.2vw,32px)/1.18 Cinzel,Georgia,serif !important;
}
body.music-page .music-intro-copy p {
  margin:5px 0 0 !important;
  color:#514b40 !important;
  font-size:13px !important;
  line-height:1.58 !important;
}

/* Catalog controls and release grid. */
body.music-page .music-catalog-section {
  width:min(1480px,calc(100% - 88px)) !important;
  max-width:1480px !important;
  margin:0 auto !important;
  padding:42px 0 86px !important;
}
body.music-page .music-catalog-section .section-head {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:22px !important;
  flex-wrap:wrap !important;
  margin:0 0 14px !important;
}
body.music-page .music-catalog-section .section-head>div:first-child { flex:1 1 330px; min-width:260px; }
body.music-page .music-catalog-section .eyebrow {
  color:#966022 !important;
  font-weight:850 !important;
  letter-spacing:.19em !important;
}
body.music-page .music-catalog-section .section-head h2 {
  margin:6px 0 0 !important;
  color:#173f30 !important;
  font:600 clamp(32px,3.2vw,46px)/1.08 Cinzel,Georgia,serif !important;
}
body.music-page .music-catalog-section .section-head p {
  margin:8px 0 0 !important;
  color:#665e52 !important;
  font-size:14px !important;
}
body.music-page .music-catalog-section .music-tools {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex:0 1 570px !important;
  width:min(100%,570px) !important;
  min-width:0 !important;
}
body.music-page .music-catalog-section .search {
  flex:1 1 360px !important;
  width:auto !important;
  min-width:220px !important;
  padding:13px 19px !important;
  border:1px solid rgba(150,106,48,.30) !important;
  border-radius:999px !important;
  background:#fffdf8 !important;
  color:#302b22 !important;
  box-shadow:0 4px 14px rgba(58,43,22,.05) !important;
}
body.music-page .music-catalog-section .select {
  flex:0 0 170px !important;
  min-width:150px !important;
  padding:13px 16px !important;
  border:1px solid rgba(150,106,48,.30) !important;
  border-radius:999px !important;
  background:#fffdf8 !important;
  color:#302b22 !important;
}
body.music-page .music-catalog-section #filters.filterbar {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin:0 0 25px !important;
}
body.music-page .music-catalog-section #filters .filter {
  padding:10px 18px !important;
  min-height:40px;
  border:1px solid rgba(151,108,54,.30) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#fffdf9,#f7eee0) !important;
  color:#463d30 !important;
  box-shadow:0 3px 10px rgba(57,43,24,.045) !important;
  font-size:13px !important;
  font-weight:650 !important;
}
body.music-page .music-catalog-section #filters .filter.active {
  color:#fffdf7 !important;
  border-color:#c58b34 !important;
  background:linear-gradient(135deg,#c58b34,#e2b962) !important;
  box-shadow:0 6px 16px rgba(156,103,31,.18) !important;
}
body.music-page .music-catalog-section #grid.grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
}
body.music-page .music-catalog-section #grid .card {
  min-width:0 !important;
  border:1px solid rgba(157,111,53,.34) !important;
  border-radius:17px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fffdf9,#f5ecdd) !important;
  box-shadow:0 8px 24px rgba(55,41,22,.07) !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important;
}
body.music-page .music-catalog-section #grid .card:hover {
  transform:translateY(-4px) !important;
  border-color:rgba(177,126,48,.65) !important;
  box-shadow:0 16px 32px rgba(55,41,22,.13) !important;
}
body.music-page .music-catalog-section #grid .card>a { display:block; height:100%; color:inherit !important; }
body.music-page .music-catalog-section #grid .thumb {
  position:relative !important;
  aspect-ratio:16/9 !important;
  background:#1c211d !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(157,111,53,.2) !important;
}
body.music-page .music-catalog-section #grid .thumb img {
  width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;
}
body.music-page .music-catalog-section #grid .num {
  top:11px !important;left:11px !important;
  padding:5px 9px !important;
  border:1px solid rgba(231,186,94,.8) !important;
  border-radius:999px !important;
  background:rgba(20,24,19,.78) !important;
  color:#f7d985 !important;
}
body.music-page .music-catalog-section #grid .duration {
  right:11px !important;bottom:11px !important;
  padding:5px 8px !important;border-radius:6px !important;
  background:rgba(18,20,17,.86) !important;color:#fff7e7 !important;
}
body.music-page .music-catalog-section #grid .cardbody { padding:16px 17px 17px !important; }
body.music-page .music-catalog-section #grid .card-eyebrow {
  margin-bottom:6px !important;color:#916020 !important;
  font-size:10px !important;letter-spacing:.12em !important;
}
body.music-page .music-catalog-section #grid .card h3 {
  min-height:2.55em;
  margin:0 0 10px !important;
  color:#173f30 !important;
  font:600 19px/1.28 Cinzel,Georgia,serif !important;
}
body.music-page .music-catalog-section #grid .meta {
  color:#6d6457 !important;
  font-size:11px !important;
}
body.music-page .music-catalog-section #grid .tags { gap:6px !important;margin-top:10px !important; }
body.music-page .music-catalog-section #grid .tag {
  background:#f1e3c9 !important;color:#775022 !important;
  border:1px solid rgba(163,119,57,.14) !important;
  padding:4px 8px !important;font-size:10px !important;
}
body.music-page .music-catalog-section #grid .watch {
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  margin-top:13px !important;padding-top:12px !important;
  border-top:1px solid rgba(150,106,48,.2) !important;
  color:#8b571a !important;font-size:10px !important;letter-spacing:.14em !important;
}
body.music-page .music-catalog-section #grid .watch b {
  display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(140deg,#d49b3d,#f1d18a);color:#fff;font-size:14px;
  box-shadow:0 4px 12px rgba(148,93,21,.18);
}
body.music-page .music-catalog-section .more-wrap { margin-top:30px !important; }
body.music-page .music-catalog-section #more {
  color:#47351d !important;
  border:1px solid rgba(153,108,48,.35) !important;
  background:linear-gradient(135deg,#f8e9c8,#e5ba69) !important;
  box-shadow:0 6px 18px rgba(149,101,34,.12) !important;
}

@media(max-width:1050px) {
  body.music-page .music-hero-premium .hero-inner { width:calc(100% - 64px) !important; }
  body.music-page .music-catalog-section #grid.grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:760px) {
  body.music-page .music-hero-premium { min-height:330px !important; }
  body.music-page .music-hero-premium .hero-art {
    background-image:
      linear-gradient(90deg,rgba(255,250,241,.98),rgba(255,250,241,.86) 48%,rgba(255,250,241,.34)),
      url('/assets/about-oud-detail.webp') !important;
    background-size:cover,auto 112% !important;
    background-position:center,right 42% !important;
  }
  body.music-page .music-hero-premium .hero-inner {
    width:calc(100% - 36px) !important;
    max-width:590px !important;
    padding:48px 0 52px !important;
  }
  body.music-page .music-hero-premium h1 { font-size:clamp(40px,10vw,58px) !important; }
  body.music-page .music-hero-premium .hero-copy { max-width:440px !important;font-size:15px !important; }
  body.music-page .editorial-intro.music-intro-band { width:calc(100% - 32px) !important;margin:-14px auto 0 !important; }
  body.music-page .music-intro-band .music-intro-card { grid-template-columns:48px minmax(0,1fr) !important;gap:13px !important;padding:17px 15px !important; }
  body.music-page .music-intro-icon { width:46px;height:46px;font-size:27px; }
  body.music-page .music-intro-copy h2 { font-size:21px !important; }
  body.music-page .music-intro-copy p { font-size:12px !important; }
  body.music-page .music-catalog-section { width:calc(100% - 32px) !important;padding:34px 0 64px !important; }
  body.music-page .music-catalog-section .section-head { display:block !important; }
  body.music-page .music-catalog-section .section-head>div:first-child { min-width:0; }
  body.music-page .music-catalog-section .music-tools { width:100% !important;max-width:none !important;display:grid !important;grid-template-columns:minmax(0,1fr) 135px !important;margin-top:15px !important; }
  body.music-page .music-catalog-section .search { min-width:0 !important;width:100% !important; }
  body.music-page .music-catalog-section .select { min-width:0 !important;width:100% !important;flex-basis:auto !important; }
  body.music-page .music-catalog-section #filters.filterbar { justify-content:flex-start !important;gap:7px !important;margin:16px 0 18px !important; }
  body.music-page .music-catalog-section #filters .filter { padding:9px 13px !important;min-height:36px;font-size:12px !important; }
  body.music-page .music-catalog-section #grid.grid { grid-template-columns:1fr !important;gap:14px !important; }
  body.music-page .music-catalog-section #grid .card h3 { min-height:0;font-size:18px !important; }
}
@media(max-width:420px) {
  body.music-page .music-catalog-section .music-tools { grid-template-columns:1fr !important; }
}
@media(prefers-reduced-motion:reduce) {
  body.music-page .music-catalog-section #grid .card { transition:none !important; }
}