/* fait sortir .container-hero du container 1200px et prend toute la largeur */
.container-hero{
    --gutter: 16px;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    height: 560px;
   
}

/* meilleur support mobile (iOS/Android) */
@supports (width: 100dvw){
  .container-hero{
    width: 100dvw;
    max-width: 100dvw;
    margin-left: -50dvw;
    margin-right: -50dvw;
  }
}

/* garde ton contenu centré et borné */
.container-hero .sosc-hero__inner{
  
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.sosc_hero_cont{
  display:flex;
  max-width: 1140px;
    flex-direction: row;
    margin: 0 auto;
}
.sosc_hero_middle_row{
  width:50%;
  display:flex;
      flex-direction: column;
}

.sosc-hero{     margin: 24px 20px 40px 20px;
  background-image: url("../img/Home-Hero-bg-1.webp");
      background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  border-radius: 8px;
      padding-top: 41px;
}


/* badge */
.sosc-hero__badge{
  display:inline-block; padding:6px 10px; border-radius:8px; background:#fff;
  font-size:12px; margin:8px auto 14px;
}

/* title */
.sosc-hero__title{
  text-align:center; 
  font-size:90px; 
  line-height:.85; 
  font-weight:800; 
  margin:0 0 35px;   
   display: flex;
    flex-direction: column;
}

.sosc-hero__title span{ display:block; }


.sosc-hero__card{
      width: 25%;
    /* aspect-ratio: 4 / 5; */
    border-radius: 18px;
    
}

.sosc-hero__card--left{
transform:  translate(-20px, 64px);
}
.sosc-hero__card--right{
transform: translate(25px, 15px);
}
.sosc-hero__card--right img{
  width:96%;
  height:auto;
}
.sosc-hero__img{ width:100%; height:100%; object-fit:cover; display:block; }

/* CTAs */
.sosc-hero__ctas{ display:flex; gap:12px; justify-content:center; margin:6px 0 10px; }
.sosc-hero__btn{
  display:inline-block; background-color:#ed8210;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px 8px 8px 8px;
    padding: 16px 25px 16px 25px;
    color:white;
}
.sosc-hero__btn--alt{ background-color:#ed8210; }


.sosc-hero__btn:hover, .sosc-hero__btn--alt:hover{
  color:#fff;
}
/* reviews */
.sosc-hero__reviews{ text-align:center; font-size:14px; opacity:.9; display:flex; align-items:center; justify-content:center; margin-top: 6px; }
.sosc-hero__stars{ 
  letter-spacing:2px; 
  color:#ed8210;     
  font-size: 18px;
    font-weight: 700;}

.sosc-hero__reviews-text{
  color:#ed8210;
  font-size: 12px;
    font-weight: 400;
    line-height: 15px;margin-left:6px;
}

.star-icon{
  position:absolute;
  transform: translate(470px, 120px);
  width:40px;
  height:40px;
}
/* responsive */
@media (max-width: 992px){
  .sosc-hero__cards{ gap:24px; }
  .sosc-hero__card{ width:42vw; }
}
@media (max-width: 680px){
  .sosc-hero__cards{ flex-direction:column; }
  .sosc-hero__card{ width:88vw; }
}