:root{
  --rss-pink:#fc036d;
  --rss-pink-soft:#ff5a9c;
  --rss-bg:#0d0d10;
  --rss-panel:#17171b;
  --rss-panel-2:#202026;
  --rss-text:#f8f1f4;
  --rss-muted:#cbb1bc;
  --rss-line:rgba(255,255,255,.095);
  --rss-green:#9ff2c2;
  --rss-yellow:#ffd180;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{
  margin:0;padding-top:74px;color:var(--rss-text);background:#0d0d10;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#header-container,#footer-container{width:100%;max-width:none;margin:0}
.category-shell{width:100%;max-width:1320px;margin:0 auto;padding:54px 28px 76px}
.category-hero{
  position:relative;overflow:hidden;min-height:360px;padding:46px;
  border-radius:24px;border:1px solid var(--rss-line);
  background:linear-gradient(145deg,rgba(28,28,33,.98),rgba(13,13,15,.98));
  box-shadow:0 24px 74px rgba(0,0,0,.40);
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:30px;align-items:center;
}
.category-hero:before{content:"";position:absolute;inset:0;pointer-events:none}
.category-copy{position:relative;z-index:2;max-width:660px}
.category-kicker{
  display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;
  color:#ff91bd;background:rgba(252,3,109,.12);border:1px solid rgba(252,3,109,.32);
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:900
}
.category-title{
  font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,6vw,74px);line-height:.98;
  letter-spacing:-.055em;font-weight:800;margin:21px 0 16px;color:#fff
}
.category-intro{color:var(--rss-muted);font-size:17px;line-height:1.7;max-width:620px;margin:0}
.category-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.category-primary,.category-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:10px;text-decoration:none;font-weight:900;font-size:14px;transition:.2s ease
}
.category-primary{color:white;background:linear-gradient(135deg,#fc036d,#ff3e8a);box-shadow:0 13px 30px rgba(252,3,109,.28)}
.category-primary:hover{transform:translateY(-1px);filter:brightness(1.06)}
.category-secondary{color:var(--rss-muted);background:rgba(255,255,255,.025);border:1px solid var(--rss-line)}
.category-secondary:hover{color:white;border-color:rgba(252,3,109,.56)}
.category-stat{
  display:inline-flex;align-items:baseline;gap:8px;margin-top:23px;padding-top:18px;border-top:1px solid var(--rss-line);
  color:var(--rss-muted);font-size:13px
}
.category-stat strong{font-family:Manrope,Inter,sans-serif;font-size:31px;line-height:1;color:#fff}
.category-hero-art{position:relative;z-index:1;min-height:238px;display:flex;align-items:center;justify-content:center}
.category-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 20px}
.category-tools-copy h2{font-family:Manrope,Inter,sans-serif;font-size:28px;margin:0 0 5px;letter-spacing:-.035em}
.category-tools-copy p{color:var(--rss-muted);font-size:13px;margin:0}
.category-search{
  width:min(370px,100%);height:46px;border:1px solid var(--rss-line);border-radius:10px;background:#151519;
  color:#fff;padding:0 14px;outline:none;font:inherit
}
.category-search:focus{border-color:rgba(252,3,109,.7);box-shadow:0 0 0 3px rgba(252,3,109,.12)}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.category-card{
  position:relative;overflow:hidden;border:1px solid var(--rss-line);border-radius:16px;background:linear-gradient(145deg,#1d1d22,#111114);
  min-width:0;transition:.24s ease;cursor:pointer
}
.category-card:hover{transform:translateY(-5px);border-color:rgba(252,3,109,.58);box-shadow:0 18px 36px rgba(0,0,0,.25)}
.category-card-image{height:205px;position:relative;overflow:hidden;background:linear-gradient(145deg,#27272e,#101012)}
.category-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(10,10,12,.88))}
.category-card-image img{width:100%;height:100%;object-fit:cover;transition:.5s ease}
.category-card:hover .category-card-image img{transform:scale(1.06)}
.category-card-image .category-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ff77ad;font-size:42px}
.category-card-body{padding:18px}
.category-card-city{display:inline-flex;align-items:center;gap:5px;color:#ff83b4;font-size:11px;font-weight:900;letter-spacing:.03em}
.category-card h3{font-family:Manrope,Inter,sans-serif;font-size:20px;line-height:1.18;margin:10px 0 8px;letter-spacing:-.025em}
.category-card p{color:var(--rss-muted);font-size:13px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.category-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rss-line)}
.category-card-price{font-family:Manrope,Inter,sans-serif;color:#ff6ca9;font-size:20px;font-weight:800}
.category-card-price small{font-family:Inter,sans-serif;color:var(--rss-muted);font-size:11px;font-weight:700}
.category-card-link{display:inline-flex;align-items:center;gap:5px;color:white;font-size:12px;font-weight:900}
.category-empty{grid-column:1/-1;border:1px dashed rgba(252,3,109,.35);border-radius:16px;padding:52px 22px;text-align:center;color:var(--rss-muted);background:rgba(252,3,109,.035)}
.category-empty .material-symbols-outlined{font-size:42px;color:#ff78ad}
.category-empty h3{font-family:Manrope,Inter,sans-serif;font-size:22px;color:#fff;margin:12px 0 7px}
.category-loading{grid-column:1/-1;min-height:240px;display:grid;place-items:center;color:var(--rss-muted);border:1px solid var(--rss-line);border-radius:16px;background:rgba(255,255,255,.018)}
.category-loading .material-symbols-outlined{font-size:38px;color:#ff75ac;animation:rssSpin 1.1s linear infinite}
@keyframes rssSpin{to{transform:rotate(360deg)}}

/* CASQUES & ÉCOUTEURS — editorial studio / grand visuel circulaire */
body[data-category-layout="headphones"]{background:radial-gradient(circle at 12% 2%,rgba(252,3,109,.18),transparent 31%),linear-gradient(180deg,#171016 0%,#0c0c0f 60%)}
body[data-category-layout="headphones"] .category-hero{border-left:4px solid #fc036d}
.headphone-orbit{width:245px;height:245px;border-radius:50%;border:1px solid rgba(252,3,109,.40);position:relative;box-shadow:inset 0 0 42px rgba(252,3,109,.12),0 0 62px rgba(252,3,109,.12)}
.headphone-orbit:before,.headphone-orbit:after{content:"";position:absolute;border-radius:50%;border:18px solid #16161b;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
.headphone-orbit:before{width:110px;height:110px;left:-9px;top:68px}
.headphone-orbit:after{width:110px;height:110px;right:-9px;top:68px}
.headphone-band{position:absolute;width:176px;height:192px;top:24px;left:34px;border:17px solid #fc036d;border-bottom:0;border-radius:100px 100px 0 0;box-shadow:0 0 34px rgba(252,3,109,.35)}
body[data-category-layout="headphones"] .category-card{border-radius:22px}
body[data-category-layout="headphones"] .category-card-image{height:225px}

/* DJ & DJING — interface club / waveform */
body[data-category-layout="dj"]{background:linear-gradient(160deg,#11071a 0%,#0d0d11 54%,#09090c 100%)}
body[data-category-layout="dj"] .category-hero{grid-template-columns:1fr;min-height:410px}
body[data-category-layout="dj"] .category-copy{max-width:760px}
body[data-category-layout="dj"] .category-hero-art{position:absolute;right:28px;bottom:18px;width:47%;opacity:.95}
.dj-decks{width:100%;height:220px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#24202a,#111116);box-shadow:0 22px 55px rgba(0,0,0,.35);position:relative;overflow:hidden}
.dj-decks:before{content:"";position:absolute;left:7%;right:7%;top:49%;height:3px;background:#fc036d;box-shadow:0 0 20px #fc036d}
.dj-decks:after{content:"";position:absolute;left:8%;top:20px;width:130px;height:130px;border:10px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:190px 0 0 -10px #15151b,190px 0 0 0 rgba(255,255,255,.15)}
.dj-wave{position:absolute;bottom:17px;left:30px;right:30px;height:48px;display:flex;align-items:center;gap:6px}
.dj-wave i{display:block;flex:1;background:linear-gradient(#ff75ae,#fc036d);border-radius:99px;height:var(--h)}
body[data-category-layout="dj"] .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-category-layout="dj"] .category-card:nth-child(1){grid-column:span 2;grid-row:span 2}
body[data-category-layout="dj"] .category-card:nth-child(1) .category-card-image{height:100%}
body[data-category-layout="dj"] .category-card{border-radius:9px}

/* ÉVÉNEMENTIEL & PRODUCTION — bento corporate */
body[data-category-layout="event"]{background:linear-gradient(180deg,#11151b 0%,#0d0e11 100%)}
body[data-category-layout="event"] .category-hero{border-radius:12px;grid-template-columns:1.25fr .75fr}
.event-bento{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:280px}
.event-bento div{min-height:92px;border-radius:12px;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:flex-end}
.event-bento div:first-child{grid-column:1/-1;min-height:132px;background:linear-gradient(135deg,rgba(252,3,109,.35),rgba(255,255,255,.06))}
.event-bento strong{font-family:Manrope,sans-serif;font-size:20px}
.event-bento span{font-size:11px;color:#e6bcc2;margin-top:4px}
body[data-category-layout="event"] .category-card.is-featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}
body[data-category-layout="event"] .category-card.is-featured .category-card-image{height:100%}
body[data-category-layout="event"] .category-card{border-radius:10px}

/* INSTRUMENTS MUSIC — scène organique / carte asymétrique */
body[data-category-layout="instruments"]{background:radial-gradient(circle at 78% 5%,rgba(255,148,74,.12),transparent 29%),linear-gradient(180deg,#17120f,#0c0c0d)}
body[data-category-layout="instruments"] .category-hero{border-radius:30px 30px 8px 30px;grid-template-columns:.92fr 1.08fr}
.music-staff{width:100%;max-width:320px;height:210px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(255,255,255,.18) 30px,transparent 31px);transform:rotate(-4deg)}
.music-staff:before{content:"♪";font-size:180px;line-height:1;color:#ff7a4d;position:absolute;left:90px;top:12px;text-shadow:0 0 34px rgba(255,122,77,.25)}
.music-staff:after{content:"♫";font-size:100px;color:#f5e2cd;position:absolute;right:25px;bottom:0}
body[data-category-layout="instruments"] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-category-layout="instruments"] .category-card{display:grid;grid-template-columns:44% 56%;border-radius:16px}
body[data-category-layout="instruments"] .category-card-image{height:100%}

/* MULTIMÉDIA & DIGITAL — dashboard tech */
body[data-category-layout="multimedia"]{background:linear-gradient(135deg,#071419 0%,#0c1014 48%,#0a0a0d 100%)}
body[data-category-layout="multimedia"] .category-hero{border-radius:16px;background:linear-gradient(145deg,#102126,#0d1115)}
.tech-grid-art{width:288px;height:212px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:8px}
.tech-grid-art span{background:rgba(110,232,255,.12);border:1px solid rgba(110,232,255,.25);border-radius:5px}
.tech-grid-art span:nth-child(1),.tech-grid-art span:nth-child(8),.tech-grid-art span:nth-child(13){background:linear-gradient(135deg,rgba(252,3,109,.82),rgba(110,232,255,.35));box-shadow:0 0 20px rgba(110,232,255,.20)}
body[data-category-layout="multimedia"] .category-card{border-radius:7px;background:#11161a}
body[data-category-layout="multimedia"] .category-card-image{height:160px}
body[data-category-layout="multimedia"] .category-card-footer{border-top-style:dashed}

/* SONORISATION & ÉCLAIRAGE — scène lumière */
body[data-category-layout="soundlight"]{background:radial-gradient(circle at 50% 0%,rgba(252,3,109,.19),transparent 25%),linear-gradient(180deg,#140b12,#0b0b0d 63%)}
body[data-category-layout="soundlight"] .category-hero{min-height:430px;border-radius:0 0 24px 24px}
.sound-stage{position:absolute;inset:0;overflow:hidden}
.sound-stage:before,.sound-stage:after{content:"";position:absolute;width:33%;height:150%;top:-35%;filter:blur(1px);transform:rotate(22deg);background:linear-gradient(180deg,rgba(252,3,109,.02),rgba(252,3,109,.48),transparent)}
.sound-stage:before{left:15%}.sound-stage:after{right:12%;transform:rotate(-22deg);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(135,93,255,.34),transparent)}
.sound-speakers{position:relative;width:260px;height:220px;display:flex;gap:22px;align-items:flex-end;justify-content:center}
.sound-speakers i{display:block;width:86px;height:185px;border:1px solid rgba(255,255,255,.20);background:linear-gradient(180deg,#29292e,#0d0d10);border-radius:8px;box-shadow:inset 0 0 0 9px rgba(0,0,0,.20)}
.sound-speakers i:after{content:"";display:block;width:46px;height:46px;border-radius:50%;border:8px solid #15151a;margin:25px auto;box-shadow:0 54px 0 -2px #15151a,0 54px 0 7px #0d0d10}
body[data-category-layout="soundlight"] .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-category-layout="soundlight"] .category-card{border-radius:12px}
body[data-category-layout="soundlight"] .category-card:nth-child(3n+1){transform:translateY(18px)}
body[data-category-layout="soundlight"] .category-card:nth-child(3n+1):hover{transform:translateY(13px)}

@media(max-width:1080px){
  .category-shell{padding:42px 20px 64px}
  .category-hero{grid-template-columns:1fr;min-height:auto}
  .category-hero-art{min-height:200px}
  body[data-category-layout="dj"] .category-hero-art{position:relative;right:auto;bottom:auto;width:100%}
  .category-grid,body[data-category-layout="dj"] .category-grid,body[data-category-layout="soundlight"] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-category-layout="dj"] .category-card:nth-child(1){grid-column:span 1;grid-row:span 1}
  body[data-category-layout="dj"] .category-card:nth-child(1) .category-card-image{height:205px}
  body[data-category-layout="event"] .category-card.is-featured{grid-column:span 1;display:block}
  body[data-category-layout="event"] .category-card.is-featured .category-card-image{height:205px}
}
@media(max-width:700px){
  body{padding-top:72px}
  .category-shell{padding:30px 16px 50px}
  .category-hero{padding:28px 22px;border-radius:18px}
  .category-title{font-size:43px}
  .category-intro{font-size:15px}
  .category-tools{align-items:flex-start;flex-direction:column}
  .category-search{width:100%}
  .category-grid,body[data-category-layout="dj"] .category-grid,body[data-category-layout="instruments"] .category-grid,body[data-category-layout="soundlight"] .category-grid{grid-template-columns:1fr}
  body[data-category-layout="instruments"] .category-card{display:block}
  body[data-category-layout="instruments"] .category-card-image{height:205px}
  body[data-category-layout="soundlight"] .category-card:nth-child(3n+1){transform:none}
  body[data-category-layout="soundlight"] .category-card:nth-child(3n+1):hover{transform:translateY(-5px)}
  .event-bento{width:100%}
}