Borne d’Arcade RETRO BEATS 27 – Format XXL & Immersion Gaming Haute Définition

« `—

### CODE CSS (À ajouter dans votre feuille de style WordPress)

« `css
/* — STYLE FICHE PRODUIT PREMIUM ARCADE — */

/* Courte Description */
.product-short-description {
border-left: 4px solid var(–color-secondary);
padding-left: 1.5rem;
margin-bottom: 2rem;
}

.highlight-text {
font-size: 1.1rem;
color: var(–color-primary);
font-weight: 500;
}

.quick-specs {
list-style: none;
padding: 0;
margin-top: 1rem;
}

.quick-specs li {
margin-bottom: 0.5rem;
position: relative;
padding-left: 1.5rem;
color: var(–color-text-base);
}

.quick-specs li::before {
content: « ✓ »;
color: var(–color-secondary);
position: absolute;
left: 0;
font-weight: bold;
}

/* Description Longue */
.desc-section-title {
font-family: var(–font-family-headings);
color: var(–color-primary);
text-transform: uppercase;
border-bottom: 2px solid var(–color-primary-light);
padding-bottom: 0.5rem;
margin: 2.5rem 0 1.5rem;
font-size: 1.5rem;
letter-spacing: 1px;
}

.tech-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 2rem;
background-color: #fff;
}

.tech-table td {
padding: 12px;
border-bottom: 1px solid var(–color-border);
font-size: 0.95rem;
}

.tech-table tr td:first-child {
font-weight: bold;
color: var(–color-primary);
width: 35%;
background-color: var(–color-background-alt);
}

/* Grille d’atouts / Systèmes */
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-bottom: 2.5rem;
}

.benefit-item {
background: var(–color-background-alt);
padding: 1.5rem;
border-radius: var(–border-radius);
border-top: 3px solid var(–color-secondary);
box-shadow: var(–box-shadow);
transition: var(–transition);
}

.benefit-item:hover {
transform: translateY(-5px);
}

.benefit-item h4 {
color: var(–color-primary);
margin-bottom: 0.75rem;
font-size: 1.2rem;
text-transform: uppercase;
}

/* Boîtes d’info et Alertes */
.info-box {
background-color: var(–color-primary-light);
padding: 1.5rem;
border-radius: var(–border-radius);
font-size: 0.95rem;
line-height: 1.6;
color: var(–color-text-base);
}

.border-accent {
border: 1px dashed var(–color-primary);
margin-bottom: 2rem;
}

.service-text {
font-style: italic;
color: var(–color-text-light);
font-size: 0.85rem;
margin-top: 2rem;
border-top: 1px solid var(–color-border);
padding-top: 1rem;
}