velkoobchod

.mb-hero {
background:#111;
color:white;
padding:70px 0;
overflow:hidden;
}
.mb-hero-grid {
display:grid;
grid-template-columns:1.15fr .85fr;
gap:50px;
align-items:center;
}
.mb-logo {
max-width:340px;
width:100%;
background:white;
padding:15px;
margin-bottom:35px;
}
.mb-hero h1 {
font-size:58px;
line-height:1;
margin-bottom:20px;
text-transform:uppercase;
}
.mb-red {color:var(--red);}
.mb-hero p {
font-size:20px;
line-height:1.6;
max-width:650px;
}
.mb-btn {
display:inline-block;
background:var(--red);
color:white!important;
text-decoration:none!important;
padding:17px 30px;
margin-top:15px;
font-size:17px;
font-weight:800;
text-transform:uppercase;
border-radius:3px;
transition:.2s;
}
.mb-btn:hover {
background:#c91017;
transform:translateY(-2px);
}
.mb-hero-box {
border:1px solid #444;
background:#1d1d1d;
padding:35px;
}
.mb-hero-box h3 {
color:white;
font-size:25px;
}
.mb-check {
padding:12px 0;
border-bottom:1px solid #383838;
font-size:17px;
}
.mb-check:last-child {border:0;}
.mb-check span {
color:var(--red);
font-weight:bold;
margin-right:10px;
}

.mb-benefits {
background:var(--light);
padding:30px 0;
}
.mb-benefit-grid {
display:grid;
grid-template-columns:repeat(5,1fr);
text-align:center;
}
.mb-benefit {
padding:12px;
font-weight:800;
border-right:1px solid #ddd;
}
.mb-benefit:last-child {border:0;}
.mb-benefit strong {
color:var(--red);
display:block;
font-size:25px;
margin-bottom:5px;
}

.mb-section {
padding:80px 0;
}
.mb-title {
text-align:center;
font-size:40px;
text-transform:uppercase;
margin-bottom:45px;
}
.mb-title:after {
content:"";
display:block;
width:70px;
height:5px;
background:var(--red);
margin:15px auto 0;
}

.mb-cards {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.mb-card {
border:1px solid #e3e3e3;
padding:30px;
min-height:190px;
background:white;
}
.mb-card-num {
color:var(--red);
font-size:34px;
font-weight:900;
}
.mb-card h3 {
font-size:21px;
text-transform:uppercase;
margin:10px 0;
}
.mb-card p {
color:#666;
line-height:1.6;
margin:0;
}

.mb-dark {
background:#1c1c1c;
color:white;
}
.mb-dark .mb-title {color:white;}

.mb-categories {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}
.mb-category {
background:#292929;
padding:25px;
border-left:5px solid var(--red);
font-size:19px;
font-weight:800;
text-transform:uppercase;
}

.mb-brands {
text-align:center;
margin-top:40px;
color:#aaa;
font-size:18px;
font-weight:bold;
word-spacing:15px;
}

.mb-steps {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}
.mb-step {
text-align:center;
}
.mb-step-number {
width:65px;
height:65px;
line-height:65px;
border-radius:50%;
margin:0 auto 20px;
background:var(--red);
color:white;
font-size:24px;
font-weight:900;
}
.mb-step h3 {
font-size:20px;
text-transform:uppercase;
}
.mb-step p {
color:#666;
line-height:1.6;
}

.mb-cta {
background:var(--red);
color:white;
text-align:center;
padding:70px 20px;
}
.mb-cta h2 {
color:white;
font-size:42px;
text-transform:uppercase;
margin-bottom:15px;
}
.mb-cta p {
max-width:700px;
margin:0 auto 20px;
font-size:18px;
}
.mb-cta .mb-btn {
background:white;
color:#222!important;
padding:19px 35px;
}

@media(max-width:800px){
.mb-hero-grid {grid-template-columns:1fr;}
.mb-hero {padding:45px 0;}
.mb-hero h1 {font-size:40px;}
.mb-benefit-grid {grid-template-columns:1fr 1fr;}
.mb-benefit {border-bottom:1px solid #ddd;}
.mb-cards,.mb-categories {grid-template-columns:1fr;}
.mb-steps {grid-template-columns:1fr 1fr;}
.mb-section {padding:55px 0;}
.mb-title {font-size:32px;}
}
@media(max-width:480px){
.mb-steps,.mb-benefit-grid {grid-template-columns:1fr;}
.mb-hero h1 {font-size:34px;}
}
</style>

<h1>
VEĽKOOBCHOD PRE<br>
<span class="mb-red">BIKE SHOPY A SERVISY</span>
</h1>

<p>
Cyklistické komponenty a OEM produkty za veľkoobchodné ceny.
Získajte prístup k B2B ponuke MARATON.BIKE určenej pre profesionálnych predajcov a servisy.
</p>

<a class="mb-btn" href="URL-REGISTRACIE">
REGISTROVAŤ SA DO VEĽKOOBCHODU →
</a>
</div>

<div class="mb-hero-box">
<h3>VEĽKOOBCHOD MARATON.BIKE</h3>
<div class="mb-check"><span>✓</span> Veľkoobchodné ceny</div>
<div class="mb-check"><span>✓</span> OEM produkty</div>
<div class="mb-check"><span>✓</span> Tovar skladom</div>
<div class="mb-check"><span>✓</span> Rýchla expedícia</div>
<div class="mb-check"><span>✓</span> Dodanie v rámci EÚ</div>
</div>

</div>
</div>
</section>

<section class="mb-benefits">
<div class="mb-wrap mb-benefit-grid">
<div class="mb-benefit"><strong>B2B</strong>Veľkoobchodné ceny</div>
<div class="mb-benefit"><strong>OEM</strong>Originálne komponenty</div>
<div class="mb-benefit"><strong>24H</strong>Rýchla expedícia</div>
<div class="mb-benefit"><strong>EU</strong>Dodanie v rámci EÚ</div>
<div class="mb-benefit"><strong>SKLAD</strong>Tovar skladom</div>
</div>
</section>

<h2 class="mb-title">Prečo MARATON.BIKE?</h2>

<div class="mb-card">
<div class="mb-card-num">01</div>
<h3>Veľkoobchodné ceny</h3>
<p>Po aktivácii B2B účtu získate prístup k zvýhodneným cenám určeným pre veľkoobchodných partnerov.</p>
</div>

<div class="mb-card">
<div class="mb-card-num">02</div>
<h3>OEM produkty</h3>
<p>Originálne komponenty bez klasického maloobchodného balenia za atraktívne veľkoobchodné ceny.</p>
</div>

<div class="mb-card">
<div class="mb-card-num">03</div>
<h3>Tovar skladom</h3>
<p>Zameriavame sa na komponenty, ktoré cyklistické predajne a servisy reálne potrebujú.</p>
</div>

<div class="mb-card">
<div class="mb-card-num">04</div>
<h3>Rýchla expedícia</h3>
<p>Skladové objednávky expedujeme štandardne do 24 hodín.</p>
</div>

<div class="mb-card">
<div class="mb-card-num">05</div>
<h3>Dodanie v EÚ</h3>
<p>Dodávame veľkoobchodným partnerom na Slovensku aj v ďalších krajinách Európskej únie.</p>
</div>

<div class="mb-card">
<div class="mb-card-num">06</div>
<h3>Pre profesionálov</h3>
<p>B2B program je určený pre bike shopy, cykloservisy, požičovne a ďalších profesionálnych partnerov.</p>
</div>

</div>
</div>
</section>

<h2 class="mb-title">Sortiment pre profesionálov</h2>

<div class="mb-categories">
<div class="mb-category">Pohony a radenie</div>
<div class="mb-category">Brzdy</div>
<div class="mb-category">Kolesá a náboje</div>
<div class="mb-category">Plášte</div>
<div class="mb-category">Vidlice a tlmiče</div>
<div class="mb-category">OEM komponenty</div>
</div>

<div class="mb-brands">
SHIMANO • SRAM • MAGURA • DT SWISS • CONTINENTAL • MAXXIS • ONZA
</div>

</div>
</section>

<h2 class="mb-title">Ako začať?</h2>

<div class="mb-step">
<div class="mb-step-number">1</div>
<h3>Registrácia</h3>
<p>Vytvorte si firemný účet a zadajte svoje firemné údaje.</p>
</div>

<div class="mb-step">
<div class="mb-step-number">2</div>
<h3>Overenie</h3>
<p>Skontrolujeme údaje vašej spoločnosti.</p>
</div>

<div class="mb-step">
<div class="mb-step-number">3</div>
<h3>Aktivácia</h3>
<p>Po schválení vám aktivujeme veľkoobchodný B2B účet.</p>
</div>

<div class="mb-step">
<div class="mb-step-number">4</div>
<h3>Nakupujete</h3>
<p>Po prihlásení získate prístup k veľkoobchodným cenám.</p>
</div>

</div>
</div>
</section>

<h2>PREVÁDZKUJETE BIKE SHOP ALEBO SERVIS?</h2>

<p>
Staňte sa veľkoobchodným partnerom MARATON.BIKE a získajte prístup k našej B2B ponuke.
</p>

<a class="mb-btn" href="URL-REGISTRACIE">
VYTVORIŤ VEĽKOOBCHODNÝ ÚČET →
</a>

</section>

</div>