/* Subnautica2.fr — Accueil V2 finition stricte modèle */
body.s2-scroll-bg{background:#02111b!important;}
body.s2-scroll-bg .ocean-bg{position:absolute!important;inset:0!important;min-height:100%!important;height:100%!important;}
body.s2-scroll-bg .ocean-bg:before{opacity:.14!important;background-position:center top!important;background-size:cover!important;filter:saturate(1.05) contrast(1.04)!important;}
body.s2-scroll-bg .ocean-bg:after{background:linear-gradient(180deg,rgba(2,13,22,.06),rgba(2,13,22,.64) 52%,rgba(2,13,22,.94))!important;}
.s2-home-revamp{position:relative;z-index:2;padding:0 0 54px;color:#f4feff;}
.s2hr-container{width:min(1680px,94vw);margin:0 auto;}
.s2hr-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:9px 17px;border-radius:999px;border:1px solid rgba(96,237,255,.34);background:rgba(0,34,52,.38);color:#dffcff;font-weight:950;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.s2hr-hero-wrap{position:relative;isolation:isolate;overflow:hidden;min-height:640px;padding:76px 0 68px;border-bottom:1px solid rgba(93,233,255,.12);}
.s2hr-hero-wrap:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/hero-subnautica2.png') center 42%/cover no-repeat;filter:saturate(1.08) contrast(1.04) brightness(.88);transform:scale(1.01);}
.s2hr-hero-wrap:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,10,18,.90) 0%,rgba(1,14,23,.62) 42%,rgba(1,14,23,.20) 72%,rgba(1,10,18,.82) 100%),linear-gradient(180deg,rgba(1,12,20,.06),rgba(1,12,20,.82) 100%);}
.s2hr-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,500px);gap:clamp(34px,6vw,92px);align-items:center;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.s2hr-hero-copy{min-height:490px;display:flex;flex-direction:column;justify-content:center;max-width:940px;}
.s2hr-hero-copy h1{margin:18px 0 18px;font-size:clamp(3.3rem,4.8vw,5.55rem);line-height:.95;letter-spacing:-.045em;font-weight:1000;color:#fff;text-shadow:0 12px 42px rgba(0,0,0,.54);}
.s2hr-hero-copy h1 span{color:#dff9ff;}
.s2hr-hero-copy p{max-width:760px;margin:0;color:#e4f9ff;font-size:clamp(1.08rem,1.22vw,1.28rem);line-height:1.62;text-shadow:0 4px 20px rgba(0,0,0,.34);}
.s2hr-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.s2hr-actions .btn{min-height:56px;padding:0 26px;border-radius:15px;font-size:.94rem;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,170,255,.18),inset 0 1px 0 rgba(255,255,255,.18);}
.s2hr-actions .btn.secondary{background:rgba(1,18,30,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.s2hr-start-panel,.s2hr-panel,.s2hr-feature-bar,.s2hr-quick-card,.s2hr-content-card,.s2hr-wiki-card{background:linear-gradient(180deg,rgba(4,39,60,.70),rgba(2,18,31,.88));border:1px solid rgba(93,233,255,.18);border-radius:28px;box-shadow:0 22px 46px rgba(0,8,18,.23),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);}
.s2hr-start-panel{padding:28px 26px;align-self:center;}
.s2hr-start-panel h2,.s2hr-panel h2{margin:0 0 20px;font-size:clamp(1.55rem,2vw,2.15rem);line-height:1.06;color:#fff;font-weight:950;letter-spacing:-.025em;}
.s2hr-start-item{display:grid;grid-template-columns:62px 1fr;gap:17px;align-items:center;padding:17px;border-radius:20px;border:1px solid rgba(90,231,255,.13);background:rgba(5,36,56,.44);margin-bottom:15px;transition:.18s transform,.18s border-color,.18s background;}
.s2hr-start-item:hover,.s2hr-category-row:hover,.s2hr-topic-row:hover,.s2hr-quick-card:hover,.s2hr-content-card:hover{transform:translateY(-2px);border-color:rgba(111,245,255,.40);background:rgba(10,55,82,.68);color:#fff;}
.s2hr-start-item:last-child{margin-bottom:0;}
.s2hr-start-item img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(35,230,255,.24));}
.s2hr-start-item strong,.s2hr-category-main strong,.s2hr-topic-main strong,.s2hr-quick-card strong,.s2hr-content-body h3{display:block;color:#fff;font-weight:900;}
.s2hr-start-item small,.s2hr-category-main p,.s2hr-topic-main small,.s2hr-quick-card p,.s2hr-content-body p,.s2hr-wiki-card p{color:#d0eaf0;line-height:1.45;}
.s2hr-feature-bar{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 10px;margin-top:-34px;}
.s2hr-feature-bar a{display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:center;padding:20px 18px;min-height:102px;}
.s2hr-feature-bar a+a{border-left:1px solid rgba(92,230,255,.12);}
.s2hr-feature-bar img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(35,230,255,.22));}
.s2hr-feature-bar strong{display:block;color:#aef8ff;font-size:1.04rem;}
.s2hr-feature-bar small{color:#bddce5;}
.s2hr-section{padding-top:42px;}
.s2hr-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px;}
.s2hr-section-head h2{margin:0;font-size:clamp(2rem,3vw,3.1rem);line-height:1;color:#fff;font-weight:950;letter-spacing:-.035em;}
.s2hr-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.s2hr-quick-card{display:flex;flex-direction:column;align-items:flex-start;padding:25px 26px;min-height:255px;}
.s2hr-quick-card img{width:58px;height:58px;object-fit:contain;margin-bottom:22px;}
.s2hr-quick-card strong{font-size:1.1rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.02em;}
.s2hr-quick-card p{font-size:.98rem;line-height:1.56;margin:0 0 auto;}
.s2hr-quick-card span{display:inline-flex;align-items:center;margin-top:22px;color:#fff;font-weight:850;font-size:.98rem;}
.s2hr-forum-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr);gap:22px;padding-top:24px;}
.s2hr-panel{padding:25px 27px;}
.s2hr-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.s2hr-panel-head a{color:#8ff6ff;font-weight:900;font-size:.96rem;}
.s2hr-category-list,.s2hr-topic-list{display:flex;flex-direction:column;gap:14px;}
.s2hr-category-row,.s2hr-topic-row{display:grid;border:1px solid rgba(90,230,255,.13);border-radius:22px;background:rgba(7,39,60,.46);transition:.18s transform,.18s border-color,.18s background;}
.s2hr-category-row{grid-template-columns:78px 1fr auto;gap:18px;padding:17px 18px;align-items:center;}
.s2hr-category-icon{width:60px;height:60px;border-radius:18px;background:rgba(0,0,0,.12);display:grid;place-items:center;}
.s2hr-category-icon img{width:50px;height:50px;object-fit:contain;}
.s2hr-category-main strong{font-size:1.18rem;margin-bottom:5px;}
.s2hr-category-main p{margin:0;font-size:.96rem;}
.s2hr-category-side{text-align:right;display:flex;flex-direction:column;gap:9px;align-items:flex-end;}
.s2hr-category-side span,.s2hr-topic-stats span,.s2hr-content-body i{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;background:rgba(30,211,255,.10);border:1px solid rgba(90,230,255,.15);color:#b8f8ff;font-style:normal;font-size:.8rem;font-weight:800;}
.s2hr-category-side em{font-style:normal;color:#fff;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;}
.s2hr-topic-row{grid-template-columns:60px 1fr auto;gap:13px;padding:15px 16px;align-items:center;}
.s2hr-topic-avatar>.avatar,.s2hr-mini-avatar>.avatar{width:48px;height:48px;}
.s2hr-topic-main strong{font-size:1.02rem;line-height:1.28;margin-bottom:4px;}
.s2hr-topic-main small{font-size:.9rem;}
.s2hr-topic-stats{display:flex;flex-direction:column;align-items:flex-end;gap:7px;}
.s2hr-wiki-card{display:grid;grid-template-columns:68px 1fr;gap:16px;padding:19px 20px;margin-top:17px;align-items:start;}
.s2hr-wiki-card img{width:54px;height:54px;object-fit:contain;}
.s2hr-wiki-card strong{display:block;margin-bottom:7px;font-size:1.08rem;color:#fff;}
.s2hr-wiki-card a{display:inline-flex;margin-top:9px;color:#94f8ff;font-weight:900;}
.s2hr-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:24px;}
.s2hr-card-grid{display:grid;gap:17px}.s2hr-card-grid-3{grid-template-columns:repeat(3,1fr)}.s2hr-card-grid-2{grid-template-columns:repeat(2,1fr)}
.s2hr-content-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%;cursor:pointer;}
.s2hr-thumb{position:relative;aspect-ratio:16/9;background:center/cover no-repeat;border-bottom:1px solid rgba(93,233,255,.16);}
.s2hr-video-card .s2hr-thumb b{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.55);}
.s2hr-content-body{display:flex;flex-direction:column;gap:9px;padding:17px;}
.s2hr-content-body span{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(31,212,255,.12);border:1px solid rgba(90,230,255,.16);color:#99fbff;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;}
.s2hr-content-body h3{margin:0;font-size:1.08rem;line-height:1.3;}
.s2hr-content-body p{margin:0;font-size:.94rem;}
.s2hr-content-body small{color:#c4e6ee;font-size:.9rem;}
@media (max-width: 1320px){.s2hr-feature-bar,.s2hr-quick-grid,.s2hr-card-grid-3{grid-template-columns:repeat(2,1fr)}.s2hr-forum-grid,.s2hr-media-grid,.s2hr-hero-grid{grid-template-columns:1fr}.s2hr-hero-copy{min-height:430px}.s2hr-start-panel{max-width:none}.s2hr-feature-bar{margin-top:0}}
@media (max-width: 840px){.s2hr-container{width:min(100% - 24px,1680px)}.s2hr-hero-wrap{min-height:auto;padding:48px 0}.s2hr-panel,.s2hr-start-panel{padding:22px}.s2hr-hero-copy{min-height:auto}.s2hr-hero-copy h1{font-size:clamp(2.65rem,13vw,4.2rem)}.s2hr-hero-copy p{font-size:1.02rem}.s2hr-feature-bar,.s2hr-quick-grid,.s2hr-card-grid-2,.s2hr-card-grid-3{grid-template-columns:1fr}.s2hr-feature-bar a+a{border-left:0;border-top:1px solid rgba(92,230,255,.12)}.s2hr-category-row,.s2hr-topic-row{grid-template-columns:1fr}.s2hr-category-side,.s2hr-topic-stats{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap}.s2hr-section-head{display:block}.s2hr-section-head h2{font-size:2.05rem;margin-top:12px}.s2hr-wiki-card{grid-template-columns:1fr}.s2hr-actions{display:grid}.s2hr-actions .btn{width:100%}}


/* ======================================================================
   V3 finition stricte modèles — accueil
   ====================================================================== */
.s2-home-revamp{padding-top:24px!important}
.s2hr-container{width:min(1660px,calc(100% - 64px))!important}
.s2hr-hero-grid{position:relative!important;isolation:isolate!important;overflow:hidden!important;grid-template-columns:minmax(0,1.45fr) minmax(350px,.72fr)!important;min-height:590px!important;padding:42px 48px!important;background:transparent!important;border-color:rgba(108,238,255,.20)!important;border-radius:34px!important;box-shadow:0 26px 56px rgba(0,7,18,.26)!important}
.s2hr-hero-grid:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/hero-subnautica2.png') center 42%/cover no-repeat;filter:saturate(1.08) contrast(1.04) brightness(.88);transform:scale(1.01)}
.s2hr-hero-grid:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,10,18,.84),rgba(1,16,27,.42) 50%,rgba(1,10,18,.74)),linear-gradient(180deg,rgba(1,12,20,.04),rgba(1,12,20,.80))}
.s2hr-hero-copy{min-height:auto!important;justify-content:center!important}
.s2hr-hero-copy h1{font-size:clamp(3.6rem,5.25vw,6.3rem)!important;line-height:.95!important;max-width:980px!important;text-shadow:0 12px 42px rgba(0,0,0,.55)!important}
.s2hr-hero-copy p{max-width:760px!important;font-size:clamp(1.05rem,1.22vw,1.26rem)!important}
.s2hr-start-panel{background:rgba(2,24,38,.72)!important;border-color:rgba(98,235,255,.18)!important;box-shadow:0 18px 42px rgba(0,8,18,.28)!important;padding:28px!important;align-self:center!important}
.s2hr-start-panel h2{font-size:clamp(1.45rem,1.9vw,2.05rem)!important;margin-bottom:18px!important}
.s2hr-start-item{grid-template-columns:60px 1fr!important;min-height:92px!important;padding:16px!important;margin-bottom:14px!important;background:rgba(1,20,34,.46)!important}
.s2hr-start-item img{width:48px!important;height:48px!important}
.s2hr-start-item strong{font-size:1rem!important;margin-bottom:4px!important}
.s2hr-start-item small{font-size:.93rem!important}
.s2hr-feature-bar{margin-top:20px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(4,36,57,.62),rgba(2,19,32,.80))!important}
.s2hr-feature-bar a{min-height:96px!important;padding:18px!important}
.s2hr-section{padding-top:24px!important}
.s2hr-section-head h2{font-size:clamp(2rem,2.7vw,2.8rem)!important;text-align:right!important}
.s2hr-quick-grid{gap:18px!important}
.s2hr-quick-card{min-height:232px!important;padding:24px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(5,49,72,.68),rgba(2,20,34,.86))!important}
.s2hr-quick-card img{width:54px!important;height:54px!important;margin-bottom:20px!important}
.s2hr-quick-card strong{font-size:1.04rem!important}
.s2hr-forum-grid,.s2hr-media-grid{align-items:start!important;gap:22px!important}
.s2hr-panel{padding:24px 26px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(4,36,57,.66),rgba(2,19,32,.86))!important}
.s2hr-panel-head h2{font-size:clamp(1.55rem,2vw,2.1rem)!important}
.s2hr-category-row{grid-template-columns:72px minmax(0,1fr) auto!important;min-height:100px!important;padding:16px 18px!important;border-radius:22px!important}
.s2hr-category-icon{width:58px!important;height:58px!important;border-radius:18px!important}
.s2hr-category-icon img{width:48px!important;height:48px!important}
.s2hr-category-main strong{font-size:1.12rem!important}
.s2hr-category-main p{font-size:.95rem!important;line-height:1.42!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s2hr-category-side span{font-size:.78rem!important;padding:5px 10px!important}
.s2hr-topic-row{grid-template-columns:58px minmax(0,1fr) auto!important;min-height:90px!important;padding:14px 16px!important;border-radius:22px!important}
.s2hr-topic-avatar>.avatar{width:48px!important;height:48px!important}
.s2hr-topic-main strong{font-size:1rem!important;line-height:1.24!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s2hr-topic-main small{font-size:.88rem!important;line-height:1.35!important}
.s2hr-topic-stats{gap:6px!important}.s2hr-topic-stats span{font-size:.76rem!important;padding:5px 9px!important}
.s2hr-wiki-card{padding:18px!important;border-radius:22px!important}
.s2hr-media-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;padding-bottom:30px!important}
.s2hr-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.s2hr-card-grid-2{grid-template-columns:repeat(2,minmax(220px,330px))!important;justify-content:start!important;gap:16px!important}
.s2hr-content-card{border-radius:22px!important;background:linear-gradient(180deg,rgba(5,37,57,.56),rgba(2,18,30,.86))!important}
.s2hr-thumb{aspect-ratio:16/9!important;min-height:0!important}
.s2hr-content-body{padding:16px!important;gap:9px!important}
.s2hr-content-body h3{font-size:1.05rem!important;line-height:1.26!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.s2hr-content-body p{font-size:.93rem!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.s2hr-content-body span{padding:6px 10px!important;font-size:.72rem!important}.s2hr-content-body i{font-size:.78rem!important;padding:5px 10px!important}
@media (max-width:1320px){.s2hr-container{width:min(100% - 44px,1660px)!important}.s2hr-hero-grid{grid-template-columns:1fr!important;min-height:0!important}.s2hr-start-panel{align-self:start!important}.s2hr-media-grid{grid-template-columns:1fr!important}.s2hr-card-grid-2{grid-template-columns:repeat(2,minmax(220px,330px))!important}.s2hr-section-head h2{text-align:left!important}}
@media (max-width:840px){.s2hr-container{width:min(100% - 24px,1660px)!important}.s2hr-hero-grid{padding:28px 22px!important;border-radius:26px!important}.s2hr-hero-copy h1{font-size:clamp(2.65rem,13vw,4.1rem)!important}.s2hr-actions .btn{width:100%!important}.s2hr-card-grid-2{grid-template-columns:1fr!important}.s2hr-category-row,.s2hr-topic-row{grid-template-columns:1fr!important}.s2hr-category-side,.s2hr-topic-stats{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important}}


/* ==========================================================================
   V4 finition — accueil : corrige le haut + équilibre les blocs
   ========================================================================== */
.s2-home-revamp{
  padding-top:0!important;
  margin-top:0!important;
}

.s2hr-hero-wrap{
  display:flex!important;
  align-items:center!important;
  min-height:590px!important;
  padding:44px 0 50px!important;
  margin:0!important;
  border-top:0!important;
}

.s2hr-hero-wrap:before{
  background-position:center 38%!important;
  filter:saturate(1.08) contrast(1.05) brightness(.92)!important;
}

.s2hr-hero-wrap:after{
  background:
    linear-gradient(90deg,rgba(1,10,18,.88) 0%,rgba(1,14,23,.56) 43%,rgba(1,14,23,.18) 68%,rgba(1,10,18,.78) 100%),
    linear-gradient(180deg,rgba(1,12,20,.02),rgba(1,12,20,.76) 100%)!important;
}

.s2hr-hero-grid{
  width:min(1680px,94vw)!important;
  grid-template-columns:minmax(0,1.28fr) minmax(360px,470px)!important;
  gap:clamp(28px,5vw,74px)!important;
  align-items:center!important;
}

.s2hr-hero-copy{
  min-height:430px!important;
  justify-content:center!important;
}

.s2hr-hero-copy h1{
  font-size:clamp(3.05rem,4.55vw,5.15rem)!important;
  max-width:920px!important;
  margin:16px 0!important;
}

.s2hr-hero-copy p{
  max-width:730px!important;
  font-size:clamp(1.04rem,1.15vw,1.18rem)!important;
}

.s2hr-start-panel{
  border-radius:26px!important;
  padding:26px!important;
  align-self:center!important;
}

.s2hr-start-panel h2{
  font-size:1.82rem!important;
  margin-bottom:18px!important;
}

.s2hr-start-item{
  grid-template-columns:58px 1fr!important;
  gap:15px!important;
  padding:15px!important;
  margin-bottom:13px!important;
  border-radius:20px!important;
}

.s2hr-start-item img{
  width:46px!important;
  height:46px!important;
}

.s2hr-start-item strong{
  font-size:1rem!important;
}

.s2hr-start-item small{
  font-size:.9rem!important;
  line-height:1.42!important;
}

.s2hr-feature-bar{
  margin-top:20px!important;
  overflow:hidden!important;
}

.s2hr-section{
  padding-top:28px!important;
}

.s2hr-section-head{
  margin-bottom:18px!important;
}

.s2hr-section-head h2{
  font-size:clamp(2.05rem,3vw,3.05rem)!important;
  text-align:right!important;
}

.s2hr-quick-card{
  min-height:235px!important;
  padding:24px!important;
}

.s2hr-quick-card img{
  width:54px!important;
  height:54px!important;
  margin-bottom:20px!important;
}

.s2hr-forum-grid,
.s2hr-media-grid{
  align-items:start!important;
}

.s2hr-panel{
  height:auto!important;
  align-self:start!important;
}

.s2hr-card-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.s2hr-card-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.s2hr-content-card{
  height:auto!important;
  min-height:0!important;
}

.s2hr-content-body{
  min-height:0!important;
}

.s2hr-content-body h3{
  -webkit-line-clamp:2!important;
}

.s2hr-content-body p{
  -webkit-line-clamp:3!important;
}

.s2hr-video-card .s2hr-content-body{
  min-height:150px!important;
}

.s2hr-category-row{
  min-height:96px!important;
}

.s2hr-topic-row{
  min-height:84px!important;
}

/* neutralise les vieux blocs qui pouvaient remonter visuellement au-dessus du hero */
.s2-home-revamp > .s2hr-feature-bar:first-child,
.s2-home-revamp > .s2hr-section:first-child{
  margin-top:0!important;
}

@media (max-width:1320px){
  .s2hr-hero-wrap{
    min-height:auto!important;
    padding:38px 0 44px!important;
  }
  .s2hr-hero-grid{
    grid-template-columns:1fr!important;
  }
  .s2hr-hero-copy{
    min-height:auto!important;
  }
  .s2hr-start-panel{
    align-self:start!important;
  }
  .s2hr-section-head h2{
    text-align:left!important;
  }
}

@media (max-width:840px){
  .s2hr-hero-wrap{
    padding:28px 0 34px!important;
  }
  .s2hr-hero-grid{
    width:min(100% - 24px,1680px)!important;
  }
  .s2hr-hero-copy h1{
    font-size:clamp(2.45rem,12vw,3.8rem)!important;
  }
  .s2hr-feature-bar{
    margin-top:14px!important;
  }
  .s2hr-quick-card{
    min-height:0!important;
  }
}


/* ==========================================================================
   V7 accueil — correction image hero / bande sombre cassée
   ========================================================================== */

/* Sur l'accueil on évite le double fond global + fond hero qui créait une bande sombre. */
body:has(.s2-home-revamp){
  background:#02111b!important;
}

body:has(.s2-home-revamp) .ocean-bg{
  display:none!important;
}

/* Le hero possède maintenant un seul fond propre, pleine largeur, sans décalage. */
.s2hr-hero-wrap{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  min-height:610px!important;
  padding:46px 0 54px!important;
  margin:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(93,233,255,.12)!important;
  background:#031825!important;
}

.s2hr-hero-wrap:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  display:block!important;
  background-image:url('../img/hero-subnautica2.png')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.05) brightness(.94)!important;
  transform:none!important;
}

.s2hr-hero-wrap:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  display:block!important;
  background:
    linear-gradient(90deg, rgba(1,10,18,.88) 0%, rgba(1,14,23,.56) 42%, rgba(1,14,23,.22) 68%, rgba(1,10,18,.78) 100%),
    linear-gradient(180deg, rgba(1,12,20,.04) 0%, rgba(1,12,20,.22) 46%, rgba(1,12,20,.82) 100%)!important;
}

.s2hr-hero-grid{
  position:relative!important;
  z-index:2!important;
  width:min(1680px,94vw)!important;
  margin:0 auto!important;
}

.s2hr-hero-copy{
  min-height:430px!important;
}

/* Le contenu suivant ne doit plus remonter sur le hero ni créer de coupure bizarre. */
.s2hr-feature-bar{
  position:relative!important;
  z-index:3!important;
  margin-top:22px!important;
}

@media (max-width:1320px){
  .s2hr-hero-wrap{
    min-height:auto!important;
    padding:38px 0 44px!important;
  }
}

@media (max-width:840px){
  .s2hr-hero-wrap{
    padding:30px 0 36px!important;
  }
}


/* ==========================================================================
   V8 accueil — supprime le double hero (bande en haut de l'image)
   ========================================================================== */

/* Le vrai fond hero est porté par .s2hr-hero-wrap uniquement.
   On neutralise l'ancien fond du .s2hr-hero-grid qui créait un second bloc
   visible au-dessus de l'image (bande / rectangle parasite). */
.s2hr-hero-grid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  min-height:0!important;
  padding:0!important;
}

.s2hr-hero-grid:before,
.s2hr-hero-grid:after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* On garde juste l'espacement interne sans recréer une carte visuelle. */
.s2hr-hero-copy,
.s2hr-start-panel{
  position:relative!important;
  z-index:2!important;
}

.s2hr-hero-copy{
  padding:16px 0!important;
}

.s2hr-start-panel{
  margin:18px 0!important;
}

@media (max-width:1320px){
  .s2hr-hero-grid{
    gap:28px!important;
  }
}

@media (max-width:840px){
  .s2hr-hero-copy{
    padding:10px 0!important;
  }
  .s2hr-start-panel{
    margin:0!important;
  }
}


/* V10 index — retrait carte wiki sous derniers sujets */
.s2hr-wiki-card{display:none!important}
.s2hr-topic-list{margin-bottom:0!important}


/* Phase bugs guide — carte épinglée accueil */
.s2hr-bug-pinned-card{border-color:rgba(255,120,120,.24)!important;background:radial-gradient(circle at 50% 0%,rgba(255,74,74,.14),transparent 34%),linear-gradient(180deg,rgba(5,49,72,.78),rgba(2,20,34,.90))!important}.s2hr-bug-thumb{display:grid!important;place-items:center!important;background:linear-gradient(180deg,rgba(80,18,28,.58),rgba(2,18,31,.96))!important}.s2hr-bug-thumb img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,80,80,.26))}.s2hr-bug-label{display:inline-flex!important;gap:7px!important;align-items:center!important;background:linear-gradient(135deg,rgba(255,72,72,.22),rgba(34,229,255,.11))!important;border-color:rgba(255,120,120,.28)!important;color:#ffdfe4!important}.s2hr-bug-label img{width:16px;height:16px;object-fit:contain}


/* Phase FAQ guide — carte épinglée accueil */
.s2hr-faq-pinned-card{border-color:rgba(94,235,255,.24)!important;background:linear-gradient(180deg,rgba(5,45,67,.72),rgba(2,18,31,.92))!important}
.s2hr-faq-thumb{display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 35%,rgba(34,229,255,.18),transparent 36%),linear-gradient(180deg,rgba(6,44,67,.96),rgba(2,18,31,.98))!important}
.s2hr-faq-thumb img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(34,229,255,.24))}
.s2hr-faq-label{gap:7px!important;background:rgba(34,229,255,.13)!important;border-color:rgba(94,235,255,.22)!important;color:#bafaff!important}
.s2hr-faq-label img{width:16px;height:16px;object-fit:contain}


/* ==========================================================================
   V22 direct — retire les backgrounds/voiles des heroes de cette page.
   Le seul wallpaper autorisé est le calque global .s2-wallpaper-v22.
   ========================================================================== */

/* Fonds de page/wrappers transparents */
.s2-home-revamp,
.s2-forum-revamp,
.s2-forum-page,
.forum-page,
.topic-page,
.s2-guides-page,
.s2-guide-page,
.s2-guide-view-v5,
.s2-videos-page,
.s2v-page,
.s2v-index-page,
.s2-vocaux-page,
.s2-vocaux-bg,
.s2-intl-guides-bg,
.auth-page,
.auth-shell{
  background:transparent!important;
  background-image:none!important;
}

/* Heroes / bandeaux : aucun background, aucune image, aucun gros voile */
.s2hr-hero-wrap,
.s2fr-hero,
.s2-guides-hero,
.s2g-hero,
.s2g-hero-main,
.s2v-hero,
.s2-videos-hero,
.s2-video-hero-compact,
.s2vocal-hero,
.vocaux-hero,
.s2intl-hero,
.s2intl-article-hero,
.article-hero,
.guide-hero,
.hero,
.forum-hero{
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-bottom:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Pseudos responsables du voile sombre/doublage */
.s2hr-hero-wrap:before,
.s2hr-hero-wrap:after,
.s2hr-hero-wrap::before,
.s2hr-hero-wrap::after,
.s2fr-hero:before,
.s2fr-hero:after,
.s2fr-hero::before,
.s2fr-hero::after,
.s2-guides-hero:before,
.s2-guides-hero:after,
.s2-guides-hero::before,
.s2-guides-hero::after,
.s2g-hero:before,
.s2g-hero:after,
.s2g-hero::before,
.s2g-hero::after,
.s2g-hero-main:before,
.s2g-hero-main:after,
.s2g-hero-main::before,
.s2g-hero-main::after,
.s2v-hero:before,
.s2v-hero:after,
.s2v-hero::before,
.s2v-hero::after,
.s2-videos-hero:before,
.s2-videos-hero:after,
.s2-videos-hero::before,
.s2-videos-hero::after,
.s2-video-hero-compact:before,
.s2-video-hero-compact:after,
.s2-video-hero-compact::before,
.s2-video-hero-compact::after,
.s2vocal-hero:before,
.s2vocal-hero:after,
.s2vocal-hero::before,
.s2vocal-hero::after,
.vocaux-hero:before,
.vocaux-hero:after,
.vocaux-hero::before,
.vocaux-hero::after,
.s2intl-hero:before,
.s2intl-hero:after,
.s2intl-hero::before,
.s2intl-hero::after,
.s2intl-article-hero:before,
.s2intl-article-hero:after,
.s2intl-article-hero::before,
.s2intl-article-hero::after,
.article-hero:before,
.article-hero:after,
.article-hero::before,
.article-hero::after,
.guide-hero:before,
.guide-hero:after,
.guide-hero::before,
.guide-hero::after,
.hero:before,
.hero:after,
.hero::before,
.hero::after,
.forum-hero:before,
.forum-hero:after,
.forum-hero::before,
.forum-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  filter:none!important;
}

/* Grilles internes : surtout pas de carte globale */
.s2hr-hero-grid,
.s2fr-hero,
.s2g-hero-grid,
.s2v-hero-grid,
.s2vocal-hero-grid,
.hero-grid,
.hero-inner{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Espacement plus propre */
.s2hr-hero-wrap,
.s2fr-hero,
.s2-guides-hero,
.s2v-hero,
.s2vocal-hero,
.vocaux-hero,
.forum-hero,
.hero{
  min-height:auto!important;
  padding-top:clamp(26px,4vw,54px)!important;
  padding-bottom:clamp(24px,3.5vw,48px)!important;
}

/* Voile discret uniquement derrière texte */
.s2hr-hero-copy,
.s2fr-hero-copy,
.s2g-hero-copy,
.s2v-hero-copy,
.s2vocal-hero-copy,
.vocaux-hero-content,
.s2g-hero-main,
.article-hero > div:first-child,
.s2intl-hero > div:first-child,
.s2intl-article-hero > div:first-child,
.hero-content,
.hero-copy,
.forum-hero > div:first-child{
  width:max-content!important;
  max-width:min(940px,100%)!important;
  padding:clamp(13px,1.45vw,20px) clamp(16px,2vw,28px)!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,rgba(0,10,18,.58),rgba(0,10,18,.34) 62%,rgba(0,10,18,.08))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}

/* Les cartes/panneaux restent lisibles */
.s2fr-panel,
.s2fr-value-strip,
.s2hr-start-panel,
.s2g-rubriques-card,
.s2g-panel,
.s2v-discover-card,
.s2v-panel,
.s2vocal-start-card,
.s2vocal-panel,
.s2vocal-live-panel,
.s2vocal-faq,
.s2vocal-final-cta,
.glass,
.card,
.panel,
.forum-card,
.topic-card,
.guide-card,
.video-card{
  background:
    radial-gradient(circle at 14% -18%,rgba(36,232,255,.075),transparent 34%),
    linear-gradient(180deg,rgba(4,40,56,.72),rgba(0,18,31,.84))!important;
  border-color:rgba(87,232,255,.18)!important;
}

@media(max-width:760px){
  .s2hr-hero-copy,
  .s2fr-hero-copy,
  .s2g-hero-copy,
  .s2v-hero-copy,
  .s2vocal-hero-copy,
  .vocaux-hero-content,
  .s2g-hero-main,
  .article-hero > div:first-child,
  .s2intl-hero > div:first-child,
  .s2intl-article-hero > div:first-child,
  .hero-content,
  .hero-copy,
  .forum-hero > div:first-child{
    width:100%!important;
    padding:14px 15px!important;
    border-radius:18px!important;
  }
}