:root{--black:#080705;--cream:#ead8b0;--cream2:#cdb88e;--orange:#c35b18;--gold:#d89b2b;--line:rgba(234,216,176,.22)}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--cream);font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(rgba(8,7,5,.10),rgba(8,7,5,.22)),url("../assets/background-70s.png") center/cover fixed no-repeat}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.11;background-image:radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1px);background-size:8px 8px;mix-blend-mode:screen}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;min-height:92px;padding:14px clamp(16px,5vw,68px);display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.45),rgba(0,0,0,0))}
.logo-mini img{width:130px;height:auto}.nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.nav a{opacity:.85}.nav a:hover,.nav a.active{color:var(--gold);opacity:1}.cart-link{border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:rgba(0,0,0,.32)}
.language-switcher{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;background:rgba(0,0,0,.38);backdrop-filter:blur(10px)}.lang-btn{border:0;background:transparent;color:var(--cream);padding:8px 11px;border-radius:999px;cursor:pointer;font-weight:900}.lang-btn.active{background:var(--orange);color:#fff2d5}
main{padding:132px 18px 60px}.home-hero{min-height:calc(100vh - 180px);display:grid;place-items:center}.hero-card,.page-panel{width:min(1180px,100%);margin:0 auto;padding:clamp(34px,6vw,74px);background:rgba(8,7,5,.84);border:1px solid rgba(216,155,43,.42);border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.hero-card{text-align:center;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:18px;border:2px solid rgba(195,91,24,.52);border-radius:23px;pointer-events:none}.hero-logo{margin:0 auto 32px}.big-square{width:min(430px,70vw)}
.kicker{margin:0 0 18px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.22em;font-size:12px}h1,h2,h3{margin:0;text-transform:uppercase;line-height:.95}h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(48px,8vw,108px);letter-spacing:.04em}h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(28px,4vw,52px);letter-spacing:.05em}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.btn,.buy-btn,.qty-btn,.remove-btn{border:1px solid rgba(234,216,176,.38);padding:13px 18px;border-radius:999px;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:900;cursor:pointer}.btn.primary,.buy-btn{background:linear-gradient(135deg,var(--orange),var(--gold));color:#130b04;border:0}.btn.ghost{background:rgba(255,255,255,.04);color:var(--cream)}
.label-page h1{margin-bottom:34px}.label-grid{max-width:980px}.label-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 42px}.label-text p{margin:0;padding:0 0 18px;border-bottom:1px solid rgba(234,216,176,.10);color:rgba(234,216,176,.88);line-height:1.72}.hidden{display:none!important}.signature{margin:32px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--gold);font-weight:900;letter-spacing:.08em}
.release-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.tshirt-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:54px}.release-card,.product-card{background:rgba(0,0,0,.42);border:1px solid rgba(216,155,43,.25);border-radius:18px;overflow:hidden;transition:.2s}.release-card:hover,.product-card:hover{transform:translateY(-4px);border-color:rgba(216,155,43,.75)}.cover-wrap{aspect-ratio:1/1;background:#000;overflow:hidden}.cover-wrap img{width:100%;height:100%;object-fit:cover}.tee-preview{aspect-ratio:1.25/1;background:#020202;display:grid;place-items:center;padding:42px}.tee-preview:before{content:"";position:absolute}.tee-preview img{max-width:70%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}
.release-meta{padding:20px}.release-year{margin:0 0 10px;color:var(--orange);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.release-card h3,.product-card h3{font-family:Anton,Impact,sans-serif;font-size:clamp(22px,2.4vw,32px);letter-spacing:.05em}.album-title{margin:10px 0;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:900}.styles{color:var(--cream2);line-height:1.5}.price{color:var(--gold);font-weight:900;font-size:22px}.buy-btn{width:100%;margin-top:4px}.shop-category{margin-top:38px;color:var(--gold)}
.contact-page{text-align:center}.mail{display:inline-block;margin-top:24px;color:var(--gold);font-size:clamp(22px,3vw,34px);font-weight:900}
.cart-items{margin-top:28px}.cart-item{display:grid;grid-template-columns:92px 1fr auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item img{width:92px;height:92px;object-fit:cover;border-radius:12px}.cart-item h3{font-size:18px;font-family:Inter,sans-serif;line-height:1.25}.cart-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qty-btn,.remove-btn{background:rgba(255,255,255,.05);color:var(--cream)}.remove-btn{color:var(--gold)}.cart-total{margin-top:28px;text-align:right;font-size:28px}.cart-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:24px}.cart-note{color:var(--cream2);text-align:right}.empty-cart{color:var(--cream2)}
.site-footer{width:min(1180px,calc(100% - 36px));margin:0 auto 32px;color:rgba(234,216,176,.62);text-transform:uppercase;font-size:12px;letter-spacing:.16em}
@media(max-width:920px){.site-header{position:absolute;flex-wrap:wrap;justify-content:center}.logo-mini img{width:112px}.nav{order:3;width:100%;justify-content:center;gap:14px;flex-wrap:wrap}main{padding-top:178px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.label-text{grid-template-columns:1fr}}
@media(max-width:640px){.hero-card:before{display:none}.release-grid,.product-grid,.tshirt-grid{grid-template-columns:1fr}.page-panel,.hero-card{padding:28px 18px}.cart-item{grid-template-columns:70px 1fr}.cart-controls{grid-column:1/-1}.cart-actions{justify-content:stretch;flex-direction:column}.cart-total,.cart-note{text-align:left}}


/* V4 corrections */
.site-header{
  min-height:82px;
  padding-top:10px;
  padding-bottom:10px;
}
.logo-mini img{width:118px}

.home-hero{
  min-height:calc(100vh - 120px);
  align-items:center;
}
.home-hero .hero-card{
  padding:clamp(24px,4.5vw,50px);
}
.home-hero .big-square{
  width:min(330px,54vw);
  margin-bottom:20px;
}
.home-hero h1{
  font-size:clamp(42px,6.5vw,84px);
}
.home-hero .kicker{
  margin-bottom:12px;
}
.home-hero .hero-actions{
  margin-top:24px;
}

.release-grid{
  align-items:stretch;
}
.release-card,
.product-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.cover-wrap{
  aspect-ratio:1/1;
  background:#050403;
  display:grid;
  place-items:center;
  padding:0;
}
.cover-wrap img{
  width:100%;
  height:100%;
  object-fit:contain !important;
}
.release-meta{
  display:flex;
  flex-direction:column;
  flex:1;
}
.release-card h3,
.product-card h3{
  line-height:1.02;
  min-height:2.08em;
}
.album-title{
  min-height:1.25em;
}
.styles{
  min-height:2.8em;
}
.buy-btn{
  margin-top:auto;
}
.release-year{
  min-height:1.1em;
}

.label-text{
  display:block !important;
  max-width:920px;
}
.label-text p{
  margin:0 0 28px !important;
  padding:0 0 24px !important;
  border-bottom:1px solid rgba(234,216,176,.12);
  font-size:17px;
  line-height:1.82;
}

@media(max-width:920px){
  .site-header{position:absolute}
  .home-hero{min-height:auto}
}
@media(max-width:640px){
  .home-hero .big-square{width:min(270px,72vw)}
  .home-hero h1{font-size:44px}
}


/* V5 footer/legal/label corrections */
.label-page .label-text{
  max-width:900px;
  margin-top:34px;
}
.label-page .label-text p{
  display:block;
  margin:0 0 30px !important;
  padding:0 0 26px !important;
  border-bottom:1px solid rgba(234,216,176,.12);
}

.site-footer{
  display:flex !important;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto 32px;
  padding:24px 0 0;
  border-top:1px solid rgba(234,216,176,.18);
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
  color:rgba(234,216,176,.74);
  text-transform:none;
  font-size:13px;
  letter-spacing:.04em;
}
.footer-contact{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.footer-contact strong{
  color:var(--cream);
  text-transform:uppercase;
  letter-spacing:.14em;
}
.footer-contact a,
.footer-links a{
  color:var(--gold);
}
.footer-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.12em;
  font-size:11px;
}
.footer-copy{
  color:rgba(234,216,176,.55);
}
.legal-page h1{
  margin-bottom:34px;
}
.legal-page h2{
  font-family:Inter,system-ui,Arial,sans-serif;
  font-size:22px;
  line-height:1.2;
  color:var(--gold);
  margin:34px 0 12px;
  letter-spacing:.04em;
}
.legal-page p{
  max-width:880px;
  line-height:1.75;
  color:rgba(234,216,176,.86);
}
.legal-note{
  color:var(--cream2) !important;
}

@media(max-width:700px){
  .site-footer{
    flex-direction:column;
    text-align:left;
  }
}


/* V6 corrections */
.site-header{
  min-height:72px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.logo-mini img{width:104px !important}
.nav{gap:20px !important}

main{
  padding-top:92px !important;
  padding-bottom:28px !important;
}
.home-hero{
  min-height:calc(100vh - 158px) !important;
  align-items:start !important;
}
.home-hero .hero-card{
  padding:clamp(18px,3.4vw,38px) !important;
}
.home-hero .big-square{
  width:min(270px,42vw) !important;
  margin-bottom:14px !important;
}
.home-hero h1{
  font-size:clamp(38px,5.3vw,68px) !important;
}
.home-hero .hero-actions{
  margin-top:18px !important;
}
.home-hero .kicker{
  margin-bottom:8px !important;
}

.label-page .label-text{
  display:block !important;
  max-width:980px;
  margin:0 auto;
}
.label-chapter{
  padding:28px 0 30px;
  border-bottom:1px solid rgba(234,216,176,.16);
}
.label-chapter:first-child{padding-top:0}
.label-chapter:last-child{border-bottom:0;padding-bottom:0}
.label-chapter h2{
  font-family:"Playfair Display", Georgia, serif !important;
  color:var(--cream);
  font-size:clamp(28px,4.5vw,52px) !important;
  line-height:1.02;
  letter-spacing:.04em;
  margin:0 0 12px !important;
}
.chapter-subtitle{
  color:var(--gold) !important;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.16em;
  margin:0 0 18px !important;
  padding:0 !important;
  border-bottom:0 !important;
}
.chapter-copy{
  max-width:880px;
}
.label-chapter p{
  margin:0 0 16px !important;
  padding:0 !important;
  border-bottom:0 !important;
  font-size:17px;
  line-height:1.78;
}

.tee-preview{
  background:#050403;
  padding:0 !important;
}
.tee-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  max-width:100% !important;
  filter:none !important;
}
.product-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0 14px;
}
.product-options label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--cream2);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}
.product-options select{
  width:100%;
  border:1px solid rgba(234,216,176,.28);
  background:rgba(0,0,0,.42);
  color:var(--cream);
  border-radius:10px;
  padding:10px;
  font-weight:800;
}
.site-footer{
  display:flex !important;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto 18px !important;
  padding:14px 0 0 !important;
  border-top:1px solid rgba(234,216,176,.18);
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  color:rgba(234,216,176,.74);
  text-transform:none;
  font-size:12px !important;
  letter-spacing:.03em !important;
}
.footer-contact{display:flex;flex-direction:column;gap:4px}
.footer-contact strong{color:var(--cream);text-transform:uppercase;letter-spacing:.12em}
.footer-contact a,.footer-links a{color:var(--gold)}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;text-transform:uppercase;font-weight:900;letter-spacing:.1em;font-size:10px}
.footer-copy{color:rgba(234,216,176,.55)}
.legal-page h1{margin-bottom:34px}
.legal-page h2{font-family:Inter,system-ui,Arial,sans-serif;font-size:22px;line-height:1.2;color:var(--gold);margin:34px 0 12px;letter-spacing:.04em}
.legal-page p{max-width:880px;line-height:1.75;color:rgba(234,216,176,.86)}

@media(max-width:920px){
  main{padding-top:160px !important}
  .home-hero{min-height:auto !important}
}
@media(max-width:700px){
  .site-footer{flex-direction:column;text-align:left}
  .product-options{grid-template-columns:1fr}
}


/* V7 tshirt updates */
.tee-preview{padding:0!important;background:#020202!important;aspect-ratio:4/3!important;overflow:hidden}.tee-preview img{max-width:100%!important;width:100%;height:100%;object-fit:contain!important;display:block}.product-options label span{display:block}
.home-hero{min-height:calc(100vh - 190px)!important}.home-hero .hero-card{padding:clamp(14px,3vw,30px)!important}.home-hero .big-square{width:min(235px,38vw)!important}.site-footer{margin:0 auto 10px!important;padding-top:10px!important}.footer-links{gap:10px!important}


/* V8 language switch fix for LABEL page */
.label-page [data-lang-content].hidden,
[data-lang-content].hidden{
  display:none !important;
}

.label-page [data-lang-content]:not(.hidden){
  display:block !important;
}


/* V9 SOUL & CODE rebrand */
.logo-mini img{
  object-fit:contain;
}
.hero-logo{
  object-fit:contain;
}
.tee-preview{
  padding:0!important;
  background:#020202!important;
  aspect-ratio:4/3!important;
  overflow:hidden;
}
.tee-preview img{
  max-width:100%!important;
  width:100%;
  height:100%;
  object-fit:contain!important;
  display:block;
}


/* V10 logo update */
.logo-mini img{
  width: 126px !important;
  height: auto !important;
}

.hero-logo.big-square{
  width: min(270px, 44vw) !important;
  height: auto !important;
}


/* V16 LABEL layout: one block per chapter */
.label-chapter{
  background:rgba(0,0,0,.24);
  border:1px solid rgba(216,155,43,.18);
  border-radius:18px;
  padding:34px 38px !important;
  margin:0 0 28px !important;
}

.label-chapter h2{
  margin:0 0 22px !important;
}

.label-chapter .chapter-subtitle{
  margin:0 0 22px !important;
}

.label-chapter .chapter-copy p{
  border-bottom:0 !important;
  padding:0 !important;
  margin:0 0 18px !important;
}

.label-chapter .chapter-copy p:last-child{
  margin-bottom:0 !important;
}

.label-page .label-text{
  gap:0 !important;
}

@media(max-width:700px){
  .label-chapter{
    padding:26px 22px !important;
  }
}


/* V17 cart count badge */
.cart-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.cart-count{
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--gold);
  color:#160f08;
  font-size:11px;
  font-weight:900;
  line-height:18px;
  align-items:center;
  justify-content:center;
  letter-spacing:0;
}


.listen-page{padding-bottom:28px}.listen-intro{max-width:820px;margin:0 auto 22px;text-align:center}.listen-frame-wrap{background:rgba(0,0,0,.28);border:1px solid rgba(216,155,43,.22);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.28)}.listen-frame-wrap iframe{display:block;width:100%;min-height:860px;border:0;background:#000}.listen-actions{justify-content:center;margin-top:22px}@media(max-width:800px){.listen-frame-wrap iframe{min-height:780px}}


/* V19 premium LISTEN page */
.premium-listen-page{
  position:relative;
  overflow:hidden;
}

.premium-listen-page:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 12%, rgba(216,155,43,.14), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(195,91,24,.13), transparent 34%);
  pointer-events:none;
}

.listen-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:34px;
  align-items:center;
  margin-bottom:34px;
}

.listen-copy{
  position:relative;
  z-index:2;
}

.listen-copy h1{
  margin:8px 0 16px;
  font-size:clamp(42px,7vw,92px);
  line-height:.92;
}

.listen-lead{
  max-width:760px;
  font-size:clamp(15px,1.7vw,19px);
  line-height:1.75;
  color:rgba(234,216,176,.86);
  margin:0;
}

.listen-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.listen-badges span{
  border:1px solid rgba(216,155,43,.34);
  background:rgba(0,0,0,.34);
  border-radius:999px;
  padding:9px 13px;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}

.listen-cover-stack{
  position:relative;
  min-height:320px;
}

.listen-cover-stack img{
  position:absolute;
  width:48%;
  aspect-ratio:1/1;
  object-fit:cover;
  border:1px solid rgba(216,155,43,.36);
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  border-radius:16px;
}

.listen-cover-stack img:nth-child(1){
  right:4%;
  top:0;
  width:60%;
  z-index:3;
}

.listen-cover-stack img:nth-child(2){
  left:0;
  top:72px;
  transform:rotate(-6deg);
  z-index:2;
  opacity:.92;
}

.listen-cover-stack img:nth-child(3){
  right:0;
  bottom:0;
  transform:rotate(5deg);
  z-index:1;
  opacity:.78;
}

.player-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(216,155,43,.32);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(13,10,7,.88), rgba(0,0,0,.52));
  box-shadow:0 28px 90px rgba(0,0,0,.48);
  overflow:hidden;
}

.player-topbar{
  display:flex;
  align-items:center;
  gap:11px;
  padding:15px 20px;
  border-bottom:1px solid rgba(216,155,43,.20);
  color:rgba(234,216,176,.76);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:900;
}

.player-topbar strong{
  margin-left:auto;
  color:var(--gold);
  letter-spacing:.12em;
}

.player-light{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#cf5b18;
  box-shadow:0 0 18px rgba(207,91,24,.9);
}

.listen-frame-wrap.premium-frame{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#000;
}

.listen-frame-wrap.premium-frame iframe{
  min-height:760px;
}

@media(max-width:980px){
  .listen-hero{
    grid-template-columns:1fr;
  }
  .listen-cover-stack{
    display:none;
  }
}

@media(max-width:700px){
  .listen-frame-wrap.premium-frame iframe{
    min-height:720px;
  }
  .player-topbar{
    flex-wrap:wrap;
  }
  .player-topbar strong{
    margin-left:0;
    width:100%;
  }
}


/* V20 header logo enlargement */
.site-header .logo-mini img{
  width: 165px !important;
  max-height: 92px !important;
  object-fit: contain !important;
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width: 145px !important;
    max-height: 82px !important;
  }
}


/* V21 stronger header logo enlargement */
.site-header{min-height:96px !important;padding-top:10px !important;padding-bottom:10px !important;gap:26px !important;}
.site-header .logo-mini{display:flex;align-items:center;flex:0 0 auto;}
.site-header .logo-mini img{width:220px !important;max-width:none !important;max-height:120px !important;height:auto !important;object-fit:contain !important;}
.nav{gap:22px !important;}
main{padding-top:118px !important;}
@media(max-width:920px){.site-header{min-height:88px !important;padding-top:8px !important;padding-bottom:8px !important;}.site-header .logo-mini img{width:180px !important;max-height:96px !important;}main{padding-top:170px !important;}}
@media(max-width:640px){.site-header .logo-mini img{width:160px !important;max-height:88px !important;}}


/* V22 header logo enlargement */
.site-header{min-height:104px !important;padding-top:10px !important;padding-bottom:10px !important;gap:28px !important;}
.site-header .logo-mini{display:flex;align-items:center;flex:0 0 auto;}
.site-header .logo-mini img{width:260px !important;max-width:none !important;max-height:132px !important;height:auto !important;object-fit:contain !important;}
.nav{gap:20px !important;}
main{padding-top:126px !important;}
@media(max-width:920px){.site-header{min-height:92px !important;padding-top:8px !important;padding-bottom:8px !important;}.site-header .logo-mini img{width:205px !important;max-height:106px !important;}main{padding-top:176px !important;}}
@media(max-width:640px){.site-header .logo-mini img{width:172px !important;max-height:90px !important;}}


/* V24: keep the V22 header look, but prevent overlap while scrolling */
.site-header{
  position:absolute !important;
}


/* V25: homepage fits in one viewport */
body:has(.home-hero){
  min-height:100vh !important;
  overflow-y:hidden !important;
}

body:has(.home-hero) main{
  padding-top:104px !important;
  padding-bottom:8px !important;
}

body:has(.home-hero) .home-hero{
  min-height:calc(100vh - 190px) !important;
  display:grid !important;
  place-items:center !important;
}

body:has(.home-hero) .hero-card{
  padding:clamp(14px,2.6vw,28px) !important;
  max-height:calc(100vh - 210px) !important;
}

body:has(.home-hero) .hero-logo.big-square{
  width:min(220px,32vw) !important;
  margin-bottom:10px !important;
}

body:has(.home-hero) .kicker{
  margin-bottom:7px !important;
  font-size:11px !important;
}

body:has(.home-hero) h1{
  font-size:clamp(34px,4.8vw,58px) !important;
}

body:has(.home-hero) .hero-actions{
  margin-top:14px !important;
}

body:has(.home-hero) .btn{
  padding:11px 15px !important;
}

body:has(.home-hero) .site-footer{
  margin-bottom:8px !important;
  padding-top:8px !important;
  font-size:11px !important;
}

@media(max-width:920px){
  body:has(.home-hero){
    overflow-y:auto !important;
  }
}


/* V26: larger homepage hero block while keeping one-screen layout */
body:has(.home-hero) main{
  padding-top:98px !important;
  padding-bottom:6px !important;
}

body:has(.home-hero) .home-hero{
  min-height:calc(100vh - 176px) !important;
}

body:has(.home-hero) .hero-card{
  width:min(1320px, 100%) !important;
  max-height:calc(100vh - 188px) !important;
  padding:clamp(18px, 3vw, 34px) !important;
}

body:has(.home-hero) .hero-logo.big-square{
  width:min(275px, 40vw) !important;
  margin-bottom:12px !important;
}

body:has(.home-hero) .kicker{
  margin-bottom:10px !important;
  font-size:12px !important;
  letter-spacing:.22em !important;
}

body:has(.home-hero) h1{
  font-size:clamp(48px, 6vw, 82px) !important;
  line-height:.96 !important;
  margin-bottom:8px !important;
}

body:has(.home-hero) .hero-actions{
  margin-top:16px !important;
  gap:14px !important;
}

body:has(.home-hero) .btn{
  padding:12px 18px !important;
  font-size:15px !important;
}

body:has(.home-hero) .site-footer{
  margin:0 auto 8px !important;
  padding-top:6px !important;
}

@media (max-width: 920px){
  body:has(.home-hero){
    overflow-y:auto !important;
  }
}


/* V27: mobile navigation fix */
@media(max-width:700px){
  .site-header{
    align-items:center !important;
    gap:10px !important;
  }

  .site-header .nav{
    order:3 !important;
    width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding:0 4px 8px !important;
    scrollbar-width:none !important;
  }

  .site-header .nav::-webkit-scrollbar{
    display:none !important;
  }

  .site-header .nav a{
    flex:0 0 auto !important;
    font-size:11px !important;
    letter-spacing:.11em !important;
    white-space:nowrap !important;
  }

  .site-header .cart-link{
    padding:8px 11px !important;
  }

  body:not(:has(.home-hero)) main{
    padding-top:150px !important;
  }
}


/* V28: mobile homepage block alignment */
@media(max-width:700px){
  body:has(.home-hero) main{
    padding-top:118px !important;
  }

  body:has(.home-hero) .home-hero{
    min-height:auto !important;
    align-items:start !important;
    place-items:start center !important;
  }

  body:has(.home-hero) .hero-card{
    margin-top:0 !important;
  }
}

@media(max-width:430px){
  body:has(.home-hero) main{
    padding-top:108px !important;
  }
}


/* V29: mobile homepage spacing correction */
@media(max-width:700px){
  body:has(.home-hero) main{
    padding-top:154px !important;
  }

  body:has(.home-hero) .hero-card{
    margin-top:0 !important;
  }
}

@media(max-width:430px){
  body:has(.home-hero) main{
    padding-top:148px !important;
  }
}


/* V30: artists page, news block, coming soon badges */
.home-news-inline{margin-top:22px;padding-top:18px;border-top:1px solid rgba(216,155,43,.22);text-align:left}
.news-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.news-title-row h2{margin:0;font-size:18px;letter-spacing:.08em;text-transform:uppercase}
.news-note{color:rgba(234,216,176,.65);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.news-scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.news-scroll-row::-webkit-scrollbar{height:8px}
.news-scroll-row::-webkit-scrollbar-thumb{background:rgba(216,155,43,.35);border-radius:999px}
.news-mini-card{min-width:min(560px,100%);display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid rgba(216,155,43,.22);border-radius:18px;background:rgba(0,0,0,.32)}
.news-mini-card img{width:118px;height:118px;object-fit:cover;border-radius:12px;border:1px solid rgba(216,155,43,.22)}
.news-mini-copy h3{margin:0 0 6px;font-size:28px;line-height:.95}
.news-sub{margin:0 0 4px;color:var(--gold);font-weight:700}
.news-meta{margin:0;color:rgba(234,216,176,.78)}
.soon-pill,.coming-soon-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(207,91,24,.18);border:1px solid rgba(207,91,24,.55);color:#ffb36e;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.release-status{margin:10px 0 12px}
.buy-btn.disabled{opacity:.72;cursor:not-allowed;background:rgba(216,155,43,.12);border:1px solid rgba(216,155,43,.28);color:var(--gold)}
.artists-page .artists-intro{margin-bottom:28px}
.artists-list{display:grid;gap:26px}
.artist-card{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:28px;align-items:start;padding:20px;border:1px solid rgba(216,155,43,.22);border-radius:22px;background:rgba(0,0,0,.32)}
.artist-photo img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid rgba(216,155,43,.18)}
.artist-bio h2{margin:0 0 14px;font-size:clamp(28px,3vw,44px)}
.artist-bio p{margin:0 0 14px;color:rgba(234,216,176,.9);line-height:1.65}
.artist-bio em{color:var(--gold)}
@media(max-width:920px){.artist-card{grid-template-columns:1fr}.artist-photo{max-width:340px}.news-mini-card{min-width:100%}}
@media(max-width:700px){.home-news-inline{margin-top:16px;padding-top:14px}.news-title-row{align-items:flex-start;flex-direction:column;gap:6px}.news-mini-card{grid-template-columns:92px 1fr;gap:12px;padding:12px}.news-mini-card img{width:92px;height:92px}.news-mini-copy h3{font-size:22px}.artist-card{padding:16px}.artist-bio h2{font-size:30px}}


/* V31 adjustments */
.home-news-panel{margin-top:18px;padding:22px 24px 26px;text-align:left}
.news-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.large-news-row{overflow-x:auto;padding-bottom:8px}
.news-feature-card{min-width:min(920px,100%);display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:22px;align-items:center;padding:18px;border:1px solid rgba(216,155,43,.22);border-radius:22px;background:rgba(0,0,0,.28)}
.news-feature-card img{width:100%;max-width:320px;aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:1px solid rgba(216,155,43,.22);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.news-feature-copy h3{margin:10px 0 6px;font-size:clamp(42px,6vw,86px);line-height:.92}
.news-feature-copy .news-sub{font-size:24px;margin:0 0 8px;color:var(--gold);font-weight:700}
.news-feature-copy .news-meta{font-size:16px;margin:0;color:rgba(234,216,176,.82)}
@media (max-width: 900px){
  .news-feature-card{grid-template-columns:1fr;min-width:100%}
  .news-feature-card img{max-width:100%}
  .news-feature-copy h3{font-size:clamp(34px,10vw,58px)}
}
@media (max-width: 700px){
  .home-news-panel{padding:18px 16px 20px}
  .news-panel-header{flex-direction:column;align-items:flex-start;gap:6px}
  .news-feature-card{padding:14px;gap:16px}
  .news-feature-copy .news-sub{font-size:20px}
}


/* V32: homepage news + scroll correction */
body:has(.home-hero){
  overflow-y:auto !important;
}

body:has(.home-hero) .home-hero{
  min-height:auto !important;
  margin-bottom:10px !important;
}

.home-news-panel{
  margin-top:6px !important;
}

/* garder le bloc principal propre mais laisser la news accessible au scroll */
body:has(.home-hero) main{
  padding-bottom:28px !important;
}

@media(max-width:700px){
  body:has(.home-hero) .home-hero{
    margin-bottom:8px !important;
  }

  .home-news-panel{
    margin-top:4px !important;
  }
}


/* V34: accueil légèrement descendu sous les onglets */
body:has(.home-hero) .hero-card{
  margin-top: 16px !important;
}

@media(max-width:700px){
  body:has(.home-hero) .hero-card{
    margin-top: 12px !important;
  }
}


/* V35: accueil restauré sans News du label */
body:has(.home-hero) .hero-card{
  margin-top:0 !important;
}

.home-news-panel,
.home-news-inline{
  display:none !important;
}

/* V36: descend le bloc d'accueil pour éviter qu'il empiète sur les onglets */
body:has(.home-hero) .hero-card{
  margin-top:28px !important;
}

@media(max-width:700px){
  body:has(.home-hero) .hero-card{
    margin-top:22px !important;
  }
}


/* V37: recadrage propre de l'accueil, inspiré de la mise en page stable */
@media(min-width:701px){
  body:has(.home-hero){
    min-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    overflow-y:auto !important;
  }

  body:has(.home-hero) main{
    flex:1 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:150px 18px 24px !important;
  }

  body:has(.home-hero) .home-hero{
    width:100% !important;
    min-height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  body:has(.home-hero) .hero-card{
    margin:0 auto !important;
    width:min(1320px, calc(100vw - 92px)) !important;
    max-height:none !important;
    padding:clamp(24px,3.2vw,46px) !important;
  }

  body:has(.home-hero) .hero-logo.big-square{
    width:min(285px,28vw) !important;
    margin-bottom:14px !important;
  }

  body:has(.home-hero) h1{
    font-size:clamp(52px,5.8vw,86px) !important;
    line-height:.96 !important;
  }

  body:has(.home-hero) .site-footer{
    flex-shrink:0 !important;
    margin-top:auto !important;
    margin-bottom:28px !important;
  }
}

/* garde le comportement mobile précédent, sans forcer le footer en milieu d'écran */
@media(max-width:700px){
  body:has(.home-hero) main{
    padding-top:154px !important;
  }

  body:has(.home-hero) .hero-card{
    margin-top:0 !important;
  }
}


/* V38: logo haut gauche légèrement plus gros */
.site-header .logo-mini img{
  width:290px !important;
  max-height:145px !important;
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width:220px !important;
    max-height:112px !important;
  }
}

@media(max-width:640px){
  .site-header .logo-mini img{
    width:185px !important;
    max-height:96px !important;
  }
}


/* V39: logo mobile plus gros + suppression phrase intro artistes EN */
@media(max-width:640px){
  .site-header .logo-mini img{
    width:210px !important;
    max-height:108px !important;
  }
}

@media(max-width:430px){
  .site-header .logo-mini img{
    width:200px !important;
    max-height:104px !important;
  }
}


/* V40: LISTEN affiche directement le player */
.listen-page.premium-listen-page{
  padding-top:clamp(24px,4vw,44px) !important;
}

.listen-page .player-shell{
  margin-top:0 !important;
}

@media(max-width:700px){
  .listen-page.premium-listen-page{
    padding-top:22px !important;
  }
}


/* V41: suppression onglet Accueil + recadrage header/contenu */
@media(min-width:921px){
  .site-header{
    position:absolute !important;
    min-height:122px !important;
    padding:16px clamp(28px,5vw,76px) 10px !important;
    display:grid !important;
    grid-template-columns:300px 1fr 150px !important;
    align-items:start !important;
    gap:20px !important;
  }

  .site-header .logo-mini{
    justify-self:start !important;
    align-self:start !important;
  }

  .site-header .logo-mini img{
    width:290px !important;
    max-height:142px !important;
  }

  .site-header .nav{
    justify-self:center !important;
    align-self:start !important;
    margin-top:42px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:24px !important;
    flex-wrap:nowrap !important;
  }

  .site-header .language-switcher{
    justify-self:end !important;
    align-self:start !important;
    margin-top:38px !important;
  }

  body:has(.home-hero) main{
    padding-top:168px !important;
    padding-bottom:28px !important;
  }

  body:has(.home-hero) .home-hero{
    min-height:calc(100vh - 250px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body:has(.home-hero) .hero-card{
    margin:0 auto !important;
    width:min(1320px, calc(100vw - 110px)) !important;
  }
}

/* Tablette : garder le menu lisible et éviter qu'il mange le bloc */
@media(max-width:920px){
  .site-header .nav a[data-i18n="nav.home"]{
    display:none !important;
  }
}

/* Téléphone : logo un peu plus présent, menu sur une ligne scrollable */
@media(max-width:640px){
  .site-header .logo-mini img{
    width:210px !important;
    max-height:108px !important;
  }
}


/* V42: suppression barre En lecture / SOUL & CODE Music */
.player-topbar{
  display:none !important;
}

.player-shell{
  overflow:hidden !important;
}

.listen-frame-wrap.premium-frame iframe{
  display:block !important;
}


/* V43: alignement header + respiration mobile */
@media(min-width:921px){
  .site-header .nav{
    transform:translateX(-82px) !important;
  }

  .site-header .language-switcher{
    transform:translateX(-12px) !important;
  }
}

/* Mobile : blocs moins collés aux onglets */
@media(max-width:700px){
  body:not(:has(.home-hero)) main{
    padding-top:172px !important;
  }

  body:has(.home-hero) main{
    padding-top:168px !important;
  }
}

/* Mobile : faire tenir les onglets FR sur une ligne */
@media(max-width:700px){
  .site-header .nav{
    justify-content:center !important;
    gap:7px !important;
    overflow-x:hidden !important;
    padding:0 2px 10px !important;
  }

  .site-header .nav a{
    font-size:10px !important;
    letter-spacing:.055em !important;
  }

  .site-header .cart-link{
    padding:7px 8px !important;
  }
}

@media(max-width:430px){
  .site-header .nav{
    gap:6px !important;
  }

  .site-header .nav a{
    font-size:9.5px !important;
    letter-spacing:.045em !important;
  }

  .site-header .cart-link{
    padding:7px 7px !important;
  }
}


/* V45: logo haut gauche plus gros + shop tee-shirt black par défaut */
@media(min-width:921px){
  .site-header .logo-mini img{
    width:330px !important;
    max-height:168px !important;
  }
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width:245px !important;
    max-height:126px !important;
  }
}

@media(max-width:640px){
  .site-header .logo-mini img{
    width:225px !important;
    max-height:116px !important;
  }
}


/* V46: PHILLIP RAWLS mis de côté + logo haut gauche beaucoup plus gros */
@media(min-width:921px){
  .site-header .logo-mini img{
    width:390px !important;
    max-height:200px !important;
  }

  .site-header{
    grid-template-columns:390px 1fr 150px !important;
  }
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width:275px !important;
    max-height:142px !important;
  }
}

@media(max-width:640px){
  .site-header .logo-mini img{
    width:245px !important;
    max-height:126px !important;
  }
}


/* V47: logo plus gros/poussé à gauche + albums 2 par ligne */
@media(min-width:921px){
  .site-header{
    padding-left:clamp(8px,1.2vw,22px) !important;
    grid-template-columns:460px 1fr 150px !important;
  }

  .site-header .logo-mini{
    margin-left:-28px !important;
  }

  .site-header .logo-mini img{
    width:460px !important;
    max-height:235px !important;
  }

  .site-header .nav{
    transform:translateX(-36px) !important;
  }
}

/* RELEASES : 2 albums par ligne */
.releases-page .release-grid,
body:has(.page-panel:not(.shop-page)) .release-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* SHOP : albums 2 par ligne, mais tee-shirt inchangé */
.shop-page > .release-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width:300px !important;
    max-height:154px !important;
  }

  .release-grid,
  .shop-page > .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  .site-header .logo-mini{
    margin-left:-12px !important;
  }

  .site-header .logo-mini img{
    width:260px !important;
    max-height:134px !important;
  }

  .release-grid,
  .shop-page > .release-grid{
    grid-template-columns:1fr !important;
  }
}


/* V48: accueil - cadre un peu moins large pour ne pas passer sous le logo */
@media(min-width:921px){
  body:has(.home-hero) .hero-card{
    width:min(1040px, calc(100% - 180px)) !important;
    max-width:1040px !important;
  }
}

@media(min-width:1300px){
  body:has(.home-hero) .hero-card{
    width:min(1080px, calc(100% - 210px)) !important;
    max-width:1080px !important;
  }
}


/* V50: remonte un peu les titres d'albums + accentue la lisibilité du logo */
.release-card .release-meta{
  padding-top: 4px !important;
}

.release-card h3{
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.02 !important;
}

.release-card .album-title{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.release-card .styles{
  margin-top: 0 !important;
}

/* Logo header : plus lisible sur le fond, sans changer l'image source */
.site-header .logo-mini img{
  filter: contrast(1.2) brightness(1.08) saturate(1.05)
          drop-shadow(0 0 1px rgba(0,0,0,.55))
          drop-shadow(0 4px 14px rgba(0,0,0,.32)) !important;
}


/* V51: remet les noms d'artistes comme avant et remonte seulement les titres jaunes */
.release-card .release-meta{
  padding-top: 20px !important;
}

.release-card h3{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  line-height: 1.02 !important;
}

.release-card .album-title{
  margin-top: -4px !important;
  margin-bottom: 10px !important;
}

.release-card .styles{
  margin-top: 0 !important;
}


/* V52: remonte légèrement la ligne au-dessus du titre sur l'accueil */
body:has(.home-hero) .hero-card .kicker{
  margin-top: -6px !important;
  margin-bottom: 18px !important;
}

@media(max-width:700px){
  body:has(.home-hero) .hero-card .kicker{
    margin-top: -4px !important;
    margin-bottom: 16px !important;
  }
}


/* V53: liens sociaux footer */
.footer-social{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.footer-social a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:10px;
  opacity:.9;
}

.footer-social a:hover{
  opacity:1;
  color:var(--cream);
}

.social-icon{
  width:20px;
  height:20px;
  border:1px solid rgba(216,155,43,.45);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  background:rgba(0,0,0,.32);
  font-size:11px;
  line-height:1;
  font-family:Inter,system-ui,Arial,sans-serif;
}

.social-icon.fb{
  font-weight:900;
  font-size:13px;
}

.social-icon.yt{
  font-size:10px;
  padding-left:1px;
}

.social-icon.ig{
  font-size:14px;
}

@media(max-width:700px){
  .footer-social{
    gap:10px;
  }

  .footer-social a{
    font-size:9.5px;
  }
}


/* V55: SHOP caché du menu, streaming buttons, accueil plus aéré */

/* Accueil : respirer entre les trois niveaux */
body:has(.home-hero) .hero-card{
  padding-top:clamp(48px,5.2vw,74px) !important;
  padding-bottom:clamp(48px,5.2vw,74px) !important;
}

body:has(.home-hero) .hero-card .kicker{
  margin-top:0 !important;
  margin-bottom:clamp(24px,2.6vw,34px) !important;
  letter-spacing:.18em !important;
}

body:has(.home-hero) .hero-card h1{
  line-height:1.08 !important;
  margin-top:0 !important;
  margin-bottom:clamp(30px,3vw,42px) !important;
  font-size:clamp(58px,5.4vw,82px) !important;
}

body:has(.home-hero) .hero-actions{
  margin-top:0 !important;
  gap:18px !important;
}

/* Boutons streaming dans RELEASES */
.stream-btn{
  width:100%;
  margin-top:10px;
  min-height:46px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.12em;
  font-weight:900;
  transition:.18s ease;
}

.stream-btn svg{
  width:20px;
  height:20px;
  display:block;
}

.stream-btn.spotify{
  color:#071407;
  background:linear-gradient(135deg,#1DB954,#71e58e);
  border:1px solid rgba(29,185,84,.75);
}

.stream-btn.spotify svg circle{
  fill:#071407;
}

.stream-btn.spotify svg path{
  fill:none;
  stroke:#71e58e;
  stroke-width:1.6;
  stroke-linecap:round;
}

.stream-btn.youtube{
  color:#160404;
  background:linear-gradient(135deg,#ff2a2a,#c51212);
  border:1px solid rgba(255,42,42,.75);
}

.stream-btn.youtube svg rect{
  fill:#160404;
}

.stream-btn.youtube svg path{
  fill:#ff5a5a;
}

.stream-btn:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

/* Mobile : accueil lisible sans effet collé */
@media(max-width:700px){
  body:has(.home-hero) .hero-card{
    padding-top:38px !important;
    padding-bottom:40px !important;
  }

  body:has(.home-hero) .hero-card .kicker{
    margin-bottom:20px !important;
  }

  body:has(.home-hero) .hero-card h1{
    font-size:clamp(42px,12vw,60px) !important;
    line-height:1.05 !important;
    margin-bottom:28px !important;
  }

  .stream-btn{
    font-size:10px;
    min-height:44px;
  }
}


/* V58 hero / mail / ASHA cover adjustments */
.home-hero{
  min-height:calc(100vh - 158px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.home-hero .hero-card{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:min(68vh, 620px);
  padding:clamp(28px,4.2vw,54px) !important;
}
.home-hero .hero-content{
  width:100%;
  max-width:1020px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  transform:translateY(-18px);
}
.home-hero .hero-logo{
  margin:0 auto 4px !important;
}
.home-hero .kicker{
  margin:0 !important;
}
.home-hero h1{
  margin:0 !important;
  line-height:.92;
}
.home-hero .hero-actions{
  margin-top:10px !important;
}
@media(max-width:920px){
  .home-hero{
    min-height:auto !important;
  }
  .home-hero .hero-card{
    min-height:auto;
  }
}
@media(max-width:640px){
  .home-hero .hero-card{
    padding:26px 18px 34px !important;
  }
  .home-hero .hero-content{
    gap:10px;
    transform:translateY(-12px);
  }
}

/* V59: recentrage plus net de la ligne d’onglets par rapport au cadre de contenu */
@media(min-width:921px){
  .site-header .nav{
    transform:translateX(-118px) !important;
    justify-content:center !important;
  }

  .site-header .language-switcher{
    transform:translateX(-22px) !important;
  }
}


/* V61: arrière-plan éclairci — suppression du voile sombre trop fort */
body{
  background:linear-gradient(rgba(8,7,5,.10),rgba(8,7,5,.22)),url("../assets/background-70s.png") center/cover fixed no-repeat !important;
}


/* V62: mobile header/nav moved slightly higher away from the content frame */
@media(max-width:700px){
  .site-header{
    padding-bottom:14px !important;
  }

  .site-header .nav{
    padding-bottom:16px !important;
    margin-bottom:2px !important;
  }

  body:has(.home-hero) main{
    padding-top:188px !important;
  }

  body:not(:has(.home-hero)) main{
    padding-top:190px !important;
  }
}

@media(max-width:430px){
  body:has(.home-hero) main{
    padding-top:194px !important;
  }

  body:not(:has(.home-hero)) main{
    padding-top:196px !important;
  }
}


/* V63: new simplified logo, PATRICIA rename, brighter footer items, background filter restored */
body{
  background:linear-gradient(rgba(8,7,5,.18),rgba(8,7,5,.32)),url("../assets/background-70s.png") center/cover fixed no-repeat !important;
  background-blend-mode:normal !important;
}

.site-header .logo-mini img,
.home-hero .hero-logo{
  filter:contrast(1.06) brightness(1.02) saturate(1.02)
         drop-shadow(0 1px 1px rgba(0,0,0,.45))
         drop-shadow(0 8px 18px rgba(0,0,0,.28)) !important;
}

.footer-contact,
.footer-contact a,
.footer-links a,
.footer-social a{
  color:#f3d487 !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.72), 0 0 10px rgba(0,0,0,.18);
}

.footer-links a,
.footer-social a{
  font-weight:900 !important;
}

.footer-contact a:hover,
.footer-links a:hover,
.footer-social a:hover{
  color:#fff1ca !important;
}

.footer-social{
  gap:14px !important;
}

.footer-social a{
  gap:7px !important;
}

.social-icon{
  width:24px !important;
  height:24px !important;
  border:1px solid rgba(243,212,135,.72) !important;
  background:rgba(0,0,0,.56) !important;
  color:#f3d487 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}

.footer-links{
  gap:16px !important;
}

@media(max-width:700px){
  .footer-social a,
  .footer-links a,
  .footer-contact a{
    color:#f4d991 !important;
  }

  .social-icon{
    width:22px !important;
    height:22px !important;
  }
}


/* V65: revert V64 logo background idea, enlarge top-left logo, stronger background filter */
body{
  background:linear-gradient(rgba(8,7,5,.24),rgba(8,7,5,.44)),url("../assets/background-70s.png") center/cover fixed no-repeat !important;
  background-blend-mode:normal !important;
}

.site-header .logo-mini{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}

.site-header .logo-mini img,
.home-hero .hero-logo{
  filter:contrast(1.06) brightness(1.02) saturate(1.02)
         drop-shadow(0 1px 1px rgba(0,0,0,.45))
         drop-shadow(0 8px 18px rgba(0,0,0,.28)) !important;
}

.site-header .logo-mini img{
  width:300px !important;
  max-width:none !important;
  max-height:150px !important;
  height:auto !important;
  object-fit:contain !important;
}

.site-header{
  min-height:108px !important;
}

main{
  padding-top:132px !important;
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width:228px !important;
    max-height:118px !important;
  }
  .site-header{
    min-height:96px !important;
  }
}

@media(max-width:700px){
  .site-header .logo-mini img{
    width:190px !important;
    max-height:102px !important;
  }
}

@media(max-width:430px){
  .site-header .logo-mini img{
    width:180px !important;
    max-height:96px !important;
  }
}


/* V66: bigger top-left logo + updated ASHA RAIN cover */
.site-header .logo-mini img{
  width:352px !important;
  max-width:none !important;
  max-height:176px !important;
  height:auto !important;
  object-fit:contain !important;
}

.site-header{
  min-height:118px !important;
}

main{
  padding-top:140px !important;
}

@media(max-width:920px){
  .site-header .logo-mini img{
    width:252px !important;
    max-height:132px !important;
  }
  .site-header{
    min-height:100px !important;
  }
}

@media(max-width:700px){
  .site-header .logo-mini img{
    width:208px !important;
    max-height:110px !important;
  }
}

@media(max-width:430px){
  .site-header .logo-mini img{
    width:194px !important;
    max-height:104px !important;
  }
}


/* V67: stronger background filter, much larger logo, hide LISTEN nav, coming soon badges */
body{
  background:linear-gradient(rgba(3,3,3,.44),rgba(3,3,3,.66)),url("../assets/background-70s.png") center/cover fixed no-repeat !important;
}

.site-header{
  min-height:122px !important;
  padding:12px clamp(14px,4vw,58px) !important;
  gap:28px !important;
  background:linear-gradient(to bottom,rgba(0,0,0,.97),rgba(0,0,0,.74),rgba(0,0,0,.12)) !important;
}

.site-header .logo-mini{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  margin-left:-8px !important;
}

.site-header .logo-mini img{
  width:360px !important;
  max-width:none !important;
  max-height:188px !important;
  height:auto !important;
  object-fit:contain !important;
}

.nav a[data-i18n="nav.listen"]{
  display:none !important;
}

main{
  padding-top:160px !important;
}

.hero-card,
.page-panel{
  background:rgba(8,7,5,.88) !important;
}

.release-status{
  margin:10px 0 14px !important;
}

@media(max-width:920px){
  .site-header{
    min-height:108px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .site-header .logo-mini img{
    width:280px !important;
    max-height:146px !important;
  }
  main{
    padding-top:168px !important;
  }
}

@media(max-width:700px){
  .site-header{
    min-height:98px !important;
    gap:18px !important;
  }
  .site-header .logo-mini{
    margin-left:-2px !important;
  }
  .site-header .logo-mini img{
    width:228px !important;
    max-height:122px !important;
  }
  .nav{
    gap:16px !important;
  }
  main{
    padding-top:170px !important;
  }
}

@media(max-width:430px){
  .site-header .logo-mini img{
    width:214px !important;
    max-height:114px !important;
  }
  .nav{
    gap:14px !important;
    font-size:11px !important;
  }
  main{
    padding-top:172px !important;
  }
}


/* V68: better alignment of COMING SOON blocks on mobile releases */
@media(max-width:700px){
  .releases-page .release-grid{
    align-items:start !important;
  }

  .releases-page .release-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }

  .releases-page .release-card .release-meta{
    display:flex !important;
    flex-direction:column !important;
  }

  .releases-page .release-card h3{
    min-height:2.2em !important;
    margin-bottom:10px !important;
  }

  .releases-page .release-card .album-title{
    min-height:3.1em !important;
    margin-bottom:10px !important;
  }

  .releases-page .release-card .styles{
    min-height:3.1em !important;
    margin-bottom:0 !important;
  }

  .releases-page .release-card .release-status{
    min-height:48px !important;
    display:flex !important;
    align-items:flex-start !important;
    margin:12px 0 14px !important;
  }
}


/* V69: genres corrigés + mention formats audio numériques */
.audio-format{
  margin:8px 0 14px;
  color:rgba(234,216,176,.82);
  font-size:11px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media(max-width:700px){
  .audio-format{
    min-height:34px;
    font-size:10px;
    margin:8px 0 12px;
  }

  .releases-page .release-card .release-status{
    margin-top:10px !important;
  }
}


/* V72: champ email client + envoi Brevo avant PayPal */
.checkout-email-block{
  margin:26px 0 0;
  padding:18px;
  border:1px solid rgba(216,155,43,.28);
  border-radius:18px;
  background:rgba(0,0,0,.28);
}

.checkout-email-block label{
  display:block;
  margin-bottom:10px;
  color:var(--gold);
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.1em;
  font-size:12px;
}

.checkout-email-block input{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(234,216,176,.34);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:var(--cream);
  padding:14px 16px;
  font-size:15px;
  outline:none;
}

.checkout-email-block input:focus{
  border-color:rgba(216,155,43,.75);
  box-shadow:0 0 0 3px rgba(216,155,43,.12);
}

.checkout-email-block p{
  margin:10px 0 0;
  color:rgba(234,216,176,.68);
  font-size:12px;
  line-height:1.45;
}

@media(max-width:700px){
  .checkout-email-block{
    padding:14px;
  }
}


/* V73: envoi Brevo fiabilisé via formulaire caché dans le panier */
.checkout-email-block{
  position:relative;
}


/* V74: petit bloc newsletter Brevo */
.footer-newsletter{
  width:100%;
  margin:18px auto 18px;
  padding:16px;
  border:1px solid rgba(216,155,43,.28);
  border-radius:20px;
  background:rgba(0,0,0,.34);
  display:grid;
  grid-template-columns:1fr minmax(280px,420px);
  gap:16px;
  align-items:center;
  box-sizing:border-box;
}

.footer-newsletter-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  text-align:left;
}

.footer-newsletter-copy strong{
  color:var(--gold);
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.footer-newsletter-copy span{
  color:rgba(234,216,176,.76);
  font-size:12px;
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:none;
}

.newsletter-form{
  display:flex;
  gap:10px;
  align-items:center;
}

.newsletter-form input[type="email"]{
  width:100%;
  min-width:0;
  border:1px solid rgba(234,216,176,.34);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:var(--cream);
  padding:12px 14px;
  font-size:14px;
  outline:none;
  box-sizing:border-box;
}

.newsletter-form input[type="email"]::placeholder{
  color:rgba(234,216,176,.55);
}

.newsletter-form input[type="email"]:focus{
  border-color:rgba(216,155,43,.75);
  box-shadow:0 0 0 3px rgba(216,155,43,.12);
}

.newsletter-form button{
  border:0;
  border-radius:999px;
  padding:12px 15px;
  background:linear-gradient(135deg,var(--orange),var(--gold));
  color:#140b04;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.1em;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}

.newsletter-status{
  grid-column:1/-1;
  min-height:16px;
  margin:0;
  color:#f3d487;
  font-size:11px;
  letter-spacing:.08em;
  text-align:left;
  text-transform:none;
}

@media(max-width:760px){
  .footer-newsletter{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:16px;
  }

  .newsletter-form{
    flex-direction:column;
    align-items:stretch;
  }

  .newsletter-form button{
    width:100%;
  }
}


/* V76: correction newsletter - masquer définitivement le champ anti-spam Brevo */
.input--hidden,
input[name="email_address_check"]{
  display:none !important;
  visibility:hidden !important;
  position:absolute !important;
  left:-9999px !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}