.music-page{
--music-bg:linear-gradient(180deg,#eef7ff0%,#ffffff28%,#f6fbff100%);
--music-surface:rgba(255,255,255,0.95);
--music-border:rgba(0,90,135,0.12);
--music-shadow:024px60pxrgba(16,24,40,0.10);
--music-primary:#005a87;
--music-primary-dark:#163a59;
--music-accent:#1da4bd;
--music-accent-soft:#e7f7fb;
--music-muted:#61738a;
}

body.music-page{
min-height:100vh;
display:flex;
flex-direction:column;
background:var(--music-bg);
color:var(--music-primary-dark);
}

.music-pagemain{
flex:1;
padding:2rem1.5rem4rem;
}

.music-page.musique-main{
width:min(1240px,100%);
max-width:none;
margin:0auto;
}

.music-page.music-intro{
max-width:820px;
margin:1.2remauto2.25rem;
text-align:center;
}

.music-page.musique-genre-title{
margin:0;
font-size:clamp(2rem,4vw,3.2rem);
line-height:1.05;
font-weight:800;
letter-spacing:-0.04em;
color:var(--music-primary-dark);
}

.music-page.music-introp{
margin:1remauto0;
max-width:60ch;
color:var(--music-muted);
font-size:clamp(1rem,1.5vw,1.08rem);
line-height:1.75;
}

.music-page.music-search-panel{
max-width:980px;
margin:0auto2.1rem;
padding:1.4rem1.5rem1.5rem;
border-radius:22px;
background:linear-gradient(135deg,#0ea5e90%,#a855f7100%);
box-shadow:014px30pxrgba(0,0,0,0.18);
text-align:center;
}

.music-page.music-search-panelh2{
margin:001rem;
font-size:clamp(1.55rem,2.3vw,2.1rem);
font-weight:800;
color:#ffffff;
text-shadow:02px10pxrgba(0,0,0,0.18);
}

.music-page.music-search-panel.film-search{
margin-top:0;
}

.music-page.music-search-results-static{
position:relative;
top:auto;
left:auto;
right:auto;
display:block;
max-width:680px;
margin:16pxauto0;
text-align:left;
}

.music-page.film-search-itemimg,
.music-page.poster-fallback{
width:48px;
height:48px;
border-radius:10px;
}

.music-page.poster-fallback{
font-size:1.15rem;
}

.music-page.music-search-copy{
min-width:0;
flex:1;
}

.music-page.music-search-badge{
display:inline-flex;
align-items:center;
margin-left:8px;
padding:0.18rem0.46rem;
border-radius:999px;
background:#e8f5fb;
color:var(--music-primary);
font-size:0.72rem;
font-weight:800;
letter-spacing:0.02em;
vertical-align:middle;
}

.music-page.music-search-subline{
margin-top:0.18rem;
font-size:0.86rem;
color:var(--music-muted);
}

.music-page.music-family-overview{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin:002.4rem;
}

.music-page.music-family-pill{
padding:1.1rem1.2rem;
border-radius:22px;
background:var(--music-surface);
border:1pxsolidvar(--music-border);
box-shadow:016px32pxrgba(16,24,40,0.08);
}

.music-page.music-family-pillstrong{
display:block;
margin-bottom:0.3rem;
font-size:1.02rem;
font-weight:800;
color:var(--music-primary-dark);
}

.music-page.music-family-pillspan{
color:var(--music-muted);
font-size:0.92rem;
}

.music-page.music-family-section{
background:var(--music-surface);
border:1pxsolidvar(--music-border);
border-radius:28px;
box-shadow:var(--music-shadow);
padding:clamp(1.2rem,2vw,1.6rem);
margin-bottom:1.8rem;
}

.music-page.music-family-header{
margin-bottom:1.2rem;
}

.music-page.music-family-headerh2{
margin:000.5rem;
font-size:clamp(1.35rem,2vw,1.8rem);
line-height:1.12;
color:var(--music-primary-dark);
}

.music-page.music-family-headerp{
margin:0;
max-width:58ch;
color:var(--music-muted);
line-height:1.65;
}

.music-page.musique-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:16px;
}

.music-page.musique-card{
display:flex;
align-items:center;
gap:0.95rem;
min-height:110px;
padding:0.95rem1rem;
border-radius:22px;
background:linear-gradient(145deg,#ffffff0%,#f7fbff100%);
border:1pxsolidrgba(0,90,135,0.08);
box-shadow:014px28pxrgba(16,24,40,0.08);
text-decoration:none;
transition:transform0.18sease,box-shadow0.18sease,border-color0.18sease;
}

.music-page.musique-card:hover{
transform:translateY(-4px);
box-shadow:020px34pxrgba(16,24,40,0.12);
border-color:rgba(29,164,189,0.28);
}

.music-page.genre-visual{
width:88px;
height:88px;
border-radius:18px;
overflow:hidden;
background:linear-gradient(145deg,#e8f5fb0%,#d9eef8100%);
box-shadow:inset0001pxrgba(0,90,135,0.08);
flex-shrink:0;
}

.music-page.genre-visual--fallback{
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(145deg,#e8f5fb0%,#d9eef8100%);
}

.music-page.genre-visual-image{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.music-page.genre-icon{
width:46px;
height:46px;
border-radius:16px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,0.72);
color:var(--music-primary);
font-size:1.15rem;
flex-shrink:0;
}

.music-page.genre-content{
min-width:0;
display:grid;
gap:0.24rem;
}

.music-page.card-title{
font-size:1rem;
font-weight:700;
line-height:1.4;
color:var(--music-primary-dark);
}

.music-page.genre-caption{
font-size:0.84rem;
color:var(--music-muted);
}

@mediascreenand(max-width:900px){
.music-page.music-family-overview{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.music-page.musique-cards{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@mediascreenand(max-width:700px){
.music-pagemain{
padding:1.5rem1rem3rem;
}

.music-page.music-search-panel{
padding:1.15rem1rem1.2rem;
border-radius:18px;
}

.music-page.music-family-overview,
.music-page.musique-cards{
grid-template-columns:1fr;
}

.music-page.music-family-section{
border-radius:24px;
}

.music-page.musique-card{
min-height:98px;
}

.music-page.genre-visual{
width:74px;
height:74px;
}
}