/* satisfactory.css — complément page Satisfactory (offres.css) */

.lh-offers .lh-offer-card .title-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;
}
.lh-offers .lh-offer-card .badge-soft{
  background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--muted);
  padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.3px;white-space:nowrap;
}

.lh-offers .lh-offer-card.premium{
  background:
    radial-gradient(800px 200px at 50% -40%, rgba(251,191,36,.14), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)), var(--card-2);
  border-color:#8a6a2a;
  box-shadow:0 25px 70px rgba(251,191,36,.12), var(--shadow);
}
.lh-offers .lh-offer-card.premium .title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lh-offers .lh-offer-card.premium .badge{
  position:static!important;background:linear-gradient(180deg, #fcd34d, #f59e0b);color:#3b2a05;
  padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.3px;
  box-shadow:0 6px 14px rgba(245,158,11,.35);white-space:nowrap;
}
.lh-offers .lh-offer-card.premium .btn{
  background:linear-gradient(180deg, #f59e0b, #d97706);
  box-shadow:0 10px 24px rgba(217,119,6,.4);
  color:#1a1205;
}

.lh-hero-block--satisfactory{
  background:
    linear-gradient(180deg, rgba(11,18,34,.68), rgba(11,18,34,.78)),
    url("/img/games/satisfactory-banner.jpg") center / cover no-repeat;
}

.lh-sf-ram,
.lh-sf-faq{
  max-width:1180px;margin:48px auto 0;padding:0 20px;
}
.lh-sf-ram h2,
.lh-sf-faq h2{
  text-align:center;font-size:28px;font-weight:800;color:var(--text);margin:0 0 12px;
}
.lh-sf-ram .sub{
  text-align:center;color:var(--muted);font-weight:500;margin:0 0 24px;max-width:640px;margin-left:auto;margin-right:auto;
}
.lh-sf-faq ul{
  list-style:none;padding:0;margin:0 auto;max-width:720px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)), var(--card);
  border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
}
.lh-sf-faq li{
  padding:16px 20px;border-bottom:1px solid var(--border);color:var(--text);font-weight:500;font-size:15px;
}
.lh-sf-faq li:last-child{border-bottom:none}
.lh-sf-faq li strong{color:#bfdbfe;font-weight:700}

@media (max-width:900px){
  .lh-compare__table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}