*/
.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
Fonctionnalités
TL;DR: FLUF Connect includes automation features that most competitors charge extra for — auto-relisting, offer management, bulk operations, and real-time inventory sync. All included free.
Automation Features Built for Resellers
FLUF Connect goes beyond basic crosslisting. These automation features save resellers hours every day by handling the repetitive tasks that slow you down — relisting stale inventory, managing offers across platforms, updating prices in bulk, and keeping stock levels synced so you never oversell.
Feature Deep Dives
Growth Tools
Croissance des Abonnés Depop
Guides connexes
Commencez à croiser vos listes aujourd'hui
Plans à partir de £19 par mois. Configuration en moins de 10 minutes.
×
