Jante si roti complete

<style> .bvs{font-family:'Proxima Nova Lt','Proxima Nova','Rubik',Arial,sans-serif;color:#212121} .bvs *{box-sizing:border-box} .bvs:after{content:"";display:table;clear:both} /* card ajutor */ .bvs-help{display:grid;grid-template-columns:minmax(0,50%) minmax(0,1fr);border:1px solid #EEEEEE;background:#fff} .bvs-help__art{display:flex;align-items:center;justify-content:center;background:#F7F9FC;padding:12px 8px} .bvs-art{display:block;width:100%;height:auto} .bvs-art--p{max-width:330px} .bvs-art--l{display:none;max-width:400px} .bvs-ln{stroke:#2E3440;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round} g.bvs-ln{fill:none} .bvs-in{stroke:#9AA5B4;stroke-width:1.4} .bvs-hl{stroke:#1C69D4;stroke-width:1.8;stroke-linejoin:round} .bvs-num path{stroke:#1C69D4;stroke-width:1.2} .bvs-num circle{fill:#fff;stroke:#1C69D4;stroke-width:1.4} .bvs-num text{font:700 8.5px 'Proxima Nova Rg',Arial,sans-serif;fill:#1C69D4;text-anchor:middle} .bvs-art--p .bvs-num text{font-size:9.5px} .bvs-lbl{font:700 8px 'Proxima Nova Rg',Arial,sans-serif;fill:#8A94A3;letter-spacing:.02em} .bvs-art--p .bvs-lbl{font-size:9px} .bvs-art [class*="bvs-p-"],.bvs-mag,.bvs-ok,.bvs-vbtn,.bvs-code,.bvs-bub,.bvs-num g{transform-box:fill-box;transform-origin:center} .bvs-d0,.bvs-d1,.bvs-d2{opacity:0} .bvs-help__body{display:flex;flex-direction:column;justify-content:center;padding:24px 22px 0 20px} .bvs-help__title{margin:0 0 10px;font-family:'Proxima Nova Rg','Proxima Nova',Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.22;color:#212121;text-transform:none;letter-spacing:0} .bvs-help__text{margin:0 0 14px;font-size:15px;line-height:1.5;color:#4A4F57} .bvs-help__list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:6px} .bvs-help__list li{margin:0;position:relative;padding-left:20px;font-family:'Proxima Nova Rg','Proxima Nova',Arial,sans-serif;font-size:14px;color:#212121} .bvs-help__list li:before{content:"";position:absolute;left:2px;top:2px;width:9px;height:5px;border-left:2px solid #1C69D4;border-bottom:2px solid #1C69D4;transform:rotate(-45deg)} .bvs-btn{align-self:stretch;display:block;background:#1C69D4;color:#fff!important;font-family:'Proxima Nova Rg','Proxima Nova',Arial,sans-serif;font-weight:700;font-size:16px;line-height:19px;text-align:center;text-decoration:none!important;white-space:nowrap;padding:14px 12px 13px;transition:background-color 150ms ease,transform 160ms cubic-bezier(.23,1,.32,1)} .bvs-btn:hover,.bvs-btn:focus{text-decoration:none!important} .bvs-btn:active{transform:scale(.97);background:#1557B0} .bvs-btn:focus-visible{outline:2px solid #1C69D4;outline-offset:3px} .bvs .bvs-help__body .bvs-help__note{margin:10px 0;font-size:13px;line-height:1.4;color:#5F6670} /* întrebări frecvente */ .bvs-faq__label{display:inline-block;margin:-6px 0 14px;padding:7px 7px 5px;background:#592CC9;color:#fff;font-family:'Proxima Nova Rg','Proxima Nova',Arial,sans-serif;font-weight:700;font-size:12px;line-height:12px;text-transform:uppercase} .bvs-faq__item{border-bottom:1px solid #EEEEEE} .bvs-faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;font-size:16px;line-height:1.3;color:#212121;transition:color 150ms ease} .bvs-faq__q::-webkit-details-marker{display:none} .bvs-faq__q::marker{content:""} .bvs-faq__q:focus-visible{outline:2px solid #1C69D4;outline-offset:2px} .bvs-faq__icon{position:relative;flex:0 0 12px;width:12px;height:12px} .bvs-faq__icon:before,.bvs-faq__icon:after{content:"";position:absolute;left:0;top:5px;width:12px;height:2px;background:#1C69D4;transition:transform 200ms cubic-bezier(.23,1,.32,1)} .bvs-faq__icon:after{transform:rotate(90deg)} .bvs-faq__item[open] .bvs-faq__icon:after{transform:rotate(0deg)} .bvs-faq__item[open] .bvs-faq__q{color:#1C69D4} .bvs-faq__a{padding:0 30px 16px 0;font-size:14px;line-height:1.55;color:#4A4F57} .bvs-faq__a p{margin:0 0 8px} .bvs-faq__a a{font-family:'Proxima Nova Rg','Proxima Nova',Arial,sans-serif;font-weight:700;color:#1C69D4;text-decoration:none} .bvs-faq__a a:after{content:" ›"} .bvs-faq__item[open] .bvs-faq__a{animation:bvsFaqIn 220ms cubic-bezier(.23,1,.32,1)} @keyframes bvsFaqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} @media (hover:hover) and (pointer:fine){ .bvs-btn:hover{background:#1557B0} .bvs-faq__q:hover{color:#1C69D4} .bvs-faq__a a:hover{text-decoration:underline} } /* responsive: sub 1200px imaginea trece deasupra textului */ @media (max-width:1199px){ .bvs-help{grid-template-columns:1fr} .bvs-help__art{padding:16px 24px 8px} .bvs-art--p{display:none} .bvs-art--l{display:block} .bvs-help__body{padding:20px 24px 0} .bvs-btn{align-self:flex-start;min-width:194px;padding:14px 24px 13px} } @media (max-width:767px){ .bvs-faq{margin-top:30px} .bvs-help__title{font-size:20px} .bvs-btn{align-self:stretch} .bvs-faq__q{font-size:15px} } /* animație: rulează doar dacă vizitatorul nu a cerut reducerea mișcării */ @media (prefers-reduced-motion:no-preference){ @keyframes bvsCh0{0%,4.00%{opacity:0;animation-timing-function:linear}4.80%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsCh1{0%,5.10%{opacity:0;animation-timing-function:linear}5.90%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsCh2{0%,6.20%{opacity:0;animation-timing-function:linear}7.00%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsCh3{0%,7.30%{opacity:0;animation-timing-function:linear}8.10%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsCh4{0%,8.40%{opacity:0;animation-timing-function:linear}9.20%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsCh5{0%,9.50%{opacity:0;animation-timing-function:linear}10.30%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsCh6{0%,10.60%{opacity:0;animation-timing-function:linear}11.40%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsPress{0%,13.40%{transform:scale(1)}14.20%{transform:scale(.9)}15.60%,100%{transform:scale(1)}} @keyframes bvsPdisc{0%,17.00%{opacity:0;transform:translateX(26px);animation-timing-function:cubic-bezier(.23,1,.32,1)}23.00%,88.00%{opacity:1;transform:translateX(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateX(26px)}} @keyframes bvsPpads{0%,18.50%{opacity:0;transform:translateX(14px);animation-timing-function:cubic-bezier(.23,1,.32,1)}24.50%,88.00%{opacity:1;transform:translateX(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateX(14px)}} @keyframes bvsPbolts{0%,20.00%{opacity:0;transform:translateX(-8px);animation-timing-function:cubic-bezier(.23,1,.32,1)}26.00%,88.00%{opacity:1;transform:translateX(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateX(-8px)}} @keyframes bvsPcal{0%,21.50%{opacity:0;transform:translateX(-22px);animation-timing-function:cubic-bezier(.23,1,.32,1)}27.50%,88.00%{opacity:1;transform:translateX(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateX(-22px)}} @keyframes bvsN0{0%,28.00%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}31.50%,88.00%{opacity:1;transform:translateY(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateY(4px)}} @keyframes bvsN1{0%,29.40%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}32.90%,88.00%{opacity:1;transform:translateY(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateY(4px)}} @keyframes bvsN2{0%,30.80%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}34.30%,88.00%{opacity:1;transform:translateY(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateY(4px)}} @keyframes bvsN3{0%,32.20%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}35.70%,88.00%{opacity:1;transform:translateY(0);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateY(4px)}} @keyframes bvsMagl{0%,35.00%{opacity:0;transform:translate(-150px,46px) scale(.92);animation-timing-function:cubic-bezier(.23,1,.32,1)}38.00%{opacity:1;transform:translate(-150px,46px) scale(1);animation-timing-function:cubic-bezier(.77,0,.175,1)}48.50%,88.00%{opacity:1;transform:translate(0,0) scale(1);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translate(0,0) scale(1)}} @keyframes bvsMagp{0%,35.00%{opacity:0;transform:translate(-128px,28px) scale(.92);animation-timing-function:cubic-bezier(.23,1,.32,1)}38.00%{opacity:1;transform:translate(-128px,28px) scale(1);animation-timing-function:cubic-bezier(.77,0,.175,1)}48.50%,88.00%{opacity:1;transform:translate(0,0) scale(1);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translate(0,0) scale(1)}} @keyframes bvsHl{0%,49.00%{opacity:0;animation-timing-function:ease}52.00%,88.00%{opacity:1;animation-timing-function:ease}92.50%,100%{opacity:0}} @keyframes bvsOk{0%,51.00%{opacity:0;transform:scale(.7);animation-timing-function:cubic-bezier(.23,1,.32,1)}54.50%,88.00%{opacity:1;transform:scale(1);animation-timing-function:ease}92.50%,100%{opacity:0;transform:scale(.7)}} @keyframes bvsBub{0%,52.00%{opacity:0;transform:translateY(6px) scale(.96);animation-timing-function:cubic-bezier(.23,1,.32,1)}55.50%,88.00%{opacity:1;transform:translateY(0) scale(1);animation-timing-function:ease}92.50%,100%{opacity:0;transform:translateY(6px) scale(.96)}} @keyframes bvsD0{0%,54.50%{opacity:0}56.30%,62.00%{opacity:1}63.50%,100%{opacity:0}} @keyframes bvsD1{0%,55.70%{opacity:0}57.50%,62.00%{opacity:1}63.50%,100%{opacity:0}} @keyframes bvsD2{0%,56.90%{opacity:0}58.70%,62.00%{opacity:1}63.50%,100%{opacity:0}} @keyframes bvsCode{0%,63.50%{opacity:0;transform:scale(.94);animation-timing-function:cubic-bezier(.23,1,.32,1)}67.00%,88.00%{opacity:1;transform:scale(1);animation-timing-function:ease}92.50%,100%{opacity:0;transform:scale(.94)}} .bvs-art .bvs-ch0{animation:bvsCh0 10s infinite both} .bvs-art:not(.bvs-on) *{animation-play-state:paused!important} .bvs-art .bvs-ch1{animation:bvsCh1 10s infinite both} .bvs-art .bvs-ch2{animation:bvsCh2 10s infinite both} .bvs-art .bvs-ch3{animation:bvsCh3 10s infinite both} .bvs-art .bvs-ch4{animation:bvsCh4 10s infinite both} .bvs-art .bvs-ch5{animation:bvsCh5 10s infinite both} .bvs-art .bvs-ch6{animation:bvsCh6 10s infinite both} .bvs-art .bvs-vbtn{animation:bvsPress 10s infinite both} .bvs-art .bvs-p-disc{animation:bvsPdisc 10s infinite both} .bvs-art .bvs-p-pads{animation:bvsPpads 10s infinite both} .bvs-art .bvs-p-bolts{animation:bvsPbolts 10s infinite both} .bvs-art .bvs-p-cal{animation:bvsPcal 10s infinite both} .bvs-art .bvs-n0{animation:bvsN0 10s infinite both} .bvs-art .bvs-n1{animation:bvsN1 10s infinite both} .bvs-art .bvs-n2{animation:bvsN2 10s infinite both} .bvs-art .bvs-n3{animation:bvsN3 10s infinite both} .bvs-art--l .bvs-mag{animation:bvsMagl 10s infinite both} .bvs-art--p .bvs-mag{animation:bvsMagp 10s infinite both} .bvs-art .bvs-hl{animation:bvsHl 10s infinite both} .bvs-art .bvs-ok{animation:bvsOk 10s infinite both} .bvs-art .bvs-bub{animation:bvsBub 10s infinite both} .bvs-art .bvs-d0{animation:bvsD0 10s infinite both} .bvs-art .bvs-d1{animation:bvsD1 10s infinite both} .bvs-art .bvs-d2{animation:bvsD2 10s infinite both} .bvs-art .bvs-code{animation:bvsCode 10s infinite both} } </style> <div class="bvs"> <div class="col-xs-12 col-sm-6 item_wrapp"> <section class="bvs-help" aria-labelledby="bvs-help-t"> <div class="bvs-help__art"><svg class="bvs-art bvs-art--p" viewBox="0 8 300 308" role="img" aria-labelledby="bvs-tp" shape-rendering="geometricPrecision"> <title id="bvs-tp">Identificarea piesei după seria de identificare, în catalogul de piese</title> <path d="M44 58C80 18 226 14 266 60c38 44 34 180-2 218-38 38-192 38-230 0C-4 240 8 102 44 58z" fill="#EEF3FB"/> <g> <rect class="bvs-ln" x="24" y="16" width="252" height="66" rx="6" fill="#fff"/> <text class="bvs-lbl" x="40" y="36">Seria de identificare</text> <rect class="bvs-in" x="40" y="44" width="170" height="26" rx="3" fill="#fff"/> <rect class="bvs-ch0" x="49" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/><rect class="bvs-ch1" x="71.5" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/><rect class="bvs-ch2" x="94" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/><rect class="bvs-ch3" x="116.5" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/><rect class="bvs-ch4" x="139" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/><rect class="bvs-ch5" x="161.5" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/><rect class="bvs-ch6" x="184" y="51.5" width="13" height="11" rx="2" fill="#2E3440"/> <g class="bvs-vbtn"><rect x="218" y="44" width="42" height="26" rx="3" fill="#1C69D4"/><circle cx="237.5" cy="56" r="5.2" fill="none" stroke="#fff" stroke-width="2"/><path d="M241.4 59.9l4 4" stroke="#fff" stroke-width="2" stroke-linecap="round"/></g> </g> <path d="M150 85v12" stroke="#9AA5B4" stroke-width="1.4" stroke-dasharray="3 3"/> <path d="M146 95.5l4 4 4-4" fill="none" stroke="#9AA5B4" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> <g class="bvs-ln"> <rect x="14" y="104" width="272" height="180" rx="6" fill="#fff"/> <path d="M14 122h272"/> <circle cx="26" cy="113" r="2.6" fill="#1C69D4" stroke="none"/><circle cx="36" cy="113" r="2.6"/><circle cx="46" cy="113" r="2.6"/> <rect x="196" y="109" width="78" height="8" rx="4" fill="#EEF3FB" stroke="none"/> <path d="M28 200h244" stroke="#9AA5B4" stroke-dasharray="3 4"/> </g> <g class="bvs-ln bvs-p-disc"> <ellipse cx="79" cy="200" rx="16" ry="50" fill="#fff"/> <path d="M74 151v98M77 150.5v99" stroke="#C5CCD6"/> <ellipse cx="72" cy="200" rx="16" ry="50" fill="#fff"/> <ellipse cx="72" cy="200" rx="7" ry="18"/><ellipse cx="72" cy="200" rx="2.5" ry="6"/> <ellipse cx="70" cy="188" rx="1.1" ry="2.2" fill="#2E3440" stroke="none"/><ellipse cx="70" cy="212" rx="1.1" ry="2.2" fill="#2E3440" stroke="none"/> </g> <g class="bvs-ln bvs-p-pads"> <rect x="110" y="177" width="8" height="46" rx="3" fill="#fff"/><rect x="118" y="173" width="4" height="54" rx="2" fill="#E3E8EF"/> <rect x="132" y="177" width="8" height="46" rx="3" fill="#fff"/><rect x="128" y="173" width="4" height="54" rx="2" fill="#E3E8EF"/> </g> <g class="bvs-ln bvs-p-bolts"> <rect x="154" y="180" width="6" height="10" rx="1" fill="#fff"/><path d="M160 183h14v4h-14M164 183v4M168 183v4"/> <rect x="154" y="210" width="6" height="10" rx="1" fill="#fff"/><path d="M160 213h14v4h-14M164 213v4M168 213v4"/> </g> <g class="bvs-p-cal"> <path class="bvs-ln" d="M200 166h28a9 9 0 0 1 9 9v50a9 9 0 0 1-9 9h-28a6 6 0 0 1-6-6v-10h8v-36h-8v-10a6 6 0 0 1 6-6z" fill="#fff"/> <path class="bvs-hl" d="M200 166h28a9 9 0 0 1 9 9v50a9 9 0 0 1-9 9h-28a6 6 0 0 1-6-6v-10h8v-36h-8v-10a6 6 0 0 1 6-6z" fill="#DCEAFB"/> <path class="bvs-ln" d="M214 174v52M222 182h8M222 218h8" fill="none"/> <circle class="bvs-ln" cx="205" cy="173" r="3" fill="#fff"/><circle class="bvs-ln" cx="205" cy="227" r="3" fill="#fff"/> </g> <g class="bvs-num"> <g class="bvs-n0"><path d="M72 142v8"/><circle cx="72" cy="134" r="8"/><text x="72" y="137.5">1</text></g> <g class="bvs-n1"><path d="M125 165v8"/><circle cx="125" cy="157" r="8"/><text x="125" y="160.5">2</text></g> <g class="bvs-n2"><path d="M164 170v10"/><circle cx="164" cy="162" r="8"/><text x="164" y="165.5">3</text></g> <g class="bvs-n3"><path d="M215 150v16"/><circle cx="215" cy="142" r="8"/><text x="215" y="145.5">4</text></g> </g> <g class="bvs-mag"> <circle cx="216" cy="200" r="31" fill="#fff" fill-opacity=".14" stroke="#1C69D4" stroke-width="5"/> <path d="M198 184a22 22 0 0 1 10-7" fill="none" stroke="#1C69D4" stroke-width="2" stroke-linecap="round" opacity=".55"/> <path d="M238 222l18 19" stroke="#1C69D4" stroke-width="9" stroke-linecap="round"/> </g> <g class="bvs-ok"><circle cx="243" cy="170" r="10" fill="#1C69D4" stroke="#fff" stroke-width="2.5"/><path d="M238.5 170.2l3 3 6-6.2" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></g> <g class="bvs-bub"> <path class="bvs-ln" d="M156 256h122a8 8 0 0 1 8 8v26a8 8 0 0 1-8 8h-14v12l-14-12H156a8 8 0 0 1-8-8v-26a8 8 0 0 1 8-8z" fill="#fff"/> <circle class="bvs-d0" cx="203" cy="277" r="3.6" fill="#1C69D4"/><circle class="bvs-d1" cx="217" cy="277" r="3.6" fill="#1C69D4"/><circle class="bvs-d2" cx="231" cy="277" r="3.6" fill="#1C69D4"/> <g class="bvs-code"><rect x="162" y="267" width="110" height="20" rx="4" fill="#1C69D4"/><rect x="168.0" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="177.2" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="186.4" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="195.6" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="204.8" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="214.0" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="223.2" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="232.4" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="241.6" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="250.8" y="273" width="6" height="8" rx="1" fill="#fff"/><rect x="260.0" y="273" width="6" height="8" rx="1" fill="#fff"/></g> </g> </svg><svg class="bvs-art bvs-art--l" viewBox="8 2 386 254" role="img" aria-labelledby="bvs-tl" shape-rendering="geometricPrecision"> <title id="bvs-tl">Identificarea piesei după seria de identificare, în catalogul de piese</title> <path d="M62 64C112 16 262 8 334 48c62 36 60 140 0 180-70 44-212 44-270 2-52-38-48-128-2-166z" fill="#EEF3FB"/> <g class="bvs-ln"> <rect x="58" y="34" width="300" height="192" rx="6" fill="#fff"/> <path d="M58 54h300M120 54v172"/> <circle cx="70" cy="44" r="2.6" fill="#1C69D4" stroke="none"/><circle cx="80" cy="44" r="2.6"/><circle cx="90" cy="44" r="2.6"/> <rect x="63" y="67" width="52" height="15" rx="2" fill="#EEF3FB" stroke="none"/> <circle cx="72" cy="74.5" r="3" fill="#1C69D4" stroke="none"/><path d="M80 74.5h28" stroke="#1C69D4"/> <circle cx="72" cy="96" r="3"/><path d="M80 96h26"/> <circle cx="72" cy="117" r="3"/><path d="M80 117h22"/> <circle cx="72" cy="138" r="3"/><path d="M80 138h26"/> <path d="M134 140h212" stroke="#9AA5B4" stroke-dasharray="3 4"/> </g> <g class="bvs-ln bvs-p-disc"> <ellipse cx="175" cy="140" rx="17" ry="52" fill="#fff"/> <path d="M170 90.5v99M173 89v102" stroke="#C5CCD6"/> <ellipse cx="168" cy="140" rx="17" ry="52" fill="#fff"/> <ellipse cx="168" cy="140" rx="7" ry="19"/><ellipse cx="168" cy="140" rx="2.5" ry="6.5"/> <ellipse cx="166" cy="127" rx="1.1" ry="2.2" fill="#2E3440" stroke="none"/><ellipse cx="166" cy="153" rx="1.1" ry="2.2" fill="#2E3440" stroke="none"/> </g> <g class="bvs-ln bvs-p-pads"> <rect x="208" y="116" width="8" height="48" rx="3" fill="#fff"/><rect x="216" y="112" width="4" height="56" rx="2" fill="#E3E8EF"/> <rect x="230" y="116" width="8" height="48" rx="3" fill="#fff"/><rect x="226" y="112" width="4" height="56" rx="2" fill="#E3E8EF"/> </g> <g class="bvs-ln bvs-p-bolts"> <rect x="250" y="120" width="6" height="10" rx="1" fill="#fff"/><path d="M256 123h14v4h-14M260 123v4M264 123v4"/> <rect x="250" y="150" width="6" height="10" rx="1" fill="#fff"/><path d="M256 153h14v4h-14M260 153v4M264 153v4"/> </g> <g class="bvs-p-cal"> <path class="bvs-ln" d="M292 106h28a9 9 0 0 1 9 9v50a9 9 0 0 1-9 9h-28a6 6 0 0 1-6-6v-10h8v-36h-8v-10a6 6 0 0 1 6-6z" fill="#fff"/> <path class="bvs-hl" d="M292 106h28a9 9 0 0 1 9 9v50a9 9 0 0 1-9 9h-28a6 6 0 0 1-6-6v-10h8v-36h-8v-10a6 6 0 0 1 6-6z" fill="#DCEAFB"/> <path class="bvs-ln" d="M306 114v52M314 122h8M314 158h8" fill="none"/> <circle class="bvs-ln" cx="297" cy="113" r="3" fill="#fff"/><circle class="bvs-ln" cx="297" cy="167" r="3" fill="#fff"/> </g> <g class="bvs-num"> <g class="bvs-n0"><path d="M168 84v6"/><circle cx="168" cy="77" r="7"/><text x="168" y="80">1</text></g> <g class="bvs-n1"><path d="M223 103v8"/><circle cx="223" cy="96" r="7"/><text x="223" y="99">2</text></g> <g class="bvs-n2"><path d="M260 110v8"/><circle cx="260" cy="103" r="7"/><text x="260" y="106">3</text></g> <g class="bvs-n3"><path d="M306 93v12"/><circle cx="306" cy="86" r="7"/><text x="306" y="89">4</text></g> </g> <g class="bvs-mag"> <circle cx="307" cy="140" r="31" fill="#fff" fill-opacity=".14" stroke="#1C69D4" stroke-width="5"/> <path d="M289 124a22 22 0 0 1 10-7" fill="none" stroke="#1C69D4" stroke-width="2" stroke-linecap="round" opacity=".55"/> <path d="M329 162l18 19" stroke="#1C69D4" stroke-width="9" stroke-linecap="round"/> </g> <g class="bvs-ok"><circle cx="333" cy="110" r="10" fill="#1C69D4" stroke="#fff" stroke-width="2.5"/><path d="M328.5 110.2l3 3 6-6.2" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></g> <g class="bvs-bub"> <path class="bvs-ln" d="M302 6h86a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6H322l-9 8v-8h-11a6 6 0 0 1-6-6V12a6 6 0 0 1 6-6z" fill="#fff"/> <circle class="bvs-d0" cx="331" cy="24" r="3.2" fill="#1C69D4"/><circle class="bvs-d1" cx="345" cy="24" r="3.2" fill="#1C69D4"/><circle class="bvs-d2" cx="359" cy="24" r="3.2" fill="#1C69D4"/> <g class="bvs-code"><rect x="304" y="15" width="84" height="18" rx="4" fill="#1C69D4"/><rect x="310.0" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="316.8" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="323.6" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="330.4" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="337.2" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="344.0" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="350.8" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="357.6" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="364.4" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="371.2" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/><rect x="378.0" y="20.5" width="4.2" height="7" rx="1" fill="#fff"/></g> </g> <g> <rect class="bvs-ln" x="14" y="190" width="152" height="60" rx="5" fill="#fff"/> <text class="bvs-lbl" x="26" y="208.5">Seria de identificare</text> <rect class="bvs-in" x="26" y="215" width="104" height="24" rx="3" fill="#fff"/> <rect class="bvs-ch0" x="33" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/><rect class="bvs-ch1" x="46.5" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/><rect class="bvs-ch2" x="60" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/><rect class="bvs-ch3" x="73.5" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/><rect class="bvs-ch4" x="87" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/><rect class="bvs-ch5" x="100.5" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/><rect class="bvs-ch6" x="114" y="222" width="8.5" height="10" rx="1.5" fill="#2E3440"/> <g class="bvs-vbtn"><rect x="134" y="215" width="24" height="24" rx="3" fill="#1C69D4"/><circle cx="144.5" cy="225.5" r="4.6" fill="none" stroke="#fff" stroke-width="1.8"/><path d="M148 229l3.4 3.4" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></g> </g> </svg></div> <div class="bvs-help__body"> <h2 id="bvs-help-t" class="bvs-help__title">Nu găsești piesa sau nu știi codul?</h2> <p class="bvs-help__text">Spune-ne ce piesă cauți și ultimele 7 caractere din seria de identificare (poziția E din talon). Îți trimitem codul corect din catalogul BMW.</p> <ul class="bvs-help__list"><li>Identificarea codului piesei</li><li>Verificare compatibilitate</li><li>Detalii tehnice</li></ul> <a class="bvs-btn" href="/contact#pccf_form_1">Completează formularul</a> <p class="bvs-help__note">Cererile prin formular au prioritate. Identificarea pieselor nu o putem face telefonic.</p> </div> </section> </div> <div class="col-xs-12 col-sm-6 item_wrapp"> <div class="bvs-faq"> <div class="bvs-faq__label">Întrebări frecvente</div> <details class="bvs-faq__item"> <summary class="bvs-faq__q">Care este timpul de livrare?<span class="bvs-faq__icon" aria-hidden="true"></span></summary> <div class="bvs-faq__a"><p>Produsele din stoc se expediază în aceeași zi sau în următoarea zi lucrătoare. Cele marcate Express pleacă în aceeași zi pentru comenzile plasate până la ora 13:00. Reperele aduse din depozite externe au un termen estimat de aproximativ 5 zile lucrătoare.</p><a href="/livrare">Detalii despre livrare</a></div> </details> <details class="bvs-faq__item"> <summary class="bvs-faq__q">Care sunt metodele de plată acceptate?<span class="bvs-faq__icon" aria-hidden="true"></span></summary> <div class="bvs-faq__a"><p>Card bancar online (Visa, Mastercard, Maestro, Google Pay, Apple Pay) sau transfer bancar pe baza facturii proforme primite pe email. Nu oferim plata ramburs; comenzile se achită integral în avans.</p><a href="/metode-de-plata">Toate metodele de plată</a></div> </details> <details class="bvs-faq__item"> <summary class="bvs-faq__q">Care este perioada de garanție?<span class="bvs-faq__icon" aria-hidden="true"></span></summary> <div class="bvs-faq__a"><p>24 de luni pentru persoane fizice (garanția legală de conformitate) și 12 luni pentru persoane juridice, cu excepțiile din certificatul de garanție.</p><a href="/garantie">Certificatul de garanție</a></div> </details> <details class="bvs-faq__item"> <summary class="bvs-faq__q">Care sunt condițiile de retur?<span class="bvs-faq__icon" aria-hidden="true"></span></summary> <div class="bvs-faq__a"><p>Persoanele fizice pot returna produsele în 14 zile de la primire, complete, cu toate accesoriile și etichetele originale. Solicitarea se înregistrează prin formularul de retur.</p><a href="/retur">Pașii pentru retur</a></div> </details> <details class="bvs-faq__item"> <summary class="bvs-faq__q">Pot afla telefonic codul unei piese?<span class="bvs-faq__icon" aria-hidden="true"></span></summary> <div class="bvs-faq__a"><p>Nu. Identificarea pieselor nu o putem face telefonic, pentru că fiecare cerere se verifică în catalogul de piese. Telefonul este pentru întrebări generale despre comenzi și livrare.</p><a href="/contact#pccf_form_1">Completează formularul</a></div> </details> </div> </div> </div><script>(function(){var a=document.querySelectorAll('.bvs-art');if(!a.length)return;if(!('IntersectionObserver' in window)){a.forEach(function(e){e.classList.add('bvs-on')});return;}var o=new IntersectionObserver(function(es){es.forEach(function(x){x.target.classList.toggle('bvs-on',x.isIntersecting)})},{threshold:0.15});a.forEach(function(e){o.observe(e)});})();</script>

<div class="col-xs-12 col-sm-12 col-md-4 your_opinion_matters"> <div class="inner_wrapper"> <div class="img_wrapper"> <img src="https://www.bavauto.ro/media/wysiwyg/your_opinion.png" alt="" /> </div> <div class="title"> Părerea ta contează! </div> <div class="description"> Suntem într-o continuă misiune de a ne îmbunătăți calitatea serviciilor, iar orice sugestie este binevenită! </div> <a href="/contact" class="seemore">Scrie un feedback</a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-4 newsletter_add"> <div class="inner_wrapper"> <div class="title"> Abonează-te la newsletter </div> <div class="description"> Află primul despre oferte și reduceri </div> <div class="newsletter_form"> <form class="form- subscribe-" novalidate="novalidate" action="/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail"> <div class="field newsletter"> <div class="control"> <input name="email" type="email" id="newsletter" placeholder="Adresa de email" data-validate="{required:true, 'validate-email':true}"> </div> <div class="actions"> <button class="action subscribe primary" title="Mă abonez!" type="submit">Mă abonez!</button> </div> </div> </form> </div> <div class="extra_details"> Nu vindem și nu împărtășim adresele de email; îți garantăm că nu vei primi spam și că te poți dezabona oricând! </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-4 social_connect"> <div class="inner_wrapper"> <div class="title"> Conectează-te cu BavAUTO </div> <div class="description"> Urmărește-ne pe social media </div> <style> .social_connect .social_media_listing{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;align-items:center;margin:0;padding:0;} .social_connect .social_media_listing p{margin:0;} .social_connect .social_media_listing a.social{display:inline-flex;color:inherit;text-decoration:none;transition:color .15s ease;} .social_connect .social_media_listing a.social svg{width:24px;height:24px;display:block;} .social_connect .social_media_listing a.yt:hover{color:#FF0000;} .social_connect .social_media_listing a.ig:hover{color:#E4405F;} .social_connect .social_media_listing a.fb:hover{color:#1877F2;} </style> <div class="social_media_listing"> <p><a class="social yt" href="https://www.youtube.com/@bav_auto" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M23 7.5a3 3 0 0 0-2.1-2.1C19 4.9 12 4.9 12 4.9s-7 0-8.9.5A3 3 0 0 0 1 7.5C.5 9.4.5 12 .5 12s0 2.6.5 4.5a3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-4.5.5-4.5s0-2.6-.5-4.5zM9.7 15.5v-7l6 3.5-6 3.5z"/></svg></a></p> <p><a class="social ig" href="https://www.instagram.com/bavauto.ro" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-width="2" d="M7.5 3.5h9a4 4 0 0 1 4 4v9a4 4 0 0 1-4 4h-9a4 4 0 0 1-4-4v-9a4 4 0 0 1 4-4z"/><circle cx="12" cy="12" r="3.8" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="16.8" cy="7.2" r="1.1" fill="currentColor"/></svg></a></p> <p><a class="social fb" href="https://www.facebook.com/bavautoromania" target="_blank" rel="noopener" aria-label="Facebook"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M13.4 21v-8h2.2l.4-2.8h-2.6V8.5c0-.8.3-1.4 1.5-1.4h1.3V4.6c-.3 0-1.2-.1-2.2-.1-2.1 0-3.6 1.3-3.6 3.7v2H8v2.8h2.4V21h3z"/></svg></a></p> <p><a class="social tt" href="https://www.tiktok.com/@bavauto.ro" target="_blank" rel="noopener" aria-label="TikTok"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M16.5 3c.35 2.1 1.55 3.45 3.5 3.6v2.45c-1.2.05-2.35-.25-3.5-.85v5.55c0 3.15-2.4 5.25-5.2 5.25-2.7 0-4.8-2.05-4.8-4.65 0-2.75 2.25-4.8 5.05-4.55v2.5c-.45-.1-.95-.15-1.35-.05-1.1.15-1.85 1-1.75 2.15.1 1.1 1 1.9 2.1 1.8 1.2-.05 1.95-.95 1.95-2.2V3h2z"/></svg></a></p> <p><a class="social tw" href="https://twitter.com/Bav_auto" target="_blank" rel="noopener" aria-label="X"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M17.6 4h2.65l-5.8 6.6L21.3 20h-5.3l-4.15-5.4L7.1 20H4.45l6.2-7.05L4 4h5.45l3.75 4.95L17.6 4zm-.93 14.45h1.47L8.4 5.45H6.83l9.84 13z"/></svg></a></p> </div> </div> </div>