/* ========================================================================== 
   Subnautica2.fr — Vidéos V1 propre
   ========================================================================== */
body.s2-videos-bg{background:#03131f!important}
body.s2-videos-bg .ocean-bg{position:absolute!important;inset:0!important;height:100%!important;min-height:100%!important;pointer-events:none!important}
body.s2-videos-bg .ocean-bg:before{background-position:center top!important;background-size:cover!important;opacity:.28!important;filter:saturate(1.08) contrast(1.04) brightness(.82)!important}
body.s2-videos-bg .ocean-bg:after{background:linear-gradient(180deg,rgba(2,12,20,.12),rgba(2,12,20,.72) 38%,rgba(2,12,20,.96))!important}

.s2-videos-page,.s2-video-submit-page,.s2v8-watch{position:relative;z-index:2;color:#eefcff}.s2-videos-page{padding:0 0 58px}.s2v-container{width:min(1640px,calc(100% - 64px));margin:0 auto}.s2v-kicker,.s2v-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;text-transform:uppercase;letter-spacing:.09em;font-weight:950}.s2v-kicker{padding:8px 15px;color:#b7fbff;background:rgba(42,227,255,.09);border:1px solid rgba(94,235,255,.24);font-size:.76rem}.s2v-badge{padding:6px 11px;color:#aafaff;background:rgba(42,227,255,.12);border:1px solid rgba(94,235,255,.18);font-size:.72rem}

.s2v-hero{position:relative;isolation:isolate;overflow:hidden;min-height:560px;display:flex;align-items:center;padding:48px 0 54px;border-bottom:1px solid rgba(94,235,255,.10);background:#031825}.s2v-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/hero-subnautica2.png') center center/cover no-repeat;filter:saturate(1.08) contrast(1.04) brightness(.92)}.s2v-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,10,18,.91),rgba(1,14,23,.56) 43%,rgba(1,14,23,.23) 68%,rgba(1,10,18,.82)),linear-gradient(180deg,rgba(1,12,20,.04),rgba(1,12,20,.80))}.s2v-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.72fr);gap:clamp(28px,5vw,76px);align-items:center}.s2v-hero-copy h1{margin:17px 0 16px;max-width:860px;color:#fff;font-size:clamp(3rem,5vw,5.6rem);line-height:.94;letter-spacing:-.045em;font-weight:1000;text-shadow:0 14px 44px rgba(0,0,0,.46)}.s2v-hero-copy h1 span{color:#27e4ff}.s2v-hero-copy p{max-width:760px;margin:0;color:#e0f7ff;font-size:clamp(1.03rem,1.18vw,1.2rem);line-height:1.6;text-shadow:0 4px 20px rgba(0,0,0,.34)}.s2v-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.s2v-actions .btn{min-height:54px;padding:0 26px;border-radius:15px;font-size:.94rem}.s2v-actions .btn.secondary{background:rgba(2,20,32,.58)}

.s2v-discover-card,.s2v-feature-strip,.s2v-panel,.s2v-featured,.s2v-card,.s2v-submit-strip,.s2v-submit-form,.s2v-submit-rules{background:linear-gradient(180deg,rgba(5,45,67,.72),rgba(2,18,31,.88));border:1px solid rgba(94,235,255,.18);box-shadow:0 22px 48px rgba(0,8,18,.23),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(15px)}.s2v-discover-card{border-radius:28px;padding:26px;align-self:center}.s2v-discover-card h2,.s2v-panel h2{margin:0 0 18px;color:#fff;font-size:1.72rem;line-height:1.08;letter-spacing:-.02em}.s2v-discover-card a{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;min-height:70px;padding:12px 14px;border:1px solid rgba(94,235,255,.14);border-radius:18px;background:rgba(3,29,46,.48);transition:.18s transform,.18s border-color,.18s background}.s2v-discover-card a+a{margin-top:12px}.s2v-discover-card a:hover{transform:translateY(-2px);border-color:rgba(120,245,255,.36);background:rgba(8,55,78,.66);color:#fff}.s2v-discover-card i{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(42,227,255,.10);border:1px solid rgba(94,235,255,.17);color:#35e9ff;font-style:normal}.s2v-discover-card strong{display:block;color:#fff;font-size:1rem}.s2v-discover-card small{color:#bcdbe4;font-size:.86rem}

.s2v-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;border-radius:26px;overflow:hidden}.s2v-feature-strip>div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;min-height:104px;padding:18px 22px}.s2v-feature-strip>div+div{border-left:1px solid rgba(94,235,255,.12)}.s2v-feature-strip i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(42,227,255,.08);border:1px solid rgba(94,235,255,.15);font-style:normal;color:#35e9ff}.s2v-feature-strip strong{display:block;color:#b8faff;font-size:1.05rem}.s2v-feature-strip small{color:#bfdde6}

.s2v-filters-wrap{padding-top:24px}.s2v-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(5,45,67,.62),rgba(2,18,31,.76));border:1px solid rgba(94,235,255,.14)}.s2v-filters a,.s2v-filters select,.s2v-filters input{min-height:42px;border-radius:14px;border:1px solid rgba(94,235,255,.18);background:rgba(2,20,32,.62);color:#eefdff;padding:0 15px;font-weight:850}.s2v-filters a{display:inline-flex;align-items:center}.s2v-filters a.is-active{background:linear-gradient(135deg,#22e8ff,#139cff);color:#fff;border-color:rgba(184,250,255,.48)}.s2v-filters input{flex:1 1 260px;font-weight:650}.s2v-filters .btn{min-height:42px;border-radius:14px}

.s2v-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.78fr);gap:22px;padding-top:24px;align-items:start}.s2v-main,.s2v-sidebar{display:flex;flex-direction:column;gap:22px}.s2v-panel{border-radius:28px;padding:24px}.s2v-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.s2v-panel-head h2{margin:0;color:#fff;font-size:1.9rem}.s2v-panel-head a{color:#9afaff;font-weight:900}

.s2v-featured{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:28px}.s2v-featured-thumb{position:relative;min-height:340px;background:center/cover no-repeat;border-right:1px solid rgba(94,235,255,.14)}.s2v-featured-thumb:after,.s2v-thumb:after,.s2v-side-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.55))}.s2v-featured-thumb span,.s2v-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:999px;display:grid;place-items:center;background:rgba(2,18,31,.72);border:1px solid rgba(255,255,255,.26);color:#fff;font-size:1.8rem;box-shadow:0 0 28px rgba(42,227,255,.30)}.s2v-featured-body{padding:30px;display:flex;flex-direction:column;justify-content:center}.s2v-featured-body h2{margin:14px 0 12px;color:#fff;font-size:clamp(1.75rem,2.3vw,2.55rem);line-height:1.08}.s2v-featured-body p{margin:0;color:#d3eaf1;line-height:1.6;font-size:1.02rem}

.s2v-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.s2v-card{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;transition:.18s transform,.18s border-color,.18s background}.s2v-card:hover,.s2v-featured:hover{transform:translateY(-2px);border-color:rgba(120,245,255,.35)}.s2v-thumb{position:relative;aspect-ratio:16/9;background:center/cover no-repeat;border-bottom:1px solid rgba(94,235,255,.14)}.s2v-thumb .s2v-badge{position:absolute;z-index:3;left:12px;top:12px}.s2v-play{width:52px;height:52px;font-size:1.25rem}.s2v-card-body{display:flex;flex-direction:column;gap:10px;padding:16px}.s2v-card-body h3{margin:0;color:#fff;font-size:1.04rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s2v-card-body h3 a{color:inherit}.s2v-card-body p{margin:0;color:#cfe5ec;line-height:1.45;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s2v-author{display:flex;align-items:center;gap:10px;margin-top:auto}.s2v-author img{width:34px;height:34px;border-radius:999px;object-fit:cover}.s2v-author strong{display:block;color:#fff;font-size:.88rem}.s2v-author small{display:block;color:#aecdD6;font-size:.78rem}.s2v-mini-stats{display:flex;flex-wrap:wrap;gap:8px}.s2v-mini-stats span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:rgba(42,227,255,.08);border:1px solid rgba(94,235,255,.13);color:#b9faff;font-size:.76rem;font-weight:900}

.s2v-side-list,.s2v-creators,.s2v-benefits{display:flex;flex-direction:column;gap:12px}.s2v-side-item{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;padding:10px;border-radius:16px;border:1px solid rgba(94,235,255,.10);background:rgba(255,255,255,.025)}.s2v-side-item:hover{border-color:rgba(94,235,255,.25);background:rgba(42,227,255,.05);color:#fff}.s2v-side-thumb{position:relative;width:88px;aspect-ratio:16/10;border-radius:12px;background:center/cover no-repeat;overflow:hidden}.s2v-side-thumb em{position:absolute;z-index:2;inset:0;display:grid;place-items:center;font-style:normal;color:#fff}.s2v-side-item strong{display:block;color:#fff;font-size:.92rem;line-height:1.28}.s2v-side-item small{display:block;margin-top:4px;color:#aecdD6;font-size:.78rem}.s2v-creator-row{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(94,235,255,.10)}.s2v-creator-row:last-child{padding-bottom:0;border-bottom:0}.s2v-creator-row img{width:46px;height:46px;border-radius:999px;object-fit:cover}.s2v-creator-row strong{display:block;color:#fff}.s2v-creator-row small{color:#bcdbe4}.s2v-cta-panel{text-align:center}.s2v-cta-panel p{color:#cfe5ec;line-height:1.55}.s2v-cta-panel .btn{margin-top:10px;min-height:48px;border-radius:14px}.s2v-cta-panel small{display:block;margin-top:12px;color:#9fc6d0}.s2v-submit-strip{border-radius:26px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.s2v-submit-strip>div{display:flex;align-items:center;gap:14px}.s2v-submit-strip i{font-style:normal;font-size:2rem;color:#35e9ff}.s2v-submit-strip strong{display:block;color:#fff;font-size:1.15rem}.s2v-submit-strip small{color:#bcdbe4}.s2v-empty{padding:24px;border:1px dashed rgba(94,235,255,.22);border-radius:20px;color:#cbe7ee;background:rgba(255,255,255,.035)}

/* Submit */
.s2-video-submit-page{padding:0 0 58px}.s2v-submit-hero{position:relative;isolation:isolate;overflow:hidden;min-height:360px;display:flex;align-items:center;padding:42px 0;border-bottom:1px solid rgba(94,235,255,.10);background:#031825}.s2v-submit-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/hero-subnautica2.png') center center/cover no-repeat;filter:saturate(1.08) contrast(1.04) brightness(.88)}.s2v-submit-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,10,18,.90),rgba(1,14,23,.55) 46%,rgba(1,10,18,.82)),linear-gradient(180deg,rgba(1,12,20,.04),rgba(1,12,20,.86))}.s2v-submit-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:24px;align-items:center}.s2v-submit-hero h1{margin:14px 0 12px;color:#fff;font-size:clamp(2.3rem,4vw,4.4rem);line-height:.98;letter-spacing:-.04em}.s2v-submit-hero p{max-width:760px;margin:0;color:#d7f0f7;line-height:1.6;font-size:1.05rem}.s2v-submit-rules{border-radius:26px;padding:24px}.s2v-submit-rules h2{margin:0 0 14px;color:#fff}.s2v-submit-rules ul{margin:0;padding-left:18px;color:#cfe7ee;line-height:1.7}.s2v-submit-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;padding-top:24px}.s2v-submit-form{border-radius:28px;padding:24px}.s2v-form-head{margin-bottom:18px}.s2v-form-head h2{margin:12px 0 8px;color:#fff;font-size:1.8rem}.s2v-form-head p{margin:0;color:#cfe7ee}.s2v-submit-form label{display:grid;gap:8px;margin-bottom:14px;color:#dffaff;font-weight:850}.s2v-submit-form input,.s2v-submit-form textarea{width:100%;border-radius:16px;border:1px solid rgba(94,235,255,.20);background:rgba(2,19,31,.72);color:#fff;padding:13px 15px;font:inherit}.s2v-submit-form textarea{resize:vertical;min-height:240px}.s2v-submit-form small{color:#aecdD6}.s2v-youtube-preview{min-height:90px;border-radius:18px;border:1px dashed rgba(94,235,255,.22);background:rgba(255,255,255,.025);display:grid;place-items:center;overflow:hidden;margin:12px 0}.s2v-youtube-preview iframe{width:100%;aspect-ratio:16/9;border:0}.s2v-youtube-preview p{color:#bcdbe4}.s2v-submit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.s2v-submit-side{display:flex;flex-direction:column;gap:18px}.s2v-benefits span{padding:12px;border-radius:16px;background:rgba(42,227,255,.055);border:1px solid rgba(94,235,255,.13)}.s2v-benefits strong{display:block;color:#fff}.s2v-benefits small{color:#c2dfe7}

/* Watch page overrides */
.s2v8-watch{width:min(1500px,calc(100% - 64px))!important;margin:28px auto 56px!important}.s2v8-titlebar{border-radius:28px!important;padding:28px!important;background:linear-gradient(180deg,rgba(5,45,67,.72),rgba(2,18,31,.88))!important;border:1px solid rgba(94,235,255,.18)!important;box-shadow:0 22px 48px rgba(0,8,18,.23),inset 0 1px 0 rgba(255,255,255,.05)!important}.s2v8-titlebar h1{font-size:clamp(2rem,3.4vw,3.75rem)!important;line-height:1.02!important;margin:10px 0!important;color:#fff!important}.s2v8-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:22px!important;align-items:start!important;margin-top:22px!important}.s2v8-main,.s2v8-sidebar{display:flex!important;flex-direction:column!important;gap:18px!important}.s2v8-player,.s2v8-desc,.s2v8-comments,.s2v8-creator,.s2v8-post,.s2v8-related{border-radius:24px!important;background:linear-gradient(180deg,rgba(5,45,67,.72),rgba(2,18,31,.88))!important;border:1px solid rgba(94,235,255,.18)!important;box-shadow:0 18px 40px rgba(0,8,18,.20),inset 0 1px 0 rgba(255,255,255,.05)!important}.s2v8-player{overflow:hidden!important;padding:0!important}.s2v8-player iframe{display:block!important;width:100%!important;aspect-ratio:16/9!important;border:0!important}.s2v8-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:14px!important;background:rgba(0,9,16,.24)!important}.s2v8-actions button,.s2v8-action{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:40px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(94,235,255,.15)!important;background:rgba(42,227,255,.07)!important;color:#eaffff!important;font-weight:850!important}.s2v8-desc{padding:0!important}.s2v8-desc-head{padding:16px 18px 4px!important}.s2v8-desc-preview,.s2v8-desc-full{padding:8px 18px 0!important;color:#edfaff!important;line-height:1.62!important}.s2v8-desc-footer{padding:4px 18px 16px!important}.s2v8-desc-footer button{border:0!important;background:transparent!important;color:#8df6ff!important;font-weight:950!important;cursor:pointer!important}.s2v8-comments{padding:20px!important}.s2v8-section-head h2{margin:0 0 12px!important;color:#fff!important}.s2v8-comment-form{display:grid!important;grid-template-columns:1fr 140px!important;gap:10px!important;margin-bottom:16px!important}.s2v8-comment-form textarea{border-radius:16px!important;border:1px solid rgba(94,235,255,.20)!important;background:rgba(2,19,31,.72)!important;color:#fff!important;padding:12px!important}.s2v8-comment-list{display:grid!important;gap:12px!important}.s2v8-comment-item{display:grid!important;grid-template-columns:46px 1fr!important;gap:12px!important;padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(94,235,255,.10)!important}.s2v8-comment-item>img{width:46px!important;height:46px!important;border-radius:999px!important;object-fit:cover!important}.s2v8-comment-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.s2v8-comment-top strong{color:#fff!important}.s2v8-comment-top small{color:#aecdD6!important}.s2v8-comment-content p{margin:8px 0 0!important;color:#edfaff!important}.s2v8-icon-btn{width:30px!important;height:30px!important;border-radius:10px!important;border:1px solid rgba(94,235,255,.18)!important;background:rgba(42,227,255,.08)!important;color:#eaffff!important}.s2v8-icon-btn.danger{color:#ff9da9!important}.s2v8-creator,.s2v8-post,.s2v8-related{padding:18px!important}.s2v8-creator>div{display:flex!important;align-items:center!important;gap:12px!important}.s2v8-creator img{width:54px!important;height:54px!important;border-radius:999px!important;object-fit:cover!important}.s2v8-creator strong{display:block;color:#fff}.s2v8-creator small{color:#bcdbe4}.s2v8-post h2,.s2v8-related h2{margin:0 0 10px!important;color:#fff!important}.s2v8-mini-video{display:grid!important;grid-template-columns:84px 1fr!important;gap:12px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid rgba(94,235,255,.10)!important}.s2v8-mini-video:last-child{border-bottom:0!important}.s2v8-mini-video span{position:relative!important;width:84px!important;aspect-ratio:16/10!important;border-radius:12px!important;background:center/cover no-repeat!important;overflow:hidden!important}.s2v8-mini-video b{display:none!important}.s2v8-mini-video em{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#fff!important;font-style:normal!important}.s2v8-mini-video strong{color:#fff!important;font-size:.9rem!important;line-height:1.25!important}.s2v8-mini-video small{color:#bcdbe4!important}

@media (max-width:1280px){.s2v-container{width:min(100% - 44px,1640px)}.s2v-hero-grid,.s2v-layout,.s2v-submit-hero-grid,.s2v-submit-layout,.s2v8-grid{grid-template-columns:1fr!important}.s2v-grid{grid-template-columns:repeat(2,1fr)}.s2v-feature-strip{grid-template-columns:repeat(2,1fr)}.s2v-feature-strip>div:nth-child(3){border-left:0;border-top:1px solid rgba(94,235,255,.12)}.s2v-feature-strip>div:nth-child(4){border-top:1px solid rgba(94,235,255,.12)}.s2v-featured{grid-template-columns:1fr}.s2v-featured-thumb{min-height:260px;border-right:0;border-bottom:1px solid rgba(94,235,255,.14)}}
@media (max-width:760px){.s2v-container,.s2v8-watch{width:min(100% - 24px,1640px)!important}.s2v-hero,.s2v-submit-hero{min-height:auto;padding:34px 0}.s2v-hero-copy h1,.s2v-submit-hero h1{font-size:clamp(2.25rem,12vw,3.8rem)}.s2v-feature-strip,.s2v-grid{grid-template-columns:1fr}.s2v-feature-strip>div+div{border-left:0;border-top:1px solid rgba(94,235,255,.12)}.s2v-panel,.s2v-discover-card,.s2v-submit-form,.s2v-submit-rules{padding:20px;border-radius:22px}.s2v-filters{display:grid}.s2v-featured-body{padding:20px}.s2v-submit-strip{display:grid}.s2v-actions,.s2v-submit-actions{display:grid;grid-template-columns:1fr}.s2v-actions .btn,.s2v-submit-actions .btn{width:100%}.s2v8-comment-form{grid-template-columns:1fr!important}.s2v8-comment-item{grid-template-columns:40px 1fr!important}.s2v8-comment-item>img{width:40px!important;height:40px!important}}


/* ==========================================================================
   Vidéos V2 — grosse passe finition / anti-blocs vides
   ========================================================================== */

/* Rythme global */
.s2-videos-page{
  padding-bottom:50px!important;
}

.s2v-container{
  width:min(1640px,calc(100% - 72px))!important;
}

/* Hero un peu moins massif et plus propre */
.s2v-hero{
  min-height:500px!important;
  padding:42px 0 46px!important;
}

.s2v-hero:before{
  background-position:center 46%!important;
  filter:saturate(1.05) contrast(1.04) brightness(.88)!important;
}

.s2v-hero:after{
  background:
    linear-gradient(90deg,rgba(1,10,18,.92),rgba(1,14,23,.58) 43%,rgba(1,14,23,.22) 67%,rgba(1,10,18,.86)),
    linear-gradient(180deg,rgba(1,12,20,.04),rgba(1,12,20,.82))!important;
}

.s2v-hero-grid{
  grid-template-columns:minmax(0,1.22fr) minmax(330px,440px)!important;
  gap:clamp(28px,4vw,58px)!important;
}

.s2v-hero-copy h1{
  font-size:clamp(2.65rem,4.55vw,5.05rem)!important;
  max-width:820px!important;
}

.s2v-discover-card{
  padding:22px!important;
  border-radius:24px!important;
}

.s2v-discover-card h2{
  font-size:1.55rem!important;
  margin-bottom:14px!important;
}

.s2v-discover-card a{
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
}

.s2v-discover-card i{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}

/* Bande d'avantages plus fine */
.s2v-feature-strip{
  margin-top:20px!important;
  border-radius:24px!important;
}

.s2v-feature-strip>div{
  min-height:86px!important;
  padding:16px 20px!important;
}

.s2v-feature-strip strong{
  font-size:1rem!important;
}

.s2v-feature-strip small{
  font-size:.86rem!important;
}

/* Filtres : une vraie barre compacte, pas des lignes cassées */
.s2v-filters-wrap{
  padding-top:22px!important;
}

.s2v-filters{
  display:grid!important;
  grid-template-columns:max-content max-content max-content max-content minmax(260px,1fr) 210px max-content!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:22px!important;
}

.s2v-filters input[type="hidden"]{
  display:none!important;
}

.s2v-filters a,
.s2v-filters input,
.s2v-filters select,
.s2v-filters .btn{
  min-height:42px!important;
  border-radius:14px!important;
}

.s2v-filters input{
  width:100%!important;
}

.s2v-filters select{
  width:100%!important;
  max-width:210px!important;
}

.s2v-filters .btn{
  padding:0 18px!important;
}

/* Layout : rien ne doit s'étirer sur la hauteur de la colonne voisine */
.s2v-layout{
  grid-template-columns:minmax(0,1.42fr) minmax(330px,.72fr)!important;
  align-items:start!important;
  gap:22px!important;
}

.s2v-main,
.s2v-sidebar,
.s2v-panel,
.s2v-featured,
.s2v-submit-strip{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}

/* Vidéo à la une */
.s2v-featured{
  grid-template-columns:minmax(320px,.78fr) minmax(0,1fr)!important;
  border-radius:26px!important;
}

.s2v-featured-thumb{
  min-height:285px!important;
  background-size:cover!important;
  background-position:center!important;
}

.s2v-featured-body{
  padding:26px!important;
}

.s2v-featured-body h2{
  font-size:clamp(1.55rem,2vw,2.18rem)!important;
  line-height:1.12!important;
}

.s2v-featured-body p{
  font-size:.98rem!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Panels plus sobres */
.s2v-panel{
  padding:22px!important;
  border-radius:26px!important;
}

.s2v-panel-head{
  margin-bottom:14px!important;
}

.s2v-panel-head h2{
  font-size:clamp(1.42rem,1.9vw,1.9rem)!important;
}

/* Dernières vidéos : si peu de contenus, ne pas créer une grande zone vide */
.s2v-latest-panel.is-small{
  padding-bottom:20px!important;
}

.s2v-latest-panel.is-small .s2v-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,280px))!important;
  justify-content:start!important;
  gap:14px!important;
}

.s2v-grid{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:14px!important;
}

.s2v-card{
  border-radius:22px!important;
}

.s2v-thumb{
  background-size:cover!important;
  background-position:center!important;
}

.s2v-card-body{
  padding:14px!important;
  gap:8px!important;
}

.s2v-card-body h3{
  font-size:.98rem!important;
}

.s2v-card-body p{
  font-size:.88rem!important;
}

.s2v-mini-stats span{
  min-height:26px!important;
  padding:0 8px!important;
  font-size:.72rem!important;
}

/* Sidebar : compact, aligné, pas de gros vide */
.s2v-sidebar{
  gap:18px!important;
}

.s2v-creators-panel,
.s2v-community-panel,
.s2v-cta-panel{
  padding:20px!important;
}

.s2v-creators{
  gap:10px!important;
}

.s2v-creator-row{
  padding:10px!important;
  border:1px solid rgba(94,235,255,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}

.s2v-creator-row img{
  width:42px!important;
  height:42px!important;
}

.s2v-cta-panel{
  text-align:left!important;
}

.s2v-cta-panel h2{
  font-size:1.55rem!important;
  margin-bottom:10px!important;
}

.s2v-cta-panel p{
  margin:0!important;
  font-size:.95rem!important;
  line-height:1.45!important;
}

.s2v-cta-panel .btn{
  width:100%!important;
  min-height:44px!important;
  margin-top:14px!important;
}

.s2v-cta-panel small{
  margin-top:10px!important;
  font-size:.82rem!important;
}

/* Sélection communauté */
.s2v-side-list{
  gap:10px!important;
}

.s2v-side-item{
  grid-template-columns:76px 1fr!important;
  padding:9px!important;
  border-radius:15px!important;
}

.s2v-side-thumb{
  width:76px!important;
  border-radius:11px!important;
}

.s2v-side-item strong{
  font-size:.88rem!important;
}

.s2v-side-item small{
  font-size:.76rem!important;
}

/* Bande recommander plus fine */
.s2v-submit-strip{
  padding:18px 20px!important;
  border-radius:24px!important;
}

.s2v-submit-strip .btn{
  min-height:44px!important;
  min-width:220px!important;
}

/* États vides moins imposants */
.s2v-empty{
  padding:18px!important;
  border-radius:18px!important;
}

/* Submit page mini polish */
.s2v-submit-layout,
.s2v-submit-hero-grid{
  align-items:start!important;
}

.s2v-submit-form,
.s2v-submit-rules{
  height:auto!important;
}

.s2v-youtube-preview{
  min-height:120px!important;
}

/* Watch page : pas concerné par la capture, mais on évite les énormes blocs */
.s2v8-watch{
  margin-top:24px!important;
}

.s2v8-titlebar{
  padding:24px!important;
}

/* Responsive */
@media (max-width:1380px){
  .s2v-filters{
    grid-template-columns:repeat(4,max-content) minmax(260px,1fr)!important;
  }

  .s2v-filters select,
  .s2v-filters .btn{
    max-width:none!important;
  }
}

@media (max-width:1280px){
  .s2v-container{
    width:min(100% - 44px,1640px)!important;
  }

  .s2v-layout,
  .s2v-hero-grid{
    grid-template-columns:1fr!important;
  }

  .s2v-featured{
    grid-template-columns:1fr!important;
  }

  .s2v-featured-thumb{
    min-height:260px!important;
  }
}

@media (max-width:820px){
  .s2v-container{
    width:min(100% - 24px,1640px)!important;
  }

  .s2v-hero{
    min-height:auto!important;
    padding:34px 0!important;
  }

  .s2v-filters{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  .s2v-filters input,
  .s2v-filters select,
  .s2v-filters .btn{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
  }

  .s2v-feature-strip{
    grid-template-columns:1fr!important;
  }

  .s2v-feature-strip>div+div{
    border-left:0!important;
    border-top:1px solid rgba(94,235,255,.12)!important;
  }

  .s2v-latest-panel.is-small .s2v-grid,
  .s2v-grid{
    grid-template-columns:1fr!important;
  }

  .s2v-submit-strip{
    display:grid!important;
  }

  .s2v-submit-strip .btn{
    width:100%!important;
    min-width:0!important;
  }
}


/* ==========================================================================
   Vidéos V3 — fix hero + affichage complet des vidéos
   ========================================================================== */

/* Hero : on supprime l'impression de bande vide / image coupée en haut */
.s2v-hero{
  min-height:auto!important;
  display:block!important;
  padding:18px 0 30px!important;
}

.s2v-hero-grid{
  align-items:start!important;
}

.s2v-hero-copy{
  padding-top:18px!important;
}

.s2v-hero:before{
  background-position:center 38%!important;
  filter:saturate(1.06) contrast(1.03) brightness(.9)!important;
}

.s2v-hero:after{
  background:
    linear-gradient(180deg,rgba(1,10,18,.68) 0%,rgba(1,10,18,.34) 15%,rgba(1,14,23,.14) 34%,rgba(1,12,20,.74) 100%),
    linear-gradient(90deg,rgba(1,10,18,.88),rgba(1,14,23,.50) 44%,rgba(1,14,23,.18) 67%,rgba(1,10,18,.78))!important;
}

.s2v-discover-card{
  margin-top:14px!important;
}

/* Grille vidéos : jamais de gros trou et on laisse apparaître plus d'éléments */
.s2v-latest-panel .s2v-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  align-items:start!important;
  justify-content:start!important;
}

/* Si très peu de cartes, on évite un étirement disgracieux */
.s2v-latest-panel.is-small .s2v-grid{
  grid-template-columns:repeat(auto-fit,minmax(230px,280px))!important;
}

@media (max-width:1280px){
  .s2v-hero{
    padding:16px 0 26px!important;
  }

  .s2v-discover-card{
    margin-top:0!important;
  }
}

@media (max-width:820px){
  .s2v-hero-copy{
    padding-top:6px!important;
  }

  .s2v-hero h1{
    line-height:.95!important;
  }
}


/* ========================================================================== 
   Vidéos V4 — grosse passe finale (hero, layout, grilles, finitions)
   ========================================================================== */

/* Hero : plus propre, sans bande buggée en haut */
.s2v-hero{
  min-height:520px!important;
  display:flex!important;
  align-items:center!important;
  padding:34px 0 42px!important;
  background:
    linear-gradient(180deg,rgba(2,12,20,.74) 0%,rgba(2,12,20,.34) 18%,rgba(2,12,20,.58) 100%),
    linear-gradient(90deg,rgba(2,12,20,.88) 0%,rgba(2,12,20,.54) 42%,rgba(2,12,20,.20) 68%,rgba(2,12,20,.76) 100%),
    url('../img/hero-subnautica2.png') center 28%/cover no-repeat!important;
}

.s2v-hero:before,
.s2v-hero:after{
  display:none!important;
}

.s2v-hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.62fr)!important;
  align-items:center!important;
  gap:clamp(24px,4vw,56px)!important;
}

.s2v-hero-copy{
  padding-top:0!important;
}

.s2v-hero-copy h1{
  max-width:840px!important;
  margin:15px 0 14px!important;
  font-size:clamp(3.1rem,5vw,5.3rem)!important;
}

.s2v-hero-copy p{
  max-width:680px!important;
}

.s2v-discover-card{
  margin-top:0!important;
  padding:24px!important;
  border-radius:26px!important;
}

/* Top zone : featured + sidebar */
.s2v-top-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.36fr) minmax(320px,.74fr)!important;
  gap:22px!important;
  align-items:start!important;
  padding-top:24px!important;
}

.s2v-bottom-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
  padding-top:22px!important;
}

.s2v-main,
.s2v-sidebar,
.s2v-bottom-stack,
.s2v-panel,
.s2v-featured,
.s2v-submit-strip{
  min-width:0!important;
}

/* Vidéo à la une */
.s2v-featured{
  grid-template-columns:minmax(320px,.8fr) minmax(0,1fr)!important;
  border-radius:28px!important;
}

.s2v-featured-thumb{
  min-height:360px!important;
  background-position:center center!important;
}

.s2v-featured-body{
  padding:28px!important;
}

.s2v-featured-body h2{
  font-size:clamp(1.85rem,2.4vw,2.7rem)!important;
}

.s2v-featured-body p{
  -webkit-line-clamp:4!important;
}

/* Listes et panels */
.s2v-panel{
  padding:24px!important;
  border-radius:28px!important;
}

.s2v-panel-head{
  align-items:center!important;
  margin-bottom:16px!important;
}

.s2v-panel-head h2{
  margin:0!important;
}

/* Dernières vidéos : plein largeur pour éviter les gros vides */
.s2v-latest-panel{
  width:100%!important;
}

.s2v-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}

.s2v-latest-panel.is-small .s2v-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,320px))!important;
  justify-content:start!important;
}

.s2v-card{
  height:100%!important;
  min-height:0!important;
  border-radius:24px!important;
}

.s2v-thumb{
  aspect-ratio:16/9!important;
}

.s2v-card-body{
  padding:16px!important;
}

.s2v-card-body h3{
  min-height:2.6em!important;
}

/* Sidebar */
.s2v-sidebar{
  gap:18px!important;
}

.s2v-creators,
.s2v-side-list{
  gap:12px!important;
}

.s2v-creator-row,
.s2v-side-item{
  background:rgba(255,255,255,.03)!important;
}

.s2v-cta-panel{
  text-align:left!important;
}

.s2v-cta-panel .btn,
.s2v-submit-strip .btn{
  box-shadow:none!important;
}

.s2v-submit-strip{
  padding:20px 22px!important;
  border-radius:26px!important;
}

/* Responsive */
@media (max-width:1280px){
  .s2v-top-layout,
  .s2v-hero-grid{
    grid-template-columns:1fr!important;
  }

  .s2v-featured{
    grid-template-columns:1fr!important;
  }

  .s2v-featured-thumb{
    min-height:290px!important;
  }
}

@media (max-width:820px){
  .s2v-hero{
    min-height:auto!important;
    padding:28px 0 34px!important;
    background-position:center 36%!important;
  }

  .s2v-hero-copy h1{
    font-size:clamp(2.35rem,12vw,3.8rem)!important;
  }

  .s2v-discover-card,
  .s2v-panel{
    padding:20px!important;
    border-radius:22px!important;
  }

  .s2v-grid,
  .s2v-latest-panel.is-small .s2v-grid{
    grid-template-columns:1fr!important;
  }
}


/* ========================================================================== 
   Vidéos V5 — miniatures visibles + finition grille
   ========================================================================== */

.s2v-featured-thumb,
.s2v-thumb,
.s2v-side-thumb{
  position:relative!important;
  overflow:hidden!important;
  background-image:var(--s2v-thumb)!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:#03131f!important;
}

.s2v-featured-thumb img,
.s2v-thumb img,
.s2v-side-thumb img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  z-index:1!important;
  opacity:1!important;
}

.s2v-featured-thumb:after,
.s2v-thumb:after,
.s2v-side-thumb:after{
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.42))!important;
}

.s2v-featured-thumb span,
.s2v-thumb .s2v-badge,
.s2v-thumb .s2v-play,
.s2v-side-thumb em{
  position:absolute!important;
  z-index:3!important;
}

.s2v-latest-panel{
  padding-bottom:26px!important;
}

.s2v-latest-panel .s2v-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,340px))!important;
  justify-content:start!important;
}

.s2v-card{
  max-width:360px!important;
}

.s2v-thumb{
  min-height:176px!important;
}

@media (min-width:1180px){
  .s2v-latest-panel .s2v-grid{
    grid-template-columns:repeat(4,minmax(240px,1fr))!important;
  }
  .s2v-card{
    max-width:none!important;
  }
}

@media (max-width:820px){
  .s2v-latest-panel .s2v-grid{
    grid-template-columns:1fr!important;
  }
  .s2v-card{
    max-width:none!important;
  }
}


/* ==========================================================================
   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;
  }
}