{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-deore","title":"Bicicleta electrica MTB Santa Cruz VALA AL Deore","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"308005\" class=\"elementor elementor-308005\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-1c3fe34 e-flex e-con-boxed e-con e-parent\" data-id=\"1c3fe34\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-c0aee48 elementor-widget elementor-widget-html\" data-id=\"c0aee48\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003c\/p\u003e\n\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n\u003ctitle\u003eSanta Cruz Vala AL Deore — Bosch e-MTB 150\/160mm | ProVelo\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL Deore\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossLunarGray-1.png\",\"description\":\"E-MTB full-power Bosch cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie 150mm spate \/ 160mm fata, roti MX, transmisie Shimano Deore, frane mari pentru control, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-DEORE\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"21595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =============================================================\n   Santa Cruz tokens — Bold sans-serif, full-color hero\n   ============================================================= *\/\n:root{\n  --sc-black:#0F0F10;\n  --sc-ink:#1A1A1C;\n  --sc-graphite:#3A3A3D;\n  --sc-silver:#86868B;\n  --sc-mist:#D8D8DC;\n  --sc-fog:#F2F2F0;\n  --sc-paper:#FAFAF7;\n  --sc-white:#FFFFFF;\u003c\/p\u003e\n\u003cp\u003e  \/* Vala AL colorways *\/\n  --vala-gray:#9B9B91;\n  --vala-gray-deep:#777769;\n  --vala-purple:#4A2D3B;\n  --vala-purple-deep:#2E1A24;\u003c\/p\u003e\n\u003cp\u003e  --r-md:14px;\n  --r-lg:22px;\n  --r-pill:980px;\u003c\/p\u003e\n\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003c\/p\u003e\n\u003cp\u003e  --container:1320px;\n  --container-narrow:1040px;\n  --container-text:720px;\n}\u003c\/p\u003e\n\u003cp\u003e\/* ================= reset ================= *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\nbody{\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n  font-size:16px;line-height:1.5;\n  color:var(--sc-ink);\n  background:var(--sc-paper);\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n  text-rendering:optimizeLegibility;\n  overflow-x:hidden;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nbutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\n\u003cp\u003e\/* ================= type ================= *\/\n.eyebrow{\n  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;\n  color:var(--sc-silver);display:inline-block;\n}\nh1,h2,h3,h4{font-weight:800;letter-spacing:-0.02em;color:var(--sc-ink);line-height:1.05}\n.heading-xl{font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-0.035em;line-height:0.98}\n.heading-l{font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05}\n.heading-m{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-0.015em;line-height:1.15}\n.body-l{font-size:18px;line-height:1.55;color:var(--sc-graphite);font-weight:400}\n.body{font-size:16px;line-height:1.6;color:var(--sc-graphite);font-weight:400}\n.text-wrap{text-wrap:pretty}\u003c\/p\u003e\n\u003cp\u003e\/* full-width breakout — Elementor\/WordPress safety *\/\n.sc-landing section,\n.sc-landing header.hero,\n.sc-landing .footer,\n.sc-landing .video-full,\n.sc-landing .lifestyle,\n.sc-landing .design-details,\n.sc-landing .upgrade-section,\n.sc-landing .closing,\n.sc-landing .bigstats{\n  width:100vw !important;max-width:100vw !important;\n  position:relative !important;\n  left:50% !important;right:50% !important;\n  margin-left:-50vw !important;margin-right:-50vw !important;\n  float:none !important;\n}\nhtml,body{overflow-x:hidden !important;max-width:100vw !important;margin:0 !important;padding:0 !important}\n.sc-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;font-family:'Inter',-apple-system,sans-serif !important;float:none !important;overflow:visible !important;display:block !important}\n.sc-landing *,.sc-landing *::before,.sc-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* ================= buttons ================= *\/\n.btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  padding:16px 32px;border-radius:var(--r-pill);\n  font-size:15px;font-weight:600;line-height:1;letter-spacing:0.02em;\n  text-transform:uppercase;\n  transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out);\n}\n.btn.primary{background:var(--sc-ink);color:var(--sc-white)}\n.btn.primary:hover{background:var(--sc-black);transform:translateY(-1px)}\n.btn.secondary{background:transparent;border:1.5px solid var(--sc-ink);color:var(--sc-ink)}\n.btn.secondary:hover{background:var(--sc-ink);color:var(--sc-white)}\n.btn.on-dark{background:var(--sc-white);color:var(--sc-ink)}\n.btn.on-dark:hover{background:var(--sc-paper)}\n.btn.outline-on-dark{background:transparent;border:1.5px solid rgba(255,255,255,0.7);color:var(--sc-white)}\n.btn.outline-on-dark:hover{background:rgba(255,255,255,0.15)}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n   HERO — Santa Cruz signature: full-color BG, ghost wordmark, vertical color picker\n   ============================================================= *\/\n.hero{\n  position:relative;\n  min-height:100vh;min-height:100dvh;\n  padding:32px 32px 40px;\n  display:grid;\n  grid-template-rows:auto 1fr auto auto;\n  gap:0;\n  overflow:hidden;\n  transition:background-color 1s var(--ease-out);\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b}\u003c\/p\u003e\n\u003cp\u003e\/* ghost wordmark behind everything *\/\n.hero-wordmark{\n  position:absolute;top:50%;left:50%;transform:translate(-50%, -52%);\n  font-size:clamp(180px, 32vw, 520px);\n  font-weight:900;letter-spacing:-0.05em;line-height:1;\n  pointer-events:none;\n  opacity:0.25;\n  transition:color 1s var(--ease-out);\n  z-index:1;\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero-wordmark{color:#cccbb9}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-wordmark{color:#7a4f63}\u003c\/p\u003e\n\u003cp\u003e\/* Top bar: brand mark + spec stats *\/\n.hero-top{\n  position:relative;z-index:3;\n  display:flex;align-items:center;justify-content:space-between;\n  max-width:var(--container);margin:0 auto;width:100%;\n  padding:8px 0 0;\n}\n.hero-brand{\n  display:flex;align-items:center;gap:18px;\n  color:var(--sc-ink);\n  transition:filter 1s var(--ease-out);\n}\n.hero-brand .logo-mark{\n  width:76px;height:76px;flex-shrink:0;\n  background:#E32E2E url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg') no-repeat center\/72%;\n  border-radius:8px;\n  box-shadow:0 4px 14px rgba(227,46,46,0.35);\n}\n.hero-brand .logo-word{\n  height:22px;\n  background:url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/santa_cruz.svg') no-repeat left center\/contain;\n  width:240px;\n  display:block;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-brand .logo-word{filter:invert(1) brightness(2)}\u003c\/p\u003e\n\u003cp\u003e\/* Spec stats row *\/\n.hero-stats{\n  display:flex;align-items:center;gap:0;\n  font-size:14px;\n  color:var(--sc-ink);\n}\n.hero-stats .stat{\n  padding:0 28px;text-align:center;\n  position:relative;\n}\n.hero-stats .stat + .stat::before{\n  content:\"\";position:absolute;left:0;top:8px;bottom:8px;width:1px;\n  background:currentColor;opacity:0.25;\n}\n.hero-stats .stat .label{\n  display:block;\n  font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\n  opacity:0.65;margin-bottom:4px;\n}\n.hero-stats .stat .value{\n  display:block;\n  font-size:22px;font-weight:700;letter-spacing:-0.01em;line-height:1;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-stats{color:#fff}\u003c\/p\u003e\n\u003cp\u003e\/* Center: bike *\/\n.hero-stage{\n  position:relative;z-index:2;\n  display:flex;align-items:center;justify-content:center;\n  width:100%;max-width:var(--container);margin:0 auto;\n  min-height:0;\n}\n.hero-bike{\n  position:relative;width:100%;max-width:1400px;\n  aspect-ratio:16\/10;\n}\n.hero-bike .bike-img{\n  position:absolute;inset:0;\n  width:100%;height:100%;object-fit:contain;\n  transition:opacity .6s var(--ease-out);\n  filter:drop-shadow(0 30px 50px rgba(0,0,0,0.25));\n}\n.hero-bike .bike-img.hidden{opacity:0;pointer-events:none}\u003c\/p\u003e\n\u003cp\u003e\/* Color picker — under bike, horizontal, 30% larger *\/\n.color-picker-wrap{\n  position:relative;\n  z-index:4;\n  display:flex;flex-direction:column;align-items:center;gap:18px;\n  margin:24px auto 0;\n  width:fit-content;\n}\n.color-name{\n  display:inline-block;\n  font-size:14px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;\n  color:var(--sc-ink);\n  background:var(--sc-white);\n  padding:10px 18px;border-radius:var(--r-pill);\n  box-shadow:0 4px 14px rgba(0,0,0,0.14);\n  white-space:nowrap;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .color-name{color:var(--sc-ink)}\n.color-picker{\n  display:flex;flex-direction:row;align-items:center;gap:14px;\n  padding:14px 18px;\n  background:var(--sc-white);\n  border-radius:var(--r-pill);\n  box-shadow:0 6px 24px rgba(0,0,0,0.22);\n}\n.color-picker .swatch{\n  width:34px;height:34px;border-radius:50%;\n  position:relative;cursor:pointer;\n  border:0;padding:0;background:transparent;\n  transition:transform .2s var(--ease-out);\n}\n.color-picker .swatch::before{\n  content:\"\";position:absolute;inset:4px;border-radius:50%;\n  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2);\n}\n.color-picker .swatch::after{\n  content:\"\";position:absolute;inset:0;border-radius:50%;\n  border:2px solid transparent;\n  transition:border-color .25s var(--ease-out);\n}\n.color-picker .swatch:hover{transform:scale(1.08)}\n.color-picker .swatch\u003caria-pressed=\"true\"\u003e::after{border-color:var(--sc-ink)}\n.color-picker .swatch.gray::before{background:linear-gradient(135deg,#bdbdb1 0%,#7c7c70 100%)}\n.color-picker .swatch.purple::before{background:linear-gradient(135deg,#5e3c4d 0%,#2e1a24 100%)}\u003c\/p\u003e\n\u003cp\u003e\/* Bottom bar: tagline + CTA *\/\n.hero-bottom{\n  position:relative;z-index:3;\n  display:flex;align-items:flex-end;justify-content:space-between;\n  max-width:var(--container);margin:0 auto;width:100%;\n  gap:32px;\n}\n.hero-tag{\n  font-size:clamp(15px,1.4vw,18px);font-weight:500;\n  color:var(--sc-ink);max-width:480px;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-tag{color:rgba(255,255,255,0.92)}\n.hero-cta{\n  display:flex;flex-direction:column;align-items:flex-end;gap:6px;\n}\n.hero-cta .price{\n  font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;\n  color:var(--sc-ink);\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-cta .price{color:#fff}\n.hero-cta .price strong{font-size:16px;font-weight:800;letter-spacing:-0.005em;text-transform:none;margin-left:4px}\n.hero-cta .old-price{\n  font-size:13px;font-weight:500;text-transform:none;\n  text-decoration:line-through;\n  opacity:0.6;margin-right:6px;letter-spacing:0;\n}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:920px){\n  .hero{padding:20px 20px 28px;gap:16px}\n  .hero-top{flex-direction:column;align-items:flex-start;gap:14px}\n  .hero-stats{flex-wrap:wrap;justify-content:flex-start}\n  .hero-stats .stat{padding:0 16px}\n  .hero-stats .stat:first-child{padding-left:0}\n  .hero-stats .stat + .stat::before{display:none}\n  .color-picker{right:16px}\n  .hero-bottom{flex-direction:column;align-items:flex-start;gap:16px}\n  .hero-cta{align-items:flex-start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n   Sections\n   ============================================================= *\/\nsection{padding:120px 32px}\nsection.pad-sm{padding:80px 32px}\nsection.fog{background:var(--sc-fog)}\nsection.paper{background:var(--sc-paper)}\nsection.ink{background:var(--sc-ink);color:#fff}\nsection.ink h1,section.ink h2,section.ink h3{color:#fff}\nsection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.75)}\u003c\/p\u003e\n\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\n.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:720px){\n  section{padding:72px 20px}\n  section.pad-sm{padding:56px 20px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== INTRO ========== *\/\n.intro-head{text-align:left;max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:end}\n.intro-head .left .eyebrow{margin-bottom:22px;display:block}\n.intro-title{\n  font-size:clamp(48px,6.5vw,92px);\n  font-weight:800;letter-spacing:-0.025em;line-height:1.02;\n  color:var(--sc-ink);\n}\n.intro-lede{\n  font-size:clamp(17px,1.4vw,21px);line-height:1.55;\n  color:var(--sc-graphite);font-weight:400;\n}\n.intro-lede strong{color:var(--sc-ink);font-weight:700}\n@media (max-width:920px){\n  .intro-head{grid-template-columns:1fr;gap:24px;align-items:start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Detail blocks (alternating large image\/text) ========== *\/\n.detail-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\n.detail-block + .detail-block{margin-top:120px}\n.detail-block.reverse .detail-media{order:2}\n.detail-media{\n  border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n  aspect-ratio:3\/2;\n}\n.detail-media img{width:100%;height:100%;object-fit:cover}\n.detail-text{padding:24px 0}\n.detail-text .eyebrow{color:var(--sc-silver);margin-bottom:18px;display:block}\n.detail-text h2{margin-bottom:20px}\n.detail-text p{font-size:17px;line-height:1.6;color:var(--sc-graphite);max-width:520px}\n@media (max-width:960px){\n  .detail-block{grid-template-columns:1fr;gap:32px}\n  .detail-block.reverse .detail-media{order:0}\n  .detail-block + .detail-block{margin-top:80px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Feature grid (5 columns Santa Cruz style) ========== *\/\n.features-head{text-align:left;max-width:var(--container);margin:0 auto 56px}\n.features-head h2{margin-bottom:14px}\n.features-grid{\n  max-width:var(--container);margin:0 auto;\n  display:grid;grid-template-columns:repeat(4,1fr);\n  gap:32px;\n}\n.feature{\n  display:flex;flex-direction:column;\n}\n.feature-media{\n  background:var(--sc-fog);aspect-ratio:1\/1;\n  border-radius:var(--r-md);overflow:hidden;margin-bottom:24px;\n}\n.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}\n.feature:hover .feature-media img{transform:scale(1.04)}\n.feature h3{\n  font-size:20px;font-weight:700;letter-spacing:-0.005em;line-height:1.25;\n  color:var(--sc-ink);margin-bottom:10px;\n}\n.feature p{\n  font-size:14px;line-height:1.55;color:var(--sc-graphite);\n}\n@media (max-width:1100px){.features-grid{grid-template-columns:repeat(2,1fr);gap:36px}}\n@media (max-width:540px){.features-grid{grid-template-columns:1fr;gap:36px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Big stat banner (dark) ========== *\/\n.bigstats{\n  background:var(--sc-ink);color:#fff;\n  padding:120px 32px;\n}\n.bigstats-grid{\n  max-width:var(--container);margin:0 auto;\n  display:grid;grid-template-columns:repeat(4,1fr);gap:48px;\n  text-align:center;\n}\n.bigstat .v{\n  font-size:clamp(56px,7vw,96px);font-weight:800;letter-spacing:-0.04em;line-height:0.95;\n  color:#fff;margin-bottom:12px;\n}\n.bigstat .k{\n  font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n  color:rgba(255,255,255,0.6);\n}\n@media (max-width:920px){.bigstats-grid{grid-template-columns:repeat(2,1fr);gap:48px}}\n@media (max-width:480px){.bigstats-grid{grid-template-columns:1fr}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Lifestyle banner ========== *\/\n.lifestyle{\n  position:relative;min-height:560px;\n  background-size:cover;background-position:center;\n  display:flex;align-items:flex-end;\n  padding:80px 48px;color:#fff;\n}\n.lifestyle::before{\n  content:\"\";position:absolute;inset:0;\n  background:linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);\n}\n.lifestyle-inner{position:relative;z-index:1;max-width:640px}\n.lifestyle h2{color:#fff !important;font-size:clamp(34px,4.5vw,56px);font-weight:800;letter-spacing:-0.025em;line-height:1.08}\n.lifestyle p{color:rgba(255,255,255,0.85);font-size:17px;line-height:1.55;margin-top:18px;max-width:540px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Size table ========== *\/\n.size-table{\n  width:100%;border-collapse:separate;border-spacing:0;\n  background:var(--sc-white);border:1px solid var(--sc-mist);\n  border-radius:var(--r-md);overflow:hidden;\n  font-size:15px;\n}\n.size-table th{\n  padding:18px 22px;text-align:left;\n  font-size:11px;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;\n  color:var(--sc-silver);border-bottom:1px solid var(--sc-mist);\n  background:var(--sc-fog);\n}\n.size-table td{\n  padding:18px 22px;border-bottom:1px solid var(--sc-mist);\n  color:var(--sc-graphite);\n}\n.size-table tbody tr:last-child td{border-bottom:none}\n.size-table tr.current td{background:#FFF8E1;color:var(--sc-ink);font-weight:600}\n.size-table td:first-child,.size-table th:first-child{padding-left:28px}\n.size-table td:first-child{color:var(--sc-ink);font-weight:600}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Specs ========== *\/\n.specs-list{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column}\n.specs-row{\n  display:grid;grid-template-columns:240px 1fr;gap:48px;\n  padding:36px 0;border-top:1px solid var(--sc-mist);\n  align-items:flex-start;\n}\n.specs-row:first-child{border-top:none;padding-top:16px}\n.specs-cat{\n  font-size:14px;font-weight:700;color:var(--sc-ink);\n  text-transform:uppercase;letter-spacing:0.12em;\n}\n.specs-content{font-size:15px;line-height:1.55;color:var(--sc-graphite)}\n.specs-primary{font-weight:700;color:var(--sc-ink);margin:0 0 6px 0}\n.specs-desc{margin:0}\n.specs-sublabel{font-weight:600;color:var(--sc-ink);margin:14px 0 4px 0;font-size:13px;text-transform:uppercase;letter-spacing:0.08em}\n@media (max-width:760px){\n  .specs-row{grid-template-columns:1fr;gap:12px;padding:28px 0}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Full-screen cinematic video ========== *\/\n.video-full{\n  position:relative !important;\n  width:100vw !important;max-width:100vw !important;\n  height:100vh !important;height:100dvh !important;\n  min-height:100vh !important;min-height:100dvh !important;\n  padding:0 !important;margin:0 !important;\n  overflow:hidden !important;\n  background:#000 !important;\n  display:block !important;\n  left:50% !important;right:50% !important;\n  margin-left:-50vw !important;margin-right:-50vw !important;\n}\n.video-full video{\n  position:absolute !important;top:0 !important;left:0 !important;\n  width:100% !important;height:100% !important;\n  object-fit:cover !important;\n  z-index:1 !important;\n}\n.video-full .video-overlay{\n  position:absolute !important;inset:0 !important;z-index:2 !important;\n  background:\n    linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.10) 25%, rgba(0,0,0,0.20) 60%, rgba(0,0,0,0.85) 100%) !important;\n  pointer-events:none !important;\n}\n.video-full .video-caption{\n  position:absolute !important;left:0 !important;right:0 !important;\n  bottom:clamp(60px,10vh,140px) !important;\n  z-index:3 !important;text-align:center !important;color:#fff !important;\n  padding:0 32px !important;\n  pointer-events:none !important;\n}\n.video-full .video-caption .eyebrow{\n  color:#fff !important;-webkit-text-fill-color:#fff !important;\n  letter-spacing:0.22em !important;display:inline-block !important;\n  margin-bottom:24px !important;\n  font-size:13px !important;font-weight:700 !important;\n  text-transform:uppercase !important;\n  background:rgba(255,255,255,0.12);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  padding:8px 16px;border-radius:980px;\n  border:1px solid rgba(255,255,255,0.25);\n}\n.video-full .video-caption h2{\n  color:#fff !important;-webkit-text-fill-color:#fff !important;\n  font-size:clamp(48px,7.5vw,112px) !important;\n  font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;\n  max-width:1200px !important;margin:0 auto !important;\n  text-shadow:0 4px 20px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.4);\n}\n.video-full .video-caption p{\n  margin:24px auto 0 !important;max-width:680px !important;\n  color:#fff !important;-webkit-text-fill-color:#fff !important;\n  font-size:clamp(16px,1.4vw,20px) !important;\n  line-height:1.55 !important;font-weight:500 !important;\n  text-shadow:0 2px 12px rgba(0,0,0,0.5);\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== YouTube standard video ========== *\/\n.video-wrap{\n  max-width:1180px;margin:48px auto 0;\n  border-radius:var(--r-lg);overflow:hidden;\n  background:var(--sc-ink);\n  aspect-ratio:16\/9;position:relative;\n}\n.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\n\u003cp\u003e\/* ========== DESIGN DETAILS — interactive hotspots ========== *\/\n.design-details{\n  background:#000;color:#fff;padding:120px 32px;\n  position:relative;\n}\n.design-details h2.dd-title{\n  text-align:center;\n  font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-0.025em;\n  color:#fff;margin-bottom:48px;\n  text-transform:uppercase;\n}\n.dd-stage{\n  position:relative;\n  max-width:1500px;margin:0 auto;\n  aspect-ratio:16\/10;\n}\n.dd-stage img{\n  width:100%;height:100%;object-fit:contain;\n  filter:drop-shadow(0 30px 60px rgba(0,0,0,0.6));\n}\n.hotspot{\n  position:absolute;\n  width:36px;height:36px;border-radius:50%;\n  background:rgba(255,255,255,0.95);\n  color:#000;font-size:22px;font-weight:300;line-height:0;\n  display:flex;align-items:center;justify-content:center;\n  cursor:pointer;\n  transform:translate(-50%,-50%);\n  transition:transform .25s var(--ease-out),background .25s var(--ease-out);\n  z-index:5;\n  border:0;\n  box-shadow:0 4px 14px rgba(0,0,0,0.4);\n}\n.hotspot::before{content:\"+\";display:block;line-height:1;}\n.hotspot\u003caria-expanded=\"true\"\u003e{background:#FF4D2E;color:#fff;transform:translate(-50%,-50%) rotate(45deg)}\n.hotspot:hover{transform:translate(-50%,-50%) scale(1.12)}\n.hotspot\u003caria-expanded=\"true\"\u003e:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.12)}\n.hotspot-popup{\n  position:absolute;\n  background:#fff;color:var(--sc-ink);\n  padding:22px 24px 24px;border-radius:var(--r-md);\n  width:280px;\n  box-shadow:0 16px 40px rgba(0,0,0,0.45);\n  display:none;\n  z-index:6;\n  transform:translate(-50%, 16px);\n}\n.hotspot-popup.open{display:block}\n.hotspot-popup h4{\n  font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;\n  color:var(--sc-ink);margin:0 0 10px;line-height:1.2;\n}\n.hotspot-popup p{\n  font-size:14px;line-height:1.55;color:var(--sc-graphite);margin:0;\n}\n@media (max-width:760px){\n  .design-details{padding:72px 16px}\n  .design-details h2.dd-title{font-size:clamp(30px,8vw,48px);margin-bottom:24px}\n  .hotspot{width:30px;height:30px;font-size:18px}\n  .hotspot-popup{width:240px;padding:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Bosch Performance Upgrade 2.0 section — Apple-light gray ========== *\/\n.upgrade-section{\n  background:linear-gradient(160deg, #ECECEA 0%, #DDDDD9 100%);\n  color:var(--sc-ink);\n  padding:120px 32px;\n  position:relative;overflow:hidden;\n}\n.upgrade-section::before{\n  content:\"\";position:absolute;\n  top:-30%;right:-20%;width:60%;height:160%;\n  background:radial-gradient(50% 50% at 50% 50%, rgba(227,46,46,0.10) 0%, rgba(227,46,46,0) 70%);\n  pointer-events:none;\n}\n.upgrade-grid{\n  max-width:var(--container);margin:0 auto;\n  display:grid;grid-template-columns:1.1fr 1fr;gap:80px;\n  align-items:center;position:relative;z-index:1;\n}\n.upgrade-text .eyebrow{\n  color:#E32E2E !important;letter-spacing:0.18em;\n  display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;\n  background:rgba(227,46,46,0.10);\n  padding:6px 12px;border-radius:980px;\n  font-size:11px;font-weight:700;\n}\n.upgrade-text .eyebrow::before{\n  content:\"\";display:inline-block;width:14px;height:14px;border-radius:4px;\n  background:#E32E2E;\n}\n.upgrade-text h2{\n  color:var(--sc-ink) !important;\n  font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05;\n  margin-bottom:24px;\n}\n.upgrade-text h2 em{\n  font-style:normal;color:#E32E2E;\n}\n.upgrade-text p{\n  color:var(--sc-graphite);font-size:17px;line-height:1.6;\n  margin-bottom:18px;max-width:520px;\n}\n.upgrade-text p strong{color:var(--sc-ink);font-weight:700}\n.upgrade-text .upgrade-note{\n  display:inline-flex;align-items:center;gap:10px;\n  background:rgba(227,46,46,0.08);\n  border:1px solid rgba(227,46,46,0.35);\n  color:#9c1e1e;\n  padding:10px 18px;border-radius:980px;\n  font-size:13px;font-weight:600;letter-spacing:0.04em;\n  margin-top:8px;\n}\n.upgrade-text .upgrade-note::before{\n  content:\"⚡\";font-size:16px;\n}\n.upgrade-stats{\n  display:grid;grid-template-columns:1fr 1fr;gap:24px;\n  background:rgba(255,255,255,0.55);\n  border:1px solid rgba(0,0,0,0.06);\n  border-radius:var(--r-lg);\n  padding:36px;\n  backdrop-filter:blur(10px);\n  -webkit-backdrop-filter:blur(10px);\n}\n.upgrade-stat{\n  position:relative;\n}\n.upgrade-stat .label{\n  display:block;\n  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;\n  color:var(--sc-silver);margin-bottom:10px;\n}\n.upgrade-stat .from{\n  display:inline-flex;align-items:baseline;gap:4px;\n  color:var(--sc-silver);\n  font-size:18px;font-weight:600;\n  text-decoration:line-through;\n  margin-right:8px;\n}\n.upgrade-stat .arrow{\n  color:var(--sc-silver);font-size:14px;margin:0 8px;\n}\n.upgrade-stat .to{\n  display:inline-flex;align-items:baseline;gap:4px;\n  color:#E32E2E;\n  font-size:34px;font-weight:800;letter-spacing:-0.025em;\n}\n.upgrade-stat .to .unit{\n  font-size:14px;font-weight:600;color:var(--sc-graphite);margin-left:2px;\n}\n@media (max-width:920px){\n  .upgrade-grid{grid-template-columns:1fr;gap:48px}\n  .upgrade-stats{padding:28px;gap:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Two-up image gallery (provelo webps) ========== *\/\n.gallery-2{\n  display:grid;grid-template-columns:1fr 1fr;gap:24px;\n  max-width:var(--container);margin:0 auto;\n}\n.gallery-2 .gallery-item{\n  border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n  aspect-ratio:3\/2;\n}\n.gallery-2 .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}\n@media (max-width:760px){.gallery-2{grid-template-columns:1fr;gap:16px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== FAQ ========== *\/\n.faq-list{max-width:780px;margin:0 auto;border-top:1px solid var(--sc-mist)}\n.faq{border-bottom:1px solid var(--sc-mist)}\n.faq summary{\n  list-style:none;cursor:pointer;\n  padding:24px 4px;\n  display:flex;justify-content:space-between;gap:24px;align-items:center;\n  font-size:18px;font-weight:600;color:var(--sc-ink);letter-spacing:-0.005em;\n}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary::after{\n  content:\"+\";font-weight:300;font-size:28px;color:var(--sc-silver);\n  transition:transform .25s var(--ease-out);flex-shrink:0;line-height:1;\n}\n.faq\u003copen\u003e summary::after{content:\"−\"}\n.faq-body{padding:0 4px 26px;color:var(--sc-graphite);font-size:16px;line-height:1.6;max-width:680px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Closing CTA ========== *\/\n.closing{text-align:center;padding:120px 32px;background:var(--sc-ink);color:#fff}\n.closing .eyebrow{color:rgba(255,255,255,0.6) !important;margin-bottom:24px}\n.closing h2{font-size:clamp(40px,5.5vw,72px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff !important;max-width:24ch;margin:0 auto}\n.closing p{margin:24px auto 0;max-width:560px;color:rgba(255,255,255,0.78);font-size:18px;line-height:1.55}\n.closing-price{\n  display:inline-flex;align-items:baseline;gap:14px;\n  margin:36px 0 8px;\n  font-family:'Inter',sans-serif;\n}\n.closing-price .now{\n  font-size:clamp(36px,4.5vw,56px);font-weight:800;letter-spacing:-0.03em;\n  color:#fff;\n}\n.closing-price .label{\n  font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n  color:rgba(255,255,255,0.55);\n}\n.closing-price .old{\n  font-size:clamp(20px,2vw,28px);font-weight:400;\n  text-decoration:line-through;color:rgba(255,255,255,0.45);\n  letter-spacing:-0.01em;\n}\n.sale-badge{\n  display:inline-block;\n  background:#E32E2E;color:#fff;\n  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;\n  padding:8px 16px;border-radius:980px;\n  margin-bottom:18px;\n}\n.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.assurances{\n  margin-top:80px;display:flex;gap:64px;justify-content:center;flex-wrap:wrap;\n  font-size:13px;color:rgba(255,255,255,0.55);\n}\n.assurances strong{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;letter-spacing:0.005em}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Footer ========== *\/\n.footer{\n  border-top:1px solid var(--sc-mist);\n  padding:32px;text-align:center;\n  font-size:12px;color:var(--sc-silver);\n  background:var(--sc-paper);\n  letter-spacing:0.04em;\n}\u003c\/p\u003e\n\u003cp\u003e\/* reveal on scroll *\/\n.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}\n.reveal.in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n   ELEMENTOR \/ WORDPRESS aggressive override layer\n   ============================================================= *\/\nhtml body .sc-landing,\nhtml body .sc-landing \u003e *,\nhtml body .sc-landing div{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force hero full screen even inside Elementor wrappers *\/\nhtml body .sc-landing .hero{\n  width:100vw !important;max-width:100vw !important;\n  min-height:100vh !important;min-height:100dvh !important;\n  position:relative !important;\n  left:50% !important;right:50% !important;\n  margin-left:-50vw !important;margin-right:-50vw !important;\n  padding:32px 32px 40px !important;\n  display:grid !important;\n  grid-template-rows:auto 1fr auto auto !important;\n  overflow:hidden !important;\n}\nhtml body .sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e !important}\nhtml body .sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force typography sizes against Elementor h1\/h2\/h3 overrides *\/\nhtml body .sc-landing h1,\nhtml body .sc-landing h2,\nhtml body .sc-landing h3,\nhtml body .sc-landing h4{\n  font-family:'Inter',-apple-system,sans-serif !important;\n  font-weight:800 !important;\n  letter-spacing:-0.02em !important;\n  line-height:1.05 !important;\n}\nhtml body .sc-landing .hero-wordmark{\n  font-size:clamp(180px, 32vw, 520px) !important;\n  font-weight:900 !important;letter-spacing:-0.05em !important;line-height:1 !important;\n}\nhtml body .sc-landing .heading-xl{font-size:clamp(48px,7vw,96px) !important;font-weight:800 !important}\nhtml body .sc-landing .heading-l{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important;line-height:1.05 !important}\nhtml body .sc-landing .heading-m{font-size:clamp(24px,3vw,38px) !important;font-weight:700 !important}\nhtml body .sc-landing .intro-title{font-size:clamp(48px,6.5vw,92px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;line-height:1.02 !important}\nhtml body .sc-landing .dd-title{font-size:clamp(38px,5vw,72px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;text-transform:uppercase !important}\nhtml body .sc-landing .upgrade-text h2{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important}\nhtml body .sc-landing .feature h3{font-size:20px !important;font-weight:700 !important;letter-spacing:-0.005em !important;line-height:1.25 !important}\nhtml body .sc-landing .video-full .video-caption h2{font-size:clamp(48px,7.5vw,112px) !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .lifestyle h2{font-size:clamp(34px,4.5vw,56px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .closing h2{font-size:clamp(40px,5.5vw,72px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\u003c\/p\u003e\n\u003cp\u003e\/* Body text *\/\nhtml body .sc-landing p,\nhtml body .sc-landing span{font-family:'Inter',-apple-system,sans-serif !important}\nhtml body .sc-landing .body-l{font-size:18px !important;line-height:1.55 !important}\nhtml body .sc-landing .body{font-size:16px !important;line-height:1.6 !important}\nhtml body .sc-landing .intro-lede{font-size:clamp(17px,1.4vw,21px) !important;line-height:1.55 !important}\nhtml body .sc-landing .hero-tag{font-size:clamp(15px,1.4vw,18px) !important;font-weight:500\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57495934828926,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57495934861694,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57495934894462,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57495934927230,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57495934959998,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57495934992766,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57495935025534,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57495935058302,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossStormbringerPurple-scaled.webp?v=1780323664","url":"https:\/\/www.provelo.ro\/products\/bicicleta-electrica-mtb-santa-cruz-vala-al-deore","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}