/* =====================================================================
   ELITEBIKER.SK – homepage30c.css (30. 10. 2026) – nahrádza homepage30b.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/homepage30c.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 ako predtým, nad ním len malá medzera (24 px), pod ním žiadna (sedí na pätičke)
   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:1240px;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}

/* 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((min(100%,1240px) - 16px)*2/3);margin-left:max(0px,calc((100% - 1240px)/2));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:1240px;margin:0 auto;padding:28px 16px 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 24px 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}
}