*/
.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; }
}
TL;DR: FLUF Connect zawiera funkcje automatyzacji, za które większość konkurentów pobiera dodatkowe opłaty — automatyczne ponowne wystawianie, zarządzanie ofertami, operacje masowe i synchronizacja zapasów w czasie rzeczywistym. Wszystko w cenie.
Funkcje automatyzacji stworzone dla sprzedawców
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.
Szczegółowe omówienia funkcji
Narzędzia wzrostu
Wzrost Obserwujących na Depop
Powiązane Przewodniki
Zacznij Crosslisting Dziś
Plany od £19/miesiąc. Ustaw w mniej niż 10 minut.
×
