Clear Liner 530 (1992) In vendita

:root {
--FM-Marina: #203C76;
--FM-Dark-Navy: #2A2E43;
--FM-RED: #801F28;
--FM-Red-accent: #A40731;
--FM-Luce Blu: #A1B2CB;
--FM-BG-Light: #F1F3F1;
--fm-text: #27272D;
--fm-slate: #414755;
--FM-White: #FFFFFF;
}
.fm-card-wrapper {
famiglia di font: 'Poppins', sans-serif;
colore: var(--fm-text);
colore di sfondo: var(--fm-bianco);
larghezza massima: 900px;
margine: 20px auto;
bordo: 1px RGB solido (161, 178, 203, 0,35);
raggio di confine: 8px;
Sovraplesso: nascosto;
Box-Shadow: 0 4px 18px RGBA (32, 60, 118, 0,08);
}
/* Intestazione del modulo */
.fm-card-header {
Contesto: Gradiente lineare (135°, VAR(--FM-Dark-Navy) 0%, VAR(--FM-Navy) 100%);
colore: var(--fm-bianco);
imbottitura: 30px 35px;
posizione: relativa;
Bordo inferiore: 4px Solid Var(--FM-Red);
}
.fm-badge-status {
display: blocco in linea;
colore di sfondo: var(--fm-rosso);
colore: var(--fm-bianco);
dimensione font: 0,75rem;
peso del carattere: 700;
trasformazione testuale: maiuscola;
spaziatura tra le lettere: 1,5px;
imbottitura: 4px 12px;
raggio di confine: 4px;
margine inferiore: 12px;
}
.fm-boat-title {
famiglia di font: 'Montserrat', sans-serif;
peso font: 900;
Dimensione del carattere: 2rem;
altezza della linea: 1,2;
trasformazione testuale: maiuscola;
Spaziatura tra lettere: 0,5px;
margine: 0 0 6px 0;
}
.fm-boat-subtitle {
famiglia di font: 'Poppins', sans-serif;
peso del font: 500;
Colore: Var(--FM-Blu-Light);
dimensione font: 1rem;
margine: 0;
}
.fm-header-bottom {
display: flessibile;
giustifica-contenuto: spazio-me;
allinea-elementi: flessibile;
margine in cima: 20px;
flex-wrap: avvolgimento;
Distacco: 15px;
}
.fm-price-tag {
famiglia di font: 'Montserrat', sans-serif;
peso font: 900;
dimensione font: 2.2rem;
colore: var(--fm-bianco);
altezza della linea: 1;
}
.fm-price-tag span {
dimensione font: 1rem;
peso del carattere: 600;
famiglia di font: 'Poppins', sans-serif;
Colore: Var(--FM-Blu-Light);
}
/* Griglia delle caratteristiche principali */
.fm-specs-grid {
visualizzazione: griglia;
Template-griglia-colonne: ripeti (auto-fit, minmax(180px, 1fr));
Distacco: 15px;
imbottitura: 25px 35px;
colore di sfondo: var(--fm-bg-light);
Bordo in fondo: 1px RGB solido (161, 178, 203, 0,4);
}
.fm-spec-item {
colore di sfondo: var(--fm-bianco);
imbottitura: 14px 18px;
raggio di confine: 6px;
bordo sinistro: 3px solido var(--FM-Navy);
}
.fm-spec-label {
dimensione font: 0,75rem;
trasformazione testuale: maiuscola;
spaziatura tra le lettere: 0,8px;
peso del carattere: 600;
colore: var(--fm-ardesia);
margine-fondo: 4px;
}
.fm-spec-val {
famiglia di font: 'Montserrat', sans-serif;
peso del carattere: 700;
Dimensione del carattere: 1,05rem;
Colore: Var(--FM-Blu Marino);
}
/* Testo del corpo e dettagli */
.fm-card-body {
imbottitura: 35px;
}
.fm-intro-text {
Dimensione del carattere: 1,02REM;
altezza della lena: 1,65;
colore: var(--fm-ardesia);
margine-fondo: 30px;
}
.fm-section-title {
famiglia di font: 'Montserrat', sans-serif;
peso del carattere: 700;
dimensione del carattere: 1,25rem;
Colore: Var(--FM-Navy);
trasformazione testuale: maiuscola;
Spaziatura tra lettere: 0,5px;
margine: 30px 0 15px 0;
imbottitura-fondo: 8px;
bordo inferiore: 2px Solid Var(--FM-BG-Light);
display: flessibile;
allinea-item: centro;
Distacco: 10px;
}
.fm-section-title::before {
Contenuto: "";
display: blocco in linea;
larghezza: 6px;
altezza: 16px;
colore di sfondo: var(--fm-rosso);
raggio di confine: 2px;
}
.fm-list {
Stile Lista: Nessuno;
ribottitura: 0;
margine: 0 0 20px 0;
}
.fm-list li {
posizione: relativa;
imbottitura-sinistra: 24px;
margine-fondo: 10px;
altezza di linea: 1,5;
dimensione font: 0,95rem;
}
.fm-list li::before {
contenuto: "✓";
Posizione: Assoluta;
sinistra: 0;
Colore: Var(--FM-Red);
p