Homepage - Můj e-shop

Novinky

<style>

/* =========================================================
DETAIL MÁNIE – FINÁLNÍ OPRAVENÁ VERZE
========================================================= */

/* =========================================================
VYHLEDÁVÁNÍ
========================================================= */

input[type="search"],
input[placeholder*="hledaný"],
input[placeholder*="Hledaný"],
input[placeholder*="hledání"],
input[placeholder*="Hledání"],
input[placeholder*="Vyhledej"] {

background:#151515 !important;
background-color:#151515 !important;

color:#ffffff !important;

border:1px solid #3a3a3a !important;

border-radius:8px !important;

height:46px !important;
min-height:46px !important;

padding:0 16px !important;

font-family:Arial,Helvetica,sans-serif !important;

font-size:16px !important;
font-weight:500 !important;

line-height:46px !important;

box-sizing:border-box !important;

outline:none !important;

box-shadow:
inset 0 0 0 1px rgba(255,255,255,.03),
0 2px 8px rgba(0,0,0,.25) !important;
}

/* PLACEHOLDER */

input[type="search"]::placeholder,
input[placeholder*="hledaný"]::placeholder,
input[placeholder*="Hledaný"]::placeholder,
input[placeholder*="hledání"]::placeholder,
input[placeholder*="Hledání"]::placeholder,
input[placeholder*="Vyhledej"]::placeholder {

color:#999999 !important;

opacity:1 !important;

font-size:16px !important;
}

/* FOCUS */

input[type="search"]:focus,
input[placeholder*="hledaný"]:focus,
input[placeholder*="Hledaný"]:focus,
input[placeholder*="hledání"]:focus,
input[placeholder*="Hledání"]:focus,
input[placeholder*="Vyhledej"]:focus {

background:#111111 !important;

border-color:#e71920 !important;

outline:none !important;

box-shadow:
0 0 0 2px rgba(231,25,32,.12),
0 3px 12px rgba(0,0,0,.35) !important;
}

/* LUPA */

input[type="search"] + button,
input[type="search"] ~ button {

color:#ffffff !important;
}

/* =========================================================
HLAVNÍ KONTEJNER
========================================================= */

.detail-manie-page {

width:100% !important;

margin:0 !important;

padding:0 !important;

background:#090909 !important;

color:#ffffff !important;

font-family:
Arial,
Helvetica,
sans-serif !important;

box-sizing:border-box !important;

overflow:hidden !important;
}

.detail-manie-page *,
.detail-manie-page *::before,
.detail-manie-page *::after {

box-sizing:border-box;
}

/* =========================================================
ÚVOD
========================================================= */

.detail-intro {

width:100% !important;

margin:0 !important;

padding:30px 10px 34px !important;

background:#090909 !important;

text-align:center !important;
}

/* =========================================================
ZNAČKA
========================================================= */

.detail-brand {

color:#e71920 !important;

font-size:10px !important;

line-height:1.3 !important;

font-weight:800 !important;

letter-spacing:5px !important;

margin:0 0 12px !important;

text-transform:uppercase !important;
}

/* =========================================================
HLAVNÍ NADPIS
========================================================= */

.detail-title {

margin:0 0 22px !important;

padding:0 !important;

color:#ffffff !important;

font-size:31px !important;

line-height:1.05 !important;

font-weight:900 !important;

text-transform:uppercase !important;
}

.detail-title span {

color:#e71920 !important;
}

/* =========================================================
VYBRAT PRODUKTY
JEDINÉ CTA NA STRÁNCE
========================================================= */

.detail-top-button {

display:flex !important;

align-items:center !important;

justify-content:center !important;

width:100% !important;

max-width:640px !important;

height:60px !important;

min-height:60px !important;

margin:0 auto 29px !important;

padding:0 24px !important;

background:#e71920 !important;

color:#ffffff !important;

text-decoration:none !important;

font-size:14px !important;

line-height:1 !important;

font-weight:900 !important;

letter-spacing:1.2px !important;

border-radius:6px !important;

box-shadow:
0 8px 24px rgba(231,25,32,.18) !important;
}

.detail-top-button:hover {

background:#f32027 !important;

color:#ffffff !important;
}

/* =========================================================
4 MOTIVAČNÍ KARTY
========================================================= */

.detail-motivations {

width:100% !important;

max-width:900px !important;

margin:0 auto 29px !important;

padding:0 !important;

display:grid !important;

grid-template-columns:repeat(2,1fr) !important;

gap:10px !important;
}

.detail-card {

width:100% !important;

min-height:106px !important;

margin:0 !important;

padding:17px 7px !important;

background:#111111 !important;

border:1px solid #292929 !important;

display:flex !important;

flex-direction:column !important;

align-items:center !important;

justify-content:center !important;

text-align:center !important;
}

.detail-card-icon {

color:#ffffff !important;

font-size:27px !important;

line-height:1 !important;

margin:0 0 9px !important;
}

.detail-card-title {

color:#ffffff !important;

font-size:12px !important;

line-height:1.2 !important;

font-weight:900 !important;

text-transform:uppercase !important;
}

.detail-card-text {

color:#888888 !important;

font-size:10px !important;

line-height:1.3 !important;

margin:7px 0 0 !important;
}

/* =========================================================
ODDĚLOVAČ
========================================================= */

.detail-divider {

width:55px !important;

height:2px !important;

margin:0 auto 27px !important;

padding:0 !important;

background:#e71920 !important;
}

/* =========================================================
KATEGORIE
========================================================= */

.detail-category {

display:block !important;

width:100% !important;

margin:0 auto 18px !important;

padding:0 !important;

border:0 !important;

text-decoration:none !important;

line-height:0 !important;
}

.detail-category:last-child {

margin-bottom:0 !important;
}

.detail-category img {

display:block !important;

width:100% !important;

height:auto !important;

margin:0 !important;

padding:0 !important;

border:0 !important;

border-radius:7px !important;
}

/* =========================================================
EMOČNÍ SEKCE
========================================================= */

.detail-emotion {

width:100% !important;

max-width:1100px !important;

margin:24px auto 0 !important;

padding:52px 18px 46px !important;

background:#111111 !important;

text-align:center !important;
}

/* =========================================================
EMOČNÍ NADPIS
========================================================= */

.detail-emotion-title {

margin:0 0 19px !important;

padding:0 !important;

color:#ffffff !important;

font-size:29px !important;

line-height:1.08 !important;

font-weight:900 !important;

text-transform:uppercase !important;
}

.detail-emotion-title span {

color:#e71920 !important;
}

/* =========================================================
POPIS
========================================================= */

.detail-description {

max-width:650px !important;

margin:0 auto 40px !important;

padding:0 !important;

color:#999999 !important;

font-size:15px !important;

line-height:1.55 !important;
}

/* =========================================================
EMOČNÍ BODY
========================================================= */

.detail-emotion-item {

max-width:700px !important;

margin:0 auto 34px !important;

padding:0 !important;

text-align:center !important;
}

.detail-emotion-item:last-child {

margin-bottom:0 !important;
}

.detail-emotion-icon {

color:#e71920 !important;

font-size:30px !important;

line-height:1 !important;

margin:0 0 13px !important;
}

.detail-emotion-item strong {

display:block !important;

margin:0 !important;

color:#ffffff !important;

font-size:18px !important;

line-height:1.25 !important;

font-weight:900 !important;

text-transform:uppercase !important;
}

.detail-emotion-item p {

margin:8px 0 0 !important;

padding:0 !important;

color:#888888 !important;

font-size:14px !important;

line-height:1.4 !important;
}

/* =========================================================
ZÁVĚR
KOMPAKTNÍ – BEZ TLAČÍTKA
========================================================= */

.detail-final {

display:block !important;

width:100% !important;

height:auto !important;

min-height:0 !important;

max-height:none !important;

margin:0 !important;

padding:42px 18px 40px !important;

background:#090909 !important;

text-align:center !important;

overflow:visible !important;
}

.detail-final .detail-divider {

margin:0 auto 25px !important;
}

.detail-final .detail-brand {

margin-bottom:12px !important;
}

.detail-final-title {

display:block !important;

height:auto !important;

min-height:0 !important;

margin:0 0 15px !important;

padding:0 !important;

color:#ffffff !important;

font-size:30px !important;

line-height:1.08 !important;

font-weight:900 !important;

text-transform:uppercase !important;
}

.detail-final-title span {

color:#e71920 !important;
}

.detail-final-text {

display:block !important;

height:auto !important;

min-height:0 !important;

margin:0 auto !important;

padding:0 !important;

color:#999999 !important;

font-size:15px !important;

line-height:1.5 !important;
}

/* =========================================================
ZÁKAZ SPODNÍHO CTA
========================================================= */

.detail-final a,
.detail-final .detail-button,
.detail-final .detail-top-button {

display:none !important;
}

/* =========================================================
MOBIL
========================================================= */

@media (max-width:600px) {

/* VYHLEDÁVÁNÍ */

input[type="search"],
input[placeholder*="hledaný"],
input[placeholder*="Hledaný"],
input[placeholder*="hledání"],
input[placeholder*="Hledání"],
input[placeholder*="Vyhledej"] {

height:44px !important;

min-height:44px !important;

padding:0 14px !important;

font-size:15px !important;
}

/* ÚVOD */

.detail-intro {

padding:
25px
10px
30px !important;
}

.detail-brand {

font-size:9px !important;

letter-spacing:4.5px !important;

margin-bottom:11px !important;
}

.detail-title {

font-size:29px !important;

margin-bottom:20px !important;
}

/* CTA NAHOŘE */

.detail-top-button {

width:100% !important;

max-width:none !important;

height:60px !important;

min-height:60px !important;

margin-bottom:27px !important;

padding:0 20px !important;

font-size:13px !important;
}

/* KARTY */

.detail-motivations {

gap:9px !important;

margin-bottom:27px !important;
}

.detail-card {

min-height:103px !important;

padding:16px 6px !important;
}

.detail-card-icon {

font-size:25px !important;

margin-bottom:9px !important;
}

.detail-card-title {

font-size:11.5px !important;
}

.detail-card-text {

font-size:10px !important;
}

/* BANNERY */

.detail-category {

margin-bottom:17px !important;
}

/* EMOČNÍ SEKCE */

.detail-emotion {

margin-top:23px !important;

padding:
48px
17px
43px !important;
}

.detail-emotion-title {

font-size:26px !important;

margin-bottom:18px !important;
}

.detail-description {

font-size:14px !important;

line-height:1.55 !important;

margin-bottom:37px !important;
}

.detail-emotion-item {

margin-bottom:33px !important;
}

.detail-emotion-icon {

font-size:29px !important;

margin-bottom:13px !important;
}

.detail-emotion-item strong {

font-size:16px !important;

line-height:1.25 !important;
}

.detail-emotion-item p {

font-size:13px !important;

margin-top:8px !important;
}

/* ZÁVĚR */

.detail-final {

height:auto !important;

min-height:0 !important;

padding:
38px
17px
35px !important;

margin:0 !important;
}

.detail-final .detail-divider {

margin-bottom:23px !important;
}

.detail-final-title {

font-size:27px !important;

line-height:1.08 !important;

margin-bottom:13px !important;
}

.detail-final-text {

font-size:14px !important;

line-height:1.45 !important;
}

}

/* =========================================================
MENŠÍ TELEFONY
========================================================= */

@media (max-width:380px) {

.detail-title {

font-size:26px !important;
}

.detail-card {

min-height:101px !important;
}

.detail-card-title {

font-size:10.5px !important;
}

.detail-card-text {

font-size:9.5px !important;
}

.detail-emotion-title {

font-size:24px !important;
}

.detail-final-title {

font-size:25px !important;
}

}

</style>

(function () {

function upravitVyhledavani() {

var inputy = document.querySelectorAll(
'input[type="search"],' +
'input[placeholder*="hledaný"],' +
'input[placeholder*="Hledaný"],' +
'input[placeholder*="hledání"],' +
'input[placeholder*="Hledání"],' +
'input[placeholder*="Vyhledej"]'
);

inputy.forEach(function(input) {

input.setAttribute(
"placeholder",
"Vyhledej produkt…"
);

input.setAttribute(
"aria-label",
"Vyhledej produkt"
);

});

}

function spustit() {

upravitVyhledavani();

}

spustit();

setTimeout(spustit,300);

setTimeout(spustit,800);

setTimeout(spustit,1500);

setTimeout(spustit,2500);

if (window.MutationObserver) {

var observer =
new MutationObserver(
function() {

upravitVyhledavani();

}
);

observer.observe(
document.body,
{
childList:true,
subtree:true
}
);

}

})();

</script>

<div class="detail-brand">
DETAIL MÁNIE
</div>

TVOJE AUTO.<br>

<span>NÁŠ PODPIS.</span>

</h2>

<a
href="/exterier/"
class="detail-top-button"
>
VYBRAT PRODUKTY →
</a>

<div class="detail-card-title">
ZAČNI. ZBYTEK UVIDÍŠ.
</div>

<div class="detail-card-text">
První dotek změní pohled.
</div>

</div>

<div class="detail-card-title">
LESK, KTERÝ VEDE.
</div>

<div class="detail-card-text">
Rozdíl poznáš na první pohled.
</div>

</div>

<div class="detail-card-title">
VYBER SI SVŮJ STANDARD.
</div>

<div class="detail-card-text">
Protože kompromis není pro každého.
</div>

</div>

<div class="detail-card-title">
DETAIL JE NAŠE HRA.
</div>

<div class="detail-card-text">
A výsledky jsou vidět.
</div>

</div>

</a>

</a>

</a>

</a>

</a>

</section>

<div class="detail-brand">
DETAIL MÁNIE
</div>

AUTO MÁ KAŽDÝ.<br>

<span>CHARAKTER UŽ NE.</span>

</h2>

Nejde jen o čisté auto.<br>

Jde o ten pocit, když se na něj podíváš<br>

a víš, že přesně takhle to má vypadat.

</p>

<strong>
AŤ JE VIDĚT, KDO SE STARÁ.
</strong>

<p>
Rozdíl začíná detailem.
</p>

</div>

<strong>
LESK, KTERÝ NENECHÁŠ BÝT.
</strong>

<p>
Jednou začneš. Pak už nechceš zpět.
</p>

</div>

<strong>
VYBER SI SVŮJ STANDARD.
</strong>

<p>
Protože kompromis není pro každého.
</p>

</div>

<strong>
DETAIL, KTERÝ MÁ PODPIS.
</strong>

<p>
Poznáš ho na první pohled.
</p>

</div>

</section>

<div class="detail-brand">
DETAIL MÁNIE
</div>

NENECH HO<br>

<span>VYPADAT JAKO OSTATNÍ.</span>

</h2>

Protože první pohled rozhoduje.

</p>

</section>

</div>

Co potřebujete najít?

Doporučujeme