.elementor-13245 .elementor-element.elementor-element-93c4cac{--display:flex;--min-height:200px;--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;--justify-content:center;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13245 .elementor-element.elementor-element-2d92fff{text-align:center;}.elementor-13245 .elementor-element.elementor-element-2d92fff .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:45px;font-weight:900;line-height:60px;color:#000000;}.elementor-13245 .elementor-element.elementor-element-cf9dfcc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-13245 .elementor-element.elementor-element-cf9dfcc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13245 .elementor-element.elementor-element-3516f72{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;}.elementor-13245 .elementor-element.elementor-element-aa8ba29{--display:flex;--overflow:hidden;--border-radius:10px 10px 10px 10px;}.elementor-13245 .elementor-element.elementor-element-aa8ba29:not(.elementor-motion-effects-element-type-background), .elementor-13245 .elementor-element.elementor-element-aa8ba29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13245 .elementor-element.elementor-element-5ce6164 > .elementor-widget-container{--e-transform-scale:1.5;}.elementor-13245 .elementor-element.elementor-element-5ce6164 img{max-width:65%;}.elementor-13245 .elementor-element.elementor-element-c53b584{--display:flex;--overflow:hidden;--border-radius:10px 10px 10px 10px;}.elementor-13245 .elementor-element.elementor-element-c53b584:not(.elementor-motion-effects-element-type-background), .elementor-13245 .elementor-element.elementor-element-c53b584 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-13245 .elementor-element.elementor-element-95a02a6 > .elementor-widget-container{--e-transform-scale:1.45;}.elementor-13245 .elementor-element.elementor-element-95a02a6{text-align:center;}.elementor-13245 .elementor-element.elementor-element-95a02a6 img{max-width:65%;}.elementor-13245 .elementor-element.elementor-element-12042af{--spacer-size:50px;}.elementor-13245 .elementor-element.elementor-element-7d22188{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:1400px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-13245 .elementor-element.elementor-element-3516f72{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-13245 .elementor-element.elementor-element-3516f72{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-13245 .elementor-element.elementor-element-3516f72{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13245 .elementor-element.elementor-element-93c4cac{--min-height:200px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-13245 .elementor-element.elementor-element-2d92fff .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-13245 .elementor-element.elementor-element-cf9dfcc{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-13245 .elementor-element.elementor-element-3516f72{--e-con-grid-template-columns:repeat(2, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;}.elementor-13245 .elementor-element.elementor-element-5ce6164 img{max-width:100%;}.elementor-13245 .elementor-element.elementor-element-95a02a6 img{max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-7341974 *//* ============================================================
   RETROMETROID — Style comparatif PS Vita
   Design system — Apple-inspired
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

/* ── Reset scoped ── */
.rm-article * {
  box-sizing: border-box;
}

.rm-article ul,
.rm-article ol {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ── Container ── */
.rm-article {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #1d1d1f;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── Section ── */
.rm-section {
  padding: 56px 0 48px;
  border-bottom: 1px solid #e5e5e7;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  float: none !important;
}

/* ── Eyebrow label ── */
.rm-label {
  display: block;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6e6e73;
  margin-bottom: 10px;
}

/* ── Titres ── */
.rm-article h2 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-weight: 800;
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  color: #1d1d1f;
  letter-spacing: -.025em;
  line-height: 1.1;
  margin-bottom: 18px;
}

.rm-article h3 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-weight: 700;
  font-size: .97rem;
  color: #1d1d1f;
  letter-spacing: -.01em;
  line-height: 1.3;
  margin-bottom: 6px;
}

/* ── Texte ── */
.rm-article p {
  font-size: .95rem;
  font-weight: 400;
  color: #3a3a3c;
  margin-bottom: .9rem;
  line-height: 1.72;
  max-width: none !important;
  width: 100% !important;
}

.rm-article p:last-child { margin-bottom: 0; }

.rm-article strong { font-weight: 600; color: #1d1d1f; }

/* ── Tableau ── */
.rm-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .87rem;
  margin-top: 28px;
  table-layout: fixed;
  word-wrap: break-word;
}

.rm-table thead th {
  font-weight: 600;
  font-size: .75rem;
  letter-spacing: .04em;
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1.5px solid #1d1d1f;
  color: #1d1d1f;
}

.rm-table thead th:first-child { color: #6e6e73; font-weight: 500; }

.rm-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f2f2f2;
  vertical-align: top;
  font-weight: 400;
  color: #3a3a3c;
  font-size: .87rem;
}

.rm-table td:first-child {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #aeaeb2;
  white-space: nowrap;
}

.rm-table tbody tr:hover td { background: #fafafa; }

/* ── Grille 2 colonnes ── */
.rm-grid2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 28px;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 580px) { .rm-grid2 { grid-template-columns: 1fr; } }

/* Grille 3 colonnes */
.rm-grid3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 28px;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) { .rm-grid3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .rm-grid3 { grid-template-columns: 1fr; } }

/* Grille 4 colonnes */
.rm-grid4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 28px;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) { .rm-grid4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .rm-grid4 { grid-template-columns: 1fr; } }

/* ── Cartes génériques ── */
.rm-card {
  border: 1px solid #e5e5e7;
  padding: 22px 24px;
  border-radius: 10px;
  background: #fafafa;
}

.rm-card h3 { margin-bottom: 6px; }
.rm-card p { font-size: .87rem; color: #6e6e73; margin: 0; width: 100% !important; }

/* ── Barres de score ── */
.rm-scores { margin-top: 28px; }

.rm-score-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid #f2f2f2;
}

.rm-score-row:first-child { border-top: 1px solid #f2f2f2; }

.rm-score-name {
  width: 140px;
  flex-shrink: 0;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #aeaeb2;
}

.rm-score-bars {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rm-score-bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rm-score-bar-lbl {
  width: 54px;
  font-size: .7rem;
  font-weight: 600;
  color: #aeaeb2;
}

.rm-score-bar-lbl.lbl-1 { color: #F97316; }
.rm-score-bar-lbl.lbl-2 { color: #3B82F6; }

.rm-track {
  flex: 1;
  height: 5px;
  background: #f2f2f2;
  border-radius: 99px;
  overflow: hidden;
}

.rm-fill-1 { height: 100%; background: #F97316; border-radius: 99px; }
.rm-fill-2 { height: 100%; background: #3B82F6; border-radius: 99px; }

.rm-score-val {
  width: 34px;
  text-align: right;
  font-size: .7rem;
  font-weight: 600;
  color: #aeaeb2;
}

/* ── Label modèle pros/cons ── */
.rm-model-label {
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #6e6e73 !important;
  margin-bottom: 10px !important;
  margin-top: 36px !important;
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

/* ── Pros / Cons ── */
.rm-pc-row {
  display: flex !important;
  gap: 14px;
  margin-top: 14px;
  flex-wrap: wrap;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.rm-pc-block {
  flex: 1 1 0%;
  min-width: 200px;
  padding: 20px 22px;
  border-radius: 10px;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Teinte verte pour "Pour" */
.rm-pc-block:first-child {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}

/* Teinte rouge pour "Contre" */
.rm-pc-block:last-child {
  background: #fff5f5;
  border: 1px solid #fecaca;
}

.rm-pc-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;
}

.rm-pc-block:first-child .rm-pc-label { color: #16a34a; }
.rm-pc-block:last-child  .rm-pc-label { color: #dc2626; }

.rm-pc-block ul { padding-left: 0 !important; margin-left: 0 !important; }

.rm-pc-block ul li {
  font-size: .87rem;
  color: #3a3a3c;
  padding: 4px 0 4px 16px !important;
  margin-left: 0 !important;
  position: relative;
  line-height: 1.55;
}

.rm-pc-block:first-child ul li::before {
  content: '✓';
  position: absolute;
  left: 0;
  font-size: .7rem;
  color: #16a34a;
  line-height: 1.9;
  font-weight: 700;
}

.rm-pc-block:last-child ul li::before {
  content: '×';
  position: absolute;
  left: 0;
  font-size: .8rem;
  color: #dc2626;
  line-height: 1.7;
  font-weight: 700;
}

/* ── Note callout ── */
.rm-note {
  background: #f5f5f7;
  border-left: 3px solid #1d1d1f;
  padding: 14px 18px;
  margin-top: 22px;
  border-radius: 0 8px 8px 0;
}

.rm-note p { font-size: .87rem; color: #6e6e73; margin: 0; width: 100% !important; }

/* ── Verdict ── */
.rm-verdict {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 28px;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 580px) { .rm-verdict { grid-template-columns: 1fr; } }

.rm-verdict-cell {
  border: 1.5px solid #1d1d1f;
  padding: 28px 26px;
  border-radius: 10px;
  background: #ffffff;
}

.rm-verdict-cell .vc-model {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6e6e73;
  margin-bottom: 6px;
  display: block;
}

.rm-verdict-cell h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #1d1d1f;
  margin-bottom: 10px;
  letter-spacing: -.02em;
}

.rm-verdict-cell p { font-size: .87rem; color: #6e6e73; margin: 0; width: 100% !important; }

/* ── CTA bouton ── */
.rm-cta {
  display: inline-block !important;
  margin-top: 20px !important;
  padding: 11px 22px !important;
  background: #1d1d1f !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  border-radius: 980px !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
  cursor: pointer !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  transition: background .2s ease !important;
}

.rm-cta:hover {
  background: #3a3a3c !important;
  color: #ffffff !important;
  text-decoration: none !important;
}/* End custom CSS */