.elementor-29028 .elementor-element.elementor-element-6a4ec18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29028 .elementor-element.elementor-element-1e91f3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29028 .elementor-element.elementor-element-1e91f3a.e-con{--order:-99999 /* order start hack */;}.elementor-29028 .elementor-element.elementor-element-8d5fd9a img{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);}.elementor-29028 .elementor-element.elementor-element-b5d3fbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29028 .elementor-element.elementor-element-6fa6629 .elementor-heading-title{font-size:30px;font-weight:900;}.elementor-29028 .elementor-element.elementor-element-c3ac1be > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-29028 .elementor-element.elementor-element-0b40322 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-29028 .elementor-element.elementor-element-16e363c .elementor-heading-title{font-size:25px;font-weight:900;}.elementor-29028 .elementor-element.elementor-element-ee6ba43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-29028 .elementor-element.elementor-element-1e91f3a.e-con{--order:99999 /* order end hack */;}}@media(min-width:768px){.elementor-29028 .elementor-element.elementor-element-1e91f3a{--width:33.3333%;}.elementor-29028 .elementor-element.elementor-element-b5d3fbf{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-0b40322 */<!-- Pros / Cons – T300RS -->
<section class="pc-wrap" aria-labelledby="pc-title">
  <h2 id="pc-title" class="sr-only">Avantages et Inconvénients du Thrustmaster T300RS</h2>

  <div class="pc-grid">
    <!-- Avantages -->
    <div class="pc-card pc-pros" aria-labelledby="pc-pros">
      <div class="pc-head">
        <span class="pc-head-icon" aria-hidden="true">✅</span>
        <h3 id="pc-pros">Avantages</h3>
      </div>
      <ul class="pc-list">
        <li>Force feedback puissant et réaliste</li>
        <li>Compatible PC/PS4/PS5</li>
        <li>Rotation jusqu’à 1080°</li>
        <li>Solide et durable</li>
      </ul>
    </div>

    <!-- Inconvénients -->
    <div class="pc-card pc-cons" aria-labelledby="pc-cons">
      <div class="pc-head">
        <span class="pc-head-icon" aria-hidden="true">❌</span>
        <h3 id="pc-cons">Inconvénients</h3>
      </div>
      <ul class="pc-list">
        <li>Pédalier 2 pédales basique</li>
        <li>Pas de levier de vitesse inclus</li>
        <li>Peut chauffer après de très longues sessions</li>
        <li>Prix plus élevé qu’un volant d’entrée de gamme</li>
      </ul>
    </div>
  </div>
</section>

<style>
  :root{
    --pc-border:#e8e8e8;
    --pc-muted:#6b7280;
    --pc-green:#2e7d32;
    --pc-red:#c62828;
    --pc-green-bg:#edf7ee;
    --pc-red-bg:#fdecec;
  }

  .pc-wrap{
    border-top:1px solid var(--pc-border);
    padding-top:1rem;
    margin:0; /* ✅ Aucune marge en haut */
  }

  .pc-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:2rem;
    align-items:start;
  }

  .pc-card{ padding:0.5rem 0 0.25rem; }

  .pc-head{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.5rem;
    font-weight:700;
  }
  .pc-head h3{ margin:0;font-size:1.1rem; }
  .pc-pros .pc-head{ color:var(--pc-green); }
  .pc-cons .pc-head{ color:var(--pc-red); }

  .pc-head-icon{ font-size:1.1rem; }

  .pc-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:.55rem;
  }
  .pc-list li{
    position:relative;
    padding-left:1.75rem;
    line-height:1.5;
  }

  .pc-pros .pc-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.2rem;
    width:1.1rem;height:1.1rem;
    border-radius:6px;
    background:var(--pc-green-bg);
    box-shadow:inset 0 0 0 2px rgba(46,125,50,.15);
  }
  .pc-pros .pc-list li::after{
    content:"";
    position:absolute;
    left:.23rem;
    top:.31rem;
    width:.64rem;height:.64rem;
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%232e7d32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>') no-repeat center/contain;
  }

  .pc-cons .pc-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.2rem;
    width:1.1rem;height:1.1rem;
    border-radius:6px;
    background:var(--pc-red-bg);
    box-shadow:inset 0 0 0 2px rgba(198,40,40,.15);
  }
  .pc-cons .pc-list li::after{
    content:"";
    position:absolute;
    left:.23rem;
    top:.31rem;
    width:.64rem;height:.64rem;
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%23c62828" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"/></svg>') no-repeat center/contain;
  }

  .pc-wrap::after{
    content:"";
    display:block;
    margin-top:1rem;
    border-bottom:1px solid var(--pc-border);
  }

  .sr-only{
    position:absolute!important;
    width:1px;height:1px;
    margin:-1px;overflow:hidden;clip:rect(0,0,0,0);
  }

  @media(max-width:820px){
    .pc-grid{ grid-template-columns:1fr; gap:1.25rem; }
  }
</style>/* End custom CSS */