*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#efefec;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:20;background:#090a0bea;border-bottom:1px solid #ffffff1b;backdrop-filter:blur(12px)}nav{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.logo-mark{display:block;flex:none;width:36px;height:36px;border-radius:6px;object-fit:contain}.nav-links{display:flex;gap:25px;color:#a6a7a8;font-size:12px;letter-spacing:.1em}.nav-links a:hover{color:#fff}.sale{background:#baf26a;color:#10140c;text-align:center;padding:12px 20px;font-weight:900;letter-spacing:.2em;font-size:12px}.hero{min-height:630px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#08090b 5%,#08090bf0 36%,#08090b10 100%),url('assets/hagar-portrait.jpg') right 30% center/auto 120% no-repeat}.hero:after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#08090b);pointer-events:none}.hero-copy{z-index:1;padding:80px 5%;max-width:900px}.eyebrow{color:#baf26a;font-size:12px;letter-spacing:.26em;font-weight:800}.hero h1{font-size:clamp(64px,9vw,146px);line-height:.88;letter-spacing:-.085em;margin:24px 0;font-weight:900}.hero h1 em{font-style:normal;color:#baf26a}.hero p{color:#d2d2d2;line-height:1.7;max-width:500px}.cta{display:inline-block;background:#baf26a;color:#0b0e09;padding:16px 26px;font-size:12px;font-weight:900;letter-spacing:.12em;margin-top:27px}.shell{max-width:1440px;margin:auto;padding:70px 5% 100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.section-head h2{font-size:clamp(34px,5vw,65px);line-height:1;letter-spacing:-.055em;margin:14px 0 0}.muted{color:#8d9093;font-size:13px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.product{min-width:0}.art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#1b1d21}.art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.art:hover img{transform:scale(1.05)}.art .label{position:absolute;top:15px;left:15px;background:#08090bcf;border:1px solid #ffffff33;padding:8px 11px;font-size:10px;letter-spacing:.16em}.product-content{padding:20px 0}.genre{color:#baf26a;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.product h3{font-size:25px;letter-spacing:-.025em;margin:8px 0}.price-line{display:flex;align-items:center;gap:12px;margin:16px 0}.previous{color:#888;text-decoration:line-through}.price{font-size:26px;font-weight:850}.pill{border:1px solid #baf26a;color:#baf26a;font-size:10px;padding:5px 8px;letter-spacing:.1em}.player{width:100%;height:36px;margin:13px 0 16px;filter:grayscale(1) invert(.9)}.buttons{display:flex;gap:9px}.buy{background:#baf26a;border:1px solid #baf26a;color:#070908;padding:13px 23px;font-weight:900;font-size:12px;letter-spacing:.14em}.view{flex:1;border:1px solid #474b4b;text-align:center;padding:13px 9px;font-size:11px;font-weight:800;letter-spacing:.09em}.heart{background:none;border:1px solid #474b4b;color:#ddd;width:47px;font-size:22px}.heart.active{color:#baf26a;border-color:#baf26a}.story{border-top:1px solid #333;padding-top:65px;display:flex;justify-content:space-between;gap:35px}.story h2{font-size:42px;margin:12px 0}.social{display:flex;flex-wrap:wrap;gap:17px;margin-top:25px;color:#baf26a;font-size:13px}footer{border-top:1px solid #252525;color:#888;padding:25px 5%;font-size:12px}.detail{max-width:1280px;margin:65px auto;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-cover{width:100%;aspect-ratio:1;object-fit:cover}.detail h1{font-size:clamp(40px,5vw,82px);letter-spacing:-.065em;line-height:1.03;margin:20px 0}.detail p{line-height:1.9;color:#bbb}.detail-meta{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.detail-meta span{padding:10px;border:1px solid #393939;color:#ccc;font-size:12px}.legal{font-size:12px;color:#898989;line-height:1.7}.back{color:#baf26a;font-size:13px;display:inline-block;margin:28px 5%}.notice{color:#aaa;font-size:12px;padding-top:25px}@media(max-width:880px){.grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:580px;background:linear-gradient(90deg,#08090be5,#08090b66),url('assets/hagar-portrait.jpg') center/cover}.detail{grid-template-columns:1fr}.nav-links{display:none}}@media(max-width:580px){.grid{grid-template-columns:1fr}.hero h1{font-size:62px}.shell{padding-top:50px}.story{display:block}.section-head{display:block}}
.rights-strip{display:flex;justify-content:center;gap:20px;align-items:center;padding:18px 7%;background:#17231f;border-bottom:1px solid #487a60;color:#f5fff9;font-size:12px;letter-spacing:.06em}.rights-strip strong{font-size:14px;color:#b6e8c0;white-space:nowrap}.rights-strip span{color:#dae5df;letter-spacing:0}@media(max-width:640px){.rights-strip{flex-direction:column;gap:7px;text-align:center}}.social a{display:inline-flex;align-items:center;gap:8px}.social-icon{width:17px;height:17px;object-fit:contain;vertical-align:middle}

/* Individual track licensing panel only */
.rights-panel{grid-column:1/-1;background:#101114;color:#fff;border:1px solid #303335;border-radius:18px;padding:clamp(24px,4vw,46px);margin-top:22px;text-align:left;box-sizing:border-box}
.rights-kicker{color:#a4ffbd;font-size:12px;letter-spacing:.14em;font-weight:700}
.rights-panel h2{font-size:clamp(26px,4vw,50px);letter-spacing:-.045em;margin:14px 0 8px;line-height:1.05;color:#fff}
.rights-panel>p{color:#d1d5db;margin:8px 0 28px}
.rights-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.rights-features>div{font-size:14px;font-weight:750;letter-spacing:.035em;display:flex;align-items:center;gap:10px}
.rights-symbol{color:#a4ffbd;font-size:20px}
.rights-panel small{color:#a1a1aa;line-height:1.6;font-size:12px}
@media(max-width:650px){.rights-features{grid-template-columns:1fr}.rights-panel{padding:24px}}

/* November promotion visual */
.sale{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 20px;background:linear-gradient(105deg,#baf26a 0%,#cfff8b 45%,#79b737 100%);border-bottom:2px solid #050b02;color:#10140c;letter-spacing:0;box-shadow:0 4px 22px #baf26a20}
.sale-caption{font-size:10px;letter-spacing:.22em;border:1px solid #10140c70;padding:7px 10px}
.sale strong{font-size:clamp(20px,3vw,34px);font-weight:950;letter-spacing:-.04em}
.sale-action{font-size:12px;letter-spacing:.08em;font-weight:800}.sale-action b{margin-left:10px;font-size:20px;white-space:nowrap}.sale-action s{opacity:.55;margin-right:6px;font-size:14px}
.rights-strip{gap:12px!important;align-items:center}.rights-strip strong{white-space:nowrap}.rights-strip span{font-size:12px;letter-spacing:.035em}
.detail-meta span{display:inline-block;border:1px solid #ffffff30;background:#ffffff09;padding:10px 13px;margin:4px 5px 4px 0;font-size:12px}
@media(max-width:700px){.sale{gap:8px;padding:14px 10px}.sale strong{width:100%;text-align:center}.sale-action{text-align:center;line-height:1.7}.rights-strip strong{white-space:normal}}

/* Catalog browsing and audio preview refinement */
.catalog-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:-8px 0 32px;padding:18px 20px;background:#101215;border:1px solid #292d2a}
.catalog-controls label{display:flex;flex-direction:column;gap:9px;color:#a6ad9e;font-size:10px;letter-spacing:.14em;font-weight:800}
.catalog-controls select{appearance:none;min-width:180px;border:1px solid #444b43;background:#171b19;color:#f3f6ee;border-radius:3px;padding:12px 33px 12px 13px;font:600 13px Inter,Arial,sans-serif;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23baf26a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.catalog-controls select:focus-visible{outline:2px solid #baf26a;outline-offset:2px}
.catalog-count{margin-left:auto;padding-bottom:10px;color:#939d90;font-size:11px;font-weight:800;letter-spacing:.13em}
.product .player{display:block;width:100%;height:44px;margin:17px 0 18px;border-radius:7px;filter:none;color-scheme:dark;background:#202522}
.product .player::-webkit-media-controls-panel{background-color:#b7c3ab}
@media(max-width:580px){.catalog-controls{gap:14px}.catalog-controls label{flex:1;min-width:130px}.catalog-controls select{width:100%;min-width:0}.catalog-count{margin-left:0;width:100%;padding:0}}

/* Refined exclusive-purchase announcement */
.rights-strip{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:12px 20px!important;background:#0e1110!important;border-top:0!important;border-bottom:1px solid #343c34!important;box-shadow:none!important;text-align:center}
.rights-strip .exclusive-mark{width:6px;height:6px;border-radius:50%;background:#baf26a;box-shadow:0 0 9px #baf26a70;flex:0 0 auto}
.rights-strip .exclusive-text{font-size:11px;font-weight:750;letter-spacing:.18em;color:#e8efe4;text-transform:uppercase;line-height:1.5}
.rights-strip .exclusive-text b{color:#baf26a;font:inherit}
@media(max-width:640px){.rights-strip{flex-direction:row!important;gap:9px!important;padding:12px 14px!important}.rights-strip .exclusive-text{font-size:10px;letter-spacing:.10em}}

/* Quiet exclusivity note within the hero instead of a third header strip */
.hero-exclusivity{margin:22px 0 0!important;font-size:10px!important;letter-spacing:.17em;font-weight:700;color:#b0b8ae!important;line-height:1.6!important}
.hero-exclusivity span{color:#7ea35b;padding:0 7px}
@media(max-width:580px){.hero-exclusivity{font-size:9px!important;letter-spacing:.10em}}

/* Premium filtering UI / custom waveforms / musical metadata */
.catalog-controls{background:linear-gradient(115deg,#101411,#151b16);border:1px solid #3c4939;border-radius:13px;padding:20px 22px;gap:20px;box-shadow:0 10px 40px #0004}
.catalog-controls label{font-family:'DM Sans',Inter,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.045em;color:#bde8aa;gap:10px}
.catalog-controls select{font-family:'DM Sans',Inter,Arial,sans-serif;font-weight:600;font-size:14px;border-radius:9px;min-width:170px;background-color:#202920;border:1px solid #50664c;color:#f2f8f0;padding:13px 38px 13px 15px;transition:border-color .2s,background .2s}
.catalog-controls select:hover{border-color:#baf26a;background-color:#273427}
.track-specs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 7px}
.track-specs span{border:1px solid #384739;background:#141c15;color:#dcebd5;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:700;letter-spacing:.035em}
.wave-source{display:none!important}
.wave-player{height:64px;display:flex;align-items:center;gap:12px;background:#131b15;border:1px solid #385139;border-radius:12px;padding:8px 13px;margin:16px 0 18px;box-shadow:inset 0 1px #ffffff0d}
.wave-play{display:grid;place-items:center;width:39px;height:39px;flex:none;border:0;border-radius:50%;background:#baf26a;color:#12210d;font-size:16px;font-weight:900;padding:0}
.wave-play:hover{background:#d3ff9e}
.wave-canvas{height:43px;width:100%;flex:1;min-width:30px;cursor:pointer;outline:0}
.wave-canvas:focus-visible{outline:2px solid #baf26a;outline-offset:2px}
.wave-time{color:#adc0a9;font-family:'DM Sans',Inter,Arial,sans-serif;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-november-sale][hidden]{display:none!important}
@media(max-width:580px){.catalog-controls{padding:16px;gap:12px}.catalog-controls label{min-width:125px}.wave-player{gap:8px;padding:8px}.wave-time{font-size:10px}}

/* Minimal editorial collection — no elevated cards or decorative shadows */
.grid{column-gap:clamp(22px,2.8vw,44px);row-gap:clamp(45px,5vw,75px)}
.product{position:relative;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transition:none}
.product:hover{transform:none;border-color:transparent;box-shadow:none}
.product .art{aspect-ratio:1/0.94;display:block;position:relative;isolation:isolate;background:#171a18;border-radius:7px;box-shadow:none;overflow:hidden}
.product .art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000 57%,#0007 100%);pointer-events:none}
.product .art img{object-fit:cover;transition:transform .65s cubic-bezier(.18,.65,.25,1)}
.product .art:hover img{transform:scale(1.025)}
.product .art .label{z-index:2;top:auto;bottom:15px;left:16px;background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;padding:0;font-size:10px;font-weight:700;letter-spacing:.19em;color:#eef4ec;text-shadow:0 1px 9px #000c}
.product .product-content{padding:22px 1px 0}
.product .genre{font-size:10px;letter-spacing:.15em;font-weight:700;color:#a7d583}
.product h3{font-family:'DM Sans',Inter,Arial,sans-serif;font-size:clamp(22px,2.15vw,30px);line-height:1.16;font-weight:700;letter-spacing:-.045em;margin:9px 0 0}
.product .track-specs{gap:10px;margin:13px 0 0}
.product .track-specs span{background:transparent;border:0;border-radius:0;padding:0;color:#999f98;font-size:10px;font-weight:600;letter-spacing:.08em}
.product .track-specs span+span::before{content:"•";color:#566450;margin-right:10px}
.product .price-line{margin:18px 0 12px;gap:10px}
.product .price{font-size:26px;font-weight:750;letter-spacing:-.04em}
.product .previous{font-size:14px;color:#747a75}
.product .pill{border:1px solid #6b8f53;color:#baf26a;padding:4px 7px;font-size:9px}
.product .buttons{display:flex;align-items:stretch;gap:10px}
.buy{min-height:43px;border:1px solid #baf26a;border-radius:5px;background:#baf26a;color:#111a0d;padding:12px 22px;font-family:'DM Sans',Inter,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.13em;box-shadow:none;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s}
.buy:not(:disabled):hover{background:#d0f99b;border-color:#d0f99b;box-shadow:none;transform:translateY(-1px)}
.buy:not(:disabled):active{background:#a9df70;transform:translateY(0);box-shadow:none}
.buy:focus-visible{outline:2px solid #f5ffe9;outline-offset:3px}
.buy:disabled{background:#222924;color:#a0a7a0;border-color:#3b463c;box-shadow:none;transform:none;cursor:not-allowed}
.product .view{display:grid;place-items:center;border-radius:5px;border:1px solid #373e38;background:transparent;color:#d6dcd4;letter-spacing:.08em;font-size:10px;transition:border-color .2s,color .2s}
.product .view:hover{background:transparent;color:#baf26a;border-color:#73816f}
.product .heart{border-radius:5px;border:1px solid #373e38;background:transparent}
.detail .buy{margin-top:12px;padding-inline:40px}
.detail-cover{border-radius:7px;border:0;box-shadow:none}
/* Lightweight waveform timeline, inspired by club audio players */
.wave-player{height:55px;display:flex;align-items:center;gap:12px;margin:16px 0 19px;padding:4px 0;background:transparent;border:0;border-top:1px solid #2d352e;border-bottom:1px solid #2d352e;border-radius:0;box-shadow:none;transition:border-color .2s}
.wave-player:hover{border-color:#546451;box-shadow:none}
.wave-play{display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:1px solid #768e65;border-radius:50%;background:transparent;color:#baf26a;box-shadow:none;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.wave-play:hover{transform:none;background:#baf26a;color:#10180c;box-shadow:none}
.wave-play:focus-visible{outline:2px solid #d6ffa8;outline-offset:3px}
.wave-canvas{height:29px;width:100%;min-width:25px;cursor:pointer}
.wave-time{font-family:'DM Sans',Inter,Arial,sans-serif;color:#929f90;font-size:10px;font-weight:500;letter-spacing:.02em;font-variant-numeric:tabular-nums;min-width:68px;text-align:right}
@media(max-width:580px){.grid{row-gap:42px}.product .art{aspect-ratio:1/0.95}.product .product-content{padding:18px 0 0}.product h3{font-size:25px}.wave-player{height:78px;gap:10px}.wave-play{width:33px;height:33px}.wave-time{font-size:9px;min-width:63px}.wave-canvas{height:57px}}
@media(prefers-reduced-motion:reduce){.product .art img,.buy,.wave-play{transition:none!important}}

/* Refined music-platform links */
.story #social .eyebrow{font-family:'DM Sans',Inter,Arial,sans-serif;font-size:11px;letter-spacing:.22em;font-weight:700;color:#baf26a}
.story .social{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:18px;margin-top:28px}
.story .social a{display:inline-flex;align-items:center;gap:9px;font-family:'DM Sans',Inter,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.6;color:#e3e8df;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:5px;transition:color .2s,border-color .2s}
.story .social a:hover{color:#baf26a;border-bottom-color:#baf26a}
.story .social a:focus-visible{outline:2px solid #baf26a;outline-offset:4px}
.story .social-icon{width:16px;height:16px;flex:0 0 16px;object-fit:contain;opacity:.88}
@media(max-width:600px){.story .social{column-gap:17px;row-gap:14px}.story .social a{font-size:11px;letter-spacing:.09em}}
/* ===== TRACK CARDS – UPDATED LOOK ===== */

.product {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.product .art {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 26px !important;
  aspect-ratio: 4 / 5;
  background: #0d0f12;
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
}

.product .art::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(7,8,10,.55) 0%, rgba(7,8,10,.10) 38%, rgba(7,8,10,0) 68%);
  z-index: 1;
  pointer-events: none;
}

.product .art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.03);
  transition: transform .45s ease, filter .35s ease;
}

.product:hover .art img {
  transform: scale(1.07);
  filter: saturate(1.04);
}

.product .label {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: .14em;
  background: rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}

/* ===== TEXT UNDER IMAGE ===== */

.product .product-content {
  padding-top: 16px;
}

.product .genre {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .72;
  margin-bottom: 8px;
}

.product h3 {
  font-size: 22px;
  line-height: 1.15;
  margin: 0 0 10px;
}

.product .price-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.product .price {
  font-size: 22px;
  font-weight: 700;
}

.product .previous {
  opacity: .45;
}

.product .pill {
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 10px;
  letter-spacing: .14em;
}

/* ===== BIGGER / STRONGER PLAYER ===== */

.product .player {
  width: 100%;
  display: block;
  margin: 14px 0 16px;
  min-height: 58px;
  border-radius: 18px;
  overflow: hidden;
  background: #0b0d10;
  border: 1px solid rgba(186, 242, 106, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 26px rgba(0,0,0,.18);
  accent-color: #baf26a;
}

/* Chrome / Safari */
.product .player::-webkit-media-controls-panel {
  background: linear-gradient(180deg, #111418 0%, #0d1014 100%);
}

.product .player::-webkit-media-controls-play-button,
.product .player::-webkit-media-controls-mute-button {
  filter: brightness(1.08);
}

.product .player::-webkit-media-controls-current-time-display,
.product .player::-webkit-media-controls-time-remaining-display {
  color: #eef3ea;
  font-size: 12px;
}

/* ===== BUTTONS ===== */

.product .buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.product .buy {
  border-radius: 14px;
  padding: 13px 20px;
}

.product .view {
  border-radius: 14px;
  padding: 13px 16px;
}

/* ===== SOLD STYLE ===== */

.product.is-sold .art {
  border-radius: 26px !important;
}

.product.is-sold .art img {
  filter: grayscale(80%) brightness(43%);
}

.product.is-sold .art::after {
  border-radius: 26px;
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {
  .product .art {
    border-radius: 22px !important;
  }

  .product h3 {
    font-size: 20px;
  }

  .product .player {
    min-height: 54px;
  }
}

/* Minimal November tag — no diagonal strap across the artwork */
.product .art,.detail-art{position:relative;overflow:hidden}
.detail-art{align-self:start;min-width:0;line-height:0;border-radius:26px}
.detail-art .detail-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.product .art .sale-ribbon,.detail-art .sale-ribbon{
  position:absolute;z-index:6;top:16px;left:16px;
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;max-width:calc(100% - 32px);
  margin:0;padding:10px 16px 10px 13px;
  border:1px solid rgba(186,242,106,.46);
  border-radius:3px;
  background:rgba(12,17,13,.88);color:#d9ffad;
  font-family:'DM Sans',Inter,Arial,sans-serif;
  font-size:10px;font-weight:800;letter-spacing:.12em;
  line-height:1.1;white-space:nowrap;text-align:center;
  transform:none;box-shadow:none;backdrop-filter:blur(12px);
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
  pointer-events:none;
}
.product.is-sold .sale-ribbon{display:none}
@media(max-width:768px){
  .product .art .sale-ribbon,.detail-art .sale-ribbon{top:12px;left:12px;font-size:9px;padding:9px 14px 9px 11px}
  .detail-art{border-radius:22px}
}

/* Exclusive checkout hold countdown */
.hold-overlay{position:fixed;z-index:10000;inset:0;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}
.hold-card{position:relative;width:min(100%,460px);padding:clamp(25px,5vw,44px);background:#111613;border:1px solid #526047;color:#edf5e9;text-align:center;box-shadow:0 25px 80px #000b}
.hold-close{position:absolute;top:8px;right:13px;padding:6px 9px;border:0;background:none;color:#adb8a7;font-size:27px}
.hold-close:hover{color:#fff}
.hold-kicker{color:#baf26a;font:700 10px 'DM Sans',Inter,Arial,sans-serif;letter-spacing:.2em}
.hold-card h2{font-size:clamp(27px,5vw,36px);line-height:1.12;letter-spacing:-.04em;margin:17px 0}
.hold-card p{color:#c1cbbd;font-size:13px;line-height:1.7}
.hold-countdown{font:700 clamp(50px,10vw,78px) 'DM Sans',Inter,Arial,sans-serif;letter-spacing:-.05em;color:#baf26a;font-variant-numeric:tabular-nums;margin:17px 0 21px}
.hold-continue{display:block;width:100%;padding:17px 20px;background:#baf26a;color:#10180a;font-size:12px;font-weight:800;letter-spacing:.13em;text-decoration:none}
.hold-continue:hover{background:#d4ff9c}
.hold-continue[aria-disabled="true"]{background:#3e4939;color:#bbc4b5;pointer-events:none}
.hold-card .hold-note{margin:17px 0 0;font-size:11px;color:#8f9c8a}

/* Catalog BUY is a navigational link to details; keep its button appearance. */
.product a.buy{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;cursor:pointer}


/* Refined waveform players — balanced across desktop and mobile. */
.product .wave-player,
.detail .wave-player {
  height: 73px;
  min-height: 73px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 16px 0 19px;
  padding: 9px 11px;
  background: #111713;
  border: 1px solid #2a3a2d;
  border-radius: 9px;
  box-shadow: none;
}
.product .wave-canvas,
.detail .wave-canvas {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-width: 36px;
  height: 47px;
}
.product .wave-play,
.detail .wave-play {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  border-color: #647d5e;
  font-size: 13px;
}
.product .wave-time,
.detail .wave-time {
  min-width: 69px;
  font-size: 10px;
  color: #a9b5a5;
}
/* Refined shopping actions: compact, precise typography and softer edges. */
.product .buy,
.detail .buy,
.product .view,
.product .heart {
  border-radius: 8px;
  min-height: 40px;
  font-family: 'DM Sans',Inter,Arial,sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .095em;
  box-shadow: none;
  transform: none;
}
.product .buy,
.detail .buy {
  padding: 10px 17px;
  background: #baf26a;
  border: 1px solid #baf26a;
}
.product .buy:not(:disabled):hover,
.detail .buy:not(:disabled):hover {
  background: #c8fa8c;
  border-color: #c8fa8c;
  transform: none;
}
.product .view {
  padding: 10px 13px;
  border: 1px solid #414c42;
  color: #c8d2c5;
  background: transparent;
}
.product .view:hover {
  border-color: #70826b;
  color: #e5f3dc;
}
.product .heart {
  width: 40px;
  font-size: 18px;
  border: 1px solid #414c42;
  color: #c8d2c5;
}
@media(max-width:580px) {
  .product .wave-player,
  .detail .wave-player {
    height: 65px;
    min-height: 65px;
    gap: 8px;
    padding: 7px 8px;
  }
  .product .wave-canvas,
  .detail .wave-canvas {height: 42px;min-width: 24px;}
  .product .wave-play,
  .detail .wave-play {width: 32px;height: 32px;flex-basis: 32px;}
  .product .wave-time,
  .detail .wave-time {min-width: 62px;font-size: 9px;}
}


/* November offer: minimal editorial label, no angled ribbons or dark badge. */
.product .art .sale-ribbon,
.detail-art .sale-ribbon {
  position:absolute;
  z-index:6;
  top:15px;
  left:15px;
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:calc(100% - 30px);
  margin:0;
  padding:8px 11px;
  background:#baf26a;
  color:#14200d;
  border:0;
  border-radius:5px;
  clip-path:none;
  box-shadow:none;
  backdrop-filter:none;
  font-family:'DM Sans',Inter,Arial,sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:.10em;
  line-height:1;
  transform:none;
  text-shadow:none;
  white-space:nowrap;
}
.product.is-sold .art .sale-ribbon {display:none;}

/* BUY remains prominent while secondary buttons stay understated. */
.product .buttons .buy {
  min-height:52px;
  min-width:116px;
  padding:14px 26px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.10em;
  border-radius:9px;
}
.detail .buy {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  min-height:56px;
  padding:16px 42px;
  margin-top:20px;
  font-size:13px;
  font-weight:850;
  letter-spacing:.11em;
  border-radius:9px;
}
.product .buttons .view {min-height:52px;}

/* Per-track delivery disclosure; designed for later extras without implying a purchase option yet. */
.detail .deliverables {
  margin:23px 0 12px;
  padding:17px 20px;
  background:#101713;
  border:1px solid #303d32;
  border-radius:10px;
}
.detail .deliverables-title {
  color:#9fb398;
  font:700 10px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.15em;
  margin-bottom:11px;
}
.detail .deliverables-list {display:flex;flex-wrap:wrap;gap:10px;}
.detail .deliverable-item {
  display:inline-flex;
  align-items:center;
  background:#1b281c;
  color:#e0ecdd;
  border:1px solid #354936;
  border-radius:6px;
  font-size:12px;
  font-weight:650;
  padding:9px 12px;
}
.detail .extras-coming-soon {font-size:11px;color:#a6b3a1;line-height:1.5;margin:13px 0 0;}
.wave-canvas {touch-action:none;}
@media(max-width:580px){
  .product .art .sale-ribbon,
  .detail-art .sale-ribbon {top:12px;left:12px;padding:7px 9px;font-size:8px;}
  .product .buttons .buy {min-width:105px;padding:12px 18px;min-height:48px;}
  .product .buttons .view {min-height:48px;}
  .detail .buy {min-height:54px;min-width:180px;}
}

/* Discreet native seek timeline for catalog cards only.
   The waveform keeps its approved proportions. */
.product .wave-player {position:relative;}
.product .wave-seek-range {
  position:absolute;
  left:60px;
  right:90px;
  bottom:5px;
  width:calc(100% - 150px);
  height:12px;
  margin:0;
  padding:0;
  cursor:pointer;
  touch-action:pan-x;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  outline-offset:3px;
}
.product .wave-seek-range::-webkit-slider-runnable-track {
  height:3px;
  border-radius:99px;
  background:linear-gradient(to right,#baf26a 0%,#baf26a var(--seek-progress,0%),#3d5040 var(--seek-progress,0%),#3d5040 100%);
}
.product .wave-seek-range::-moz-range-track {
  height:3px;
  border-radius:99px;
  background:#3d5040;
}
.product .wave-seek-range::-moz-range-progress {height:3px;background:#baf26a;border-radius:99px;}
.product .wave-seek-range::-webkit-slider-thumb {
  appearance:none;
  -webkit-appearance:none;
  width:10px;
  height:10px;
  margin-top:-3.5px;
  background:#baf26a;
  border:1px solid #14200d;
  border-radius:50%;
}
.product .wave-seek-range::-moz-range-thumb {
  width:9px;height:9px;background:#baf26a;border:1px solid #14200d;border-radius:50%;
}
@media(max-width:580px){
  .product .wave-seek-range {left:49px;right:78px;width:calc(100% - 127px);bottom:4px;}
}


/* Premium, understated indication of optional project files. */
.product.has-project-files .art {
  box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 0 1px rgba(186,242,106,.27);
}
.project-files-marker {
  display:inline-flex;
  gap:7px;
  align-items:center;
  max-width:100%;
  margin:11px 0 2px;
  padding:7px 10px;
  border:1px solid rgba(186,242,106,.26);
  border-radius:5px;
  background:rgba(186,242,106,.055);
  color:#c6dfb4;
  font:700 9px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.095em;
}
.project-files-marker > span:first-child {color:#baf26a;font-size:15px;line-height:9px;}
.project-files-extra {padding-left:8px;margin-left:3px;border-left:1px solid #42533e;color:#baf26a;}
.catalog-empty {grid-column:1/-1;margin:16px 0 35px;color:#afbaaa;font-size:13px;line-height:1.8;}
.detail .project-detail-heading {
  display:flex;
  align-items:center;
  gap:13px;
  margin:23px 0 8px;
  padding:14px 17px;
  border:1px solid rgba(186,242,106,.32);
  background:rgba(186,242,106,.055);
  border-radius:8px;
  color:#d1edbf;
  font:800 12px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.115em;
}
.detail .project-detail-symbol {font-size:24px;color:#baf26a;line-height:1;}
.detail .project-detail-heading small {display:block;margin-top:5px;color:#a9b8a2;font-size:9px;font-weight:600;letter-spacing:.075em;}
.detail .project-detail-extra {
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:15px;
  padding:15px 0 2px;
  border-top:1px solid #354335;
  color:#cdd9c8;
}
.detail .project-detail-extra strong {font-size:11px;color:#d2f5b4;letter-spacing:.09em;}
.detail .project-detail-extra span {font-size:12px;line-height:1.6;}
.detail .project-detail-extra small {font-size:10px;color:#899a88;line-height:1.5;}
@media(max-width:580px) {
  .project-files-marker {font-size:8px;letter-spacing:.065em;gap:5px;}
  .detail .project-detail-heading {padding:12px 13px;font-size:10px;}
}

/* Refined November countdown: deep charcoal inline capsule, English labels. */
.sale .sale-countdown-wrap {
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-left:10px;
  padding:9px 15px;
  border-radius:9px;
  background:#141b16;
  border:1px solid rgba(255,255,255,.08);
  color:#eaf5e4;
  box-shadow:0 4px 12px rgba(20,28,20,.12);
  white-space:nowrap;
}
.sale .sale-countdown-label {
  color:#a9c79d;
  font-family:'DM Sans',Inter,Arial,sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}
.sale .sale-countdown {
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-family:'DM Sans',Inter,Arial,sans-serif;
  color:#f1f7ee;
  font-variant-numeric:tabular-nums;
}
.sale .sale-countdown-unit {
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-width:35px;
  gap:3px;
}
.sale .sale-countdown-unit b {
  font-size:21px;
  font-weight:750;
  line-height:1.05;
  letter-spacing:-.055em;
}
.sale .sale-countdown-unit small {
  color:#adc5a5;
  font-size:8px;
  font-weight:650;
  line-height:1.15;
  letter-spacing:.12em;
}
.sale .sale-countdown-separator {
  align-self:stretch;
  width:1px;
  background:rgba(186,242,106,.20);
}
@media(max-width:580px) {
  .sale .sale-countdown-wrap{margin:6px 0 0;padding:9px 13px;gap:10px;}
  .sale .sale-countdown{gap:8px;}
  .sale .sale-countdown-unit{min-width:33px;}
  .sale .sale-countdown-unit b{font-size:19px;}
  .sale .sale-countdown-label{font-size:8px;}
}

/* Stronger, still refined project package highlight. */
.detail .project-detail-heading {
  padding:20px 23px;
  border-color:rgba(186,242,106,.55);
  background:linear-gradient(125deg,rgba(186,242,106,.13),rgba(186,242,106,.035));
  box-shadow:inset 3px 0 0 #baf26a,0 5px 18px rgba(0,0,0,.12);
  font-size:15px;
  line-height:1.5;
  letter-spacing:.065em;
}
.detail .project-detail-heading small {
  margin-top:7px;
  font-size:12px;
  letter-spacing:.025em;
  color:#baf26a;
}
.detail .project-detail-symbol {font-size:33px;}
.detail .project-detail-extra {
  margin-top:20px;
  padding:18px;
  border:1px solid rgba(186,242,106,.30);
  border-radius:9px;
  background:rgba(186,242,106,.055);
  gap:10px;
}
.detail .project-detail-extra strong {font-size:13px;color:#baf26a;letter-spacing:.05em;}
.detail .project-detail-extra span {font-size:13px;line-height:1.7;}
.detail .project-detail-extra small {font-size:11px;color:#c9d7bf;}
@media(max-width:580px){
  .detail .project-detail-heading {font-size:13px;padding:15px 16px;}
  .detail .project-detail-heading small {font-size:11px;}
  .detail .project-detail-symbol {font-size:26px;}
}

/* Approved covers are square artwork with typography at their edges.
   Show the entire artwork rather than cropping titles in tall cards. */
.product .art {aspect-ratio:1 / 1 !important;background:#08090b;}
.product .art img {
  object-fit:contain !important;
  transform:none !important;
  width:100%;
  height:100%;
}
.product:hover .art img {transform:scale(1.015) !important;}


/* Nov 06: keep 3-column product cards symmetrical with or without project files. */
.grid {align-items:stretch;}
.product {display:flex;flex-direction:column;min-width:0;}
.product .product-content {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
}
.product .genre {min-height:22px;}
.product h3 {min-height:36px;display:flex;align-items:center;}
.product .project-files-slot {
  min-height:55px;
  display:flex;
  align-items:center;
  flex:0 0 55px;
  padding:3px 0;
}
.product .project-files-slot.is-empty {visibility:hidden;}
.product .project-files-marker {
  margin:0;
  padding:9px 11px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  gap:9px;
}
.product .project-files-marker > span:first-child {
  font-size:19px;
  line-height:1;
  font-weight:700;
}
.product .project-files-extra {
  padding-left:9px;
  font-size:14px;
  font-weight:900;
  line-height:1.1;
}
.product .track-specs {min-height:26px;}
.product .price-line {min-height:34px;}
.product .buttons {margin-top:auto;}
/* Single, larger project add-on panel on details (no repeated price/banner). */
.detail .project-detail-extra {
  margin:20px 0 0;
  padding:21px 23px;
  border:1px solid rgba(186,242,106,.48);
  border-radius:10px;
  background:linear-gradient(125deg,rgba(186,242,106,.12),rgba(186,242,106,.035));
  box-shadow:inset 3px 0 0 #baf26a;
  gap:13px;
}
.detail .project-addline {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.detail .project-addicon {
  display:flex;
  justify-content:center;
  align-items:center;
  width:31px;
  height:31px;
  flex:0 0 31px;
  border:1px solid rgba(186,242,106,.55);
  border-radius:8px;
  font-size:24px;
  font-weight:700;
  color:#baf26a;
}
.detail .project-addname {
  color:#e4fbd8;
  font-size:clamp(15px,1.5vw,19px);
  line-height:1.3;
  font-weight:850;
  letter-spacing:.035em;
}
.detail .project-addprice {
  margin-left:auto;
  flex:0 0 auto;
  color:#baf26a;
  font-size:clamp(22px,2.3vw,29px);
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.025em;
}
.detail .project-includes {
  margin:0;
  font-size:13px;
  line-height:1.75;
  color:#cbdac6;
}
.detail .project-includes b {
  display:block;
  margin:0 0 4px;
  font-size:10px;
  color:#9fc893;
  letter-spacing:.12em;
}
@media(max-width:580px) {
  .product .project-files-marker {font-size:9px;}
  .product .project-files-extra {font-size:13px;}
  .detail .project-detail-extra {padding:16px;}
  .detail .project-addname {font-size:14px;}
  .detail .project-addprice {font-size:23px;}
}


/* November 6 readability and interactive project selection. */
.product .product-content {gap:0;}
.product .genre {
  min-height:22px;
  font-size:11px;
  line-height:1.45;
  letter-spacing:.105em;
}
.product h3 {
  min-height:42px;
  font-size:clamp(21px,1.75vw,25px);
  line-height:1.3;
  letter-spacing:-.015em;
  margin:7px 0 6px;
}
.product .project-files-slot {
  flex:0 0 64px;
  min-height:64px;
  align-items:center;
}
.product .project-files-slot.is-empty {visibility:hidden;}
.product .project-files-marker {
  appearance:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 13px;
  font-size:11px;
  line-height:1.35;
  font-weight:850;
  color:#e2f8d5;
  border-color:rgba(186,242,106,.48);
  transition:background .18s ease,border-color .18s ease;
}
.product .project-files-marker:hover,
.product .project-files-marker:focus-visible,
.product .project-files-marker.is-selected {
  background:rgba(186,242,106,.16);
  border-color:#baf26a;
}
.product .project-files-marker:focus-visible,
.detail #detail-project-toggle:focus-visible {
  outline:2px solid #baf26a;
  outline-offset:3px;
}
.product .project-files-extra {
  font-size:16px;
  font-weight:900;
  color:#baf26a;
}
.product .track-specs {
  min-height:30px;
  font-size:11px;
  line-height:1.55;
  letter-spacing:.035em;
}
.product .price-line {
  min-height:45px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.product .price-line .price {font-size:27px;}
.product .project-price-note {font-size:11px;color:#baf26a;letter-spacing:0;}
.product .wave-player {margin-top:14px;}
.product .buttons {margin-top:auto;}
.product .buttons .view {font-size:11px;}
.detail #detail-project-toggle {
  width:100%;
  padding:0;
  background:none;
  border:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  border-radius:7px;
}
.detail #detail-project-toggle .project-addname {font-size:clamp(16px,1.7vw,21px);}
.detail #detail-project-toggle .project-addprice {font-size:clamp(24px,2.5vw,31px);}
.detail #detail-project-toggle:hover .project-addname,
.detail #detail-project-toggle.is-selected .project-addname {color:#baf26a;}
.detail .project-detail-extra:has(#detail-project-toggle.is-selected) {
  border-color:#baf26a;
  background:rgba(186,242,106,.16);
}
@media(max-width:620px) {
  .product h3 {font-size:22px;}
  .product .project-files-marker {font-size:11px;}
  .product .project-files-extra {font-size:15px;}
  .product .track-specs {font-size:11px;}
  .detail .project-detail-extra {padding:17px;}
}


/* Nov 6: inline project add-on pricing. Keep catalog rows aligned without a large empty slot. */
.product .project-files-slot {display:none;}
.product .track-specs {min-height:34px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.product .price-line {
  min-height:67px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 0;
}
.product .price-base {display:inline-flex;align-items:center;gap:9px;white-space:nowrap;}
.product .price-line .price {font-size:26px;}
.product .project-price-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:37px;
  padding:8px 10px;
  cursor:pointer;
  background:rgba(186,242,106,.055);
  color:#cce6bf;
  border:1px solid rgba(186,242,106,.35);
  border-radius:7px;
  font:750 10px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.025em;
  white-space:nowrap;
  transition:background .15s,border-color .15s;
}
.product .project-price-toggle > span {font-size:18px;line-height:1;color:#baf26a;}
.product .project-price-toggle strong {font-size:14px;font-weight:900;color:#baf26a;}
.product .project-price-toggle:hover,
.product .project-price-toggle:focus-visible,
.product .project-price-toggle.is-selected {
  background:rgba(186,242,106,.16);
  border-color:#baf26a;
}
.product .project-price-toggle:focus-visible {
  outline:2px solid #baf26a;
  outline-offset:2px;
}
.product .project-total-line {
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
  color:#baf26a;
}
.product .project-total-line strong {font-weight:850;font-size:13px;white-space:nowrap;}
.product .wave-player {margin-top:11px;}
/* A native range track on both catalog cards and track-details gives reliable random seeking. */
.product .wave-player,.detail .wave-player {position:relative;}
.product .wave-seek-range,.detail .wave-seek-range {
  position:absolute;
  left:59px;
  bottom:4px;
  width:calc(100% - 148px);
  height:15px;
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  touch-action:pan-x;
  outline-offset:4px;
  background:transparent;
  z-index:2;
}
.product .wave-seek-range::-webkit-slider-runnable-track,
.detail .wave-seek-range::-webkit-slider-runnable-track {
  height:4px;
  border-radius:99px;
  background:linear-gradient(to right,#baf26a 0%,#baf26a var(--seek-progress,0%),#3d5040 var(--seek-progress,0%),#3d5040 100%);
}
.product .wave-seek-range::-moz-range-track,
.detail .wave-seek-range::-moz-range-track {height:4px;border-radius:99px;background:#3d5040;}
.product .wave-seek-range::-moz-range-progress,
.detail .wave-seek-range::-moz-range-progress {height:4px;background:#baf26a;border-radius:99px;}
.product .wave-seek-range::-webkit-slider-thumb,
.detail .wave-seek-range::-webkit-slider-thumb {
  -webkit-appearance:none;appearance:none;
  width:12px;height:12px;margin-top:-4px;
  border-radius:50%;background:#baf26a;border:1px solid #14200d;
}
.product .wave-seek-range::-moz-range-thumb,
.detail .wave-seek-range::-moz-range-thumb {
  width:11px;height:11px;border-radius:50%;background:#baf26a;border:1px solid #14200d;
}
.product .wave-canvas,.detail .wave-canvas {cursor:crosshair;}
@media(max-width:580px) {
  .product .price-line {min-height:70px;gap:8px;}
  .product .project-price-toggle {font-size:9px;padding:8px;}
  .product .project-price-toggle strong {font-size:13px;}
  .product .wave-seek-range,.detail .wave-seek-range {left:49px;width:calc(100% - 126px);bottom:4px;}
}


/* Modern BPM / KEY metadata — premium compact modules instead of tiny plain text. */
.product .music-specs {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:8px;
  min-height:52px;
  margin-top:6px;
}
.music-spec {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #303b36;
  border-radius:9px;
  background:linear-gradient(145deg,#151b18,#101411);
  min-width:0;
}
.music-spec-label {
  display:inline-flex;
  align-items:center;
  font:800 10px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.11em;
  line-height:1.2;
  color:#a3ba9d;
}
.music-spec strong {
  font:750 13px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:0;
  line-height:1.2;
  color:#f0f6ed;
}
.product .music-specs .music-spec strong {font-size:13px;}
.detail .modern-detail-meta {
  display:flex;
  align-items:stretch;
  gap:10px;
  margin:24px 0;
}
.detail .modern-detail-meta .music-spec {
  padding:13px 16px;
  border-color:#3b4c3d;
  gap:10px;
  background:linear-gradient(145deg,#19221b,#111713);
  box-shadow:0 4px 15px rgba(0,0,0,.1);
}
.detail .modern-detail-meta .music-spec-label {font-size:11px;}
.detail .modern-detail-meta .music-spec strong {font-size:17px;}
.detail .modern-detail-meta .detail-usecase {
  display:inline-flex;
  align-items:center;
  flex:1 1 auto;
  padding:13px 14px;
  border:1px solid #303a33;
  border-radius:9px;
  color:#bfcdbb;
  background:#101512;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:620px){
  .product .music-specs {gap:7px;}
  .music-spec {padding:9px 10px;}
  .detail .modern-detail-meta {gap:8px;}
  .detail .modern-detail-meta .music-spec {padding:11px 13px;}
  .detail .modern-detail-meta .detail-usecase {flex-basis:100%;}
}

/* Persistent wishlist navigation and saved-card feedback. */
nav .wishlist-nav {
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #465844;
  border-radius:999px;
  padding:10px 15px;
  font:800 11px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.07em;
  color:#e1f8d4;
  background:#121a13;
  white-space:nowrap;
  transition:background .15s,border-color .15s;
}
nav .wishlist-nav:hover,nav .wishlist-nav:focus-visible {
  background:#213021;
  border-color:#baf26a;
}
nav .wishlist-nav [data-wishlist-count] {
  min-width:19px;
  height:19px;
  padding:2px 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:99px;
  font-size:10px;
  color:#0c1307;
  background:#baf26a;
}
nav .wishlist-nav [data-wishlist-count][hidden] {display:none;}
.wishlist-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  padding:22px 24px;
  margin:0 0 28px;
  background:#111914;
  border:1px solid #324436;
  border-radius:12px;
}
.wishlist-heading[hidden],.catalog-controls[hidden] {display:none!important;}
.wishlist-kicker {
  color:#baf26a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
.wishlist-heading h3 {
  font-size:clamp(21px,2.5vw,30px);
  font-weight:850;
  letter-spacing:-.035em;
  margin:8px 0;
}
.wishlist-heading h3 span {color:#baf26a;font-size:.72em;margin-left:7px;}
.wishlist-heading p {margin:0;color:#aab7aa;font-size:12px;line-height:1.6;}
.wishlist-back,.wishlist-empty a {
  border:1px solid #baf26a;
  border-radius:7px;
  color:#baf26a;
  padding:12px 15px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
}
.wishlist-empty {
  grid-column:1/-1;
  text-align:center;
  padding:70px 20px;
  border:1px dashed #405243;
  background:#111712;
  border-radius:14px;
}
.wishlist-empty>span {display:block;color:#baf26a;font-size:44px;}
.wishlist-empty h3 {font-size:23px;margin:9px 0;}
.wishlist-empty p {font-size:14px;color:#a9b6a4;margin-bottom:24px;}
.product .heart.active {
  color:#baf26a;
  background:rgba(186,242,106,.12);
  border-color:#baf26a;
}
.product .heart:focus-visible,.detail-wishlist-button:focus-visible {
  outline:2px solid #baf26a;
  outline-offset:3px;
}
.wishlist-toast {
  position:fixed;
  z-index:100;
  right:22px;
  bottom:24px;
  max-width:min(420px,calc(100vw - 32px));
  padding:17px 21px;
  background:#192419;
  color:#ebf4e6;
  border:1px solid #83af61;
  border-radius:10px;
  font-size:13px;
  box-shadow:0 16px 44px #0009;
}
.wishlist-toast a,.detail-wishlist-feedback a {
  color:#baf26a;
  text-decoration:underline;
  font-weight:800;
  margin-left:4px;
}
.detail-actions {display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.detail-actions .buy {margin-top:20px;}
.detail-wishlist-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:20px;
  min-height:56px;
  padding:13px 17px;
  color:#e1eae0;
  background:#131a15;
  border:1px solid #52624e;
  border-radius:9px;
  font:800 11px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.055em;
}
.detail-wishlist-button span:first-child {font-size:24px;color:#baf26a;line-height:1;}
.detail-wishlist-button.is-saved {border-color:#baf26a;background:rgba(186,242,106,.11);}
.detail-wishlist-feedback {font-size:12px!important;line-height:1.5!important;color:#bbd7b1!important;min-height:18px;margin:9px 0 0;}
@media(max-width:880px) {
  nav {gap:8px;}
  nav .wishlist-nav {margin-left:auto;padding:9px 12px;}
}

/* Reset legacy detail-meta span rules inside modern BPM/KEY components. */
.detail .modern-detail-meta .music-spec .music-spec-label {
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}



/* Compact inline musical metadata, matching the earlier Details design. */
.product .track-specs.music-specs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  min-height:43px;
  margin:10px 0 6px;
}
.product .track-specs.music-specs > .music-spec,
.detail .modern-detail-meta > .music-spec {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:auto;
  min-width:0;
  padding:10px 12px;
  border:1px solid #39483c;
  border-radius:8px;
  background:#151c17;
  box-shadow:none;
}
.product .track-specs.music-specs > .music-spec::before,
.product .track-specs.music-specs > .music-spec + .music-spec::before,
.product .track-specs.music-specs .music-spec-label::before,
.detail .modern-detail-meta .music-spec::before {content:none!important;display:none!important;}
.product .track-specs.music-specs .music-spec-label,
.detail .modern-detail-meta .music-spec-label {
  display:inline;
  padding:0;
  margin:0;
  border:0;
  background:none;
  color:#b2c3aa;
  font:800 10px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.08em;
  line-height:1.2;
}
.product .track-specs.music-specs .music-spec strong,
.detail .modern-detail-meta .music-spec strong {
  font:800 15px 'DM Sans',Inter,Arial,sans-serif;
  line-height:1.2;
  letter-spacing:-.01em;
  color:#fff;
}
.detail .modern-detail-meta > .music-spec {padding:11px 14px;}
.detail .modern-detail-meta .music-spec strong {font-size:16px;}
@media(max-width:580px) {
  .product .track-specs.music-specs {gap:7px;min-height:43px;}
  .product .track-specs.music-specs > .music-spec {padding:9px 10px;gap:7px;}
  .product .track-specs.music-specs .music-spec strong {font-size:14px;}
}

/* Non-exclusive personal-use remix collection; separate from exclusive Ghost Productions. */
.remix-section {margin-top:90px;padding-top:30px;border-top:1px solid #29342b;}
.remix-section[hidden] {display:none!important;}
.remix-intro {max-width:720px;color:#b2c0b3;line-height:1.7;font-size:14px;margin-top:14px;}
.remix-grid {margin-top:24px;}
.remix-card {min-width:0;display:flex;flex-direction:column;background:#111713;border:1px solid #344438;border-radius:15px;overflow:hidden;}
.remix-card>img {width:100%;aspect-ratio:1;object-fit:contain;background:#050806;}
.remix-card-copy {padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex:1;}
.remix-type {font:800 10px 'DM Sans',Arial,sans-serif;letter-spacing:.14em;color:#baf26a;}
.remix-card h3 {margin:0;font-size:24px;line-height:1.3;}
.remix-price {font-size:26px;color:#f0f4eb;}
.remix-card audio {width:100%;max-width:100%;}
.remix-permission {font-size:12px;line-height:1.65;color:#c2cfc0;margin:0;}
.remix-buy {margin-top:auto;width:100%;padding:15px;background:#baf26a;color:#111711;border:0;border-radius:8px;font-weight:850;letter-spacing:.05em;}
.remix-buy[disabled] {cursor:not-allowed;opacity:.55;}
.remix-terms {margin-top:23px;padding:18px 21px;border:1px solid #435442;background:#141c16;border-radius:10px;color:#d2ddd0;font-size:13px;line-height:1.8;}
.remix-terms strong {color:#baf26a;}

/* Non-exclusive ten-remix bundle; hidden until licensed inventory is published. */
.remix-bundle-offer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:26px 30px;margin:25px 0;border:1px solid #617e47;border-radius:15px;background:linear-gradient(115deg,#142017,#0d130e)}
.remix-bundle-offer>div:first-child{flex:1 1 300px}
.remix-bundle-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#baf26a}
.remix-bundle-offer h3{margin:8px 0;font-size:clamp(22px,3vw,34px);font-weight:850}
.remix-bundle-offer p{font-size:12px;color:#b6c4b5;line-height:1.7;max-width:510px}
.remix-bundle-pricing{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.remix-bundle-original{text-decoration:line-through;color:#879583;font-size:16px}
.remix-bundle-pricing strong{font-size:40px;line-height:1.1;color:#fff}
.remix-bundle-savings{font-size:12px;font-weight:850;color:#baf26a}
.remix-bundle-pricing button{margin-top:12px;padding:13px 22px;border:0;border-radius:8px;font-weight:850;color:#0d1508;background:#baf26a}
.remix-bundle-pricing button:disabled{opacity:.5;cursor:not-allowed}

/* Actual remix catalog previews: atmospheric branded placeholder artwork.
   Covers are intentionally original CSS compositions, not unlicensed album art. */
.remix-grid .remix-card {overflow:hidden;border:1px solid rgba(185,242,106,.22);background:#0e120f;border-radius:16px;box-shadow:0 10px 40px #0004}
.remix-art {
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  position:relative;isolation:isolate;overflow:hidden;
  aspect-ratio:1/1;width:100%;padding:23px 16px;
  background:radial-gradient(ellipse 56% 50% at 50% 48%,var(--remix-glow),transparent 85%),
    linear-gradient(145deg,var(--remix-shadow),#06070b 85%);
}
.remix-art::before {
  content:'';position:absolute;z-index:-1;top:24%;left:23%;
  width:54%;aspect-ratio:1;border:2px solid #ffffff70;border-radius:50%;
  box-shadow:0 0 18px var(--remix-glow),0 0 85px var(--remix-glow),inset 0 0 34px var(--remix-glow);
  transform:rotateX(20deg) rotateZ(-15deg);
}
.remix-art::after {
  content:'';position:absolute;z-index:-1;inset:53% -15% -12%;
  opacity:.46;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0px,transparent 16px,#ffffff48 17px,transparent 19px);
  transform:perspective(200px) rotateX(50deg);
}
.remix-art-brand {font-size:clamp(10px,1.1vw,15px);font-weight:800;letter-spacing:.35em;color:#fff;text-shadow:0 1px 12px #000}
.remix-art-title {max-width:100%;padding:6px 0;text-align:center;font-weight:850;font-size:clamp(25px,3.3vw,49px);line-height:1;letter-spacing:.045em;text-shadow:0 3px 22px #000e;overflow-wrap:break-word}
.remix-art-caption {font-size:10px;font-weight:800;letter-spacing:.22em;color:#ddd}
.remix-art-shape {height:1px}
.remix-card-copy {padding:22px;gap:12px}
.remix-card-copy h3 {font-size:23px;line-height:1.2}
.remix-card .remix-type {font-size:10px}
.remix-card .remix-price {font-size:28px}
.remix-card audio {display:block;accent-color:#baf26a}
.remix-section .remix-bundle-pricing strong {font-size:44px}
@media(max-width:720px){
 .remix-art-title {font-size:clamp(26px,7vw,42px)}
 .remix-art-brand {font-size:11px}
}

/* Separate premium Remix list (not large Ghost Production card grid). */
.remix-page{padding-top:65px;}
.remix-page-intro{padding:36px 0 24px;max-width:990px;}
.remix-page-intro h1{font-size:clamp(39px,6.3vw,86px);line-height:.96;letter-spacing:-.07em;margin:22px 0;}
.remix-page-intro h1 em{font-style:normal;color:#baf26a;}
.remix-page-intro p{max-width:650px;color:#bcc7bd;font-size:15px;line-height:1.7;}
.remix-page-notice{display:inline-flex;margin-top:15px;color:#b4d69d;background:#161e16;border:1px solid #3b4f39;border-radius:7px;padding:9px 13px;font-size:11px;letter-spacing:.055em;}
.remix-page .remix-bundle-offer{margin:32px 0 45px;padding:29px 35px;border-radius:13px;align-items:center;background:linear-gradient(110deg,#192817,#0c130e 75%);border:1px solid #5c7e47;}
.remix-page .remix-bundle-offer h2{font-size:clamp(26px,3vw,43px);letter-spacing:-.045em;margin:9px 0 11px;}
.remix-page .remix-bundle-offer p{margin:0;max-width:620px;}
.remix-page .remix-bundle-pricing .buy{min-width:175px;text-align:center;font-weight:850;border-radius:8px;min-height:45px;padding:13px 18px;}
.remix-page .remix-bundle-pricing button:disabled{opacity:.5;}
.remix-list-header{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin:0 0 20px;}
.remix-list-header h2{font-size:clamp(22px,3vw,32px);font-weight:850;letter-spacing:-.03em;margin:0;}
.remix-list-header h2 span{font-size:11px;letter-spacing:.1em;color:#a8cd8e;margin-left:11px;}
.remix-list-header p{font-size:12px;color:#a4b2a2;margin:0;}
.remix-list{display:flex;flex-direction:column;gap:9px;}
.remix-list-item{
 display:grid;grid-template-columns:76px minmax(140px,1fr) minmax(240px,1.6fr) 72px 104px;
 align-items:center;gap:19px;padding:12px 17px 12px 12px;
 border:1px solid #2c3e30;border-radius:13px;background:linear-gradient(100deg,#131a16,#0c100e);
 min-height:100px;min-width:0;
}
.remix-list-item:hover{border-color:#597449;background:linear-gradient(95deg,#172118,#101610);}
.remix-list-art{
 --tone:#baf26a;--tone-dark:#18321d;
 display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;
 width:76px;height:76px;overflow:hidden;flex-shrink:0;border:1px solid #50614c;
 border-radius:9px;background:radial-gradient(circle at 50% 40%,var(--tone) -65%,var(--tone-dark) 72%,#080a0d 100%);
}
.remix-list-art::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff39,transparent 36%);pointer-events:none;}
.remix-list-orbit{display:block;width:53px;height:53px;border:5px solid #ffffffd4;border-radius:35% 65% 54% 46%;box-shadow:0 0 11px var(--tone),inset 0 0 16px var(--tone);transform:rotate(-24deg);}
.remix-list-arttext{position:absolute;font-size:11px;font-weight:900;letter-spacing:.2em;text-shadow:0 2px 9px #000;}
.remix-list-identity{min-width:0;}
.remix-list-kind{font-size:9px;font-weight:800;color:#b9e59e;letter-spacing:.095em;line-height:1.5;display:block;}
.remix-list-identity h3{font-size:clamp(16px,1.5vw,21px);font-weight:850;letter-spacing:-.02em;margin:5px 0;line-height:1.25;overflow-wrap:anywhere;}
.remix-list-identity small{font-size:9px;color:#8c9d90;letter-spacing:.05em;line-height:1.5;}
.remix-list-player{min-width:0;}
.remix-list-player .player{width:100%;}
.remix-list-player .wave-player{
 margin:0;min-height:65px;width:100%;padding:10px 12px;display:flex;align-items:center;gap:9px;
 border-radius:10px;background:#111b14;border:1px solid #304832;
}
.remix-list-player .wave-seek-range{left:55px;bottom:3px;width:calc(100% - 139px);}
.remix-list-player .wave-canvas{min-width:0;flex:1;}
.remix-list-price{font-size:22px;font-weight:850;color:#fff;white-space:nowrap;}
.remix-list-buy{margin:0!important;padding:13px 17px!important;min-width:0;border-radius:8px!important;font-size:11px!important;text-align:center!important;}
.remix-list-buy[disabled]{opacity:.5;cursor:not-allowed;}
.remix-back{display:inline-block;margin:32px 0 0;color:#baf26a;font-size:12px;font-weight:850;letter-spacing:.055em;}
@media(max-width:1050px){
 .remix-list-item{grid-template-columns:70px minmax(125px,1fr) minmax(180px,1.3fr) 62px 88px;gap:11px;padding:10px;}
 .remix-list-art{width:70px;height:70px;}
 .remix-list-player .wave-player{padding:8px;}
 .remix-list-price{font-size:19px;}
}
@media(max-width:760px){
 .remix-list-item{grid-template-columns:66px minmax(0,1fr) 70px;column-gap:11px;row-gap:10px;padding:11px;}
 .remix-list-art{width:66px;height:66px;grid-row:1;grid-column:1;}
 .remix-list-identity{grid-row:1;grid-column:2;}
 .remix-list-price{grid-row:1;grid-column:3;justify-self:end;}
 .remix-list-player{grid-row:2;grid-column:1/3;}
 .remix-list-buy{grid-row:2;grid-column:3;align-self:center;}
 .remix-list-header{flex-wrap:wrap;}
 .remix-list-player .wave-seek-range{left:49px;width:calc(100% - 126px);}
 .remix-page .remix-bundle-offer{padding:22px;}
}

/* Featured HOT row: 4 aligned covers; remaining products retain three-across. */
@media(min-width:1180px){
  #grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;}
  #grid>.product{grid-column:span 4;}
  #grid>.product.is-hot{grid-column:span 3;}
  #grid>.product.is-hot .project-price-toggle{white-space:normal;text-align:left;}
  #grid>.product.is-hot .price-line{align-items:center;}
}
.product .art .hot-ribbon{
  position:absolute;z-index:5;top:15px;right:14px;
  display:inline-flex;align-items:center;gap:5px;
  color:#131609;background:linear-gradient(110deg,#e9ff9c,#baf26a);
  padding:8px 12px;border-radius:6px;
  font:900 11px 'DM Sans',Inter,Arial,sans-serif;letter-spacing:.12em;
  box-shadow:0 3px 14px #0008;
}
.product .art .hot-ribbon span{font-size:14px;}
@media(max-width:1179px){
  #grid>.product.is-hot .art .hot-ribbon{font-size:10px;}
}
@media(max-width:640px){
  .product .art .hot-ribbon{top:10px;right:10px;}
}

/* Same original three-column Ghost Production card size for every product,
   including the four prioritized HOT tracks. */
#grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap:32px; }
#grid > .product,
#grid > .product.is-hot { grid-column:auto; }
.product .art .hot-ribbon {
  position:absolute;
  z-index:5;
  right:13px;
  top:16px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 11px;
  border-radius:4px;
  color:#fff;
  background:linear-gradient(115deg,#b91c1c,#ea3434);
  border:1px solid #ff7878a8;
  font:850 10px 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.09em;
  transform:rotate(11deg);
  box-shadow:0 4px 11px #0009;
}
.product .art .hot-ribbon span {font-size:12px;line-height:1;}
/* Increase visibility of sale percentage, not the entire banner text. */
.sale .sale-percent {
  display:inline-block;
  padding:3px 7px;
  margin-right:4px;
  border-radius:5px;
  background:#111a0b;
  color:#d4ff85;
  font:950 clamp(20px,2.2vw,28px)/1 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:-.045em;
  vertical-align:middle;
  white-space:nowrap;
}
@media(max-width:930px) {
  #grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
}
@media(max-width:620px) {
  #grid {grid-template-columns:1fr;gap:24px;}
  .product .art .hot-ribbon{top:12px;right:11px;}
  .sale .sale-percent{font-size:21px;}
}

/* Refined Remix identity: restrained chrome instead of oversized neon ornaments. */
.remix-list-art{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:6px 4px;
  background:
    radial-gradient(ellipse at 50% 40%, color-mix(in srgb,var(--tone) 25%, transparent) 0%, transparent 62%),
    linear-gradient(145deg,#090d13 5%,#1b2026 46%,#06070b 90%);
  border:1px solid #3f484f;
  box-shadow:inset 0 0 13px #000,0 3px 13px #0005;
}
.remix-list-art::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(125deg,#ffffff24,transparent 32%,transparent 68%,#ffffff10);
}
.remix-list-art .remix-list-metal{
  display:block;position:absolute;top:18%;left:21%;width:58%;height:58%;
  border:5px solid transparent;
  border-radius:47% 53% 50% 50%;
  background:
   linear-gradient(#111820,#111820) padding-box,
   conic-gradient(from 15deg,#ecf7ff,#25343e,var(--tone),#dee6f4,#0d1c2b,#d2eaf1) border-box;
  box-shadow:0 0 12px color-mix(in srgb,var(--tone) 45%,transparent),inset 0 0 15px #04090d;
  transform:rotate(-16deg);
}
.remix-list-art .remix-list-signature{
  position:absolute;bottom:5px;font-size:6px;
  color:#e6eef2;letter-spacing:.1em;font-weight:800;text-shadow:0 2px 3px #000;
}
.remix-list-identity h3{font-size:clamp(15px,1.35vw,19px);line-height:1.35;letter-spacing:-.015em;}
.remix-list-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;}
.remix-list-meta>span{
 font-size:10px;line-height:1.35;letter-spacing:.055em;
 font-weight:800;color:#bed1b2;
 padding:5px 8px;background:#172019;border:1px solid #3b4c3b;border-radius:6px;
}
@media(max-width:760px){
  .remix-list-identity h3{font-size:15px;line-height:1.25;}
  .remix-list-meta{gap:5px;margin-top:6px;}
  .remix-list-meta>span{padding:4px 5px;font-size:9px;}
}

/* HOT! tag: simple red capsule, no rotation or emoji; shared on details. */
.product .art .hot-ribbon,
.detail-art .hot-ribbon.detail-hot-ribbon {
  position:absolute;
  z-index:6;
  top:16px;
  right:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border:1px solid rgba(255,125,125,.62);
  border-radius:5px;
  background:linear-gradient(135deg,#e23038,#a91520);
  color:#fff;
  font:900 11px/1 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.09em;
  transform:none;
  box-shadow:0 4px 12px rgba(0,0,0,.45);
  text-shadow:none;
}
.detail-art{position:relative;}
.detail-art .hot-ribbon.detail-hot-ribbon{top:18px;right:18px;font-size:12px;padding:9px 14px;}
@media(max-width:640px) {
 .product .art .hot-ribbon{top:12px;right:12px;}
 .detail-art .hot-ribbon.detail-hot-ribbon{top:12px;right:12px;}
}

/* Remix pack: contents and use conditions are revealed on request, not on the catalog banner. */
.remix-page .remix-bundle-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px;}
.remix-page .remix-bundle-actions .view,
.remix-page .remix-bundle-actions .buy{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:132px;padding:12px 15px;margin:0!important;
  font-size:11px;font-weight:850;letter-spacing:.06em;border-radius:8px;
}
.remix-page .remix-bundle-actions .view{
  color:#eef4e8;background:transparent;border:1px solid #465647;
}
.remix-page .remix-bundle-actions .view:hover{border-color:#baf26a;}
.remix-page .remix-bundle-actions .buy{background:#baf26a;color:#12190f;border:0;opacity:1;cursor:pointer;}
.remix-pack-dialog{
  width:min(630px,calc(100vw - 28px));
  max-height:min(85vh,850px);padding:0;
  color:#f2f6ed;background:#0f1511;
  border:1px solid #536a4b;border-radius:15px;
  box-shadow:0 24px 100px #000b;
}
.remix-pack-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px);}
.remix-dialog-inner{padding:clamp(20px,3vw,32px);position:relative;}
.remix-dialog-inner h2{font-size:clamp(27px,4vw,40px);letter-spacing:-.05em;margin:10px 0;}
.remix-dialog-close{
 position:absolute;top:12px;right:14px;width:35px;height:35px;
 border:1px solid #3e5140;border-radius:7px;background:#1d281f;color:#fff;font-size:23px;
}
.remix-dialog-subhead{font-size:11px;font-weight:850;letter-spacing:.12em;color:#baf26a;margin:16px 0 12px;}
.remix-pack-tracklist{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;
 padding:0;margin:0 0 22px;list-style:none;
}
.remix-pack-tracklist li{
 font-size:12px;line-height:1.45;color:#d8e0d5;
 padding:10px 12px;border:1px solid #354336;border-radius:7px;background:#151e16;
}
.remix-dialog-license{
 padding:15px 16px;border:1px solid #536b42;
 border-radius:9px;background:#19241a;color:#d7e7d0;
 font-size:12px;line-height:1.7;
}
.remix-dialog-license strong{color:#c7f58c;letter-spacing:.025em;}
.remix-dialog-license p{margin:7px 0 0;}
.remix-dialog-purchase{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;}
.remix-dialog-purchase>strong{font-size:29px;}
.remix-dialog-purchase .buy[disabled]{padding:13px 16px;border-radius:8px;opacity:.46;cursor:not-allowed;}
@media(max-width:560px){.remix-pack-tracklist{grid-template-columns:1fr;}.remix-page .remix-bundle-actions .view,.remix-page .remix-bundle-actions .buy{min-width:120px;}}
/* Make waveform canvases visible for each individual remix even inside compact rows. */
.remix-list-player .wave-player{position:relative;min-height:68px;width:100%;gap:12px;}
.remix-list-player .wave-canvas{height:42px;flex:1;display:block;}

/* Remix preview v7: deliberately no concentric neon circles.
   Understated dark metal strip and bold HS mark matching the main catalog. */
.remix-list-art{
  background:linear-gradient(147deg,#222c2b 0%,#0a0d12 50%,#252027 100%)!important;
  border:1px solid #38483d!important;
  border-radius:7px;
}
.remix-list-art::after{
  content:''!important;
  position:absolute;inset:0;
  background:linear-gradient(124deg,transparent 20%,#ffffff28 43%,transparent 48%,#ffffff14 53%,transparent 69%)!important;
}
.remix-list-art .remix-list-metal{
  width:120%!important;height:6px!important;left:-10%!important;top:44%!important;
  border:0!important;border-radius:0!important;
  transform:rotate(-33deg)!important;
  background:linear-gradient(90deg,#0c1114,#a5c8c1,#e2ecf4,#354b57,#0a1015)!important;
  box-shadow:0 0 18px #d0f6ea45!important;
}
.remix-list-art .remix-list-signature{
  font:900 22px/1 'DM Sans',Inter,Arial,sans-serif!important;
  letter-spacing:-.12em!important;bottom:auto!important;top:25%!important;
  color:#fff!important;text-shadow:0 2px 8px #000!important;
}
.remix-wave-label{
 display:block;margin-bottom:4px;color:#a5c49b;
 font:800 8px/1.4 'DM Sans',Inter,Arial,sans-serif;letter-spacing:.13em;
}
.remix-list-player .wave-player{
  position:relative;display:flex;align-items:center;min-height:60px;
  width:100%;margin:0;padding:8px 11px;
}
.remix-list-player .wave-canvas{display:block;min-width:30px;height:38px;flex:1;}
.remix-list-player audio.player{width:100%;}

/* Remix player: ONLY the waveform canvas is the scrubber.
   The range input used for the exclusive product players is hidden on remixes;
   pointer & keyboard seeking remain on the canvas itself. */
.remix-list-player .wave-player {display:flex!important;width:100%!important;min-width:0!important;align-items:center!important;gap:10px!important;}
.remix-list-player .wave-seek-range {display:none!important;width:0!important;flex:none!important;}
.remix-list-player .wave-canvas {display:block!important;flex:1 1 auto!important;width:0!important;min-width:60px!important;height:44px!important;touch-action:none!important;cursor:crosshair!important;}
.remix-list-player .wave-time {flex:none!important;white-space:nowrap!important;font-size:10px!important;}
.remix-list-player .wave-play {flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:50%!important;}
/* Individual remix cover: luxurious minimal typographic/art treatment,
   no cheap chrome slash, concentric neon circles or oversized HS icon. */
.remix-list-art{
  --tone:#9d7dc1;
  position:relative;isolation:isolate;overflow:hidden;
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:space-between!important;
  padding:7px 6px!important;
  background:
    radial-gradient(ellipse at 75% 82%,color-mix(in srgb,var(--tone) 38%,transparent),transparent 64%),
    linear-gradient(145deg,#0b0e15 9%,#12121d 55%,#05070b 100%)!important;
  border:1px solid #45504c!important;
  border-radius:8px!important;
}
.remix-list-art::before{
  content:'';position:absolute;inset:25% -9% 12%;z-index:-1;
  border:1px solid color-mix(in srgb,var(--tone) 70%,#fff);
  border-radius:51% 49% 40% 60%;transform:rotate(-29deg);
  box-shadow:0 0 12px color-mix(in srgb,var(--tone) 33%,transparent),inset 0 0 9px #fff2;
}
.remix-list-art::after{
  content:''!important;position:absolute;inset:0;z-index:-1;
  background:linear-gradient(155deg,#ffffff0f,transparent 35%,#ffffff0a 55%,transparent)!important;
}
.remix-list-art .remix-art-brand{
  font:800 5.5px/1.1 'DM Sans',Inter,Arial,sans-serif;letter-spacing:.1em;
  color:#efefee;text-align:center;white-space:nowrap;
}
.remix-list-art .remix-art-motif{
  height:22px;width:22px;margin:auto;transform:rotate(40deg);
  border:2px solid color-mix(in srgb,var(--tone) 55%,#e7eafa);
  border-radius:30% 70% 45% 55%;
  box-shadow:inset 0 0 12px color-mix(in srgb,var(--tone) 65%,transparent),0 0 11px color-mix(in srgb,var(--tone) 30%,transparent);
}
.remix-list-art .remix-art-track{
  color:#fff;text-align:center;max-width:100%;overflow-wrap:anywhere;
  text-shadow:0 2px 7px #000;
  font:850 7px/1.1 'DM Sans',Inter,Arial,sans-serif;
  letter-spacing:.025em;text-transform:uppercase;
}

/* Deluxe HS Productions cover: the SAME branded artwork for every Remix row. */
.remix-list-artwork{
  display:block;
  width:76px;height:76px;flex:none;min-width:76px;
  aspect-ratio:1;object-fit:cover;
  border:1px solid #435345;border-radius:9px;
  box-shadow:0 3px 14px #0009;
}
@media(max-width:1050px){
 .remix-list-artwork{width:70px;height:70px;min-width:70px;}
}
@media(max-width:760px){
 .remix-list-artwork{width:66px;height:66px;min-width:66px;grid-column:1;grid-row:1;}
}

/* Remix-list typography v11 — refined, clearly differentiated from bulky Ghost titles. */
.remix-list-identity {min-width:0!important;}
.remix-list-identity h3{
  font-family:'DM Sans',Inter,Arial,sans-serif!important;
  font-size:clamp(14px,1.18vw,17px)!important;
  font-weight:600!important;
  letter-spacing:-.018em!important;
  line-height:1.42!important;
  text-transform:none!important;
  color:#eff2f0!important;
  margin:0 0 9px!important;
  overflow-wrap:normal!important;
}
.remix-list-meta {margin-top:5px!important;}
.remix-list-artwork{
  object-fit:cover!important;
  border-radius:8px!important;
  border:1px solid rgba(192,213,195,.28)!important;
  box-shadow:0 4px 14px #0008!important;
}
@media(max-width:760px) {
 .remix-list-identity h3{font-size:14px!important;line-height:1.3!important;}
}

/* Remix visual refresh v12: EXACT existing site logo, no alternate artwork.
   The logo is displayed on neutral black, consistent with the site header. */
.remix-list-artwork{
  background:#090b0c!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:12px!important;
  border:1px solid #344037!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
/* Title typography follows Ghost Production cards, with a clear hierarchy. */
.remix-list-identity h3{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  column-gap:7px!important;
  row-gap:3px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#f2f2f2!important;
  letter-spacing:-.025em!important;
  margin:0 0 8px!important;
  overflow-wrap:break-word!important;
}
.remix-title-artist{
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.035em!important;
  color:#b9c8b4!important;
}
.remix-title-artist::after{content:'–';padding-left:7px;color:#6c826c;}
.remix-title-name{font-size:18px;font-weight:750;letter-spacing:-.03em;color:#fff;}
.remix-title-tag{
  display:inline-block;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  color:#baf26a!important;
}
.remix-title-tag::before{content:'–';padding-right:7px;color:#6c826c;}
@media(max-width:760px){
 .remix-list-identity h3{font-size:15px!important;column-gap:5px!important;}
 .remix-title-name{font-size:16px!important;}
 .remix-title-artist{font-size:10px!important;}
 .remix-list-artwork{padding:9px!important;}
}