*/
.slp-body .seo-lp-table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 1.5rem 0 2rem;
border: 1px solid var(--slp-border);
border-radius: 8px;
}
.slp-body .seo-lp-table-scroll > table {
margin: 0;
border: 0;
border-radius: 0;
min-width: 1200px;
}
.slp-body th {
background: var(--slp-bg-alt);
color: var(--slp-text);
padding: 0.8rem 1rem;
text-align: left;
font-weight: 600;
font-size: 0.9rem;
letter-spacing: 0.02em;
border-bottom: 2px solid var(--slp-border);
}
.slp-body td {
padding: 0.75rem 1rem;
font-size: 0.95rem;
border-bottom: 1px solid var(--slp-border);
color: var(--slp-text-body);
}
.slp-body tr:last-child td {
border-bottom: none;
}
.slp-body tr:nth-child(even) td {
background: var(--slp-bg-alt);
}
/* ---- PRICING COMPONENTS ---- */
.slp-body .seo-pricing-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
margin: 1.75rem 0 2rem;
}
.slp-body .seo-plan-card {
display: flex;
flex-direction: column;
gap: 1rem;
background: #fff;
border: 1px solid var(--slp-border);
border-radius: 10px;
padding: 1.35rem;
box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}
.slp-body .seo-plan-card--featured {
border: 2px solid var(--slp-yellow);
box-shadow: 0 16px 40px rgba(250, 226, 49, 0.18);
}
.slp-body .seo-plan-label {
display: inline-flex;
width: fit-content;
align-items: center;
border-radius: 999px;
background: #fff8b8;
border: 1px solid var(--slp-yellow);
color: var(--slp-text);
font-size: 0.78rem;
font-weight: 800;
line-height: 1;
padding: 0.45rem 0.65rem;
}
.slp-body .seo-plan-card h3 {
margin: 0;
font-size: 1.25rem;
}
.slp-body .seo-plan-price {
display: flex;
align-items: baseline;
gap: 0.4rem;
color: var(--slp-text);
}
.slp-body .seo-plan-price strong {
font-size: 2.35rem;
line-height: 1;
letter-spacing: -0.03em;
}
.slp-body .seo-plan-price span {
color: var(--slp-text-body);
font-size: 0.95rem;
font-weight: 700;
}
.slp-body .seo-plan-annual {
width: fit-content;
border-radius: 999px;
background: var(--slp-bg-alt);
border: 1px solid var(--slp-border);
color: var(--slp-text);
font-size: 0.9rem;
font-weight: 800;
padding: 0.5rem 0.7rem;
}
.slp-body .seo-plan-card p {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
}
.slp-body .seo-plan-card ul {
margin: 0;
padding: 0;
list-style: none;
}
.slp-body .seo-plan-card li {
position: relative;
margin: 0;
padding: 0.35rem 0 0.35rem 1.4rem;
font-size: 0.95rem;
line-height: 1.5;
}
.slp-body .seo-plan-card li::before {
content: '';
position: absolute;
left: 0;
top: 0.85rem;
width: 0.45rem;
height: 0.45rem;
border-radius: 50%;
background: #66BB6A;
}
.slp-body .seo-comparison-table {
box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06);
}
.slp-body .seo-comparison-table th:first-child,
.slp-body .seo-comparison-table td:first-child {
width: 18%;
color: var(--slp-text);
font-weight: 800;
}
.slp-body .seo-comparison-table th:nth-child(2),
.slp-body .seo-comparison-table td:nth-child(2) {
background: #fffdf0;
color: var(--slp-text);
font-weight: 700;
}
.slp-body .seo-comparison-table th {
vertical-align: bottom;
}
@media (max-width: 960px) {
.slp-body .seo-pricing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
.slp-body .seo-pricing-grid {
grid-template-columns: 1fr;
}
}
/* ---- APP SCREENSHOTS ---- */
.slp-body .seo-app-screenshot {
margin: 2rem 0 2.5rem;
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--slp-border);
box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}
.slp-body .seo-app-screenshot img {
display: block;
width: 100%;
height: auto;
cursor: pointer;
transition: opacity 0.2s;
}
.slp-body .seo-app-screenshot img:hover {
opacity: 0.92;
}
/* ---- IMAGE MODAL ---- */
.slp-image-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.85);
z-index: 99999;
cursor: pointer;
justify-content: center;
align-items: center;
padding: 2rem;
}
.slp-image-modal.active {
display: flex;
}
.slp-image-modal img {
max-width: 95%;
max-height: 90vh;
border-radius: 8px;
box-shadow: 0 8px 40px rgba(0,0,0,0.4);
}
.slp-image-modal-close {
position: fixed;
top: 1rem;
right: 1.5rem;
color: #fff;
font-size: 2rem;
cursor: pointer;
z-index: 100000;
line-height: 1;
font-weight: 300;
}
/* ---- APP STORE BUTTONS ---- */
.slp-app-stores {
display: flex;
gap: 0.5rem;
align-items: center;
margin-top: 1rem;
}
.slp-app-stores a {
display: inline-block;
transition: opacity 0.2s;
}
.slp-app-stores a:hover {
opacity: 0.8;
}
/* ---- MID CTA ---- */
.slp-body .seo-lp-cta-mid {
background: var(--slp-bg-alt);
border: 2px solid var(--slp-yellow);
border-radius: 12px;
padding: 2rem;
text-align: center;
margin: 2.5rem 0;
}
.slp-body .seo-lp-cta-mid p {
font-size: 1.15rem;
margin-bottom: 1rem;
color: var(--slp-text);
}
/* ---- FAQ ---- */
.slp-faq {
background: var(--slp-bg-alt);
padding: 3.5rem 0;
border-top: 1px solid var(--slp-border);
}
.slp-faq h2 {
font-size: 1.75rem;
font-weight: 800;
color: var(--slp-text);
margin-bottom: 1.75rem;
letter-spacing: -0.01em;
}
.slp-faq-item {
border-bottom: 1px solid var(--slp-border);
}
.slp-faq-item:first-child {
border-top: 1px solid var(--slp-border);
}
.slp-faq-q {
width: 100%;
background: none;
border: none;
text-align: left;
padding: 1.15rem 0;
font-size: 1.05rem;
font-weight: 600;
color: var(--slp-text);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
transition: color 0.15s;
font-family: inherit;
line-height: 1.4;
}
.slp-faq-q:hover {
color: var(--slp-black);
background: transparent;
}
.slp-faq-q:focus {
outline: none;
background: transparent;
}
.slp-faq-icon {
font-size: 1.4rem;
font-weight: 300;
flex-shrink: 0;
transition: transform 0.25s ease;
color: var(--slp-text-muted);
width: 24px;
text-align: center;
}
.slp-faq-item.open .slp-faq-icon {
transform: rotate(45deg);
color: var(--slp-text);
}
.slp-faq-a {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.slp-faq-item.open .slp-faq-a {
max-height: 600px;
}
.slp-faq-a p {
padding: 0 0 1.25rem;
font-size: 1rem;
line-height: 1.75;
color: var(--slp-text-body);
}
/* ---- BOTTOM CTA ---- */
.slp-cta-bottom {
background: var(--slp-bg-alt);
padding: 4rem 0;
text-align: center;
border-top: 1px solid var(--slp-border);
}
.slp-cta-bottom h2 {
font-size: clamp(1.5rem, 3.5vw, 2rem);
font-weight: 800;
color: var(--slp-text);
margin-bottom: 0.75rem;
letter-spacing: -0.01em;
}
.slp-cta-bottom p {
font-size: 1.1rem;
color: var(--slp-text-body);
margin-bottom: 1.75rem;
}
.slp-cta-bottom .slp-cta-row {
display: flex;
gap: 0.75rem;
justify-content: center;
flex-wrap: wrap;
}
/* ---- BREADCRUMB ---- */
.slp-breadcrumb {
background: var(--slp-bg);
padding: 0.6rem 0;
font-size: 0.85rem;
border-bottom: 1px solid var(--slp-border);
}
.slp-breadcrumb a {
color: var(--slp-text-muted);
text-decoration: none;
}
.slp-breadcrumb a:hover {
color: var(--slp-text);
text-decoration: underline;
}
.slp-breadcrumb span {
color: var(--slp-text-body);
}
.slp-bc-sep {
margin: 0 0.35rem;
color: var(--slp-text-muted);
}
/* ---- RELATED PAGES ---- */
.slp-related {
padding: 3rem 0;
border-top: 1px solid var(--slp-border);
}
.slp-related h2 {
font-size: 1.4rem;
font-weight: 800;
color: var(--slp-text);
margin-bottom: 1.25rem;
}
.slp-related-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 1rem;
}
.slp-related-card {
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 1.25rem;
border: 1px solid var(--slp-border);
border-radius: 8px;
text-decoration: none;
transition: border-color 0.2s, box-shadow 0.2s;
}
.slp-related-card:hover {
border-color: var(--slp-text);
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.slp-related-title {
font-weight: 700;
font-size: 0.95rem;
color: var(--slp-text);
line-height: 1.3;
}
.slp-related-excerpt {
font-size: 0.85rem;
color: var(--slp-text-muted);
line-height: 1.5;
}
/* ---- TRUSTPILOT ---- */
.slp-trustpilot {
padding: 3rem 0;
border-top: 1px solid var(--slp-border);
}
.slp-tp-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1.75rem;
gap: 1rem;
}
.slp-tp-stars { display: inline-flex; gap: 2px; vertical-align: middle; margin-left: 0.4rem; }
.slp-tp-badge {
background: #00B67A;
padding: 0.5rem 1rem;
border-radius: 6px;
display: inline-flex;
align-items: center;
flex-shrink: 0;
}
.slp-tp-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1rem;
}
.slp-tp-card {
border: 1px solid var(--slp-border);
border-radius: 8px;
padding: 1.25rem;
background: var(--slp-bg);
transition: box-shadow 0.2s;
}
.slp-tp-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.slp-tp-card-stars { display: flex; gap: 2px; margin-bottom: 0.6rem; }
.slp-tp-card-title { font-size: 0.95rem; font-weight: 700; color: var(--slp-text); margin: 0 0 0.4rem; }
.slp-tp-card-text { font-size: 0.9rem; line-height: 1.6; color: var(--slp-text-body); margin: 0 0 0.75rem; }
.slp-tp-card-author { font-size: 0.8rem; color: var(--slp-text-muted); display: flex; justify-content: space-between; }
.slp-tp-card-author strong { color: var(--slp-text); }
@media (max-width: 768px) {
.slp-tp-header { flex-direction: column; }
.slp-tp-grid { grid-template-columns: 1fr; }
}
/* ---- CHANNELS HUB: jump-link pills ---- */
.slp-body .fc-channels-jump {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 1rem 0 1.5rem;
}
.slp-body .fc-channels-jump a {
display: inline-block;
padding: 0.35rem 0.85rem;
background: var(--slp-bg-alt);
border: 1px solid var(--slp-border);
border-radius: 999px;
font-size: 0.85rem;
color: var(--slp-text-body);
text-decoration: none;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.slp-body .fc-channels-jump a:hover {
background: var(--slp-yellow);
color: var(--slp-text);
border-color: var(--slp-text);
}
/* ---- CHANNELS HUB: category heading + cards grid ---- */
.slp-body .fc-channels-cat {
margin: 2rem 0 0.5rem;
font-size: 1.05rem;
font-weight: 700;
color: var(--slp-text);
}
.slp-body .fc-channels-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1rem;
margin: 0.75rem 0 1.5rem;
}
.slp-body .fc-channel-card {
display: flex;
flex-direction: column;
gap: 0.45rem;
padding: 1.2rem 1.25rem 1.1rem;
background: #fff;
border: 1px solid var(--slp-border);
border-radius: 8px;
text-decoration: none !important;
transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
.slp-body .fc-channel-card:hover {
border-color: var(--slp-text);
box-shadow: 0 6px 16px rgba(0,0,0,0.06);
transform: translateY(-1px);
}
.slp-body .fc-channel-card .fc-name {
margin: 0;
font-size: 1.1rem;
font-weight: 700;
color: var(--slp-text);
line-height: 1.2;
}
.slp-body .fc-channel-card .fc-tagline {
margin: 0;
font-size: 0.92rem;
color: var(--slp-text-body);
line-height: 1.4;
}
.slp-body .fc-channel-card .fc-stats {
margin: 0;
font-size: 0.78rem;
color: var(--slp-text-muted);
line-height: 1.5;
}
.slp-body .fc-channel-card .fc-cta {
margin-top: auto;
padding-top: 0.5rem;
font-size: 0.82rem;
font-weight: 600;
color: var(--slp-text);
}
.slp-body .fc-channel-card:hover .fc-cta {
color: #b89d00;
}
/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
.slp-hero { padding: 3rem 0 2.5rem; }
.slp-hero h1 { font-size: 1.75rem; }
.slp-trust-inner { flex-direction: column; align-items: center; gap: 0.5rem; }
.slp-body h2 { font-size: 1.4rem; }
.slp-body table { font-size: 0.85rem; display: block; overflow-x: auto; }
.slp-body th, .slp-body td { padding: 0.5rem 0.6rem; white-space: nowrap; }
.slp-cta-bottom { padding: 3rem 0; }
.slp-cta-bottom h2 { font-size: 1.4rem; }
.slp-body .fc-channels-grid { grid-template-columns: 1fr; gap: 0.75rem; }
.slp-body .fc-channels-jump { gap: 0.4rem; }
.slp-body .fc-channels-jump a { padding: 0.3rem 0.65rem; font-size: 0.8rem; }
}
FLUF Connect
Canaux
Guides complets pour vendre sur chaque grande place de marché — frais, conseils de mise en vente, expédition et stratégies de cross-listing.
19 marketplaces, un tableau de bord
Synchronisation automatique des stocks
Support WhatsApp, email et dans l'application
Explorez les guides de vente pour chaque place de marché que FLUF Connect prend en charge.
Nouveaux guides de canal
Commencez le Crosslisting Aujourd'hui
Plans à partir de £19/mois. Configuration en moins de 10 minutes.
×
![]()
