@charset "UTF-8";
/* =====================================================================
   ELITEBIKER.SK – eb-all-homepage30-v3.css (9. 11. 2026)
   Nahrádza eb-all-homepage30-v2.css. Oproti v2 sú tu navyše oba bloky
   <style>, ktoré boli vložené priamo v Záhlaví (časti 8 a 9) – zo Záhlavia
   sa zmažú. Pravidlá sú inak totožné s v2.

   Všetky vlastné štýly v jednom súbore, v pôvodnom poradí:
     1. top1.css           6. eb-cls-v2.css
     2. darcekyy.css       7. prázdny Facebook box (z v2)
     3. popisy1.css        8. bývalý <style> – Popis kategórie
     4. popisy2.css        9. bývalý <style> – tabuľky, filtre, popisy…
     5. homepage30e.css
   Poradie je dôležité (neskoršie pravidlo prebije skoršie), preto ho nemeniť.

   NÁZOV musí obsahovať „homepage30“ – podľa toho hlavný skript pozná,
   že štýly sú v Záhlaví (inak by donačítal starý /user/documents/homepage30.css).
   Nahráva sa cez Správcu súborov do /user/documents/upload/. Ten súbory
   neprepisuje (z rovnakého názvu urobí nazov_1) a CDN ich drží rok →
   každá zmena = nový názov (eb-all-homepage30-v4.css …).
   ===================================================================== */


/* #####################################################################
   1/9  top1.css
   pôvodne: https://www.elitebiker.sk/user/documents/top1.css
   ##################################################################### */

/* Banner */
@media only screen and (max-width: 1200px) {
    .footer-banners,
    .middle-banners-wrapper,
    .next-to-carousel-banners {
        display: flex;
        flex-wrap: nowrap;
        gap: 5px;
    }
}

/* Veľkosť obrázkov v kategórii */
.navigation-in>ul>li.ext>ul>li>a img {
display: block;
max-width: 100%;
height: auto;
max-height: 100%;
}

.site-msg.information, div.message.notice-message {
background: #d2d9fa;
color: var(--color-primary);
}

.color-badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: conic-gradient(
        #FFFF00 0% 8.33%,
        #FFCC00 8.33% 16.66%,
        #FF7F00 16.66% 25%,
        #FF3300 25% 33.33%,
        #FF0099 33.33% 41.66%,
        #9900FF 41.66% 50%,
        #6600FF 50% 58.33%,
        #0033FF 58.33% 66.66%,
        #00CCCC 66.66% 75%,
        #00FF66 75% 83.33%,
        #33FF00 83.33% 91.66%,
        #FFFF00 91.66% 100%
    );
    border: 1px solid #ccc;
    display: block;
    margin: 8px auto;
}

/* Spodná časť stránky, rozdelenie kontentu od seba */
footer .custom-footer {
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

/* Ikony na konci stránky */
footer .footer-links-icons .footer-icons .footer-icon img {
width: 25%;
height: auto;
}

@media (max-width: 768px) {
  footer .footer-links-icons .footer-icons .footer-icon img {
    width: 70%;
  }
}

footer .footer-links-icons .footer-icons {
border: 1px solid #fff;
}

footer .footer-links-icons .footer-icons .footer-icon {
border-right: 1px solid #fff;
}

/* Najpredávanejšie */
.products-inline.products .product img {
  width: auto !important;
  height: auto !important;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
}
.products-inline.products .product .p {
    background: white;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 15px;
    width: 100%;
}

/* Banner bez pozadia */
@media only screen and (max-width:1200px) {
  #carousel .carousel-slide-caption,
  #carousel .extended-banner-texts,
  .footer-banners .carousel-slide-caption,
  .footer-banners .extended-banner-texts,
  .middle-banners-wrapper .carousel-slide-caption,
  .middle-banners-wrapper .extended-banner-texts,
  .type-category .banner-category .carousel-slide-caption,
  .type-category .banner-category .extended-banner-texts,
  .type-index .body-banners .carousel-slide-caption,
  .type-index .body-banners .extended-banner-texts {
    background: none !important;
  }
}

/* Banner v kategórii */
.type-category .products-block+.banner-category {
margin-top: 15px;
margin-bottom: 15px;
}

/* Banner */
@media only screen and (max-width: 480px) {
    .benefitBanner .benefitBanner__item {
        width: 50%;
        padding: 15px;
        max-width: 100%;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 480px) {
  .benefitBanner {
    margin-top: 30px;
  }
}

/* FAQ */
.faq-wrapper {
  margin: 20px 0;
}
.faq-item {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 10px;
}
.faq-item label {
  display: block;
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  width: 100%;
}
.faq-item input {
  display: none;
}
.faq-item div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-item input:checked ~ div {
  max-height: 2000px;
}
.faq-item table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  text-align: center;
  border: 1px solid #ccc;
}
.faq-item th {
  background: #f7f7f7;
}
.faq-item th, .faq-item td {
  padding: 5px;
  border: 1px solid #ccc;
}

/* Šípka sa otočí, keď je otázka otvorená */
.faq-item input:checked + label .faq-arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* Voliteľné: štýl šípky */
.faq-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

/* Padding na počítači */
@media (min-width: 1024px) {
    .p-detail div.col-xs-12.p-info-wrapper,
    .p-detail div.p-info-wrapper {
        padding-bottom: 0 !important;
    }
}

/* HomeCredit */
.p-detail .price-line .price-final {
line-height: 1em;
color: #1e1e1c!important;
font-size: 1.7em;
font-weight: 500;
display: block;
letter-spacing: -.5px;
margin-bottom: 10px;
}

/* Veľkosť Loga */
#header .site-name img {
max-height: auto;
max-width: 290px;
}
#header .search-form {
margin-left: 70px;
}
/* POZN. (9. 11. 2026): tomuto @media chýba „{“, preto ho prehliadač celé ignoruje
   (tak to fungovalo aj doteraz – ponechané bez zmeny, aby sa vzhľad nezmenil). */
@media only screen and (max-width:2000px)
#carousel, .footer-banners, .middle-banners-wrapper, .type-category .banner-category, .type-index .body-banners {
padding: 0;
}

/* Veľkosť loga v objednávke */
.payment-logo, .payment-shipping-price {
width: 120px;
}

/* Prvok - Blog */
aside.sidebar .box .news-item-widget h5 a {
font-weight: 700;
}

/* Bannery vedľa Carouselu bez marginu */
.next-to-carousel-banners .banner-wrapper {
margin-bottom: 0px;
line-height: 0;
}

/* Veľkosť obrázkov v podkategórii */
.subcategories.with-image li a .image {
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100px;
height: 70px;
position: relative;
top: -1px;
border-radius: 4px;
overflow: hidden;
text-align: center;
margin: 5px 4px 5px 0;
}

/* Veľkosť img a farby v produkte ako variant */
.product-top .detail-parameters tr.variant-list .hidden-split-parameter .advanced-parameter .advanced-parameter-inner {
width: 50px;
height: 50px;
border-radius: 0;
padding: 0;
margin-right: 13px;
}

/* Články na úvodnej strane, zarovnanie veľkosti */
.homepage-blog-wrapper.blog-wrapper .news-item .image img, .homepage-blog-wrapper .news-wrapper .news-item .image img, .hp-news.blog-wrapper .news-item .image img, .hp-news .news-wrapper .news-item .image img, .type-posts-listing.blog-wrapper .news-item .image img, .type-posts-listing .news-wrapper .news-item .image img {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
max-width: inherit!important;
max-height: 100%;
position: absolute;
left: 50%;
-o-object-fit: contain;
object-fit: contain;
top: 50%;
transform: translate(-50%,-50%);
transition: none;
}

/* Zaoblenie rohov */
.st-rounding-corners #header .search-form fieldset button, .st-rounding-corners #register-form .btn-login, .st-rounding-corners .btn.btn-primary, .st-rounding-corners .button, .st-rounding-corners .cart-inner:not(.cart-empty) .cart-row .col-md-4 .next-step-finish, .st-rounding-corners .cart-inner:not(.cart-empty) .cart-row .col-md-4 .next-step-forward, .st-rounding-corners .cart-widget.popup-widget #continue-order-button, .st-rounding-corners .fixed-cart-line .fcl-form .btn, .st-rounding-corners .products-block.products .product .btn, .st-rounding-corners .products-block.products .product a.btn:after, .st-rounding-corners .products-block.products .product button, .st-rounding-corners .products .product .btn, .st-rounding-corners .products .product button, .st-rounding-corners .unveil-button, .st-rounding-corners a.btn, .st-rounding-corners footer #formLogin .btn, .st-rounding-corners footer #formLogin button, .st-rounding-corners footer .search .btn, .st-rounding-corners footer .search button, .st-rounding-corners form button, .st-rounding-corners input.btn {
border-radius: 10px!important;
}

/* Veľkosť a farba písma kategórií */
#navigation ul.menu-level-1>li>a {
line-height: 56px;
font-weight: 400;
font-size: 17px;
color: var(--color-primary);
}

/* Farba dole KONTAKT Adam Dodek */
footer {
color: var(--color-tertiary);
}

/* Farba zľavy */
.flags-extra .flag.flag.flag-discount, .p-image-wrapper .flags-extra .flag.flag.flag-discount {
color: #f8ff00;
background: #fffe00!important;
}
.products-block.products .product .flags.flags-extra .flag.flag-discount {
padding: 0;
width: 50px;
height: 50px;
}


/* #####################################################################
   2/9  darcekyy.css
   pôvodne: https://www.elitebiker.sk/user/documents/darcekyy.css
   ##################################################################### */

.flags.flags-extra .flag {

padding: 7px 6px;

}

/* Aplikuje sa iba na detaile produktu a natiahne box na úplné maximum stĺpca */
body.type-product .static-gift-info-box {
    display: flex !important;
    align-items: center !important;
    background-color: #f8fafd !important;
    border: 2px dashed #0433ff !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    margin: 15px 0 !important;

    /* Bezpečné roztiahnutie na 100% šírky v Shoptet flexboxe */
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(4, 51, 255, 0.05) !important;
}

/* Veľká ikonka darčeka */
body.type-product .static-gift-info-box .gift-box-icon {
    font-size: 24px !important;
    margin-right: 14px !important;
    line-height: 1 !important;
}

/* Textový kontajner */
body.type-product .static-gift-info-box .gift-box-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Hlavný nadpis */
body.type-product .static-gift-info-box .gift-box-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0433ff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}

/* Menší text */
body.type-product .static-gift-info-box .gift-box-subtitle {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #444444 !important;
    line-height: 1.2 !important;
}

/* Celkový kontajner pre darček - upravený pre umiestnenie pod hviezdičkami */
.p-gifts-wrapper {
    background-color: #f8fafd !important;
    border: 2px dashed #0433ff !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    margin: 8px 0 15px 0 !important; /* Menší odstup zhora od hviezdičiek, optimálny zdola */
    box-shadow: 0 2px 8px rgba(4, 51, 255, 0.06) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: block !important; /* Poistka pre správne zobrazenie po presune */
    clear: both;
}

/* Efekt pri prejdení myšou */
.p-gifts-wrapper:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(4, 51, 255, 0.12) !important;
}

/* Nadpis "Zadarmo od nás dostanete" */
.p-gifts-heading {
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #0433ff !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    display: flex;
    align-items: center;
}

/* Ikonka darčeka */
.p-gifts-heading::before {
    content: "🎁 ";
    margin-right: 6px;
    font-size: 15px;
}

/* Samotný produkt/darček vo vnútri */
.p-gifts-wrapper .p-gift {
    display: flex;
    align-items: center;
    background: #ffffff !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    border: 1px solid #e5e9f0 !important;
}

/* Odkaz/text darčeka */
.p-gifts-wrapper .p-gift a {
    color: #333333 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.p-gifts-wrapper .p-gift a:hover {
    color: #0433ff !important;
    text-decoration: underline !important;
}


/* #####################################################################
   3/9  popisy1.css
   pôvodne: https://www.elitebiker.sk/user/documents/popisy1.css
   ##################################################################### */

/* ============================================================
   ELITEBIKER — dizajn produktových popisov (.eP)
   Pripojiť k /user/documents/elitebiker-clanky.css alebo ako
   samostatný súbor + <link> v Záhlaví šablóny.
   Nezasahuje do fontu e-shopu — všetko dedí z Poppins šablóny.
   ============================================================ */

.eP{
  --eP-accent:#0433ff;
  --eP-accent-dark:#0326c4;
  --eP-ink:#14161f;
  --eP-muted:#5a5f6e;
  --eP-tint:#eef1ff;
  --eP-line:#dfe3f2;
  color:var(--eP-ink);
  line-height:1.7;
  max-width:100%;
}
.eP p{margin:0 0 18px}

/* Úvodný citovateľný odstavec */
.eP .eP-lead{
  font-size:1.08em;
  margin:0 0 26px;
}
.eP .eP-lead strong{color:var(--eP-accent-dark)}

/* Nadpis sekcie: modrý štítok + linka (evolúcia ľavého bordera) */
.eP h3.eP-h{
  display:flex;align-items:center;gap:12px;
  margin:30px 0 14px;padding:0;border:0;
  font-size:13px !important;line-height:1.4;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--eP-accent-dark);
}
.eP h3.eP-h::after{
  content:"";flex:1;height:1px;background:var(--eP-line);
}
.eP h3.eP-h .eP-chip{
  background:var(--eP-tint);
  border-left:3px solid var(--eP-accent);
  border-radius:0 6px 6px 0;
  padding:5px 10px 5px 9px;
  white-space:nowrap;
}

/* Pre koho — odškrtávacie benefity */
.eP ul.eP-check{list-style:none;margin:0 0 20px;padding:0}
.eP ul.eP-check li{
  position:relative;padding:4px 0 4px 30px;margin:0 0 6px;
}
.eP ul.eP-check li::before{
  content:"✓";position:absolute;left:2px;top:4px;
  width:20px;height:20px;line-height:20px;text-align:center;
  font-size:12px;font-weight:700;color:#fff;
  background:var(--eP-accent);border-radius:50%;
}

/* Obyčajný zoznam (vlastnosti, technológie) */
.eP ul.eP-list{margin:0 0 20px;padding-left:22px}
.eP ul.eP-list li{margin:0 0 8px}
.eP ul.eP-list li::marker{color:var(--eP-accent)}

/* Tabuľka špecifikácií */
.eP table.eP-spec{
  width:100%;border-collapse:collapse;margin:0 0 20px;
  font-size:.95em;border:1px solid var(--eP-line);border-radius:8px;
  overflow:hidden;
}
.eP table.eP-spec th,
.eP table.eP-spec td{
  padding:9px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--eP-line);
}
.eP table.eP-spec tr:last-child th,
.eP table.eP-spec tr:last-child td{border-bottom:0}
.eP table.eP-spec th{
  width:42%;font-weight:600;color:var(--eP-muted);
  background:#f7f8fd;
}
.eP table.eP-spec tr:nth-child(even) td{background:#fbfcff}

/* Kompatibilita / dôležité upozornenie */
.eP .eP-note{
  background:var(--eP-tint);
  border-left:4px solid var(--eP-accent);
  border-radius:0 8px 8px 0;
  padding:14px 16px;margin:0 0 20px;
}
.eP .eP-note p{margin:0}

/* FAQ — natívny accordion, obsah ostáva v DOM pre SEO */
.eP details.eP-faq{
  border:1px solid var(--eP-line);border-radius:8px;
  margin:0 0 10px;background:#fff;
  transition:border-color .15s ease;
}
.eP details.eP-faq[open]{border-color:var(--eP-accent)}
.eP details.eP-faq summary{
  cursor:pointer;list-style:none;
  padding:13px 42px 13px 16px;font-weight:600;
  position:relative;
}
.eP details.eP-faq summary::-webkit-details-marker{display:none}
.eP details.eP-faq summary::after{
  content:"+";position:absolute;right:16px;top:50%;
  transform:translateY(-50%);
  font-size:1.25em;font-weight:400;color:var(--eP-accent);
  transition:transform .15s ease;
}
.eP details.eP-faq[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.eP details.eP-faq .eP-a{padding:0 16px 14px;color:var(--eP-ink)}
.eP details.eP-faq .eP-a p{margin:0 0 10px}
.eP details.eP-faq .eP-a p:last-child{margin:0}

/* Interné odkazy — kategórie ako chipy */
.eP .eP-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.eP .eP-links a{
  display:inline-block;padding:7px 14px;
  border:1px solid var(--eP-accent);border-radius:999px;
  color:var(--eP-accent-dark);text-decoration:none;
  font-size:.9em;font-weight:600;
  transition:background .15s ease,color .15s ease;
}
.eP .eP-links a:hover{background:var(--eP-accent);color:#fff}

/* Brand pätička */
.eP .eP-brand{
  display:flex;gap:12px;align-items:flex-start;
  background:linear-gradient(135deg,var(--eP-tint) 0%,#fff 100%);
  border:1px solid var(--eP-line);border-radius:10px;
  padding:16px 18px;margin:32px 0 0;
}
.eP .eP-brand .eP-brand-ico{font-size:1.4em;line-height:1.3}
.eP .eP-brand p{margin:0;font-size:.95em}

@media (max-width:560px){
  .eP h3.eP-h{font-size:.8em}
  .eP table.eP-spec th{width:46%}
  .eP table.eP-spec th,.eP table.eP-spec td{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
  .eP details.eP-faq summary::after,
  .eP .eP-links a,
  .eP details.eP-faq{transition:none}
}

/* ===== Kompaktna vizitka znacky ===== */
.eP-brandcard{padding:18px 20px}
.eP-brandcard .eP-lead{margin:0 0 12px;font-size:1.02rem}
.eP-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.eP-pills span{background:#f2f5f7;border:1px solid #e3e8ec;border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:600;color:#2c3e50;white-space:nowrap}
.eP-usp{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0 0 14px;padding:0}
.eP-usp li{font-size:.92rem;color:#3b4a58}
.eP-usp li::before{content:"\2713";color:#2e7d32;font-weight:700;margin-right:7px}
.eP-brandcard .eP-links{margin-top:2px}
@media (max-width:600px){.eP-usp{flex-direction:column;gap:6px}}

/* Skrytie 3. úrovne menu (podkategórií) iba na počítači */
@media (min-width: 768px) {
    #navigation ul.menu-level-2 li ul.menu-level-3 {
        display: none !important;
    }
}

/* ============================================================
   ELITEBIKER — dizajn produktových popisov (.eP)
   Pripojiť k /user/documents/elitebiker-clanky.css alebo ako
   samostatný súbor + <link> v Záhlaví šablóny.
   Nezasahuje do fontu e-shopu — všetko dedí z Poppins šablóny.
   ============================================================ */

.eP{
  --eP-accent:#0433ff;
  --eP-accent-dark:#0326c4;
  --eP-ink:#14161f;
  --eP-muted:#5a5f6e;
  --eP-tint:#eef1ff;
  --eP-line:#dfe3f2;
  color:var(--eP-ink);
  line-height:1.7;
  max-width:100%;
}
.eP p{margin:0 0 18px}

/* Úvodný citovateľný odstavec */
.eP .eP-lead{
  font-size:1.08em;
  margin:0 0 26px;
}
.eP .eP-lead strong{color:var(--eP-accent-dark)}

/* Nadpis sekcie: modrý štítok + linka (evolúcia ľavého bordera) */
.eP h3.eP-h{
  display:flex;align-items:center;gap:12px;
  margin:30px 0 14px;padding:0;border:0;
  font-size:13px !important;line-height:1.4;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--eP-accent-dark);
}
.eP h3.eP-h::after{
  content:"";flex:1;height:1px;background:var(--eP-line);
}
.eP h3.eP-h .eP-chip{
  background:var(--eP-tint);
  border-left:3px solid var(--eP-accent);
  border-radius:0 6px 6px 0;
  padding:5px 10px 5px 9px;
  white-space:nowrap;
}

/* Pre koho — odškrtávacie benefity */
.eP ul.eP-check{list-style:none;margin:0 0 20px;padding:0}
.eP ul.eP-check li{
  position:relative;padding:4px 0 4px 30px;margin:0 0 6px;
}
.eP ul.eP-check li::before{
  content:"✓";position:absolute;left:2px;top:4px;
  width:20px;height:20px;line-height:20px;text-align:center;
  font-size:12px;font-weight:700;color:#fff;
  background:var(--eP-accent);border-radius:50%;
}

/* Obyčajný zoznam (vlastnosti, technológie) */
.eP ul.eP-list{margin:0 0 20px;padding-left:22px}
.eP ul.eP-list li{margin:0 0 8px}
.eP ul.eP-list li::marker{color:var(--eP-accent)}

/* Tabuľka špecifikácií */
.eP table.eP-spec{
  width:100%;border-collapse:collapse;margin:0 0 20px;
  font-size:.95em;border:1px solid var(--eP-line);border-radius:8px;
  overflow:hidden;
}
.eP table.eP-spec th,
.eP table.eP-spec td{
  padding:9px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--eP-line);
}
.eP table.eP-spec tr:last-child th,
.eP table.eP-spec tr:last-child td{border-bottom:0}
.eP table.eP-spec th{
  width:42%;font-weight:600;color:var(--eP-muted);
  background:#f7f8fd;
}
.eP table.eP-spec tr:nth-child(even) td{background:#fbfcff}

/* Kompatibilita / dôležité upozornenie */
.eP .eP-note{
  background:var(--eP-tint);
  border-left:4px solid var(--eP-accent);
  border-radius:0 8px 8px 0;
  padding:14px 16px;margin:0 0 20px;
}
.eP .eP-note p{margin:0}

/* FAQ — natívny accordion, obsah ostáva v DOM pre SEO */
.eP details.eP-faq{
  border:1px solid var(--eP-line);border-radius:8px;
  margin:0 0 10px;background:#fff;
  transition:border-color .15s ease;
}
.eP details.eP-faq[open]{border-color:var(--eP-accent)}
.eP details.eP-faq summary{
  cursor:pointer;list-style:none;
  padding:13px 42px 13px 16px;font-weight:600;
  position:relative;
}
.eP details.eP-faq summary::-webkit-details-marker{display:none}
.eP details.eP-faq summary::after{
  content:"+";position:absolute;right:16px;top:50%;
  transform:translateY(-50%);
  font-size:1.25em;font-weight:400;color:var(--eP-accent);
  transition:transform .15s ease;
}
.eP details.eP-faq[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.eP details.eP-faq .eP-a{padding:0 16px 14px;color:var(--eP-ink)}
.eP details.eP-faq .eP-a p{margin:0 0 10px}
.eP details.eP-faq .eP-a p:last-child{margin:0}

/* Interné odkazy — kategórie ako chipy */
.eP .eP-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.eP .eP-links a{
  display:inline-block;padding:7px 14px;
  border:1px solid var(--eP-accent);border-radius:999px;
  color:var(--eP-accent-dark);text-decoration:none;
  font-size:.9em;font-weight:600;
  transition:background .15s ease,color .15s ease;
}
.eP .eP-links a:hover{background:var(--eP-accent);color:#fff}

/* Brand pätička */
.eP .eP-brand{
  display:flex;gap:12px;align-items:flex-start;
  background:linear-gradient(135deg,var(--eP-tint) 0%,#fff 100%);
  border:1px solid var(--eP-line);border-radius:10px;
  padding:16px 18px;margin:32px 0 0;
}
.eP .eP-brand .eP-brand-ico{font-size:1.4em;line-height:1.3}
.eP .eP-brand p{margin:0;font-size:.95em}

@media (max-width:560px){
  .eP h3.eP-h{font-size:.8em}
  .eP table.eP-spec th{width:46%}
  .eP table.eP-spec th,.eP table.eP-spec td{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
  .eP details.eP-faq summary::after,
  .eP .eP-links a,
  .eP details.eP-faq{transition:none}
}


/* #####################################################################
   4/9  popisy2.css
   pôvodne: https://www.elitebiker.sk/user/documents/popisy2.css
   ##################################################################### */

/* ============================================================
   ELITEBIKER — dizajn popisov (.eP)  •  verzia 2
   ------------------------------------------------------------
   NASADENIE
   1) Nahraj tento súbor cez FTP do  /user/documents/popisy2.css
   2) V Admin → Vzhľad a obsah → HTML kódy → Záhlavie zmeň
        <link rel="stylesheet" href="/user/documents/popisy1.css">
      na
        <link rel="stylesheet" href="/user/documents/popisy2.css">
      (alebo nahraj tento súbor rovno ako popisy1.css a prepíš starý)
   3) Naimportuj upravený CSV kategórií (odstránené <p>&nbsp;</p>
      a inline štýly okolo „Zobraziť viac“).

   ČO JE NOVÉ OPROTI popisy1.css
   • odstránený duplicitný blok pravidiel (bol tam 2×)
   • kategória: preč medzera medzi textom a „Zobraziť viac“
   • nový dizajn tlačidla „Zobraziť viac / Zobraziť menej“
   • nový dizajn rozbaleného textu (.eP-brandtext) – nadpisy,
     odstavce, odkazy, zoznamy, obrázky
   • rovnaký dizajn aj pre spodný popis kategórie
     (.category__secondDescription) + FAQ bloky (.eP-faqtext)
   • riadok textových odkazov v karte (.eP-textlinks)
   • prevzaté pravidlá z Editor → CSS štýly (zarovnanie doľava,
     chipy len na stránkach značiek) – v editore ich môžeš nechať
     aj zmazať, výsledok bude rovnaký

   Nezasahuje do fontu e-shopu — všetko dedí z Poppins šablóny.
   ============================================================ */

/* ------------------------------------------------------------
   0. Základ – farby a typografia
   ------------------------------------------------------------ */
.eP,
.eP-more{
  --eP-accent:#0433ff;
  --eP-accent-dark:#0326c4;
  --eP-ink:#14161f;
  --eP-muted:#5a5f6e;
  --eP-tint:#eef1ff;
  --eP-line:#dfe3f2;
  --eP-soft:#f7f8fd;
}
.eP{
  color:var(--eP-ink);
  line-height:1.7;
  max-width:100%;
  margin:0;
  text-align:left;
}
.eP p{margin:0 0 18px}

/* zarovnanie doľava (šablóna centruje popisy) */
.eP p,.eP li,.eP h2,.eP h3,.eP td,.eP th,
.eP .eP-lead,.eP .eP-note,.eP summary,.eP .eP-a{text-align:left !important}
.eP .eP-links,.eP .eP-pills,.eP .eP-usp{justify-content:flex-start}

/* ------------------------------------------------------------
   1. Produktové popisy (bez zmeny oproti v1)
   ------------------------------------------------------------ */

/* Úvodný citovateľný odstavec */
.eP .eP-lead{
  font-size:1.08em;
  margin:0 0 26px;
}
.eP .eP-lead strong{color:var(--eP-accent-dark)}

/* Nadpis sekcie: modrý štítok + linka */
.eP h3.eP-h{
  display:flex;align-items:center;gap:12px;
  margin:30px 0 14px;padding:0;border:0;
  font-size:13px !important;line-height:1.4;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--eP-accent-dark);
}
.eP h3.eP-h::after{
  content:"";flex:1;height:1px;background:var(--eP-line);
}
.eP h3.eP-h .eP-chip{
  background:var(--eP-tint);
  border-left:3px solid var(--eP-accent);
  border-radius:0 6px 6px 0;
  padding:5px 10px 5px 9px;
  white-space:nowrap;
}

/* Pre koho — odškrtávacie benefity */
.eP ul.eP-check{list-style:none;margin:0 0 20px;padding:0}
.eP ul.eP-check li{
  position:relative;padding:4px 0 4px 30px;margin:0 0 6px;
}
.eP ul.eP-check li::before{
  content:"✓";position:absolute;left:2px;top:4px;
  width:20px;height:20px;line-height:20px;text-align:center;
  font-size:12px;font-weight:700;color:#fff;
  background:var(--eP-accent);border-radius:50%;
}

/* Obyčajný zoznam (vlastnosti, technológie) */
.eP ul.eP-list{margin:0 0 20px;padding-left:22px}
.eP ul.eP-list li{margin:0 0 8px}
.eP ul.eP-list li::marker{color:var(--eP-accent)}

/* Tabuľka špecifikácií */
.eP table.eP-spec{
  width:100%;border-collapse:collapse;margin:0 0 20px;
  font-size:.95em;border:1px solid var(--eP-line);border-radius:8px;
  overflow:hidden;
}
.eP table.eP-spec th,
.eP table.eP-spec td{
  padding:9px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--eP-line);
}
.eP table.eP-spec tr:last-child th,
.eP table.eP-spec tr:last-child td{border-bottom:0}
.eP table.eP-spec th{
  width:42%;font-weight:600;color:var(--eP-muted);
  background:var(--eP-soft);
}
.eP table.eP-spec tr:nth-child(even) td{background:#fbfcff}

/* Kompatibilita / dôležité upozornenie */
.eP .eP-note{
  background:var(--eP-tint);
  border-left:4px solid var(--eP-accent);
  border-radius:0 8px 8px 0;
  padding:14px 16px;margin:0 0 20px;
}
.eP .eP-note p{margin:0}

/* FAQ — natívny accordion, obsah ostáva v DOM pre SEO */
.eP details.eP-faq{
  border:1px solid var(--eP-line);border-radius:8px;
  margin:0 0 10px;background:#fff;
  transition:border-color .15s ease;
}
.eP details.eP-faq[open]{border-color:var(--eP-accent)}
.eP details.eP-faq summary{
  cursor:pointer;list-style:none;
  padding:13px 42px 13px 16px;font-weight:600;
  position:relative;
}
.eP details.eP-faq summary::-webkit-details-marker{display:none}
.eP details.eP-faq summary::after{
  content:"+";position:absolute;right:16px;top:50%;
  transform:translateY(-50%);
  font-size:1.25em;font-weight:400;color:var(--eP-accent);
  transition:transform .15s ease;
}
.eP details.eP-faq[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.eP details.eP-faq .eP-a{padding:0 16px 14px;color:var(--eP-ink)}
.eP details.eP-faq .eP-a p{margin:0 0 10px}
.eP details.eP-faq .eP-a p:last-child{margin:0}

/* Interné odkazy — kategórie ako chipy */
.eP .eP-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.eP .eP-links a{
  display:inline-block;padding:7px 14px;
  border:1px solid var(--eP-accent);border-radius:999px;
  color:var(--eP-accent-dark);text-decoration:none;
  font-size:.9em;font-weight:600;
  transition:background .15s ease,color .15s ease;
}
.eP .eP-links a:hover{background:var(--eP-accent);color:#fff}

/* Chipy s odkazmi len na stránkach značiek (v kategórii sú
   podkategórie zobrazené pod popisom, chipy by boli duplicitné) */
.eP .eP-links{display:none}
body.in-znacka .eP .eP-links{display:flex}

/* Brand pätička */
.eP .eP-brand{
  display:flex;gap:12px;align-items:flex-start;
  background:linear-gradient(135deg,var(--eP-tint) 0%,#fff 100%);
  border:1px solid var(--eP-line);border-radius:10px;
  padding:16px 18px;margin:32px 0 0;
}
.eP .eP-brand .eP-brand-ico{font-size:1.4em;line-height:1.3}
.eP .eP-brand p{margin:0;font-size:.95em}

/* ------------------------------------------------------------
   2. Kategória – horná karta (.eP-brandcard)
   ------------------------------------------------------------ */
.eP.eP-brandcard{padding:10px 0 0;margin:0}
.eP.eP-brandcard .eP-lead{margin:0 0 22px;font-size:1.08em}
.eP-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.eP-pills span{
  background:#f2f5f7;border:1px solid #e3e8ec;border-radius:999px;
  padding:5px 14px;font-size:.85rem;font-weight:600;color:#2c3e50;
  white-space:nowrap;
}
.eP-usp{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0 0 12px;padding:0}
.eP-usp li{font-size:.92rem;color:#3b4a58}
.eP-usp li::before{content:"\2713";color:#2e7d32;font-weight:700;margin-right:7px}
.eP.eP-brandcard .eP-links{margin:2px 0 12px}

/* Riadok textových odkazov na podkategórie (namiesto inline štýlov) */
.eP.eP-brandcard .eP-textlinks{
  display:flex;flex-wrap:wrap;gap:4px 18px;
  margin:0 0 12px;line-height:1.6;font-size:.95em;
}
.eP.eP-brandcard .eP-textlinks a{
  color:var(--eP-accent-dark);font-weight:500;white-space:nowrap;
  text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;text-decoration-color:rgba(4,51,255,.4);
  transition:color .15s ease,text-decoration-color .15s ease;
}
.eP.eP-brandcard .eP-textlinks a:hover{
  color:var(--eP-accent);text-decoration-color:var(--eP-accent);
}
/* Ak by si chcel textové odkazy skryť rovnako ako chipy, odkomentuj:
.eP.eP-brandcard .eP-textlinks{display:none}
body.in-znacka .eP.eP-brandcard .eP-textlinks{display:flex}
*/

/* posledný prvok karty bez spodnej medzery – medzera k tlačidlu
   „Zobraziť viac“ sa riadi jedine .eP-more */
.eP.eP-brandcard > :last-child{margin-bottom:0}

/* poistka: prázdne <p> (TinyMCE) medzi kartou a tlačidlom */
.category-perex > p:empty{display:none;margin:0;padding:0}

/* ------------------------------------------------------------
   3. Tlačidlo „Zobraziť viac / Zobraziť menej“ (details.eP-more)
   ------------------------------------------------------------ */
.eP-more{display:block;margin:12px 0 6px;padding:0;border:0}
.eP-more[open]{margin-bottom:18px}
/* mäkké tlačidlo (výplň tint) – odlíšené od obrysových chipov s odkazmi */
.eP-more > summary{
  display:inline-flex;align-items:center;gap:9px;
  margin:0;padding:8px 16px;
  border:1px solid transparent;border-radius:999px;
  background:var(--eP-tint);color:var(--eP-accent-dark);
  font-size:.9em;font-weight:600;line-height:1.3;
  cursor:pointer;list-style:none;user-select:none;
  transition:background .15s ease,color .15s ease;
}
.eP-more > summary::-webkit-details-marker{display:none}
.eP-more > summary::marker{content:""}
/* šípka */
.eP-more > summary::after{
  content:"";flex:none;width:7px;height:7px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .18s ease;
}
.eP-more[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.eP-more > summary:hover{background:var(--eP-accent);color:#fff}
.eP-more[open] > summary{background:#fff;border-color:var(--eP-line)}
.eP-more[open] > summary:hover{background:var(--eP-accent);border-color:var(--eP-accent);color:#fff}
.eP-more > summary:focus-visible{outline:2px solid var(--eP-accent);outline-offset:3px}
/* prepínanie textu: <span class="eP-more-o">Zobraziť viac</span>
                     <span class="eP-more-c">Zobraziť menej</span> */
.eP-more > summary .eP-more-c{display:none}
.eP-more[open] > summary .eP-more-o{display:none}
.eP-more[open] > summary .eP-more-c{display:inline}

/* rozbalený obsah pod tlačidlom */
.eP-more > .eP-brandtext{margin:18px 0 0}

/* ------------------------------------------------------------
   4. Rozbalený text + spodný popis kategórie (.eP-brandtext)
   ------------------------------------------------------------ */
.eP-brandtext{
  margin:0;padding:0;
  color:var(--eP-ink);line-height:1.7;
}
.eP-brandtext h2,
.eP-brandtext h3{
  margin:26px 0 10px;padding:2px 0 2px 13px;border:0;
  border-left:3px solid var(--eP-accent);
  font-size:1.25em;line-height:1.35;font-weight:700;
  color:var(--eP-ink);text-transform:none;letter-spacing:0;
}
.eP-brandtext h3{font-size:1.08em;margin:20px 0 8px}
.eP-brandtext > h2:first-child,
.eP-brandtext > h3:first-child{margin-top:0}
.eP-brandtext p{margin:0 0 14px}
.eP-brandtext > :last-child{margin-bottom:0}
.eP-brandtext strong{font-weight:700;color:var(--eP-ink)}
.eP-brandtext a{
  color:var(--eP-accent-dark);font-weight:600;
  text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;text-decoration-color:rgba(4,51,255,.4);
  transition:color .15s ease,text-decoration-color .15s ease;
}
.eP-brandtext a:hover{color:var(--eP-accent);text-decoration-color:var(--eP-accent)}
.eP-brandtext ul,
.eP-brandtext ol{margin:0 0 14px;padding-left:22px}
.eP-brandtext li{margin:0 0 6px}
.eP-brandtext li::marker{color:var(--eP-accent)}
.eP-brandtext img{
  display:block;max-width:100%;height:auto;
  border-radius:8px;margin:0 0 14px;
}
.eP-brandtext p > a > img,
.eP-brandtext p > img{margin:0}
.eP-brandtext table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:.95em}
.eP-brandtext th,
.eP-brandtext td{padding:8px 12px;border-bottom:1px solid var(--eP-line);text-align:left;vertical-align:top}
.eP-brandtext th{color:var(--eP-muted);font-weight:600;background:var(--eP-soft)}

/* FAQ blok: <p><strong>Otázka?</strong> Odpoveď</p> → karta s otázkou v riadku */
.eP-brandtext.eP-faqtext p{
  margin:0 0 10px;padding:12px 16px;
  background:var(--eP-soft);border:1px solid var(--eP-line);border-radius:8px;
}
.eP-brandtext.eP-faqtext p > strong:first-child{
  display:block;margin:0 0 4px;color:var(--eP-accent-dark);
}

/* Spodný popis kategórie – oddelený od výpisu produktov linkou */
.category__secondDescription > .eP-brandtext{
  margin:38px 0 8px;padding:26px 0 0;
  border-top:1px solid var(--eP-line);
}

/* ------------------------------------------------------------
   5. Responzívne a prístupnosť
   ------------------------------------------------------------ */
@media (max-width:600px){
  .eP-usp{flex-direction:column;gap:6px}
  .eP-brandtext h2{font-size:1.15em}
  .category__secondDescription > .eP-brandtext{margin-top:28px;padding-top:20px}
}
@media (max-width:560px){
  .eP h3.eP-h{font-size:.8em}
  .eP table.eP-spec th{width:46%}
  .eP table.eP-spec th,.eP table.eP-spec td{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
  .eP details.eP-faq summary::after,
  .eP .eP-links a,
  .eP details.eP-faq,
  .eP-more > summary,
  .eP-more > summary::after,
  .eP-brandtext a,
  .eP.eP-brandcard .eP-textlinks a{transition:none}
}

/* ------------------------------------------------------------
   6. Ostatné (prevzaté z v1)
   ------------------------------------------------------------ */
/* Skrytie 3. úrovne menu (podkategórií) iba na počítači */
@media (min-width:768px){
  #navigation ul.menu-level-2 li ul.menu-level-3{display:none !important}
}


/* #####################################################################
   5/9  homepage30e.css
   pôvodne: https://www.elitebiker.sk/user/documents/homepage30e.css
   ##################################################################### */

/* =====================================================================
   ELITEBIKER.SK – homepage30e.css (1. 11. 2026) – nahrádza homepage30c.css / homepage30d.css
   Názov musí obsahovať „homepage30“ – podľa toho skript elitebiker17.js pozná, že štýly sú v Záhlaví.
   Hlavička (Admin → HTML kódy → Záhlavie):
   <link rel="preconnect" href="https://harobikes.de">
   <link rel="stylesheet" href="https://www.elitebiker.sk/user/documents/homepage30e.css">
   1. pravidlá pre celý web (prenesené z homepage28.css)
   2. úvodná stránka – triedy .ebh-* (stavia ich elitebiker17.js);
      medzera medzi sekciami je všade rovnaká: --ebh-gap 56 / 72 (od 768 px) / 96 px (od 1024 px);
      Komunita: box na šírku obsahu, nad ním malá medzera (24 px), pod ním žiadna (sedí na pätičke);
      šírka úvodnej stránky aj pätičky = šírka hlavičky šablóny (kontajner 1450 px, okraje 15 px)
   3. pätička – triedy .ebf-* (celý web, zapne ju skript triedou #footer.ebf)
   ===================================================================== */

/* ---------- 1. CELÝ WEB ---------- */
body.type-index .sliders,body.type-index .hp-banners,body.type-index .hp-banners-section,body.type-index .banner-hp,body.type-index .carousel-section,body.type-index .banner-section,body.type-index .hp-slider-section,body.type-index .main-slider,body.type-index #hp-banners,body.type-index [data-hp-section="banners"],body.type-index .hp-articles,body.type-index .articles-hp,body.type-index .article-list-hp,body.type-index .hp-section-articles,body.type-index [data-hp-section="articles"],body.type-index .hp-blog,body.type-index .blog-section-hp,.hp-categories,.content-wrapper.homepage-box.welcome-wrapper{display:none!important}
@media screen and (min-width:1024px){
ul.menu-level-2[aria-label="BICYKLE"] li a,ul.menu-level-2[aria-label="ELEKTROBICYKLE"] li a{font-size:16px!important;font-weight:600!important}
ul.menu-level-2[aria-label="BICYKLE"] li a img,ul.menu-level-2[aria-label="ELEKTROBICYKLE"] li a img{max-width:130px!important;width:100%!important;height:auto!important}
ul.menu-level-2[aria-label="BICYKLE"] li,ul.menu-level-2[aria-label="ELEKTROBICYKLE"] li{padding:5px!important}
}
/* hlavička na tabletoch (768–1023 px): logo, vyhľadávanie a mena sa už neprekrývajú */
@media (min-width:768px) and (max-width:1023px){
#header .site-name a,#header .site-name img{max-width:100%!important;height:auto!important}
#header .header-top>.search{flex:1 1 auto!important;width:auto!important;min-width:0!important}
#header .header-top>.dropdown{position:relative!important;left:auto!important;right:auto!important;top:auto!important;flex:0 0 auto!important;margin-right:140px!important}
}
:root{--registration-discount-border-radius:10px;--registration-discount-BG:#f1f1f1;--registration-discount-BG-hover:#f1f1f1;--registration-discount-btn-BG:#000000;--registration-discount-btn-BG-hover:var(--color-secondary-hover);--registration-discount-title-color:var(--color-secondary);--registration-discount-price-color:var(--color-secondary);--registration-discount-btn-text-color:#fff;--registration-discount-btn-icon-color:#fff;--registration-discount-border-color:var(--color-secondary)}
:root .registration-discount-addon .registration-discount__title{color:#0433ff}
:root .registration-discount-addon .registration-discount__btn{background-color:#000000}
:root .p-gifts-wrapper .p-gift{padding:0 5px!important}
:root .products-block .product .flags.flags-default .flag-gift{position:absolute!important;top:-15px!important;right:10px!important;left:auto!important;bottom:auto!important;z-index:10!important}
:root .flags.flags-extra .flag.flag-freeshipping{background:#e5eafe!important}
:root .flags.flags-extra .flag.flag-freeshipping span{color:#0433ff!important}
/* box „Darčeky a zľavy“ v košíku */
:root .extras-wrapper{background-color:#f8fafd!important;border:2px dashed #0433ff!important;border-radius:6px!important;padding:16px!important;margin:15px 0!important;box-shadow:0 2px 8px rgba(4,51,255,.06)!important;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box!important}
:root .extras-wrapper:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(4,51,255,.12)!important}
:root .extras-wrapper h4{font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#0433ff!important;font-size:14px!important;margin-top:0!important;margin-bottom:12px!important;display:flex!important;align-items:center!important}
:root .extras-wrapper h4::before{content:"🎁"!important;margin-right:8px!important;font-size:16px!important}
:root .extras-wrapper .free-gift,:root .extras-wrapper .discount-coupon{background:#fff!important;padding:10px 12px!important;border-radius:4px!important;border:1px solid #e5e9f0!important;margin-bottom:8px!important}
:root .extras-wrapper .discount-coupon{margin-bottom:0!important}
:root .extras-wrapper #discount-coupon{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important}
:root .extras-wrapper #discount-coupon>div,:root .extras-wrapper #discount-coupon label,:root .extras-wrapper #discount-coupon span{margin-right:0!important;display:flex!important;align-items:center!important;gap:8px!important}
:root .extras-wrapper #discount-coupon button,:root .extras-wrapper #discount-coupon .btn{margin:0!important;white-space:nowrap!important}

:root{--ebh-b:#1b46e5;--ebh-ink:#11131a;--ebh-tx:#3a4150;--ebh-mu:#5a5f6b;--ebh-ln:#e6e8ee;--ebh-sf:#f4f6f8;--ebh-g:15px;--ebh-gap:56px}

/* ---------- 2. ÚVODNÁ STRÁNKA ---------- */
/* hlavná fotka; ten istý obrázok má aj kostra, takže sa začne sťahovať hneď s CSS */
body.type-index #content::before,#content .ebh-hero-main{background:#2b303b no-repeat 50% 50%/cover;
background-image:linear-gradient(180deg,rgba(17,19,26,0) 30%,rgba(17,19,26,.84) 100%),url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&crop=region&crop_left=480&crop_top=0&crop_width=2720&crop_height=2490&width=600");
background-image:linear-gradient(180deg,rgba(17,19,26,0) 30%,rgba(17,19,26,.84) 100%),-webkit-image-set(url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&crop=region&crop_left=480&crop_top=0&crop_width=2720&crop_height=2490&width=600") 1x,url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&crop=region&crop_left=480&crop_top=0&crop_width=2720&crop_height=2490&width=900") 2x);
background-image:linear-gradient(180deg,rgba(17,19,26,0) 30%,rgba(17,19,26,.84) 100%),image-set(url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&crop=region&crop_left=480&crop_top=0&crop_width=2720&crop_height=2490&width=600") 1x,url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&crop=region&crop_left=480&crop_top=0&crop_width=2720&crop_height=2490&width=900") 2x)}
/* kostra: drží miesto hlavnej fotky, kým skript postaví stránku (obsah neposkakuje) */
body.type-index #content::before{content:"";display:block;height:330px;border-radius:16px;margin:0 0 100vh;animation:ebh-skel 0s linear 6s forwards}
body.type-index.ebh-ok #content::before{content:none;display:none}
@keyframes ebh-skel{to{height:0;margin-bottom:0;opacity:0}}
body.type-index.ebh-ok .hp-ratings,body.type-index.ebh-ok .homepage-blog-wrapper,#content .ebh-hid{display:none!important}

#content .ebh-top,#content .ebh-sec{max-width:none;margin-left:auto;margin-right:auto}
#content .ebh-top *,#content .ebh-sec *{box-sizing:border-box}
#content .ebh-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "trust" "side" "usp";gap:12px;margin-top:0}
#content .ebh-hero-main{grid-area:main;position:relative;height:330px;border-radius:16px;overflow:hidden}
#content .ebh-hero-txt{position:absolute;left:20px;right:20px;bottom:20px;color:#fff}
#content .ebh-bar{display:block;width:30px;height:5px;border-radius:999px;background:var(--ebh-b)}
#content .ebh-hero-h{margin:10px 0 0;padding:0;font-size:30px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff;text-transform:none;text-align:left}
#content .ebh-hero-p{margin:8px 0 0;padding:0;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.9)}
#content .ebh-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#content .ebh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;padding:0 18px;border-radius:999px;font-size:14.5px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;transition:transform .15s,filter .15s,background-color .15s,border-color .15s,color .15s}
#content .ebh-btn svg{width:18px;height:18px;flex:0 0 auto}
#content .ebh-btn:hover,#content .ebh-btn:focus{text-decoration:none}
#content .ebh-btn:hover{transform:translateY(-1px)}
#content .ebh-btn-pri{background:var(--ebh-b);border:0;color:#fff}
#content .ebh-btn-pri:hover,#content .ebh-btn-pri:focus{color:#fff;filter:brightness(1.08)}
#content .ebh-btn-ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);color:#fff}
#content .ebh-btn-ghost:hover,#content .ebh-btn-ghost:focus{background:rgba(255,255,255,.26);color:#fff}
#content .ebh-btn-out{background:#fff;border:1.5px solid #dfe3ec;color:var(--ebh-ink)}
#content .ebh-btn-out:hover,#content .ebh-btn-out:focus{border-color:var(--ebh-b);color:var(--ebh-b)}

#content .ebh-side{grid-area:side;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#content .ebh-ban{position:relative;display:block;height:130px;border-radius:14px;overflow:hidden;background:#11131a;color:#fff;text-decoration:none}
#content .ebh-ban img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s}
#content .ebh-ban:hover img{transform:scale(1.04)}
#content .ebh-ban::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(17,19,26,0) 30%,rgba(17,19,26,.85) 100%)}
#content .ebh-ban-t{position:absolute;z-index:1;left:12px;right:10px;bottom:10px;text-shadow:0 1px 2px rgba(17,19,26,.45),0 2px 12px rgba(17,19,26,.4)}
#content .ebh-ban-t b{display:block;font-size:15px;font-weight:800;line-height:1.15;color:#fff}
#content .ebh-ban-t span{display:block;margin-top:2px;font-size:12px;line-height:1.3;color:rgba(255,255,255,.88)}

#content .ebh-trust{grid-area:trust;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#content .ebh-tc{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;background:#fff;border:1px solid var(--ebh-ln);border-radius:12px;color:var(--ebh-ink);text-decoration:none}
#content a.ebh-tc:hover{border-color:#d9dcf7;color:var(--ebh-ink)}
#content .ebh-num{font-size:23px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ebh-ink)}
#content .ebh-col{display:flex;flex-direction:column;min-width:0}
#content .ebh-stars{display:flex;gap:1px;line-height:0}
#content .ebh-stars svg{width:13px;height:13px;flex:0 0 auto}
#content .ebh-tc small,#content .ebh-u small{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:var(--ebh-mu)}
#content .ebh-tc strong{display:block;font-size:13px;font-weight:700;line-height:1.2}
#content .ebh-ic{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(27,70,229,.1);color:var(--ebh-b);display:flex;align-items:center;justify-content:center}
#content .ebh-ic svg{width:20px;height:20px}

#content .ebh-usp{grid-area:usp;margin-top:4px;padding:12px;border-radius:18px;background:var(--ebh-b);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#content .ebh-u{display:block;padding:12px;background:#fff;border-radius:12px;color:var(--ebh-ink);text-decoration:none}
#content a.ebh-u:hover{color:var(--ebh-ink)}
#content .ebh-u .ebh-ic{width:36px;height:36px;border-radius:11px}
#content .ebh-u b{display:block;margin-top:9px;font-size:13.5px;font-weight:700;line-height:1.25}
#content .ebh-u .ebh-num{font-size:30px}
#content .ebh-lg{display:none}
#content .ebh-u b{text-wrap:balance}

/* sekcie: rovnaká medzera všade (--ebh-gap) a nadpisy */
#content .ebh-sec{margin-top:var(--ebh-gap)}
#content .ebh-head{margin:0 0 18px;text-align:center}
#content .ebh-h2{margin:0;padding:0;font-size:23px;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--ebh-ink);text-align:center;text-transform:none}
#content .ebh-h2 span{color:var(--ebh-b)}
#content .ebh-sub{margin:8px auto 0;padding:0;max-width:34em;font-size:14.5px;line-height:1.45;color:var(--ebh-mu)}

/* Aký rider si ty? */
#content .ebh-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#content .ebh-tile{display:block;padding:10px 10px 12px;background:#fff;border:1px solid var(--ebh-ln);border-radius:14px;color:var(--ebh-ink);text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s}
#content .ebh-tile:hover{box-shadow:0 14px 30px rgba(17,19,26,.08);transform:translateY(-3px);border-color:#d9dcf7;color:var(--ebh-ink)}
#content .ebh-tile img{display:block;width:100%;height:96px;max-width:none;object-fit:contain}
#content .ebh-tile b{display:block;margin-top:6px;font-size:14px;font-weight:700;line-height:1.25}
#content .ebh-tile span{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--ebh-mu)}

/* produkty v rade (posúvanie prstom, na PC šípky) */
#content .ebh-prow{position:relative}
#content .ebh-prow .products-block.ebh-row{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--ebh-g);-webkit-overflow-scrolling:touch;scrollbar-width:none;width:auto!important;max-width:none!important;margin:0 calc(-1*var(--ebh-g))!important;padding:6px var(--ebh-g) 16px!important;border:0!important;background:none!important}
#content .ebh-prow .products-block.ebh-row::-webkit-scrollbar{display:none}
#content .ebh-prow .ebh-row>.product{flex:0 0 78%!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;border:0!important;box-shadow:none!important;background:none!important;scroll-snap-align:start;display:flex!important}
#content .ebh-prow .ebh-row>.product>.p{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;margin:0!important;padding:14px!important;background:#fff!important;border:1px solid var(--ebh-ln)!important;border-radius:16px!important;box-shadow:none!important;transition:box-shadow .18s,transform .18s,border-color .18s}
#content .ebh-prow .ebh-row>.product>.p:hover{box-shadow:0 14px 30px rgba(17,19,26,.09)!important;transform:translateY(-3px);border-color:#d9dcf7!important}
#content .ebh-prow .ebh-row>.product .p-bottom{margin-top:auto!important}
#content .ebh-prow .ebh-row>.product a.image{display:block!important;position:relative!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;aspect-ratio:4/3}
#content .ebh-prow .ebh-row>.product a.image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:contain!important}
#content .ebh-prow .ebh-row>.product .p-in,#content .ebh-prow .ebh-row>.product .p-bottom{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:auto!important}
#content .ebh-prow .ebh-row>.product .p-desc{display:none!important}
#content .ebh-prow .ebh-row>.product .p-tools .btn{width:100%!important}
#content .ebh-prow .ebh-row .ebh-flags{position:absolute;z-index:3;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
#content .ebh-prow .ebh-row .ebh-flags .flags{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
#content .ebh-prow .ebh-row .ebh-flags .flag{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important}
#content .ebh-prow .ebh-row .ebh-flags .flag-discount{order:-1}
#content .ebh-prow .ebh-row .ebh-flags .flag-gift,#content .ebh-prow .ebh-row .ebh-flags .flag-freeshipping{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;justify-content:flex-start!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;padding:6px 10px 6px 8px!important;border:0!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;box-shadow:none!important}
#content .ebh-prow .ebh-row .ebh-flags .flag-gift{background:#eef2ff!important;color:var(--ebh-b)!important}
#content .ebh-prow .ebh-row .ebh-flags .flag-freeshipping{background:#e8f6ee!important;color:#15703a!important}
#content .ebh-prow .ebh-row .ebh-flags .flag svg{width:14px;height:14px;flex:0 0 auto}
#content .ebh-arr{display:none}
#content .ebh-dots{display:flex;justify-content:center;gap:6px;min-height:6px;margin-top:2px}
#content .ebh-dots i{display:block;width:6px;height:6px;border-radius:999px;background:#c9cedb;transition:width .2s,background-color .2s}
#content .ebh-dots i.on{width:18px;background:var(--ebh-b)}
#content .ebh-more{margin-top:16px;text-align:center}
#content .ebh-more .ebh-btn{width:100%}

/* značky */
#content .ebh-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1*var(--ebh-g));padding:2px var(--ebh-g) 6px}
#content .ebh-chips::-webkit-scrollbar{display:none}
#content .ebh-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#fff;border:1.5px solid var(--ebh-ln);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--ebh-ink);text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}
#content .ebh-chip:hover{border-color:var(--ebh-b);color:var(--ebh-b);background:#f5f7ff;text-decoration:none}

/* recenzie */
#content .ebh-rv-sum{display:flex;align-items:center;gap:14px;padding:12px 8px 12px 16px;background:#fff;border:1px solid var(--ebh-ln);border-radius:16px;color:var(--ebh-ink);text-decoration:none}
#content .ebh-rv-sum:hover{color:var(--ebh-ink);border-color:#d9dcf7}
#content .ebh-rv-sum .ebh-num{font-size:38px}
#content .ebh-rv-mid{flex:1 1 auto;min-width:0}
#content .ebh-rv-mid .ebh-stars svg{width:16px;height:16px}
#content .ebh-rv-mid small{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--ebh-mu)}
#content .ebh-rv-all{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0 8px;font-size:13.5px;font-weight:700;color:var(--ebh-b)}
#content .ebh-rv-all em{display:none;font-style:normal}
#content .ebh-rv-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--ebh-g);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:12px calc(-1*var(--ebh-g)) 0;padding:0 var(--ebh-g) 6px}
#content .ebh-rv-list::-webkit-scrollbar{display:none}
#content .ebh-rv{flex:0 0 290px;max-width:84%;scroll-snap-align:start;padding:16px;background:#fff;border:1px solid var(--ebh-ln);border-radius:16px}
#content .ebh-rv-hd{display:flex;align-items:center;gap:10px}
#content .ebh-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#e8edff;color:var(--ebh-b);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
#content .ebh-rv-n{display:block;font-size:14.5px;font-weight:700;line-height:1.25;color:var(--ebh-ink)}
#content .ebh-rv-d{display:block;font-size:12px;line-height:1.3;color:var(--ebh-mu)}
#content .ebh-rv .ebh-stars{margin-top:10px}
#content .ebh-rv .ebh-stars svg{width:14px;height:14px}
#content .ebh-rv p{margin:8px 0 0;padding:0;font-size:14px;line-height:1.5;color:var(--ebh-tx);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* sme tu aj po nákupe */
#content .ebh-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#content .ebh-ac{display:flex;flex-direction:column;min-height:132px;padding:14px 12px;background:#fff;border:1px solid var(--ebh-ln);border-radius:14px;color:var(--ebh-ink);text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s}
#content .ebh-ac:hover{box-shadow:0 14px 30px rgba(17,19,26,.08);transform:translateY(-3px);border-color:#d9dcf7;color:var(--ebh-ink);text-decoration:none}
#content .ebh-ac .ebh-ic{width:36px;height:36px;border-radius:11px}
#content .ebh-ac b{display:block;margin-top:10px;font-size:14px;font-weight:700;line-height:1.25}
#content .ebh-ac p{display:none;margin:6px 0 0;padding:0;font-size:14px;line-height:1.5;color:var(--ebh-mu)}
#content .ebh-go{display:block;margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;color:var(--ebh-b)}

/* články */
#content .ebh-arts{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--ebh-g);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1*var(--ebh-g));padding:0 var(--ebh-g) 8px}
#content .ebh-arts::-webkit-scrollbar{display:none}
#content .ebh-art{flex:0 0 290px;max-width:84%;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ebh-ln);border-radius:16px;overflow:hidden;color:var(--ebh-ink);text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s}
#content .ebh-art:hover{box-shadow:0 14px 30px rgba(17,19,26,.08);transform:translateY(-3px);border-color:#d9dcf7;color:var(--ebh-ink);text-decoration:none}
#content .ebh-art-i{display:block;height:164px;background:var(--ebh-sf);overflow:hidden}
#content .ebh-art-i img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .25s}
#content .ebh-art:hover .ebh-art-i img{transform:scale(1.04)}
#content .ebh-art b{display:block;padding:14px 16px 0;font-size:16px;font-weight:700;line-height:1.3}
#content .ebh-art .ebh-go{padding:10px 16px 16px;font-size:13.5px}

/* tím */
#content .ebh-team{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#content .ebh-person{display:flex;gap:14px;padding:14px;background:#fff;border:1px solid var(--ebh-ln);border-radius:16px}
#content .ebh-person img{flex:0 0 96px;width:96px;height:120px;max-width:none;border-radius:12px;object-fit:cover;background:var(--ebh-sf)}
#content .ebh-pb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
#content .ebh-pn{margin:0;padding:0;font-size:16px;font-weight:800;line-height:1.25;color:var(--ebh-ink);text-align:left;text-transform:none}
#content .ebh-pr{margin-top:2px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ebh-b)}
#content .ebh-pq{margin:6px 0 0;padding:0;font-size:13px;line-height:1.4;font-style:italic;color:var(--ebh-mu)}
#content .ebh-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#content .ebh-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;background:var(--ebh-sf);border:1px solid var(--ebh-ln);border-radius:999px;color:var(--ebh-ink);font-size:13.5px;font-weight:700;white-space:nowrap;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
#content .ebh-pill:hover{background:var(--ebh-b);border-color:var(--ebh-b);color:#fff;text-decoration:none}
#content .ebh-pill svg{width:16px;height:16px;flex:0 0 auto}
#content .ebh-pill-ig{display:none}

/* komunita */
#content .ebh-comm{margin-top:24px;margin-bottom:0;padding:26px 20px;background:#eef2ff;border:1px solid #dfe4fb;border-radius:18px;text-align:center}
#content .ebh-comm .ebh-head{margin-bottom:0}
#content .ebh-comm .ebh-h2{font-size:22px}
#content .ebh-comm .ebh-btn{margin-top:16px}
#content .ebh-comm .ebh-btn svg{width:20px;height:20px}

@media (max-width:399px){
#content .ebh-hero-txt{left:16px;right:16px;bottom:16px}
#content .ebh-hero-cta{gap:6px}
#content .ebh-hero-cta .ebh-btn{padding:0 13px;font-size:14px}
}
@media (min-width:600px){
#content .ebh-top{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"main main" "trust trust" "side side" "usp usp";gap:14px}
body.type-index #content::before,#content .ebh-hero-main{height:380px;background-position:30% 50%;
background-image:linear-gradient(180deg,rgba(17,19,26,0) 34%,rgba(17,19,26,.82) 100%),url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1024");
background-image:linear-gradient(180deg,rgba(17,19,26,0) 34%,rgba(17,19,26,.82) 100%),-webkit-image-set(url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1024") 1x,url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1800") 2x);
background-image:linear-gradient(180deg,rgba(17,19,26,0) 34%,rgba(17,19,26,.82) 100%),image-set(url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1024") 1x,url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1800") 2x)}
#content .ebh-hero-txt{left:28px;right:28px;bottom:28px;max-width:520px}
#content .ebh-hero-h{font-size:38px}
#content .ebh-hero-p{font-size:16px}
#content .ebh-side,#content .ebh-trust{gap:14px}
#content .ebh-ban{height:170px;border-radius:16px}
#content .ebh-ban-t{left:16px;right:14px;bottom:14px}
#content .ebh-ban-t b{font-size:17px}
#content .ebh-ban-t span{font-size:13px}
#content .ebh-usp{gap:12px}
#content .ebh-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#content .ebh-tile img{height:110px}
#content .ebh-prow .ebh-row>.product{flex-basis:300px!important}
#content .ebh-more .ebh-btn{width:auto;padding:0 26px}
#content .ebh-after{gap:14px}
#content .ebh-ac{padding:18px}
#content .ebh-ac p{display:block}
#content .ebh-art{flex-basis:320px}
#content .ebh-pill-ig{display:inline-flex}
}
@media (min-width:768px){
:root{--ebh-gap:72px}
#content .ebh-head{margin-bottom:22px}
#content .ebh-h2{font-size:25px}
#content .ebh-sub{font-size:15.5px}
#content .ebh-usp{grid-template-columns:repeat(4,minmax(0,1fr))}
#content .ebh-prow .ebh-row>.product{flex-basis:calc((100% - 24px)/2.6)!important}
#content .ebh-chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin:0;padding:0;gap:12px}
#content .ebh-chip{min-height:46px;padding:0 22px;font-size:14px}
#content .ebh-rv-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#content .ebh-rv-list{display:contents}
#content .ebh-rv{flex:none;max-width:none;padding:20px}
#content .ebh-rv:nth-child(n+4){display:none}
#content .ebh-rv-sum{flex-direction:column;align-items:flex-start;gap:0;min-height:220px;padding:22px;background:#eef2ff;border-color:#dfe4fb}
#content .ebh-rv-sum .ebh-num{font-size:52px}
#content .ebh-rv-mid{flex:none;margin-top:10px}
#content .ebh-rv-mid .ebh-stars svg{width:20px;height:20px}
#content .ebh-rv-mid small{margin-top:8px;font-size:14px;color:#2b3340}
#content .ebh-rv-all{margin-top:auto;padding:12px 0 0;min-height:0;font-size:14.5px}
#content .ebh-rv-all em{display:inline}
#content .ebh-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#content .ebh-person img{flex-basis:110px;width:110px;height:138px}
}
@media (min-width:1024px){
#content .ebh-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"main side" "usp usp";gap:16px}
body.type-index #content::before,#content .ebh-hero-main{height:440px;
background-image:linear-gradient(270deg,rgba(17,19,26,.82) 0%,rgba(17,19,26,.4) 42%,rgba(17,19,26,0) 68%),url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1024");
background-image:linear-gradient(270deg,rgba(17,19,26,.82) 0%,rgba(17,19,26,.4) 42%,rgba(17,19,26,0) 68%),-webkit-image-set(url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1024") 1x,url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1800") 2x);
background-image:linear-gradient(270deg,rgba(17,19,26,.82) 0%,rgba(17,19,26,.4) 42%,rgba(17,19,26,0) 68%),image-set(url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1024") 1x,url("https://harobikes.de/cdn/shop/collections/Haro_Mid_South_gravel_-17.jpg?v=1769778189&width=1800") 2x)}
body.type-index #content::before{width:calc((100% - 16px)*2/3);margin-left:0;border-radius:18px}
#content .ebh-hero-main{border-radius:18px}
#content .ebh-hero-txt{left:auto;right:44px;bottom:44px;max-width:400px}
#content .ebh-bar{width:36px;height:6px}
#content .ebh-hero-h{margin-top:14px;font-size:42px;line-height:1.05}
#content .ebh-hero-p{margin-top:12px;font-size:17px;line-height:1.5}
#content .ebh-hero-cta{gap:12px;margin-top:22px}
#content .ebh-hero-cta .ebh-btn{min-height:50px;padding:0 24px;font-size:15px}
#content .ebh-trust{display:none}
#content .ebh-side{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
#content .ebh-ban{height:auto;border-radius:18px}
#content .ebh-ban-t{left:22px;right:18px;bottom:18px}
#content .ebh-ban-t b{font-size:19px}
#content .ebh-ban-t span{font-size:13.5px}
#content .ebh-usp{margin-top:0;padding:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#content .ebh-u{display:flex;align-items:center;gap:12px;padding:14px 16px}
#content .ebh-u .ebh-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px}
#content .ebh-u b{margin-top:0;font-size:14px}
#content .ebh-u small{margin-top:2px;font-size:12.5px}
#content .ebh-u .ebh-stars svg{width:14px;height:14px}
#content .ebh-lg{display:flex}
#content .ebh-sm{display:none}
:root{--ebh-gap:96px}
#content .ebh-head{margin-bottom:24px}
#content .ebh-h2{font-size:26px}
#content .ebh-sub{font-size:16px}
#content .ebh-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
#content .ebh-tile{padding:14px 14px 16px;border-radius:16px;text-align:center}
#content .ebh-tile img{height:120px}
#content .ebh-tile b{margin-top:8px;font-size:15.5px}
#content .ebh-tile span{font-size:13px}
#content .ebh-prow .products-block.ebh-row{gap:16px;margin:0!important;padding:6px 0 18px!important;scroll-padding-left:0}
#content .ebh-prow .ebh-row>.product{flex-basis:calc((100% - 32px)/3)!important}
#content .ebh-prow .ebh-row>.product>.p{padding:16px!important}
#content .ebh-more{margin-top:18px}
#content .ebh-rv-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}
#content .ebh-after{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#content .ebh-ac{min-height:220px;padding:22px;border-radius:16px}
#content .ebh-ac .ebh-ic{width:46px;height:46px;border-radius:13px}
#content .ebh-ac .ebh-ic svg{width:22px;height:22px}
#content .ebh-ac b{margin-top:14px;font-size:17px;font-weight:800}
#content .ebh-ac p{font-size:14.5px;line-height:1.55}
#content .ebh-go{padding-top:12px;font-size:14px}
#content .ebh-arts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;margin:0;padding:0}
#content .ebh-art{max-width:none}
#content .ebh-art:nth-child(n+4){display:none}
#content .ebh-art-i{height:auto;aspect-ratio:16/9}
#content .ebh-art b{padding:16px 20px 0;font-size:17px}
#content .ebh-art .ebh-go{padding:12px 20px 18px;font-size:14px}
#content .ebh-person{gap:20px;padding:18px;border-radius:18px}
#content .ebh-person img{flex-basis:150px;width:150px;height:188px;border-radius:14px}
#content .ebh-pn{font-size:20px}
#content .ebh-pr{margin-top:3px;font-size:12px}
#content .ebh-pq{margin-top:10px;font-size:15px;line-height:1.5}
#content .ebh-pills{margin-top:auto;padding-top:12px}
#content .ebh-pill{min-height:42px;padding:0 16px;font-size:14px}
#content .ebh-comm{padding:40px 24px;border-radius:22px}
#content .ebh-comm .ebh-h2{font-size:26px}
#content .ebh-comm .ebh-btn{min-height:50px;padding:0 26px;font-size:15px}
}
@media (min-width:1024px) and (max-width:1279px){
#content .ebh-u{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}
#content .ebh-u .ebh-num{font-size:26px}
}
@media (min-width:1280px){
#content .ebh-prow .ebh-row>.product{flex-basis:calc((100% - 48px)/4)!important}
}
@media (min-width:1024px) and (hover:hover){
#content .ebh-arr{display:flex;position:absolute;z-index:3;top:110px;width:44px;height:44px;margin:0;padding:0;border-radius:999px;border:1px solid var(--ebh-ln);background:#fff;color:var(--ebh-ink);align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(17,19,26,.12);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,opacity .15s}
#content .ebh-arr:hover{background:var(--ebh-b);border-color:var(--ebh-b);color:#fff}
#content .ebh-arr[disabled]{opacity:0;pointer-events:none}
#content .ebh-arr svg{width:20px;height:20px}
#content .ebh-prev{left:-14px}
#content .ebh-next{right:-14px}
}
@media (prefers-reduced-motion:reduce){
#content .ebh-top *,#content .ebh-sec *{transition:none!important;scroll-behavior:auto!important}
#content .ebh-sec a:hover,#content .ebh-sec .p:hover,#content .ebh-top a:hover,#content .ebh-top a:hover img{transform:none!important}
}

/* ---------- 3. PÄTIČKA (celý web) ---------- */
#footer.ebf{margin-top:0;padding:0;background:#fff;border-top:1px solid var(--ebh-ln);color:var(--ebh-tx)}
#footer.ebf .ebf-hide{display:none!important}
#footer.ebf h3::before,#footer.ebf h3::after{content:none!important;display:none!important}
#footer.ebf .ebf-in,#footer.ebf .ebf-in *{letter-spacing:normal}
#footer.ebf .ebf-in{max-width:1450px;margin:0 auto;padding:28px 15px 26px;box-sizing:border-box}
#footer.ebf .ebf-in *{box-sizing:border-box}
#footer.ebf .ebf-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"nl" "ct" "a1" "a2"}
#footer.ebf .ebf-nl{grid-area:nl;padding:22px 18px;background:var(--ebh-b);border-radius:18px;color:#fff}
#footer.ebf .ebf-ct{grid-area:ct;margin-top:18px}
#footer.ebf .ebf-a1{grid-area:a1}
#footer.ebf .ebf-a2{grid-area:a2}
#footer.ebf .ebf-t{display:block;margin:0;padding:0;font-size:19px;font-weight:800;line-height:1.2;color:inherit;text-transform:none}
#footer.ebf .ebf-s{margin:4px 0 0;padding:0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.88)}
/* newsletter – formulár Shoptetu (funguje ďalej), len inak zobrazený */
#footer.ebf .ebf-nl form{display:flex;flex-direction:column;margin:14px 0 0;padding:0;background:none;border:0}
#footer.ebf .ebf-nl .newsletter-left{order:2;margin:0;padding:0;width:auto;float:none}
#footer.ebf .ebf-nl .newsletter-left h3{display:none}
#footer.ebf .ebf-nl .newsletter-left .form-group{margin:10px 0 0;padding:0}
#footer.ebf .ebf-nl .newsletter-left p,#footer.ebf .ebf-nl .newsletter-left .label{margin:0;padding:0;font-size:12px;line-height:1.45;font-weight:400;color:rgba(255,255,255,.88);text-align:left}
#footer.ebf .ebf-nl .newsletter-left a{color:#fff;text-decoration:underline}
#footer.ebf .ebf-nl fieldset{order:1;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0;width:auto;float:none}
#footer.ebf .ebf-nl .smart-label-wrapper{display:flex;flex-direction:column;margin:0;padding:0;width:auto;float:none;position:relative}
#footer.ebf .ebf-nl .smart-label-wrapper label{position:static!important;display:block!important;order:1;margin:0 0 6px!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;background:none!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;color:#fff!important;pointer-events:auto}
#footer.ebf .ebf-nl .smart-label-wrapper label span::after,#footer.ebf .ebf-nl .smart-label-wrapper label::after{content:none!important}
#footer.ebf .ebf-nl .form-control-wrapper{order:2;margin:0;padding:0;width:auto;float:none}
#footer.ebf .ebf-nl input[type="email"]{display:block;width:100%;height:48px;margin:0;padding:0 14px;border:0;border-radius:12px;background:#fff;color:var(--ebh-ink);font-size:15px;line-height:48px;box-shadow:none}
#footer.ebf .ebf-nl input[type="email"]::placeholder{color:#9aa0b5;opacity:1}
#footer.ebf .ebf-nl button[type="submit"]{display:block;width:100%;height:48px;margin:0;padding:0 16px;border:0;border-radius:12px;background:#11131a;background-image:none;color:#fff;font-size:15px;font-weight:700;line-height:48px;text-transform:none;box-shadow:none;cursor:pointer}
#footer.ebf .ebf-nl button[type="submit"]:hover{background:#262a36}
#footer.ebf .ebf-nl .msg,#footer.ebf .ebf-nl .error-message,#footer.ebf .ebf-nl .js-validator-msg{color:#fff;font-size:12.5px}
#footer.ebf .ebf-logo{display:none}
#footer.ebf .ebf-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;border-bottom:1px solid var(--ebh-ln);color:var(--ebh-ink);font-size:15px;font-weight:600;text-decoration:none;word-break:break-word}
#footer.ebf .ebf-row:hover{color:var(--ebh-b);text-decoration:none}
#footer.ebf .ebf-ic{flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:rgba(27,70,229,.1);color:var(--ebh-b);display:flex;align-items:center;justify-content:center}
#footer.ebf .ebf-ic svg{width:18px;height:18px}
#footer.ebf .ebf-hw{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:none}
#footer.ebf .ebf-h{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin:0;padding:0;border:0;border-bottom:1px solid var(--ebh-ln);border-radius:0;background:none;color:var(--ebh-ink);font-family:inherit;font-size:15px;font-weight:700;line-height:1.3;text-align:left;text-transform:none;cursor:pointer;box-shadow:none}
#footer.ebf .ebf-h svg{width:20px;height:20px;flex:0 0 auto;transition:transform .2s}
#footer.ebf .ebf-acc.open .ebf-h svg{transform:rotate(180deg)}
#footer.ebf .ebf-links{display:none;margin:0;padding:6px 0 10px;list-style:none;border-bottom:1px solid var(--ebh-ln)}
#footer.ebf .ebf-acc.open .ebf-links{display:block}
#footer.ebf .ebf-links li{margin:0;padding:0;list-style:none;background:none}
#footer.ebf .ebf-links li::before{content:none}
#footer.ebf .ebf-links a{display:flex;align-items:center;min-height:44px;padding:0;color:var(--ebh-tx);font-size:14.5px;font-weight:400;line-height:1.35;text-decoration:none;text-transform:none}
#footer.ebf .ebf-links a:hover{color:var(--ebh-b);text-decoration:none}
#footer.ebf .ebf-bot{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px;text-align:center}
#footer.ebf .ebf-soc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
#footer.ebf .ebf-soc a{width:44px;height:44px;border-radius:50%;background:var(--ebh-sf);border:1px solid var(--ebh-ln);color:var(--ebh-ink);display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s,border-color .15s}
#footer.ebf .ebf-soc a:hover{background:var(--ebh-b);border-color:var(--ebh-b);color:#fff}
#footer.ebf .ebf-soc svg{width:20px;height:20px}
#footer.ebf .ebf-copy{margin:0;font-size:12.5px;line-height:1.6;color:var(--ebh-mu)}
#footer.ebf .ebf-cred{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;font-size:11.5px;line-height:1.5;color:#8a90a2}
#footer.ebf .ebf-cred a{color:#8a90a2;text-decoration:none}
#footer.ebf .ebf-cred a:hover{color:var(--ebh-b)}
#footer.ebf .ebf-cred #signature{display:inline-flex!important;align-items:center;gap:6px;margin:0;float:none}
#footer.ebf .ebf-cred #signature .title{display:inline!important}
#footer.ebf .ebf-cred img{width:14px;height:14px;vertical-align:middle}
#footer.ebf .ebf-cred>*{flex:0 0 auto}
#footer.ebf .ebf-cred #signature a{display:inline-flex!important;align-items:center;width:auto!important;margin:0!important;padding:0!important;float:none!important}
#footer.ebf .ebf-cred .podpis,#footer.ebf .ebf-cred .podpis a{display:inline!important;width:auto!important;margin:0!important;padding:0!important;float:none!important}
@media (min-width:768px){
#footer.ebf .ebf-in{padding:40px 15px 28px}
#footer.ebf .ebf-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"ct nl" "a1 a2";gap:32px 40px}
#footer.ebf .ebf-ct{margin-top:0}
#footer.ebf .ebf-logo{display:block;width:170px;height:36px;margin:0 0 14px;object-fit:contain;object-position:left center}
#footer.ebf .ebf-row{min-height:40px;padding:2px 0;border-bottom:0;font-size:14.5px}
#footer.ebf .ebf-ic{background:none;width:auto;flex:0 0 auto;height:auto}
#footer.ebf .ebf-h{min-height:0;margin:0 0 10px;border:0;font-size:15px;font-weight:800;cursor:default;pointer-events:none}
#footer.ebf .ebf-h svg{display:none}
#footer.ebf .ebf-links,#footer.ebf .ebf-acc.open .ebf-links{display:block;padding:0;border:0}
#footer.ebf .ebf-links a{min-height:34px;font-size:14px}
#footer.ebf .ebf-bot{flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid #eef0f4;text-align:left}
}
@media (min-width:1024px){
#footer.ebf .ebf-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"ct a1 a2 nl";gap:32px}
#footer.ebf .ebf-nl{padding:0;background:none;border-radius:0;color:var(--ebh-ink)}
#footer.ebf .ebf-t{font-size:15px}
#footer.ebf .ebf-s{margin-top:6px;font-size:13.5px;color:var(--ebh-mu)}
#footer.ebf .ebf-nl .smart-label-wrapper label{color:var(--ebh-tx)!important}
#footer.ebf .ebf-nl input[type="email"]{height:46px;line-height:46px;border:1px solid #dfe3ec}
#footer.ebf .ebf-nl input[type="email"]:focus{border-color:var(--ebh-b);outline:0}
#footer.ebf .ebf-nl button[type="submit"]{height:46px;line-height:46px;background:var(--ebh-b)}
#footer.ebf .ebf-nl button[type="submit"]:hover{background:#1438b8}
#footer.ebf .ebf-nl .newsletter-left p,#footer.ebf .ebf-nl .newsletter-left .label{color:var(--ebh-mu)}
#footer.ebf .ebf-nl .newsletter-left a{color:var(--ebh-b)}
#footer.ebf .ebf-nl .msg,#footer.ebf .ebf-nl .error-message,#footer.ebf .ebf-nl .js-validator-msg{color:#b00020}
}


/* #####################################################################
   6/9  eb-cls-v2.css
   pôvodne: /user/documents/upload/eb-cls-v2.css
   ##################################################################### */

/* EliteBiker – CLS: rozloženie dané už v hlavičke (predtým nastavované JS v pätičke) */
#content-wrapper{margin-top:30px!important}
body.ordering-process #content-wrapper{margin-top:0!important}
@media (max-width:767px){
body.ordering-process #content-wrapper{margin-top:61px!important}
body:not(.eb-x) .breadcrumbs-wrapper{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;position:relative!important;margin-top:69px!important;scroll-margin-top:69px!important}
body:not(.eb-x) .breadcrumbs{display:flex!important}
}
@media (max-width:991px){.breadcrumbs-wrapper{position:relative !important;z-index:1 !important;clear:both !important;background:#f7f8fc !important;border-bottom:1px solid #eef0f4 !important;padding:11px 16px !important;margin:0 0 16px !important;}.breadcrumbs{display:flex !important;flex-wrap:wrap;align-items:center;gap:3px 8px;font-family:'Poppins',sans-serif !important;font-size:12px !important;line-height:1.3;}.breadcrumbs a{font-family:'Poppins',sans-serif !important;font-size:12px !important;font-weight:500 !important;color:#888 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0;transition:color .15s ease;}.breadcrumbs a:hover{color:var(--color-primary,#0433ff) !important;}.breadcrumbs [data-testid="breadcrumbsLastLevel"]{font-weight:700 !important;color:#1e1e1e !important;}}.type-detail .breadcrumbs > [data-testid="breadcrumbsLastLevel"]{display:none !important;}.type-detail .breadcrumbs > span:nth-last-child(2) .navigation-bullet{display:none !important;}

/* v2 (9. 11. 2026): cookie lišta bez animácie (Lighthouse ju počíta ako posun) */
.siteCookies{transition:none!important;animation:none!important}
/* v2: filtre na desktope sú zbalené už pri prvom vykreslení; JS (časť 3) po spracovaní pridá html.ebf-ready */
@media (min-width:768px){
html:not(.ebf-ready) #category-filter-hover .filter-section-parametric form .filter-label,
html:not(.ebf-ready) #category-filter-hover .filter-section-manufacturer form .filter-label{display:none}
}


/* #####################################################################
   7/9  prázdny Facebook box (z v2)
   pôvodne: doplnené v eb-all-homepage30-v2.css
   ##################################################################### */

/* v2 (9. 11. 2026): Facebook widget vypnutý v Prepojenie → Facebook – Shoptet necháva v bočnom paneli prázdny box, skryť */
.box-facebook:not(:has(*)){display:none}


/* #####################################################################
   8/9  <style> blok 1
   pôvodne: vložený <style> v Záhlaví – Popis kategórie, „Zobraziť viac“ bez medzery (9. 11. 2026)
   ##################################################################### */

/* Popis kategórie – „Zobraziť viac“ bez medzery nad aj pod (9. 11. 2026) */
.category-perex > .eP-more,
.category-perex > .eP-more[open]{margin-top:0;margin-bottom:0}
body:not(.in-znacka) .category-perex > .eP.eP-brandcard > :has(+ .eP-links:last-child),
.category-perex > .eP.eP-brandcard > :last-child{margin-bottom:0}
.category-perex > p:has(~ .eP-more),
.category-perex > .eP-more ~ p{display:none}
.category-perex:has(> .eP-more){margin-bottom:0}
.category-perex .eP-more:not(:has(> :not(summary))){display:none}


/* #####################################################################
   9/9  <style> blok 2
   pôvodne: vložený <style> v Záhlaví – tabuľky .eP-spec, karty na mobile, zbalenie filtrov v3, hodnotenie obchodu, zarovnanie popisov, chipy, .eP-brandcard
   ##################################################################### */

.eP table.eP-spec th { width: auto; }
.eP table.eP-spec tr > th:first-child:nth-last-child(2) { width: 42%; }
.eP table.eP-spec tr > th:first-child:not(:nth-last-child(2)) { width: 1%; white-space: nowrap; }
.eP table.eP-spec tr:first-child th:not(:first-child) { text-align: center; }
.eP table.eP-spec td { text-align: left; }
@media (max-width: 600px) {
  .eP table.eP-spec tr > th:first-child:not(:nth-last-child(2)) { white-space: normal; }
}

@media (max-width: 767px) {
  .products-block .p-bottom .prices { margin-bottom: 2px !important; }
  .products-block .p-bottom .p-desc { margin-top: 0 !important; margin-bottom: 0 !important; }
  .products-block .p-bottom .p-tools { padding-top: 0 !important; }
  .products-block .p-bottom .p-tools .btn { margin-top: 6px !important; }
}

/* ═══ EliteBiker – zbalenie filtrov (v3) ═══
   Vložiť do: Vzhľad a obsah → Editor → CSS štýly
   (čisté CSS, bez <style> tagov)                    */

/* ─ klikací nadpis so šípkou ─ */
.ebf-t{cursor:pointer;user-select:none;position:relative;padding-right:22px;display:block}
.ebf-t::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-70%) rotate(45deg);transition:transform .18s ease;opacity:.55}
.ebf-collapsed .ebf-t::after{transform:translateY(-30%) rotate(-135deg)}

/* ─ zbalená sekcia: skryjú sa hodnoty a prepínač, nadpis ostáva ─ */
.ebf-collapsed .ebf-val{display:none!important}
.ebf-collapsed .ebf-more{display:none!important}

/* ─ hodnoty nad limit / nulové ─ */
.ebf-hidden{display:none!important}
.ebf-more{display:inline-block;margin:4px 0 10px;padding:2px 0;font-size:.86em;
  color:inherit;opacity:.7;text-decoration:underline;cursor:pointer;background:none;border:none}
.ebf-more:hover{opacity:1}

@media (prefers-reduced-motion: reduce){.ebf-t::after{transition:none}}



body.in-hodnotenie-obchodu #ratingsList .vote-wrap {
    display: block !important;
}


/* ===== Zarovnanie popisov úplne doľava ===== */
.eP{margin:0;text-align:left}
.eP p,.eP li,.eP h3.eP-h,.eP td,.eP th,
.eP .eP-lead,.eP .eP-note,.eP summary,.eP .eP-a{
  text-align:left !important;
}
.eP .eP-links,.eP .eP-pills,.eP .eP-usp{justify-content:flex-start}

/* ===== Odkazy na kategórie (chipy) len na stránkach značiek ===== */
.eP .eP-links{display:none}
body.in-znacka .eP .eP-links{display:flex}


.eP-brandcard {
padding: 10px 0px;
}