{"id":12,"date":"2026-05-14T10:52:54","date_gmt":"2026-05-14T10:52:54","guid":{"rendered":"https:\/\/electricride.ro\/?page_id=12"},"modified":"2026-05-16T10:33:02","modified_gmt":"2026-05-16T10:33:02","slug":"electricride","status":"publish","type":"page","link":"https:\/\/electricride.ro\/","title":{"rendered":"Electricride"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faca3d3 e-con-full e-flex e-con e-parent\" data-id=\"faca3d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-604b0aa e-con-full e-flex e-con e-parent\" data-id=\"604b0aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ef145 elementor-widget elementor-widget-html\" data-id=\"96ef145\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.bike-showcase {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.compact-bike {\n  min-height: 330px;\n}\n\n.bike-media {\n  position: relative;\n  min-height: 300px;\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.bike-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n}\n\n.featured-bike .bike-media img {\n  object-position: center;\n}\n\n.compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-rise-lt-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 02 Hero cinematic \/ Primul ecran -->\n        <!-- ELEMENTOR HINT: Schimba video-ul\/posterul cu media finala Orbea. Textul mare este separat in doua randuri pentru control vizual in Elementor. -->\n        <section class=\"hero-cinema\" id=\"top\" aria-labelledby=\"hero-title\">\n          <video class=\"hero-video\" autoplay muted loop playsinline poster=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-wild-m10.jpg\">\n            <source src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-wild-trail.mp4\" type=\"video\/mp4\" \/>\n          <\/video>\n          <div class=\"hero-overlay\"><\/div>\n          <div class=\"energy-line\" aria-hidden=\"true\"><\/div>\n          <div class=\"hero-inner\">\n            <div class=\"hero-topline\">\n              <span>ElectricRide Romania<\/span>\n              <span>Orbea e-bikes \/ premium selection<\/span>\n            <\/div>\n            <div class=\"hero-stage\">\n              <div class=\"hero-copy-block\">\n                <p class=\"eyebrow\">Dark showroom pentru e-bike-uri Orbea<\/p>\n                <h1 id=\"hero-title\"><span>Putere<\/span><span>care se simte.<\/span><\/h1>\n                <p>\n                  O selectie Orbea pentru rideri care nu cumpara doar specificatii, ci felul in care bicicleta raspunde pe urcare,\n                  pe coborare si in turele lungi.\n                <\/p>\n                <div class=\"hero-actions\">\n                  <a class=\"btn btn-primary\" href=\"#modele\">Exploreaza modelele<\/a>\n                  <a class=\"btn btn-ghost\" href=\"#consultanta\">Cere recomandare<\/a>\n                <\/div>\n              <\/div>\n              <aside class=\"hero-model-panel\" aria-label=\"Model recomandat\">\n                <span class=\"panel-index\">01<\/span>\n                <strong>Orbea Wild M10<\/strong>\n                <p>Full-power eMTB, 170 mm suspensie si baterie mare pentru trasee serioase.<\/p>\n                <div class=\"panel-specs\">\n                  <span>100 Nm<\/span>\n                  <span>750 Wh<\/span>\n                  <span>170 mm<\/span>\n                <\/div>\n              <\/aside>\n            <\/div>\n            <div class=\"hero-strip\" aria-label=\"Repere ElectricRide\">\n              <div><strong>3<\/strong><span>modele Orbea alese pentru trail, ture lungi si oras<\/span><\/div>\n              <div><strong>1:1<\/strong><span>recomandare dupa traseu, autonomie si marimea potrivita<\/span><\/div>\n              <div><strong>Premium<\/strong><span>selectie clara, fara catalog incarcat si alegeri la intamplare<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efeb59b elementor-widget elementor-widget-html\" data-id=\"efeb59b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.bike-showcase {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.compact-bike {\n  min-height: 330px;\n}\n\n.bike-media {\n  position: relative;\n  min-height: 300px;\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.bike-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n}\n\n.featured-bike .bike-media img {\n  object-position: center;\n}\n\n.compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"assets\/images\/orbea\/orbea-rise-lt-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 03 Atelier \/ Pozitionare de brand -->\n        <!-- ELEMENTOR HINT: Sectiune de pozitionare. Inlocuieste cele 3 carduri cu argumentele reale ale clientului cand apar. -->\n        <section class=\"section atelier-section\" id=\"atelier\" aria-labelledby=\"atelier-title\">\n          <div class=\"section-inner atelier-layout\">\n            <div>\n              <p class=\"eyebrow\">Atelier de selectie<\/p>\n              <h2 class=\"section-title\" id=\"atelier-title\">Nu aratam toate bicicletele.<br \/>Le scoatem in fata pe cele care merita discutia.<\/h2>\n            <\/div>\n            <div class=\"atelier-copy\">\n              <p>\n                Alegem modelele Orbea care raspund clar la ce cauti pe traseu: autonomie, control, putere si confort.\nFiecare recomandare are un motiv, ca tu sa intelegi rapid bicicleta potrivita pentru stilul tau de mers.\n\n              <\/p>\n            <\/div>\n            <div class=\"atelier-points\">\n              <article>\n                <span>01<\/span>\n                <strong>Alegere dupa traseu<\/strong>\n                <p>Pornim de la felul in care mergi: urcari lungi, coborari tehnice, ture rapide sau explorare de weekend.\n\n<\/p>\n              <\/article>\n              <article>\n                <span>02<\/span>\n                <strong>Modele explicate simplu<\/strong>\n                <p>Iti aratam diferenta dintre Wild, Rise si Urrun fara jargon inutil, ca sa vezi imediat ce ti se potriveste.<\/p>\n              <\/article>\n              <article>\n                <span>03<\/span>\n                <strong>Consultanta reala<\/strong>\n                <p>Primesti recomandari clare despre autonomie, motor, marime si echipare, inainte sa iei decizia finala.<\/p>\n              <\/article>\n            <\/div>\n          <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9b25a elementor-widget elementor-widget-html\" data-id=\"4b9b25a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.bike-showcase {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.compact-bike {\n  min-height: 330px;\n}\n\n.bike-media {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n  contain: paint;\n  clip-path: inset(0);\n  transform: translateZ(0);\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.bike-media img {\n  position: absolute;\n  inset: -2px;\n  display: block;\n  width: calc(100% + 4px);\n  height: calc(100% + 4px);\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n.featured-bike .bike-media img {\n  object-position: 50% 50%;\n  transform-origin: 34% 72%;\n  animation: pedal-zoom 16s cubic-bezier(0.45, 0, 0.2, 1) infinite alternate;\n  will-change: transform;\n}\n\n@keyframes pedal-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.68);\n  }\n}\n\n.compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.compact-bike .bike-media img {\n  object-fit: cover;\n  object-position: center;\n  transform-origin: 50% 50%;\n  animation-duration: 18s;\n  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1);\n  animation-iteration-count: infinite;\n  animation-direction: alternate;\n  will-change: transform;\n}\n\n.compact-bike:nth-child(2) .bike-media img {\n  transform-origin: 73% 30%;\n  animation-name: handlebar-zoom;\n}\n\n.compact-bike:nth-child(3) .bike-media img {\n  transform-origin: 24% 64%;\n  animation-name: derailleur-zoom;\n}\n\n@keyframes handlebar-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.34);\n  }\n}\n\n@keyframes derailleur-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.4);\n  }\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"assets\/images\/orbea\/orbea-rise-lt-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .featured-bike .bike-media img,\n  .compact-bike .bike-media img {\n    animation: none;\n  }\n\n  .featured-bike .bike-media img {\n    transform: translate3d(0, 0, 0) scale(1.45);\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 04 Modele Orbea \/ Showcase asimetric -->\n        <!-- ELEMENTOR HINT: Modelul mare este recomandarea principala. Pentru alte stocuri, schimba imaginea, specs si pretul in fiecare .bike-showcase. -->\n        <section class=\"section models-section\" id=\"modele\" aria-labelledby=\"models-title\">\n          <div class=\"section-inner\">\n            <div class=\"section-lead\">\n              <div>\n                <p class=\"eyebrow\">Trei modele Orbea.<\/p>\n                <h2 class=\"section-title\" id=\"models-title\">Trei feluri<br \/>de a merge mai departe.<\/h2>\n              <\/div>\n              <p class=\"section-copy\">Fiecare model are un rol clar: forta pentru trail, eficienta pentru ture lungi sau libertate pentru drumuri de zi cu zi.<\/p>\n            <\/div>\n            <div class=\"showcase-grid\">\n              <article class=\"bike-showcase featured-bike\">\n                <div class=\"bike-media\">\n                  <img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-wild-m10.jpg\" alt=\"Orbea Wild M10\" \/>\n                <\/div>\n                <div class=\"bike-content\">\n                  <span class=\"model-kicker\">Enduro full-power<\/span>\n                  <h3>Orbea Wild M10<\/h3>\n                  <p>Rider agresiv, trasee grele, urcari lungi si coborari unde controlul conteaza mai mult decat greutatea minima.<\/p>\n                  <ul class=\"spec-list\">\n                    <li><span>Motor<\/span><strong>Bosch Performance Line CX<\/strong><\/li>\n                    <li><span>Baterie<\/span><strong>750 Wh<\/strong><\/li>\n                    <li><span>Suspensie<\/span><strong>170 mm fata\/spate<\/strong><\/li>\n                  <\/ul>\n                  <div class=\"model-footer\"><span class=\"price\">8.499 EUR<\/span><a class=\"btn btn-ghost\" href=\"#\" data-placeholder-link>Detalii model<\/a><\/div>\n                <\/div>\n              <\/article>\n              <article class=\"bike-showcase compact-bike\">\n                <div class=\"bike-media\"><img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-rise-lt-m10.jpg\" alt=\"Orbea Rise LT M10\" \/><\/div>\n                <div class=\"bike-content\">\n                  <span class=\"model-kicker\">Trail natural assist<\/span>\n                  <h3>Rise LT M10<\/h3>\n                  <p>Asistenta naturala, greutate mai prietenoasa si senzatie apropiata de MTB-ul clasic.<\/p>\n                  <div class=\"model-footer\"><span class=\"price\">8.499 EUR<\/span><a class=\"text-link\" href=\"#\" data-placeholder-link>Alege Rise<\/a><\/div>\n                <\/div>\n              <\/article>\n              <article class=\"bike-showcase compact-bike\">\n                <div class=\"bike-media\"><img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-urrun-30.jpg\" alt=\"Orbea Urrun 30\" \/><\/div>\n                <div class=\"bike-content\">\n                  <span class=\"model-kicker\">Explorare si autonomie<\/span>\n                  <h3>Urrun 30<\/h3>\n                  <p>Hardtail electric pentru distante lungi, ture mixte si simplitate in utilizare.<\/p>\n                  <div class=\"model-footer\"><span class=\"price\">2.899 EUR<\/span><a class=\"text-link\" href=\"#\" data-placeholder-link>Alege Urrun<\/a><\/div>\n                <\/div>\n              <\/article>\n            <\/div>\n          <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b79212 elementor-widget elementor-widget-html\" data-id=\"9b79212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.bike-showcase {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.compact-bike {\n  min-height: 330px;\n}\n\n.bike-media {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n  contain: paint;\n  clip-path: inset(0);\n  transform: translateZ(0);\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.bike-media img {\n  position: absolute;\n  inset: -2px;\n  display: block;\n  width: calc(100% + 4px);\n  height: calc(100% + 4px);\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n.featured-bike .bike-media img {\n  object-position: 50% 50%;\n  transform-origin: 34% 72%;\n  animation: pedal-zoom 16s cubic-bezier(0.45, 0, 0.2, 1) infinite alternate;\n  will-change: transform;\n}\n\n@keyframes pedal-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.68);\n  }\n}\n\n.compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.compact-bike .bike-media img {\n  object-fit: cover;\n  object-position: center;\n  transform-origin: 50% 50%;\n  animation-duration: 18s;\n  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1);\n  animation-iteration-count: infinite;\n  animation-direction: alternate;\n  will-change: transform;\n}\n\n.compact-bike:nth-child(2) .bike-media img {\n  transform-origin: 73% 30%;\n  animation-name: handlebar-zoom;\n}\n\n.compact-bike:nth-child(3) .bike-media img {\n  transform-origin: 24% 64%;\n  animation-name: derailleur-zoom;\n}\n\n@keyframes handlebar-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.34);\n  }\n}\n\n@keyframes derailleur-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.4);\n  }\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"assets\/images\/orbea\/orbea-rise-lt-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .featured-bike .bike-media img,\n  .compact-bike .bike-media img {\n    animation: none;\n  }\n\n  .featured-bike .bike-media img {\n    transform: translate3d(0, 0, 0) scale(1.45);\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 05 Alegere ghidata \/ Consultanta inainte de produs -->\n        <!-- ELEMENTOR HINT: Blocul functioneaza bine ca sectiune Elementor separata. Schimba intrebarile dupa procesul real de vanzare. -->\n        <section class=\"section guide-section\" id=\"alegere\" aria-labelledby=\"guide-title\">\n          <div class=\"section-inner guide-layout\">\n            <div class=\"guide-visual\">\n              <img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-rise-lt-m10.jpg\" alt=\"Orbea Rise LT M10 pentru selectie ghidata\" \/>\n            <\/div>\n            <div class=\"guide-content\">\n              <p class=\"eyebrow\">Alegere ghidata<\/p>\n              <h2 class=\"section-title\" id=\"guide-title\">Gasim bicicleta potrivita<br \/>dupa felul in care mergi.<\/h2>\n              <div class=\"question-stack\">\n                <article><span>01<\/span><strong>Pe ce teren mergi cel mai des?<\/strong><p>Trail, enduro, forestier, oras sau ture lungi de weekend.<\/p><\/article>\n                <article><span>02<\/span><strong>Cat de lunga trebuie sa fie tura?<\/strong><p>Ne uitam la kilometri, diferenta de nivel si modul in care folosesti asistenta.<\/p><\/article>\n                <article><span>03<\/span><strong>Vrei putere maxima sau senzatie naturala?<\/strong><p>Alegem intre asistenta full-power si raspuns mai apropiat de un MTB clasic.\n<\/p><\/article>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2d9e0 elementor-widget elementor-widget-html\" data-id=\"3a2d9e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.bike-showcase {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.compact-bike {\n  min-height: 330px;\n}\n\n.bike-media {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n  contain: paint;\n  clip-path: inset(0);\n  transform: translateZ(0);\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.bike-media img {\n  position: absolute;\n  inset: -2px;\n  display: block;\n  width: calc(100% + 4px);\n  height: calc(100% + 4px);\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n.featured-bike .bike-media img {\n  object-position: 50% 50%;\n  transform-origin: 34% 72%;\n  animation: pedal-zoom 16s cubic-bezier(0.45, 0, 0.2, 1) infinite alternate;\n  will-change: transform;\n}\n\n@keyframes pedal-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.68);\n  }\n}\n\n.compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.compact-bike .bike-media img {\n  object-fit: cover;\n  object-position: center;\n  transform-origin: 50% 50%;\n  animation-duration: 18s;\n  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1);\n  animation-iteration-count: infinite;\n  animation-direction: alternate;\n  will-change: transform;\n}\n\n.compact-bike:nth-child(2) .bike-media img {\n  transform-origin: 73% 30%;\n  animation-name: handlebar-zoom;\n}\n\n.compact-bike:nth-child(3) .bike-media img {\n  transform-origin: 24% 64%;\n  animation-name: derailleur-zoom;\n}\n\n@keyframes handlebar-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.34);\n  }\n}\n\n@keyframes derailleur-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.4);\n  }\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"assets\/images\/orbea\/orbea-rise-lt-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .featured-bike .bike-media img,\n  .compact-bike .bike-media img {\n    animation: none;\n  }\n\n  .featured-bike .bike-media img {\n    transform: translate3d(0, 0, 0) scale(1.45);\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 06 Tehnologie Orbea \/ Argumente verificabile -->\n        <!-- ELEMENTOR HINT: Pastreaza numerotarea pentru scanare rapida. Fiecare item poate deveni icon box in Elementor. -->\n        <section class=\"section technology-section\" id=\"tehnologie\" aria-labelledby=\"technology-title\">\n          <div class=\"section-inner\">\n            <div class=\"tech-head\">\n              <div>\n                <p class=\"eyebrow\">Tehnologie Orbea<\/p>\n                <h2 class=\"section-title\" id=\"technology-title\">Detaliile care schimba<br \/>felul in care merge bicicleta.<\/h2>\n              <\/div>\n            <\/div>\n            <div class=\"tech-wall\">\n              <article><span>100 Nm<\/span><h3>Putere pe care o controlezi<\/h3><p>Cuplu serios pentru urcari abrupte si teren dificil, livrat stabil atunci cand ai nevoie de tractiune.<\/p><\/article>\n              <article><span>RS<\/span><h3>Senzatie naturala<\/h3><p>Asistenta gandita pentru eficienta si control, cu o senzatie mai apropiata de pedalatul clasic.<\/p><\/article>\n              <article><span>540 Wh+<\/span><h3>Autonomie pentru traseul tau<\/h3><p>Bateria se alege dupa distanta, diferenta de nivel, greutate si modul in care folosesti asistenta.<\/p><\/article>\n              <article><span>Fit<\/span><h3>Marime, pozitie, incredere<\/h3><p>Geometria, cockpit-ul si suspensia decid cat de sigur si confortabil te simti pe bicicleta.<\/p><\/article>\n            <\/div>\n          <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ff518 elementor-widget elementor-widget-html\" data-id=\"e0ff518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.bike-showcase {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.compact-bike {\n  min-height: 330px;\n}\n\n.bike-media {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n  contain: paint;\n  clip-path: inset(0);\n  transform: translateZ(0);\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.bike-media img {\n  position: absolute;\n  inset: -2px;\n  display: block;\n  width: calc(100% + 4px);\n  height: calc(100% + 4px);\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n.featured-bike .bike-media img {\n  object-position: 50% 50%;\n  transform-origin: 34% 72%;\n  animation: pedal-zoom 16s cubic-bezier(0.45, 0, 0.2, 1) infinite alternate;\n  will-change: transform;\n}\n\n@keyframes pedal-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.68);\n  }\n}\n\n.compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.compact-bike .bike-media img {\n  object-fit: cover;\n  object-position: center;\n  transform-origin: 50% 50%;\n  animation-duration: 18s;\n  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1);\n  animation-iteration-count: infinite;\n  animation-direction: alternate;\n  will-change: transform;\n}\n\n.compact-bike:nth-child(2) .bike-media img {\n  transform-origin: 73% 30%;\n  animation-name: handlebar-zoom;\n}\n\n.compact-bike:nth-child(3) .bike-media img {\n  transform-origin: 24% 64%;\n  animation-name: derailleur-zoom;\n}\n\n@keyframes handlebar-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.34);\n  }\n}\n\n@keyframes derailleur-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.4);\n  }\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"assets\/images\/orbea\/orbea-rise-lt-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .featured-bike .bike-media img,\n  .compact-bike .bike-media img {\n    animation: none;\n  }\n\n  .featured-bike .bike-media img {\n    transform: translate3d(0, 0, 0) scale(1.45);\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 07 Experienta \/ Pasi vizuali -->\n        <!-- ELEMENTOR HINT: Foloseste acest bloc ca proces de vanzare. Imaginile pot fi inlocuite cu fotografii reale din showroom\/test ride. -->\n        <section class=\"section steps-section\" id=\"experienta\" aria-labelledby=\"steps-title\">\n          <div class=\"section-inner\">\n            <div class=\"section-lead\">\n              <div>\n                <p class=\"eyebrow\">Experienta ElectricRide<\/p>\n                <h2 class=\"section-title\" id=\"steps-title\">De la intentie la bicicleta potrivita,<br \/>fara zgomot.<\/h2>\n              <\/div>\n            <\/div>\n            <div class=\"steps-grid\">\n              <article class=\"step-tile large-tile\">\n                <img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/1.jpg\" alt=\"Orbea Wild M10 pe traseu\" \/>\n                <div><span>01<\/span><strong>Profil de rider<\/strong><p>Discutam unde mergi, cat de des si ce astepti de la asistenta.<\/p><\/div>\n              <\/article>\n              <article class=\"step-tile\">\n                <img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/2.jpg\" alt=\"Orbea Rise LT M10\" \/>\n                <div><span>02<\/span><strong>Scurtam lista<\/strong><p>Wild, Rise sau Urrun, fiecare cu rol clar.<\/p><\/div>\n              <\/article>\n              <article class=\"step-tile\">\n                <img decoding=\"async\" src=\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/3.jpg\" alt=\"Orbea Urrun 30\" \/>\n                <div><span>03<\/span><strong>Validam configuratia<\/strong><p>Marime, baterie, suspensie si buget.<\/p><\/div>\n              <\/article>\n            <\/div>\n          <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb84a7b elementor-widget elementor-widget-html\" data-id=\"bb84a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ElectricRide inline styles. Copy this section with its matching HTML into WordPress\/Elementor. *\/\n:root {\n  --bg: #050908;\n  --bg-deep: #020403;\n  --panel: #0c1513;\n  --panel-2: #101b1d;\n  --text: #f6f8f3;\n  --muted: #b8c2ba;\n  --subtle: #7e8a83;\n  --line: rgba(246, 248, 243, 0.13);\n  --electric: #7cf8d2;\n  --electric-2: #49c7ff;\n  --volt: #dfff4d;\n  --signal: #ff4d8d;\n  --shadow: 0 28px 90px rgba(0, 0, 0, 0.48);\n  --radius: 8px;\n  --max: 1180px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Manrope\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 20% 8%, rgba(124, 248, 210, 0.16), transparent 26rem),\n    radial-gradient(circle at 86% 26%, rgba(73, 199, 255, 0.14), transparent 28rem),\n    linear-gradient(180deg, #07100e 0%, var(--bg) 42%, var(--bg-deep) 100%);\n  overflow-x: hidden;\n}\n\nbody.menu-open {\n  overflow: hidden;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\n.site-shell {\n  min-height: 100vh;\n  overflow: clip;\n}\n\n.section {\n  position: relative;\n  padding: 110px 24px;\n}\n\n.section-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 18px;\n  color: var(--electric);\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.eyebrow::before {\n  content: \"\";\n  width: 36px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--electric), var(--volt));\n}\n\n.section-title {\n  margin: 0;\n  max-width: 850px;\n  font-size: clamp(2.15rem, 4.6vw, 5.05rem);\n  line-height: 0.95;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-copy {\n  max-width: 690px;\n  margin: 22px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.6vw, 1.14rem);\n  line-height: 1.75;\n}\n\n.btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  padding: 0 20px;\n  font-weight: 800;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--electric), var(--volt));\n  color: #07100d;\n}\n\n.btn-ghost {\n  border-color: var(--line);\n  background: rgba(255, 255, 255, 0.045);\n  color: var(--text);\n}\n\n.text-link {\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n}\n\n.site-header {\n  position: relative;\n  z-index: 50;\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(4, 8, 7, 0.82);\n  backdrop-filter: blur(18px);\n}\n\n.nav {\n  width: min(100%, var(--max));\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 10px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.brand-mark {\n  display: inline-flex;\n  align-items: center;\n}\n\n.brand-mark img {\n  width: 220px;\n  height: auto;\n  display: block;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.nav-links a:hover {\n  color: var(--text);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.menu-toggle {\n  display: none;\n}\n\n.hero-cinema {\n  position: relative;\n  min-height: 100vh;\n  padding: 48px 24px 30px;\n  display: grid;\n  align-items: end;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero-video,\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-video {\n  z-index: -3;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.04);\n  filter: saturate(0.92) contrast(1.06) brightness(0.82);\n}\n\n.hero-overlay {\n  z-index: -2;\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.88), rgba(2, 4, 3, 0.34) 42%, rgba(2, 4, 3, 0.76)),\n    linear-gradient(180deg, rgba(2, 4, 3, 0.08), rgba(2, 4, 3, 0.78) 86%);\n}\n\n.energy-line {\n  position: absolute;\n  z-index: -1;\n  right: -8vw;\n  top: 18vh;\n  width: 58vw;\n  height: 58vw;\n  border: 2px solid rgba(124, 248, 210, 0.48);\n  border-left-color: transparent;\n  border-bottom-color: rgba(223, 255, 77, 0.42);\n  border-radius: 50%;\n  transform: rotate(-18deg);\n  filter: drop-shadow(0 0 22px rgba(124, 248, 210, 0.28));\n}\n\n.hero-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n}\n\n.hero-topline {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 64px;\n  color: var(--muted);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hero-stage {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 330px;\n  gap: 44px;\n  align-items: end;\n}\n\n.hero-copy-block h1 {\n  margin: 0;\n  max-width: 880px;\n  font-size: clamp(4rem, 10vw, 9.5rem);\n  line-height: 0.82;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero-copy-block h1 span {\n  display: block;\n}\n\n.hero-copy-block h1 span:first-child {\n  color: var(--electric);\n}\n\n.hero-copy-block p:not(.eyebrow) {\n  max-width: 650px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.8vw, 1.22rem);\n  line-height: 1.75;\n}\n\n.hero-actions,\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.hero-model-panel {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 24px;\n  background: rgba(5, 9, 8, 0.68);\n  backdrop-filter: blur(16px);\n  box-shadow: var(--shadow);\n}\n\n.panel-index {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.hero-model-panel strong {\n  display: block;\n  margin-top: 36px;\n  font-size: 1.45rem;\n}\n\n.hero-model-panel p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.panel-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  margin-top: 22px;\n}\n\n.panel-specs span {\n  border-top: 1px solid var(--line);\n  padding-top: 10px;\n  color: var(--electric);\n  font-weight: 800;\n}\n\n.hero-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 54px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.035);\n  backdrop-filter: blur(12px);\n  overflow: hidden;\n}\n\n.hero-strip div {\n  min-height: 112px;\n  padding: 22px;\n  border-right: 1px solid var(--line);\n}\n\n.hero-strip div:last-child {\n  border-right: 0;\n}\n\n.hero-strip strong {\n  display: block;\n  font-size: 1.45rem;\n}\n\n.hero-strip span {\n  display: block;\n  margin-top: 8px;\n  color: var(--subtle);\n  line-height: 1.45;\n}\n\n.atelier-section {\n  background:\n    linear-gradient(180deg, rgba(124, 248, 210, 0.06), transparent 46%),\n    var(--bg);\n}\n\n.atelier-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);\n  gap: 46px;\n  align-items: start;\n}\n\n.atelier-copy p {\n  margin: 40px 0 0;\n  color: var(--muted);\n  font-size: 1.08rem;\n  line-height: 1.8;\n}\n\n.atelier-points {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 28px;\n}\n\n.atelier-points article,\n.tech-wall article,\n.question-stack article {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 26px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.026));\n}\n\n.atelier-points span,\n.question-stack span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.atelier-points strong,\n.question-stack strong {\n  display: block;\n  margin-top: 22px;\n  font-size: 1.1rem;\n}\n\n.atelier-points p,\n.question-stack p,\n.tech-wall p {\n  margin: 12px 0 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.section-lead {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);\n  gap: 34px;\n  align-items: start;\n  margin-bottom: 42px;\n}\n\n.section-lead .section-copy {\n  margin-top: 58px;\n}\n\n.showcase-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);\n  gap: 18px;\n}\n\n.models-section .bike-showcase {\n  position: relative;\n  border: 0;\n  border-radius: var(--radius);\n  background:\n    linear-gradient(145deg, rgba(124, 248, 210, 0.08), transparent 42%),\n    #07100f;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.models-section .featured-bike {\n  grid-row: span 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.8fr);\n  min-height: 680px;\n}\n\n.models-section .compact-bike {\n  min-height: 330px;\n}\n\n.models-section .bike-media {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n  contain: paint;\n  clip-path: inset(0);\n  transform: translateZ(0);\n  background:\n    radial-gradient(circle at 50% 48%, rgba(73, 199, 255, 0.14), transparent 18rem),\n    linear-gradient(180deg, #111d1d, #050908);\n}\n\n.models-section .featured-bike .bike-media {\n  min-height: 100%;\n}\n\n.models-section .bike-media img {\n  position: absolute;\n  inset: -2px;\n  display: block;\n  width: calc(100% + 4px);\n  height: calc(100% + 4px);\n  object-fit: cover;\n  filter: saturate(0.84) contrast(1.06);\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n.models-section .featured-bike .bike-media img {\n  object-position: 50% 50%;\n  transform-origin: 34% 72%;\n  animation: pedal-zoom 16s cubic-bezier(0.45, 0, 0.2, 1) infinite alternate;\n  will-change: transform;\n}\n\n@keyframes pedal-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.68);\n  }\n}\n\n.models-section .compact-bike .bike-media {\n  height: 165px;\n  min-height: 0;\n}\n\n.models-section .compact-bike .bike-media img {\n  object-fit: cover;\n  object-position: center;\n  transform-origin: 50% 50%;\n  animation-duration: 18s;\n  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1);\n  animation-iteration-count: infinite;\n  animation-direction: alternate;\n  will-change: transform;\n}\n\n.models-section .compact-bike:nth-child(2) .bike-media img {\n  transform-origin: 73% 30%;\n  animation-name: handlebar-zoom;\n}\n\n.models-section .compact-bike:nth-child(3) .bike-media img {\n  transform-origin: 24% 64%;\n  animation-name: derailleur-zoom;\n}\n\n@keyframes handlebar-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.34);\n  }\n}\n\n@keyframes derailleur-zoom {\n  0% {\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) scale(1.4);\n  }\n}\n\n.bike-content {\n  padding: 30px;\n}\n\n.models-section .featured-bike .bike-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n\n.model-kicker {\n  color: var(--volt);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.bike-content h3 {\n  margin: 12px 0 0;\n  font-size: clamp(1.8rem, 3vw, 3.2rem);\n  line-height: 1;\n}\n\n.bike-content p {\n  color: var(--muted);\n  line-height: 1.68;\n}\n\n.spec-list {\n  display: grid;\n  gap: 12px;\n  margin: 28px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spec-list li {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 12px;\n  color: var(--muted);\n}\n\n.spec-list strong {\n  color: var(--text);\n  text-align: right;\n}\n\n.model-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.price {\n  color: var(--electric);\n  font-size: 1.35rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.guide-section {\n  background:\n    radial-gradient(circle at 8% 30%, rgba(255, 77, 141, 0.11), transparent 22rem),\n    linear-gradient(180deg, transparent, rgba(124, 248, 210, 0.05), transparent);\n}\n\n.guide-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);\n  gap: 52px;\n  align-items: center;\n}\n\n.guide-visual {\n  min-height: 560px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n}\n\n.guide-visual img {\n  width: 100%;\n  height: 100%;\n  min-height: 560px;\n  object-fit: cover;\n  object-position: 54% center;\n  filter: saturate(0.78) contrast(1.08) brightness(0.76);\n}\n\n.question-stack {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.technology-section {\n  background: #06100e;\n}\n\n.tech-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.tech-wall {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 44px;\n}\n\n.tech-wall article {\n  min-height: 260px;\n}\n\n.tech-wall span {\n  color: var(--electric);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n}\n\n.tech-wall h3 {\n  margin: 34px 0 0;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n  gap: 18px;\n}\n\n.step-tile {\n  position: relative;\n  min-height: 330px;\n  border-radius: var(--radius);\n  overflow: hidden;\n  background: #111;\n}\n\n.large-tile {\n  grid-row: span 2;\n  min-height: 680px;\n}\n\n.step-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: saturate(0.86) brightness(0.7);\n}\n\n.step-tile::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(2, 4, 3, 0.82));\n}\n\n.step-tile div {\n  position: absolute;\n  z-index: 1;\n  left: 26px;\n  right: 26px;\n  bottom: 24px;\n}\n\n.step-tile span {\n  color: var(--volt);\n  font-weight: 800;\n}\n\n.step-tile strong {\n  display: block;\n  margin-top: 12px;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.step-tile p {\n  max-width: 460px;\n  margin: 10px 0 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.concierge-section {\n  background:\n    linear-gradient(180deg, transparent, rgba(73, 199, 255, 0.06)),\n    #040807;\n}\n\n.concierge-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 390px;\n  gap: 34px;\n  align-items: stretch;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: clamp(26px, 5vw, 54px);\n  background:\n    linear-gradient(120deg, rgba(124, 248, 210, 0.09), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));\n  box-shadow: var(--shadow);\n}\n\n.concierge-copy {\n  display: grid;\n  align-content: center;\n}\n\n.concierge-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}\n\n.concierge-contact span {\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 10px 14px;\n  color: var(--muted);\n  font-size: 0.9rem;\n}\n\n.contact-card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 28px;\n  background: rgba(2, 4, 3, 0.62);\n}\n\n.contact-card label {\n  display: block;\n  margin: 14px 0 8px;\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.contact-card label:first-child {\n  margin-top: 0;\n}\n\n.contact-card input,\n.contact-card select {\n  width: 100%;\n  height: 48px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 0 14px;\n  color: var(--text);\n  background: #07100e;\n}\n\n.contact-card .btn {\n  width: 100%;\n  margin-top: 20px;\n}\n\n.final-cta {\n  padding-top: 50px;\n}\n\n.final-panel {\n  position: relative;\n  min-height: 470px;\n  display: grid;\n  align-content: end;\n  border-radius: var(--radius);\n  padding: clamp(30px, 6vw, 66px);\n  background:\n    linear-gradient(90deg, rgba(2, 4, 3, 0.96), rgba(2, 4, 3, 0.48)),\n    url(\"https:\/\/electricride.ro\/wp-content\/uploads\/2026\/05\/orbea-wild-m10.jpg\") center right \/ cover no-repeat;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding: 36px 24px;\n  color: var(--subtle);\n}\n\n.footer-inner {\n  width: min(100%, var(--max));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.footer-inner strong,\n.footer-inner span {\n  margin-right: 12px;\n}\n\n.footer-links {\n  display: flex;\n  gap: 20px;\n}\n\n.load-error {\n  padding: 24px;\n  color: #ffd7c9;\n  background: rgba(255, 122, 89, 0.12);\n}\n\n@media (max-width: 1040px) {\n  .nav-links,\n  .nav-actions .btn {\n    display: none;\n  }\n\n  .menu-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nav-links.is-open {\n    position: fixed;\n    inset: 72px 16px auto;\n    display: grid;\n    gap: 0;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 10px;\n    background: #050908;\n    box-shadow: var(--shadow);\n  }\n\n  .nav-links.is-open a {\n    padding: 16px;\n  }\n\n  .hero-stage,\n  .atelier-layout,\n  .section-lead,\n  .models-section .featured-bike,\n  .guide-layout,\n  .concierge-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .section-lead .section-copy {\n    margin-top: 0;\n  }\n\n  .hero-model-panel {\n    max-width: 430px;\n  }\n\n  .showcase-grid,\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .models-section .featured-bike,\n  .large-tile {\n    grid-row: auto;\n  }\n\n  .models-section .featured-bike .bike-media {\n    min-height: 430px;\n  }\n\n  .tech-wall,\n  .atelier-points {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 680px) {\n  .section {\n    padding: 76px 18px;\n  }\n\n  .nav {\n    min-height: 66px;\n    padding: 0 18px;\n  }\n\n  .nav-links.is-open {\n    inset: 66px 16px auto;\n  }\n\n  .brand-mark {\n    max-width: 58vw;\n  }\n\n  .brand-mark img {\n    width: 172px;\n  }\n\n  .hero-cinema {\n    min-height: auto;\n    padding: 48px 18px 28px;\n  }\n\n  .hero-topline {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 44px;\n    font-size: 0.68rem;\n  }\n\n  .hero-copy-block h1 {\n    font-size: clamp(3.25rem, 18vw, 5.4rem);\n    line-height: 0.88;\n  }\n\n  .hero-copy-block p:not(.eyebrow) {\n    font-size: 0.98rem;\n  }\n\n  .hero-actions,\n  .cta-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-width: 360px;\n  }\n\n  .hero-strip,\n  .atelier-points,\n  .tech-wall {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-strip div {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .hero-strip div:last-child {\n    border-bottom: 0;\n  }\n\n  .models-section .featured-bike .bike-media,\n  .guide-visual,\n  .guide-visual img {\n    min-height: 360px;\n  }\n\n  .bike-content,\n  .contact-card {\n    padding: 22px;\n  }\n\n  .model-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .step-tile,\n  .large-tile {\n    min-height: 390px;\n  }\n\n  .concierge-layout {\n    padding: 20px;\n  }\n\n  .footer-inner {\n    display: grid;\n  }\n\n  .footer-links {\n    flex-wrap: wrap;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .models-section .featured-bike .bike-media img,\n  .models-section .compact-bike .bike-media img {\n    animation: none;\n  }\n\n  .models-section .featured-bike .bike-media img {\n    transform: translate3d(0, 0, 0) scale(1.45);\n  }\n}\n<\/style>\n\n<!-- SECTION TITLE: 09 CTA final -->\n        <!-- ELEMENTOR HINT: CTA final pentru final de pagina sau dupa sectiuni de produs. Schimba textul butoanelor dupa funnel. -->\n        <section class=\"section final-cta\" aria-labelledby=\"final-title\">\n          <div class=\"section-inner final-panel\">\n            <p class=\"eyebrow\">ElectricRide x Orbea<\/p>\n            <h2 class=\"section-title\" id=\"final-title\">Un e-bike premium<br \/>nu se alege din graba.<\/h2>\n            <p class=\"section-copy\">Porneste cu cele trei modele si lasa-ne sa-ti spunem care merita testat primul.<\/p>\n            <div class=\"cta-row\"><a class=\"btn btn-primary\" href=\"#modele\">Vezi modelele<\/a><a class=\"btn btn-ghost\" href=\"#consultanta\">Cere recomandare<\/a><\/div>\n          <\/div>\n        <\/section>\n      <\/main>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ElectricRide Romania Orbea e-bikes \/ premium selection Dark showroom pentru e-bike-uri Orbea Puterecare se simte. O selectie Orbea pentru rideri care nu cumpara doar specificatii, ci felul in care bicicleta raspunde pe urcare, pe coborare si in turele lungi. Exploreaza modelele Cere recomandare 01 Orbea Wild M10 Full-power eMTB, 170 mm suspensie si baterie mare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":51,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":52,"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/140"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/media\/51"}],"wp:attachment":[{"href":"https:\/\/electricride.ro\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}