CINXE.COM

Niro

<!doctype html> <html prefix="og: https://ogp.me/ns#" lang="bg"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Niro</title> <meta property="og:image" content="https://www.kia.bg/files/catalogue/Model/33/main_image/2450/niro-my22-menu.png"> <meta property="og:type" content="website"> <meta property="og:title" content="Niro"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://www.kia.bg/files/catalogue/Model/33/main_image/2450/niro-my22-menu.png"> <meta name="twitter:title" content="Niro"> <link rel="preload" href="/frontend/fonts/KiaSignatureFixRegular.woff2" as="font" type="font/woff2"> <style> @font-face { font-family: 'KiaSignatureFix'; src: url('/frontend/fonts/KiaSignatureFixRegular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'KiaSignatureFix'; src: url('/frontend/fonts/KiaSignatureFixBold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'KiaSignatureFix'; src: url('/frontend/fonts/KiaSignatureFixLight.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } html,body { font-family: 'KiaSignatureFix', sans-serif; } </style> <link rel="stylesheet" href="/frontend/css/main.css?m=1738586136"> <script> window.selectOptions = { searchText: 'Няма намерени резултати', searchPlaceholder: 'Търси' } window.datepickerOptions = { options1: { inline: false, disable: [ function(date) { return (date.getDay() === 0 || date.getDay() === 6); } ], dateFormat: "Y-m-d", minDate: new Date().toJSON().slice(0,10) }, options2: { inline: false, disable: [ function(date) { return (date.getDay() === 0 || date.getDay() === 6); } ], dateFormat: "Y-m-d", maxDate: "today" } } //detect IE if (window.navigator.userAgent.indexOf("MSIE ") > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) { document.write( '<div class="upgrade-browser">\ <a href="https://www.microsoft.com/en-us/edge" class="ie" target="_blank" rel="noopener noreferrer">Internet Explorer</a>\ <a href="http://www.getfirefox.com" class="firefox" target="_blank" rel="noopener noreferrer">Firefox</a>\ <a href="http://www.google.com/chrome" class="chrome" target="_blank" rel="noopener noreferrer">Chrome</a>\ <a href="http://www.opera.com/download" class="opera" target="_blank" rel="noopener noreferrer">Opera</a>\ <a href="https://support.apple.com/downloads/safari" class="safari" target="_blank" rel="noopener noreferrer">Safari</a>\<span>За по-добро качество и функционалност на сайта, моля обновете вашия браузър или изтеглете нов.</span></div>' ); } // javascript is enabled document.documentElement.classList.remove('no-js'); // backend path var _root = '/'; var _public = '/frontend/'; var xhr_url = '/bg/application/xhr'; // detect touch screen touchDetect = function () { return 'ontouchstart' in window || navigator.maxTouchPoints; }; if (touchDetect() == true) { document.documentElement.classList.remove('non-touch'); document.documentElement.classList.add('touch'); } else { document.documentElement.classList.add('non-touch'); document.documentElement.classList.remove('touch'); } </script> <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/7faddfc8be9cc4d946ede75f365976e9.js"></script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WC7TV7P'); </script> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-8750191-17', 'kia.bg'); ga('send', 'pageview'); </script> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '219929375995635'); fbq('track', 'PageView');</script> </head><body> <div class="site"> <div class="template template--inner"> <header class="main-header js-header"> <div class="main-header__bg js-header-bg"></div> <div class="main-header__cont"> <button type="button" class="sandwitch js-sandwitch" aria-label="open menu"> <span></span> <span></span> <span></span> </button> <div class="main-header__wrapper"> <div class="main-header__top"> <nav class="main-header__top-nav" aria-label="Вторична главна навигация"> <ul class="main-header__subnav-list"> <li class="main-header__subnav-item"> <a href="https://www.kia.bg/bg/za-kia/pravila-i-politiki" class="main-header__subnav-link link"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> Правила и политики</a> </li> <li class="main-header__subnav-item"> <a href="https://www.kia.bg/bg/test-drajv" class="main-header__subnav-link link"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> Тест драйв</a> </li> <li class="main-header__subnav-item"> <a href="https://www.kia.bg/bg/dokumentacija" class="main-header__subnav-link link"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> Документация</a> </li> <li class="main-header__subnav-item"> <a href="https://www.kia.bg/bg/dilyri" class="main-header__subnav-link link"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> Дилъри</a> </li> <li class="main-header__subnav-item"> <a href="https://www.kia.bg/bg/vryzka-s-nas" class="main-header__subnav-link link"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> Връзка с нас</a> </li> </ul> </nav> <form id="header-search-form" action="/bg/tyrsene" aria-label="header search" class="search-h"> <div class="search-h__cont"> <button class="search-h__button" aria-label="Търси"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-031"></use></svg> </button> <label for="header-search" class="visuallyhidden">Търсене</label> <input type="text" class="search-h__control js-search-control" name="q" id="header-search" placeholder="Търсене"> </div> </form> </div> <div class="main-header__bot js-model-filters" data-id="432dewd"> <nav class="main-header__nav" aria-label="main nav first part"> <ul class="main-header__nav-list"> <li class="main-header__nav-item"> <button class="main-header__nav-trigger js-toggle" data-id="mainmenu0" data-trigger="1330" aria-expanded="false" aria-controls="mainmenu0"> <strong class="main-header__nav-label link">Модели</strong> <span class="main-header__nav-trigger-icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-009"></use> </svg> </span> </button> <div id="mainmenu0" class="main-header__nav-sublist-cont main-header__nav-sublist-cont--models"> <div class="products"> <div class="products__filters"> <ul class="products__filters-list"> <li class="products__filters-item"> <label for="filter-all-top" class="products__filter"> <input type="radio" name="filter-types-top" id="filter-all-top" class="products__filter-control visuallyhidden js-filter" checked data-type="all"> <span class="products__filter-label">Всички</span> </label> </li> <li class="products__filters-item"> <label for="filter-kompaktni-nav" class="products__filter"> <input type="radio" name="filter-types-top" id="filter-kompaktni-nav" class="products__filter-control visuallyhidden js-filter" data-type="kompaktni"> <span class="products__filter-label">Компактни</span> </label> </li> <li class="products__filters-item"> <label for="filter-semejni-nav" class="products__filter"> <input type="radio" name="filter-types-top" id="filter-semejni-nav" class="products__filter-control visuallyhidden js-filter" data-type="semejni"> <span class="products__filter-label">Семейни</span> </label> </li> <li class="products__filters-item"> <label for="filter-suv-crossover-nav" class="products__filter"> <input type="radio" name="filter-types-top" id="filter-suv-crossover-nav" class="products__filter-control visuallyhidden js-filter" data-type="suv-crossover"> <span class="products__filter-label">SUV / Crossover</span> </label> </li> <li class="products__filters-item"> <label for="filter-eko-nav" class="products__filter"> <input type="radio" name="filter-types-top" id="filter-eko-nav" class="products__filter-control visuallyhidden js-filter" data-type="eko"> <span class="products__filter-label">Еко</span> </label> </li> <li class="products__filters-item"> <label for="filter-gt-nav" class="products__filter"> <input type="radio" name="filter-types-top" id="filter-gt-nav" class="products__filter-control visuallyhidden js-filter" data-type="gt"> <span class="products__filter-label">GT</span> </label> </li> </ul> <div class="button-row button-row--center"> <div class="button-row__list"> <a href="/bg/vsichki-modeli" class="button button--arrow button--small"> <span class="button__text">сравни и избери</span> <span class="button__icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> </span> </a> </div> </div> </div> <ul class="products__list"> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,gt,suv-crossover"> <a href="/bg/models/ev3" class="product" title="EV3"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-003"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/38/main_image/7611/thumb_242x120_crf_kia-ev3-my25-gtl-ag3-aventurinegreen-19_0000.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/38/main_image/7611/thumb_520x260_crf_kia-ev3-my25-gtl-ag3-aventurinegreen-19_0000.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">EV3</strong> <span class="product__label">Цени от: 69 900 лв.</span> <span class="product__label">Лизинг от: 1 050 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="kompaktni"> <a href="/bg/models/picanto" class="product" title="Picanto"> <div class="product__image"> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/37/main_image/7319/thumb_242x120_crf_Picanto_GTL_MY25_Bodycolor_SignalRed_cmy2k.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/37/main_image/7319/thumb_520x260_crf_Picanto_GTL_MY25_Bodycolor_SignalRed_cmy2k.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Picanto</strong> <span class="product__label">Цени от: 32 940 лв.</span> <span class="product__label">Лизинг от: 499 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="kompaktni,suv-crossover"> <a href="/bg/models/stonic" class="product" title="Stonic"> <div class="product__image"> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/21/main_image/23/thumb_242x120_crf_stonic.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/21/main_image/23/thumb_520x260_crf_stonic.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Stonic</strong> <span class="product__label">Цени от: 37 990 лв.</span> <span class="product__label">Лизинг от: 576 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="kompaktni,semejni"> <a href="/bg/models/ceed" class="product" title="Ceed"> <div class="product__image"> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/11/main_image/384/thumb_242x120_crf_ceed-menu.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/11/main_image/384/thumb_520x260_crf_ceed-menu.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Ceed</strong> <span class="product__label">Цени от: 41 990 лв.</span> <span class="product__label">Лизинг от: 640 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="semejni"> <a href="/bg/models/ceed-sw" class="product" title="Ceed SW"> <div class="product__image"> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/12/main_image/65/thumb_242x120_crf_kia-ceed-sw.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/12/main_image/65/thumb_520x260_crf_kia-ceed-sw.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Ceed SW</strong> <span class="product__label">Цени от: 43 590 лв.</span> <span class="product__label">Лизинг от: 665 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="semejni,suv-crossover"> <a href="/bg/models/x-ceed" class="product" title="XCeed "> <div class="product__image"> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/34/main_image/3226/thumb_242x120_crf_menu-png (2) (1).png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/34/main_image/3226/thumb_520x260_crf_menu-png (2) (1).png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">XCeed </strong> <span class="product__label">Цени от: 47 990 лв.</span> <span class="product__label">Лизинг от: 732 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,semejni,suv-crossover"> <a href="/bg/models/sportage" class="product" title="Sportage"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-001"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/30/main_image/1812/thumb_242x120_crf_kia-sportage-menu.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/30/main_image/1812/thumb_520x260_crf_kia-sportage-menu.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Sportage</strong> <span class="product__label">Цени от: 55 590 лв.</span> <span class="product__label">Лизинг от: 665 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,semejni,suv-crossover"> <a href="/bg/models/sorento" class="product" title="Sorento"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-002"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/36/main_image/6631/thumb_242x120_crf_1.jpg" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/36/main_image/6631/thumb_520x260_crf_1.jpg" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Sorento</strong> <span class="product__label">Цени от: 104 990 лв.</span> <span class="product__label">Лизинг от: 1 550 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,gt,semejni,suv-crossover"> <a href="/bg/models/new-ev6" class="product" title="New EV6"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-003"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/39/main_image/9277/thumb_242x120_crf_kia-ev6-pe-gt-my25-TBC-YachtBlueMatt-21_0000 1 (1).jpg" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/39/main_image/9277/thumb_520x260_crf_kia-ev6-pe-gt-my25-TBC-YachtBlueMatt-21_0000 1 (1).jpg" class="lazyload" alt=""> </picture> </div> <strong class="product__title">New EV6</strong> <span class="product__label">Цени от: 112 990 лв.</span> <span class="product__label">Лизинг от: 1 230 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,suv-crossover"> <a href="/bg/models/ev6" class="product" title="EV6"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-003"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/31/main_image/2345/thumb_242x120_crf_menu.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/31/main_image/2345/thumb_520x260_crf_menu.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">EV6</strong> <span class="product__label">Цени от: 105 950 лв.</span> <span class="product__label">Лизинг от: 1 540 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,semejni,suv-crossover"> <a href="/bg/models/niro" class="product" title="Niro"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-001"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/33/main_image/2450/thumb_242x120_crf_niro-my22-menu.png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/33/main_image/2450/thumb_520x260_crf_niro-my22-menu.png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">Niro</strong> <span class="product__label">Цени от: 59 960 лв.</span> <span class="product__label">Лизинг от: 780 лв./м.</span> </a> </li> <li class="products__list-item js-model-item" aria-hidden="false" data-type="eko,suv-crossover"> <a href="/bg/models/ev9" class="product" title="EV9"> <div class="product__image"> <span class="product__icon-type"> <svg class="icon"><use xlink:href="/frontend/images/cars-type.svg#icon-003"></use></svg> </span> <picture class="aspect-ratio" style="--aspect-ratio:242/120;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/catalogue/Model/35/main_image/8509/thumb_242x120_crf_kia-ev9-gtl-my24-520x260 (1).png" media="(max-width: 480px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/Model/35/main_image/8509/thumb_520x260_crf_kia-ev9-gtl-my24-520x260 (1).png" class="lazyload" alt=""> </picture> </div> <strong class="product__title">EV9</strong> <span class="product__label">Цени от: 172 800 лв.</span> <span class="product__label">Лизинг от: 2 067 лв./м.</span> </a> </li> <li class="products__list-item products__list-item--cta"> <div class="button-row "> <div class="button-row__list"> <a href="/bg/poiskaj-oferta" class="button button--arrow button--small"> <span class="button__text">Поискай оферта</span> <span class="button__icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use> </svg> </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="main-header__nav-item"> <button class="main-header__nav-trigger js-toggle" data-id="mainmenu1" data-trigger="1330" aria-expanded="false" aria-controls="mainmenu1"> <strong class="main-header__nav-label link">Оферти</strong> <span class="main-header__nav-trigger-icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-009"></use> </svg> </span> </button> <div id="mainmenu1" class="main-header__nav-sublist-cont"> <ul class="main-header__nav-sublist"> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/oferti/promocii" class="main-header__nav-sublist-link" title="Промоции"> <span class="link">Промоции</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="/bg/outlet-cars" class="main-header__nav-sublist-link" title="Outlet"> <span class="link">Outlet</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/konfigurator" class="main-header__nav-sublist-link" title="Конфигуратор"> <span class="link">Конфигуратор</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="/bg/used-cars" class="main-header__nav-sublist-link" title="Оказион"> <span class="link">Оказион</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/oferti/kia-finance" class="main-header__nav-sublist-link" title="Kia Finance"> <span class="link">Kia Finance</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/familna-grija" class="main-header__nav-sublist-link" title="Kia Family care"> <span class="link">Kia Family care</span> </a> </li> </ul> </div> </li> <li class="main-header__nav-item"> <button class="main-header__nav-trigger js-toggle" data-id="mainmenu2" data-trigger="1330" aria-expanded="false" aria-controls="mainmenu2"> <strong class="main-header__nav-label link">Green Driving</strong> <span class="main-header__nav-trigger-icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-009"></use> </svg> </span> </button> <div id="mainmenu2" class="main-header__nav-sublist-cont"> <ul class="main-header__nav-sublist"> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/eko-gama" class="main-header__nav-sublist-link" title="Еко гама"> <span class="link">Еко гама</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/zarjadni-stancii" class="main-header__nav-sublist-link" title="Зарядни станции"> <span class="link">Зарядни станции</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/green-driving/lokacii-zarjadni-stancii" class="main-header__nav-sublist-link" title="Локации зарядни станции"> <span class="link">Локации зарядни станции</span> </a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/green-driving/kia-hypercharge" class="main-header__nav-sublist-link" title=" Kia Hypercharge"> <span class="link"> Kia Hypercharge</span> </a> </li> </ul> </div> </li> </ul> </nav> <div class="main-header__logo-cont"> <a href="/" class="logo" aria-label="Kia logo"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" width="100" height="24" data-src="/frontend/images/logo.svg" class="lazyload logo-dark" alt=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" width="100" height="24" data-src="/frontend/images/logo-white.svg" class="lazyload logo-white" alt=""> </a> </div> <nav class="main-header__nav main-header__nav--nested" aria-label="main nav part two"> <ul class="main-header__nav-list"> <li class="main-header__nav-item"> <button class="main-header__nav-trigger js-toggle" data-id="helpermenu0" data-trigger="1330" aria-controls="helpermenu0"> <strong class="main-header__nav-label link">Сервиз</strong> <span class="main-header__nav-trigger-icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-009"></use> </svg> </span> </button> <div id="helpermenu0" class="main-header__nav-sublist-cont"> <ul class="main-header__nav-sublist"> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/onlajn-magazin" class="main-header__nav-sublist-link" title="Онлайн магазин"><span class="link">Онлайн магазин</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/otorizirani-servizi" class="main-header__nav-sublist-link" title="Оторизирани сервизи"><span class="link">Оторизирани сервизи</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/serviz/7-godini-garancija" class="main-header__nav-sublist-link" title="7 години гаранция"><span class="link">7 години гаранция</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/serviz/uvo-connect" class="main-header__nav-sublist-link" title="UVO Connect"><span class="link">UVO Connect</span></a> </li> <li class="main-header__nav-sublist-item"> <a target="_blank" href="https://update.kia.com/EU/BG/updateNoticeList" class="main-header__nav-sublist-link" title="Navigation update"><span class="link">Navigation update</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/ota-software-update" class="main-header__nav-sublist-link" title="OTA software update"><span class="link">OTA software update</span></a> </li> <li class="main-header__nav-sublist-item"> <a target="_blank" href="https://www.mobisparts.eu/de_de/custom/mobis_accessories_db/carmodels.php?brand=k" class="main-header__nav-sublist-link" title="Аксесоари"><span class="link">Аксесоари</span></a> </li> </ul> </div> </li> <li class="main-header__nav-item"> <button class="main-header__nav-trigger js-toggle" data-id="helpermenu1" data-trigger="1330" aria-controls="helpermenu1"> <strong class="main-header__nav-label link">Корпоративни клиенти</strong> <span class="main-header__nav-trigger-icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-009"></use> </svg> </span> </button> <div id="helpermenu1" class="main-header__nav-sublist-cont"> <ul class="main-header__nav-sublist"> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/korporativni-klienti/biznes-avtomobili" class="main-header__nav-sublist-link" title="Бизнес автомобили"><span class="link">Бизнес автомобили</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/korporativni-klienti/zapitvane-za-oferta" class="main-header__nav-sublist-link" title="Запитване за оферта"><span class="link">Запитване за оферта</span></a> </li> </ul> </div> </li> <li class="main-header__nav-item"> <button class="main-header__nav-trigger js-toggle" data-id="helpermenu2" data-trigger="1330" aria-controls="helpermenu2"> <strong class="main-header__nav-label link">За Kia</strong> <span class="main-header__nav-trigger-icon"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-009"></use> </svg> </span> </button> <div id="helpermenu2" class="main-header__nav-sublist-cont"> <ul class="main-header__nav-sublist"> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/za-kia/novini" class="main-header__nav-sublist-link" title="Новини"><span class="link">Новини</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/za-kia/nagradi" class="main-header__nav-sublist-link" title="Награди"><span class="link">Награди</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/za-kompanijata" class="main-header__nav-sublist-link" title="За компанията"><span class="link">За компанията</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/za-kia/rabota-v-kia" class="main-header__nav-sublist-link" title="Работа в KIA"><span class="link">Работа в KIA</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/za-kia/evropejski-programi" class="main-header__nav-sublist-link" title="Европейски програми"><span class="link">Европейски програми</span></a> </li> <li class="main-header__nav-sublist-item"> <a href="https://www.kia.bg/bg/za-kia/pravila-i-politiki" class="main-header__nav-sublist-link" title="Политика за поверителност"><span class="link">Политика за поверителност</span></a> </li> </ul> </div> </li> </ul> <div class="button-row button-row--center main-header__buttons"> <div class="button-row__list"> <a href="/bg/konfigurator" class="button button--icon"> <span class="button__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> </span> <span class="button__text">КОНФИГУРАТОР</span> </a> </div> </div> </nav> </div> </div> <div class="main-header__mobile-buttons button-row button-row--center"> <div class="button-row__list"> <a href="/bg/konfigurator" class="button button--icon"> <span class="button__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> </span> <span class="button__text">КОНФИГУРАТОР</span> </a> </div> </div> <button class="search-trigger js-search" aria-controls="header-search" aria-label="Търси" aria-expanded="false"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-031"></use> </svg> </button> </div> </header> <main class="main-content"> <div class="product-inner"> <div class="inner-nav"> <div class="wrapper-inner"> <div class="inner-nav__cont"> <div class="inner-nav__list-cont js-dropdown" data-id="dds233dsfs" data-mobile="1023"> <button class="inner-nav__trigger js-dropdown-trigger" aria-expanded="true" aria-controls="ssasas" aria-haspopup="listbox"> <span class="inner-nav__trigger-text">Представяне</span> <svg class="icon icon--14"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use></svg> </button> <ul id="ssasas" class="inner-nav__list" tabindex="-1" role="listbox"> <li class="inner-nav__list-item is-active" role="option"><a href="/bg/models/niro" class="inner-nav__link link">Представяне</a></li> <li class="inner-nav__list-item" role="option"><a href="/bg/models/niro/technical_info" class="inner-nav__link link">Спецификация</a></li> </ul> </div> </div> </div> </div> <section class="hero-card section"> <div class="wrapper-inner"> <header class="section__header"> <h1 class="title title--shadow title--xxl title--white title--bold">Изцяло новият Kia Niro</h1> <h3 class="title title--l title--white desktop">Отвори път към ново начало.</h3> </header> </div> <div class="hero-card__image"> <picture class="aspect-ratio" style="--aspect-ratio:1920/1110;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/richeditor/hero-images/kia-niro-my23-home-keyvisual-v1-1920x1080-w.jpg, /files/richeditor/hero-images/kia-niro-my23-home-keyvisual-v1-1920x1080-w.jpg 2x" media="(min-width: 1023px)" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/richeditor/hero-images/kia-niro-my23-home-keyvisual-v1-1920x1080-w.jpg" data-srcset="/files/richeditor/hero-images/kia-niro-my23-home-keyvisual-v1-1920x1080-w.jpg 2x" class="lazyload" alt="picture"> </picture> </div> </section><div class="sticky-nav js-sticky-nav" data-id="block370-wrapper"> <div class="wrapper-inner"> <div class="sticky-nav__cont"> <div class="sticky-nav__main"> <div class="sticky-nav__dropdown js-dropdown" data-id="block370-dropdown-wrapper"> <button class="sticky-nav__dropdow-trigger js-dropdown-trigger" aria-expanded="false" aria-controls="block370-dropdown-list" aria-haspopup="listbox"> <svg class="icon icon--20"><use xlink:href="/frontend/images/symbol-defs.svg#icon-014"></use></svg> <span class="sticky-nav__dropdow-trigger-text link js-sticky-text"></span> </button> <ul id="block370-dropdown-list" class="sticky-nav__dropdown-list js-trigger-list" tabindex="-1" role="listbox"></ul> </div> <ul class="sticky-nav__main-list"> <li class="sticky-nav__main-item accent mobile"> <a href="/bg/test-drajv?model_id=33" class="sticky-nav__main-anchor"> <svg class="icon icon--20"><use xlink:href="/frontend/images/symbol-defs.svg#icon-042"></use></svg> Тест драйв </a> </li> <li class="sticky-nav__main-item"> <a href="/bg/poiskaj-oferta?model_id=33" class="sticky-nav__main-anchor"> <svg class="icon icon--20"><use xlink:href="/frontend/images/symbol-defs.svg#icon-034"></use></svg> Поискай оферта </a> </li> <li class="sticky-nav__main-item"> <a href="/bg/konfigurator/niro" class="sticky-nav__main-anchor" title="Конфигуратор"> <svg class="icon icon--20"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> Конфигуратор </a> </li> <li class="sticky-nav__main-item mobile"> <a href="/files/catalogue/Model/33/brochure/981/Kia_Niro_New_Brochure_BG_final_preview.pdf" class="sticky-nav__main-anchor"> <svg class="icon icon--20"><use xlink:href="/frontend/images/symbol-defs.svg#icon-050"></use></svg> Брошура </a> </li> </ul> <button type="button" class="sticky-nav__btn js-sticky-scroll-top"> Нагоре <svg class="icon icon--14"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> </div> </div> </div> </div><div class="product-info"> <div class="wrapper-inner"> <div class="swiper product-info__slider js-slider" data-id="block360" data-slider="info"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-info__item product-info__item--sided"> <div class="product-info__cont"> <div class="aspect-ratio" style="--aspect-ratio:132/86; --width:132px"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/frontend/images/warranty/7.svg" class="lazyload" alt=""> </div> <div class="aspect-ratio" style="--aspect-ratio:182/19; --width:182px;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/frontend/images/kia-finance.svg" class="lazyload" alt=""> </div> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </div><section class="hero-card section hero-card--fluid"> <div class="wrapper-inner"> <header class="section__header"> <h1 class="title title--shadow title--xxl title--white title--bold">Запознайте се с новото семейство Kia Niro</h1> <h3 class="title title--l title--white desktop">Kia Niro</h3> </header> </div> <div class="hero-card__image"> <picture class="aspect-ratio" style="--aspect-ratio:1920/1200;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/files/richeditor/all-new-niro/kia-niro-phev-my23-teaser.jpg, /files/richeditor/all-new-niro/kia-niro-phev-my23-teaser.jpg 2x" media="(min-width: 1023px)" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/richeditor/all-new-niro/kia-niro-phev-my23-teaser.jpg" data-srcset="/files/richeditor/all-new-niro/kia-niro-phev-my23-teaser.jpg 2x" class="lazyload" alt="picture"> </picture> </div> </section><section class="cards-mini cards-mini--accent sectionview"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block371-title" class="title title--dark title--bold title--xxl"></h2> </header> <div class="cards-mini__cont js-modal-group" data-id="block371-accents3" data-slider="mini4" data-mobile="767" data-type="group" data-template="slider"> <div class="cards-mini__grid js-modal-group-cont"> <div class="cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block371-title" class="title title--dark title--s title--bold js-modal-title">За хората с открито съзнание и мисъл за бъдещето, </h2> <p class="card-mini__text">Дайте път на един иновативен в сърцето си CUV модел. Със смел и категоричен външен дизайн и просторно вътрешно пространство. Ярко футуристичен със своите авангардни технологии, свързаност и безопасност. Направете своя избор между изцяло електрическия e-Niro, Niro Hybrid и Niro Plug-In Hybrid.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/361/picture/2486/kia-niro-ev-hev-my23-teaser-topview.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> </div> </div> </section><div class="cards-mini"> <div class="wrapper-inner"> <div class="cards-mini__cont swiper js-slider js-modal-group" data-id="block372-accents1" data-slider="mini4" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper js-modal-group-cont"> <div class="swiper-slide js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block372-title" class="title title--white title--m title--bold js-modal-title">Електрифицирайте бъдещето си</h2> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/333/picture/2460/kia-niro-ev-my23-design-electrify-your-future.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0041"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0041"></use> </svg> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </div><section class="cards-mini cards-mini--info sectionview"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block373-title" class="title title--dark title--bold title--xxl">Екстериор</h2> </header> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block373-accents4-group0" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block373-title" class="title title--dark title--s title--bold js-modal-title">Предстои ви светло бъдеще</h2> <p class="card-mini__text">Елегантният и впечатляващ нов дизайн на Kia Niro неизбежно ще привлече вниманието ви със своето двуобемно оформление на предния капак, подчертано от емблематичното за марката &quot;тигрово лице&quot; и пулсиращите дневни светлини. Забележителна е и двуцветната предна решетка с шестоъгълен мотив, при която контрастът между матови и гланцови повърхности придава неподправено футуристично и високотехнологично звучене. Всичко това се допълва от широкото, мощно оформление на долната част с вграден централен панел за зареждане.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/334/picture/2461/kia-niro-hev-my23-exterior-a-bold-future-ahead.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block373-title" class="title title--dark title--s title--bold js-modal-title">Забележителни кросоувър детайли</h2> <p class="card-mini__text">Страничният силует на новия Kia Niro демонстрира уверен CUV стил. Силно впечатлява и облицовката на каросерията, съчетана с високотехнологично двуцветно изпълнение с гланцови или стоманеносиви панели. Отличително е и аеродинамичното оформление на задните странични колони на покрива за подобряване на обтекаемостта и аеродинамиката.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/335/picture/2462/kia-niro-ev-my23-exterior-distinctive-cuv-side-details.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block373-title" class="title title--dark title--s title--bold js-modal-title">Подчертана задна част</h2> <p class="card-mini__text">Семплата и изящна концепция в дизайна на задната част включва задни светлини във формата на бумеранг, пулсиращи (Heartbeat) рефлектори и долна броня с изчистен дизайн. Този стил хармонира с предната част на електромобила, изчистените линии на каросерията и неповторимите задни колони за оптимална аеродинамика.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/336/picture/2463/kia-niro-hev-my23-exterior-confident-power-from-behind.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </section><section class="cards-mini cards-mini--info sectionview"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block374-title" class="title title--dark title--bold title--xxl">Интериор</h2> </header> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block374-accents4-group0" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block374-title" class="title title--dark title--s title--bold js-modal-title">Просторен във всяко отношение</h2> <p class="card-mini__text">Обемни размери, минималистични детайли и приветлива атмосфера. Нашите дизайнери са съчетали най-новото в областта на високотехнологичния стил и иновативните системи с удобни седалки и интелигентни функции, допълнени от изключително внимание към комфорта и удоволствието за вас и вашите пътници.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/337/picture/2464/kia-niro-ev-my23-interior-generous-in-every-way.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block374-title" class="title title--dark title--s title--bold js-modal-title">Екологични материали, вдъхновени от природата</h2> <p class="card-mini__text">В унисон с ангажимента на Kia към устойчиви решения, ние разработихме различни от обичайните материи за тапицериите на седалките. В зависимост от нивото на оборудване, изборът е между текстил, комбинация от текстил и изкуствена кожа, поливинилхлоридна (PVC) или полиуретанова (PU) изкуствена кожа. Тапицериите от веган кожа PU съдържат и Tencel™, чиито произход от евкалиптово дърво придава по-естествено усещане на материята.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/338/picture/2465/kia-niro-ev-my23-interior-eco-friendly-materials.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block374-title" class="title title--dark title--s title--bold js-modal-title">Иновативно арматурно табло</h2> <p class="card-mini__text">Можете да откриете авангардния нов стил в дизайна на Kia под мотото &quot;Единство на противоположностите&quot; (Opposites United) и зад волана - смели, нестандартни форми с хоризонтални и диагонални контури в оформлението на арматурното табло и облицовките на вратите, интуитивните и лесни за употреба функционални елементи. Завършващият щрих нанася линейното индиректно вътрешно осветление с възможност за индивидуален избор на цвета.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/339/picture/2466/kia-niro-hev-my23-interior-immersive-innovative-cockpit.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block374-accents4-group1" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block374-title" class="title title--dark title--s title--bold js-modal-title">Два екрана в хармонично единство</h2> <p class="card-mini__text">Пред вас е изваяният в общ панорамен високотехнологичен цифров панел двоен екран с диагонали по 10,25&quot; и висока разделителна способност. Панелът интегрира блока контролни прибори пред водача и инфотейнмънт функциите в хармонична обща форма.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/340/picture/2467/kia-niro-my23-interior-closeup-dual-displays.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block374-title" class="title title--dark title--s title--bold js-modal-title">Стилно оформено пространство пред водача</h2> <p class="card-mini__text">Допълвайки релефните повърхности на рециклираните материи на седалката и релаксиращия ефект на индиректното осветление, централната конзола с интегрирани многофункционални прибори осигурява удобно управление на мултимедийната система и климатичната инсталация. Естетиката в атмосферата е разширена с гъвкаво отделение за съхранение на вещи и подвижни поставки за напитки.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/341/picture/2468/kia-niro-ev-my23-interior-stylish-driver-layout.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </section><section class="section-inner"> <div class="wrapper"> <div class="section-inner__header"> <span class="section-inner__subtitle"></span> <h2 id="block376-title" class="title">Свързаност</h2> </div> </div> </section><section class="cards-mini cards-mini--info sectionview js-trigger-section"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block375-title" class="title title--dark title--bold title--xxl">Технологии за свързаност</h2> </header> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block375-accents4-group0" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block375-title" class="title title--dark title--s title--bold js-modal-title">Останете свързани. Бъдете вдъхновени.</h2> <p class="card-mini__text">Пълното оборудване с технологично усъвършенствани функции на новия Kia Niro осигурява всеобхватна свързаност и обещава комфортно и интуитивно изживяване по време на път.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/342/picture/2469/kia-niro-ev-my23-connectivity-comfort-technology.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block375-title" class="title title--dark title--s title--bold js-modal-title">Гама от мобилни услуги Kia Connect Live</h2> <p class="card-mini__text">Пълен и безпрепятствен достъп до подробна информация за вашето пътуване. Насладете се на навигацията по най-бързия маршрут до желаната цел с данни за трафика в реално време, постоянна актуализация, корекции на маршрута и прогнозно време на пристигане. Използвайте гамата от услуги Kia Connect Live за метеорологична информация, проверка на свободните места за паркиране, подробности за интересни обекти (POI) и местоположението на зарядните станции. Максимално удобство осигурява и функцията за гласови команди чрез Android Auto™ и Apple CarPlay™.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/343/picture/2470/kia-niro-my23-connectivity-kia-connect-on-board-services.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block375-title" class="title title--dark title--s title--bold js-modal-title">Интерактивно приложение Kia Connect</h2> <p class="card-mini__text">Смартфон приложението Kia Connect е лесен и удобен начин да спестите време и да поддържате връзка дори когато сте далеч от своя автомобил. Само с едно докосване функцията Find My Car ще ви отведе до мястото, където сте паркирали, а Last-Mile Navigation ще ви даде точния маршрут от паркирания автомобил до желаната крайна цел. Ако възложите паркирането на друг водач, функцията Valet Parking ще проследи всичко това вместо вас. И не на последно място - можете да планирате и зададете предварително желания маршрут с функцията Send To Car и да проверите състоянието на автомобила преди да потеглите на път.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/344/picture/2471/kia-niro-my23-connectivity-interactive-kia-connect-app.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block375-accents4-group1" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block375-title" class="title title--dark title--s title--bold js-modal-title">Завладяваща интериорна атмосфера</h2> <p class="card-mini__text">Арматурното табло е проектирано с идеята за напълно интуитивно управление на функциите. Ще се влюбите и в централната конзола с нейните интегрирани многофункционални прибори за удобно управление на мултимедийната система и климатичната инсталация.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/345/picture/2472/kia-niro-my23-connectivity-immersive-in-cabin-enjoyment.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block375-title" class="title title--dark title--s title--bold js-modal-title">Head-up дисплей</h2> <p class="card-mini__text">Цялата необходима информация е в полезрението ви - Head-Up дисплеят прожектира най-важната за водача информация на челното стъкло, така че да я следите, запазвайки концентрацията си върху пътя. Системата наслагва изображенията с насоките на навигационната система върху реалната пътна обстановка пред вас, подава сигнал при неволно напускане на лентата и показва близките превозни средства на платното отпред за по-скокойно и безопасно пътуване.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/346/picture/2473/kia-niro-my23-connectivity-headup-display.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block375-title" class="title title--dark title--s title--bold js-modal-title">Бързо зареждане в цялото купе</h2> <p class="card-mini__text">Устройствата ви могат да бъдат винаги и напълно заредени - достатъчно е просто да поставите своя смартфон върху панела за удобно безжично зареждане (с мощност до 15 Вт) в предната част на централната конзола. Ако имате под ръка кабел за зареждане, можете да ползвате функцията за бързо USB зареждане и монтираните в седалките USB-C портове, които са на разположение на всички пътници в купето.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/347/picture/2474/kia-niro-ev-my23-connectivity-fast-charging-throughout-the-cabin.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </section><section class="section-inner"> <div class="wrapper"> <div class="section-inner__header"> <span class="section-inner__subtitle"></span> <h2 id="block377-title" class="title">Един модел. Три версии. Коя ще изберете?</h2> <p class="section-inner__text">Насладете се на приятно пътуване с отговорно отношение към околната среда благодарение на новите технологии, чиито предимства ще ви отведат далеч напред. Новаторските решения в усъвършенстваните три задвижващи агрегата на новия Kia Niro носят повече свобода при всяко пътуване, без да се налага да правите каквито и да било компромиси.</p> </div> </div> </section><section class="cards-mini cards-mini--info sectionview"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block382-title" class="title title--dark title--bold title--xxl"></h2> </header> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block382-accents4-group0" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block382-title" class="title title--dark title--s title--bold js-modal-title">Kia Niro EV</h2> <p class="card-mini__text">– 64.8 kWh Battery<br /> – CCS charging port<br /> – Range 460 km (WLTP combined)<br /> – Focus on energy consumption<br /> – Towing capacity up to 750 kg.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/363/picture/2513/KIA icon 2.png" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block382-title" class="title title--dark title--s title--bold js-modal-title">Kia Niro Hybrid</h2> <p class="card-mini__text">– Battery: Hybrid: 1.32 kWh<br /> – New Eco features<br /> – 141 HP HEV 32 kW EV<br /> – 1.6 GDI – 105 HP - - DCT6 - 2nd Gen</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/364/picture/2514/KIA icon1.png" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block382-title" class="title title--dark title--s title--bold js-modal-title">Kia Niro Plug-In Hybrid</h2> <p class="card-mini__text">– Battery: -Plug-In Hybrid: 11.1 kWh<br /> – Eco-friendly<br /> – Intelligent electric energy reserve for environmental zones<br /> – 183HP PHEV 62 kW EV<br /> – 1.6 GDI – 105 HP - - DCT6 - 2nd Gen</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/365/picture/2515/KIA icon 3.png" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </section><section class="cards-mini cards-mini--info sectionview"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block378-title" class="title title--dark title--bold title--xxl">Системи за сигурност</h2> </header> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block378-accents4-group0" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item"> <div class="card-mini card-mini--text"> <div class="card-mini__header"> <h3 class="title title--dark title--m title--bold">По-малко притеснения, по-голямо удоволствие</h3> <p class="card-mini__text"></p> </div> </div> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block378-title" class="title title--dark title--s title--bold js-modal-title">Пътувайте с лекота по магистралата</h2> <p class="card-mini__text">Създадена да осигури безпроблемно шофиране по магистрални отсечки, системата HDA поддържа автоматично както дистанцията между Niro и движещите се отпред превозни средства, така и позицията на автомобила в лентата за движение. HDA контролира управлението, ускорението и забавянето за поддържане на идеалната траектория.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/350/picture/2475/kia-niro-my23-highway-drive-assist-system.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </section><section class="section-inner"> <div class="wrapper"> <div class="js-duo-slider" data-id="block380-carousel-duo"> <div class="carousel carousel--thumb"> <div class="swiper js-duo-slider-thumb" data-id="block380-carousel-thumb" data-slider="basicThumbs"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Бърза реакция на потенциални опасности</div> <div class="swiper-slide">Допълнителни &#039;очи&#039; за по-голяма защита</div> <div class="swiper-slide">Осигурете си безопасност в завоите</div> <div class="swiper-slide">Спокойно движение на заден ход</div> <div class="swiper-slide">Удобно маневриране, когато сте извън автомобила</div> </div> </div> </div> </div> <div class="carousel"> <div class="swiper js-duo-slider-main" data-id="block380-carousel-main" data-slider="basic" data-video="true"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <ul class="custom-row gx-5"> <li class="column-12 column-md-6"> <picture class="aspect-ratio" style="--aspect-ratio:16/9"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/351/picture/2476/kia-niro-my23-forward-collision-avoidance-assist.jpg" class="lazyload" alt="kia-niro-my23-forward-collision-avoidance-assist.jpg"> </picture> </li> <li class="column-12 column-md-6"> <div class="text text--mod1 pt-s"> <h3>Бърза реакция на потенциални опасности</h3> <p>Системата анализира данните от фронталната видеокамера и радарния сензор, установява наличието на пресичащи пътя автомобили, пешеходци или велосипедисти, и предприема необходимите действия за избягване на потенциалния сблъсък с тях. FCA 1.5 служи и за предотвратяване на инциденти с други превозни средства при пресичане или извършване на ляв завой на кръстовища. Ако системата установи опасност от сблъсък, тя подава предупредителен сигнал и прилага максимална спирачна сила.</p> </div> </li> </ul> </div> <div class="swiper-slide"> <ul class="custom-row gx-5"> <li class="column-12 column-md-6"> <picture class="aspect-ratio" style="--aspect-ratio:16/9"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/352/picture/2477/kia-niro-my23-blind-spot-collision-avoidance-system.jpg" class="lazyload" alt="kia-niro-my23-blind-spot-collision-avoidance-system.jpg"> </picture> </li> <li class="column-12 column-md-6"> <div class="text text--mod1 pt-s"> <h3>Допълнителни &#039;очи&#039; за по-голяма защита</h3> <p>BCA подава звуково и визуално предупреждение при наличие на други превозни средства в слепите зони зад автомобила и поема активен контрол над управлението с цел избягване на потенциалния сблъсък. Асистентът за избягване на сблъсък отзад (RCCA) се грижи за същото при движение на заден ход, когато установи приближаващи отляво или отдясно превозни средства.</p> </div> </li> </ul> </div> <div class="swiper-slide"> <ul class="custom-row gx-5"> <li class="column-12 column-md-6"> <picture class="aspect-ratio" style="--aspect-ratio:16/9"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/353/picture/2478/kia-niro-my23-nav-based-smart-cruise-control.jpg" class="lazyload" alt="kia-niro-my23-nav-based-smart-cruise-control.jpg"> </picture> </li> <li class="column-12 column-md-6"> <div class="text text--mod1 pt-s"> <h3>Осигурете си безопасност в завоите</h3> <p>NSCC поддържа автоматично зададената от водача скорост на движение и осигурява безопасна дистанция до движещото се отпред превозно средство чрез активен контрол на ускорението и спирачките. Системата автоматично намалява скоростта преди остри завои, базирайки се на информацията за маршрута, предоставена от навигационната система. </p> </div> </li> </ul> </div> <div class="swiper-slide"> <ul class="custom-row gx-5"> <li class="column-12 column-md-6"> <picture class="aspect-ratio" style="--aspect-ratio:16/9"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/354/picture/2479/kia-niro-my23-park-collision-avoidance-assist.jpg" class="lazyload" alt="kia-niro-my23-park-collision-avoidance-assist.jpg"> </picture> </li> <li class="column-12 column-md-6"> <div class="text text--mod1 pt-s"> <h3>Спокойно движение на заден ход</h3> <p>Край на неприятните изненади при излизане от паркоместа и тесни улици с лоша видимост. Системата следи и ви предупреждава за наличие на пешеходци или други препятствия при движение на заден ход. Ако рискът продължи да нараства и след предупреждението, системата предприема автоматично спиране на автомобила.</p> </div> </li> </ul> </div> <div class="swiper-slide"> <ul class="custom-row gx-5"> <li class="column-12 column-md-6"> <picture class="aspect-ratio" style="--aspect-ratio:16/9"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/355/picture/2480/kia-niro-my23-remote-smart-park-assist.jpg" class="lazyload" alt="kia-niro-my23-remote-smart-park-assist.jpg"> </picture> </li> <li class="column-12 column-md-6"> <div class="text text--mod1 pt-s"> <h3>Удобно маневриране, когато сте извън автомобила</h3> <p>С тази система можете да паркирате или да придвижите дистанционно своя Kia Niro. Това е идеално решение за паркиране в тесни пространства, където с помощта само на ключа може безопасно да управлявате автомобила по права линия до влизане или напускане на паркомястото. Ако сензорите установят наличие на препятствие, спирането е автоматично. Опцията се предлага в зависимост от нивото на оборудване.</p> </div> </li> </ul> </div> </div> </div> <button type="button" class="swiper-button swiper-button-prev" aria-label="Previous slide"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-arrow_right"></use></svg> </button> <button type="button" class="swiper-button swiper-button-next" aria-label="Next slide"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-arrow_right"></use></svg> </button> </div> </div> </div> </div> </section><div class="cards-mini cards-mini--large"> <div class="wrapper-inner"> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block381-accents2" data-slider="mini4" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper js-modal-group-cont"> <div class="swiper-slide js-modal-item"> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0041"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0041"></use> </svg> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </div><section class="cards-mini cards-mini--info sectionview js-trigger-section"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block379-title" class="title title--dark title--bold title--xxl"> </h2> </header> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block379-accents4-group0" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block379-title" class="title title--dark title--s title--bold js-modal-title">Функция за зареждане от автомобила V2D</h2> <p class="card-mini__text">С функцията за зареждане на устройства от автомобила V2D (Vehicle-to-Device) електрическият Kia Niro се превръща в своеобразен мобилен енергоизточник. При напълно заредена акумулаторна батерия можете да черпите електроенергия с мощност до 3 кВт където и да сте и да зареждате други устройства в или извън автомобила – различни консуматори, когато сте на къмпинг, прахосмукачка при почистване на купето, електрически велосипеди или лаптопи.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/356/picture/2481/kia-niro-ev-my23-convenience-vehicle-to-device-charging.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block379-title" class="title title--dark title--s title--bold js-modal-title">Луксозна пътническа седалка Premium Relaxion</h2> <p class="card-mini__text">Винаги в най-удобната позиция само с натискане на един бутон - специалната седалка „Relaxion“ за пътника до водача може да се регулира в широк диапазон от различни настройки в легнала поза. Това спомага за намаляване на умората и гарантира максимален комфорт, особено при по-дълги пътувания.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/357/picture/2482/kia-niro-ev-my23-convenience-passenger-premium-relaxion-seat.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block379-title" class="title title--dark title--s title--bold js-modal-title">Интелигентно вътрешно пространство</h2> <p class="card-mini__text">Благодарение на уголемените пропорциите и по-дълго междуосие, Kia Niro предлага изцяло нови измерения по отношение на пътническото и багажното пространство. Налице са и редица изключително интелигентни решения като багажното отделение &quot;Frunk&quot; с полезен обем 20л под предния капак на версията EV - идеално за съхранение на различни вещи, включително и на зарядния кабел. Ако се налага транспортиране на по-обемисти предмети, задните седалки могат да се сгънат с лекота, освобождавайки до 1445л товарен обем в зависимост от избраната от вас версия на новия Niro.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/358/picture/2483/kia-niro-ev-my23-convenience-intelligent-use-of-space.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> <div class="swiper cards-mini__cont js-slider js-modal-group" data-id="block379-accents4-group1" data-slider="pagination" data-mobile="767" data-type="group" data-template="slider"> <div class="swiper-container"> <div class="swiper-wrapper cards-mini__grid js-modal-group-cont"> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block379-title" class="title title--dark title--s title--bold js-modal-title">Премиум озвучителна система Harman/Kardon</h2> <p class="card-mini__text">Търсите най-добрия звук в автомобила? Премиум озвучителната система Harman/Kardon предоставя наистина завладяващо изживяване за всички места в купето с монтирани под седалката събуфери и авангардни технологии за триизмерен звук Clari-Fi™ и QuantumLogic™.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/359/picture/2484/kia-niro-my23-convenience-premium-sound-system.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> <div class="swiper-slide cards-mini__item js-modal-item"> <a href="javascript:;" class="card-mini js-modal-trigger"> <header class="card-mini__header"> <h2 id="block379-title" class="title title--dark title--s title--bold js-modal-title">По-ефективно и вълнуващо шофиране</h2> <p class="card-mini__text">Новият модел предлага множество високотехнологични иновации, насочени към по-активното поведение на пътя и приятното изживяване зад волана. Ярък пример за това са режимите Eco, Comfort и Sport, които дават възможност за оптимална адаптация към условията на пътуването.</p> </header> <div class="card-mini__image"> <span class="icon-type"> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-011"></use> </svg> </span> <picture class="aspect-ratio aspect-ratio-m-t " style="--aspect-ratio:360/270;"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/files/catalogue/ModelAccent/360/picture/2485/kia-niro-ev-my23-sport-mode.jpg" class="lazyload js-modal-img" alt="picture"> </picture> </div> <div class="hidden js-modal-text"></div> </a> </div> </div> <div class="swiper-pagination swiper-pagination"></div> </div> </div> </div> </section><section class="section view js-trigger-section" data-id="block383-degrees360"> <div class="wrapper-inner"> <header class="section__header"> <h2 id="block383-degrees360" class="title title--bold title--xxl">360° Изглед</h2> </header> <div class="tabs tabs--views js-tabs js-inner-tabs" data-id="block383-degrees360-tabs" data-mobile="767"> <div class="tabs__nav js-dropdown" data-id="block383-degrees360-tabs-navigation" data-mobile="767"> <button class="tabs__nav-trigger js-dropdown-trigger" aria-expanded="true" aria-controls="block383-degrees360-tabs-navigation-list" aria-haspopup="listbox"> <span class="tabs__nav__trigger-text">EV 150KW Comfort</span> <svg class="icon icon--14"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </button> <ol id="block383-degrees360-tabs-navigation-list" class="tabs__list js-tabs-list" role="tablist"> <li class="tabs__item is-active" role="presentation"> <a href="#block383-degrees360-tab53" class="tabs__anchor js-tabs-anchor" role="tab" tabindex="0" aria-controls="block383-degrees360-tab53" aria-selected="true"> <strong>EV 150KW Comfort</strong> </a> </li> <li class="tabs__item" role="presentation"> <a href="#block383-degrees360-tab54" class="tabs__anchor js-tabs-anchor" role="tab" tabindex="0" aria-controls="block383-degrees360-tab54" aria-selected="true"> <strong> 1,6i Hybrid Comfort</strong> </a> </li> <li class="tabs__item" role="presentation"> <a href="#block383-degrees360-tab55" class="tabs__anchor js-tabs-anchor" role="tab" tabindex="0" aria-controls="block383-degrees360-tab55" aria-selected="true"> <strong> 1,6i Plug-In Hybrid Comfort</strong> </a> </li> </ol> </div> <div class="tabs__panels"> <div class="tabs__panel js-selectable-r is-current" data-id="block383-tab-content53" id="block383-degrees360-tab53" role="tabpanel" aria-labelledby="block383-degrees360-tab53" tabindex="-1"> <div class="tabs__panel-content"> <div class="view__360"> <div class="view__360-cont"> <div class="cloudimage-360 js-selectable-360" data-speed="50" draggable="false" data-bottom-circle="false" data-hide-360-logo="true" data-spin-reverse data-lazyload data-ratio="(540/960)" style="--aspect-ratio:960/540"></div> </div> </div> <div class="view__options js-mini-tabs" data-id="block383-degrees360-tab53-options"> <div class="view__options-controls"> <button class="view__options-control js-mini-tab-trigger is-active" aria-controls="block383-degrees360-tab53-option-colors">Цветове екстериор</button> <button class="view__options-control js-mini-tab-trigger" aria-controls="block383-degrees360-tab53-option-rims">Джанти</button> </div> <div class="view__options-cont"> <div id="block383-degrees360-tab53-option-colors" class="view__options-grid color is-active js-selectable-option" data-type="colors"> <div class="view__options-item"> <div class="view__options-header"> <h3 class="view__options-title">Цветове екстериор</h3> <h4 class="view__options-subtitle js-title-option">Clear White</h4> </div> <div class="swiper view__options-slider js-slider" data-id="block383-degrees360-tab53-option-color-slider" data-slider="options" data-mobile="767"> <div class="swiper-container"> <div class="swiper-wrapper view__options-list"> <div class="swiper-slide view__options-list-item"> <button aria-label="Clear White" data-type="538" data-name="Clear White" class="view__option js-selectable-trigger is-active"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#fafafc"></rect> <linearGradient id="svg_colorchip538_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip538_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip538_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip538_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip538_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip538_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Aurora Black" data-type="539" data-name="Aurora Black" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip539_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip539_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip539_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip539_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip539_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip539_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Snow White Pearl" data-type="5315" data-name="Snow White Pearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip5315_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5315_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5315_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5315_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5315_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5315_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Runway Red" data-type="5316" data-name="Runway Red" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#821413"></rect> <linearGradient id="svg_colorchip5316_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5316_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5316_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5316_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5316_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5316_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label=" Interstellar Grey" data-type="5318" data-name=" Interstellar Grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip5318_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5318_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5318_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5318_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5318_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5318_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Steel Grey" data-type="5320" data-name="Steel Grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#797b81"></rect> <linearGradient id="svg_colorchip5320_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5320_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5320_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5320_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5320_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5320_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Mineral Blue" data-type="5333" data-name="Mineral Blue" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#346180"></rect> <linearGradient id="svg_colorchip5333_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5333_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5333_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5333_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5333_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5333_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Orange Delight" data-type="5340" data-name="Orange Delight" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#b64a2d"></rect> <linearGradient id="svg_colorchip5340_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5340_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5340_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5340_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5340_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5340_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> </div> </div> </div> <div id="block383-degrees360-tab53-option-rims" class="view__options-grid wheel js-selectable-option" data-type="wheels"> <div class="view__options-item"> <div class="view__options-header"> <h3 class="view__options-title">Джанти</h3> <h4 class="view__options-subtitle js-title-option">17-инчови алуминиеви джанти</h4> </div> <div class="swiper view__options-slider js-slider" data-id="block383-degrees360-tab53-option-rim-slider" data-slider="options" data-mobile="767"> <div class="swiper-container"> <div class="swiper-wrapper view__options-list"> <div class="swiper-slide view__options-list-item"> <button aria-label="16&#39; Alloy Wheels" data-type="33" data-name="17-инчови алуминиеви джанти" class="view__option js-selectable-trigger is-active"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" class="lazyload" data-src="/files/richeditor/rims/17a-es.jpg" alt="17-инчови алуминиеви джанти"> </button> </div> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> </div> </div> </div> </div> <div class="button-row button-row--center"> <div class="button-row__list"> <button class="button button--icon button--med" onclick="setTimeout(function(){self.location='/bg/konfigurator/niro';},0)"> <span class="button__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> </span> <span class="button__text">КОНФИГУРАТОР</span> </button> </div> </div> </div> </div> </div> <div class="tabs__panel js-selectable-r" data-id="block383-tab-content54" id="block383-degrees360-tab54" role="tabpanel" aria-labelledby="block383-degrees360-tab54" tabindex="-1"> <div class="tabs__panel-content"> <div class="view__360"> <div class="view__360-cont"> <div class="cloudimage-360 js-selectable-360" data-speed="50" draggable="false" data-bottom-circle="false" data-hide-360-logo="true" data-spin-reverse data-lazyload data-ratio="(540/960)" style="--aspect-ratio:960/540"></div> </div> </div> <div class="view__options js-mini-tabs" data-id="block383-degrees360-tab54-options"> <div class="view__options-controls"> <button class="view__options-control js-mini-tab-trigger is-active" aria-controls="block383-degrees360-tab54-option-colors">Цветове екстериор</button> <button class="view__options-control js-mini-tab-trigger" aria-controls="block383-degrees360-tab54-option-rims">Джанти</button> </div> <div class="view__options-cont"> <div id="block383-degrees360-tab54-option-colors" class="view__options-grid color is-active js-selectable-option" data-type="colors"> <div class="view__options-item"> <div class="view__options-header"> <h3 class="view__options-title">Цветове екстериор</h3> <h4 class="view__options-subtitle js-title-option">Clear White</h4> </div> <div class="swiper view__options-slider js-slider" data-id="block383-degrees360-tab54-option-color-slider" data-slider="options" data-mobile="767"> <div class="swiper-container"> <div class="swiper-wrapper view__options-list"> <div class="swiper-slide view__options-list-item"> <button aria-label="Clear White" data-type="548" data-name="Clear White" class="view__option js-selectable-trigger is-active"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#fafafc"></rect> <linearGradient id="svg_colorchip548_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip548_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip548_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip548_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip548_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip548_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Aurora Black" data-type="549" data-name="Aurora Black" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip549_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip549_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip549_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip549_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip549_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip549_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Snow White Pearl" data-type="5415" data-name="Snow White Pearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip5415_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5415_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5415_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5415_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5415_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5415_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Runway Red" data-type="5416" data-name="Runway Red" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#821413"></rect> <linearGradient id="svg_colorchip5416_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5416_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5416_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5416_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5416_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5416_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label=" Interstellar Grey" data-type="5418" data-name=" Interstellar Grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip5418_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5418_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5418_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5418_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5418_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5418_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Steel Grey" data-type="5420" data-name="Steel Grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#797b81"></rect> <linearGradient id="svg_colorchip5420_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5420_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5420_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5420_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5420_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5420_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Mineral Blue" data-type="5433" data-name="Mineral Blue" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#346180"></rect> <linearGradient id="svg_colorchip5433_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5433_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5433_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5433_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5433_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5433_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Orange Delight" data-type="5440" data-name="Orange Delight" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#b64a2d"></rect> <linearGradient id="svg_colorchip5440_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5440_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5440_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5440_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5440_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5440_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="aurora black pearl - steel grey" data-type="5498" data-name="aurora black pearl - steel grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip5498_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5498_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#53676b"></polygon> <linearGradient id="svg_colorchip5498_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5498_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip5498_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5498_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="City Scape Green" data-type="5499" data-name="City Scape Green" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#535552"></rect> <linearGradient id="svg_colorchip5499_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5499_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5499_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5499_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5499_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5499_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="cityscapegreen-blackpearl" data-type="54100" data-name="cityscapegreen-blackpearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#535552"></rect> <linearGradient id="svg_colorchip54100_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54100_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#000000"></polygon> <linearGradient id="svg_colorchip54100_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54100_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54100_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54100_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="interstellargrey-orange" data-type="54101" data-name="interstellargrey-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip54101_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54101_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip54101_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54101_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54101_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54101_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="interstellargrey-steelgrey" data-type="54102" data-name="interstellargrey-steelgrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip54102_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54102_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#53676b"></polygon> <linearGradient id="svg_colorchip54102_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54102_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54102_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54102_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="mineralblue-blackpearl" data-type="54103" data-name="mineralblue-blackpearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#346180"></rect> <linearGradient id="svg_colorchip54103_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54103_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#000000"></polygon> <linearGradient id="svg_colorchip54103_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54103_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54103_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54103_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Orange Delight - Black Pearl" data-type="54104" data-name="Orange Delight - Black Pearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#b64a2d"></rect> <linearGradient id="svg_colorchip54104_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54104_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#000000"></polygon> <linearGradient id="svg_colorchip54104_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54104_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54104_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54104_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-cityscapegreen" data-type="54105" data-name="snowwhitepearl-cityscapegreen" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip54105_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54105_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#535552"></polygon> <linearGradient id="svg_colorchip54105_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54105_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54105_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54105_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-interstellargrey" data-type="54106" data-name="snowwhitepearl-interstellargrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip54106_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54106_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#28272a"></polygon> <linearGradient id="svg_colorchip54106_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54106_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54106_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54106_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-orange" data-type="54107" data-name="snowwhitepearl-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip54107_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54107_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip54107_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54107_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54107_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54107_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-steelgrey" data-type="54108" data-name="snowwhitepearl-steelgrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip54108_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54108_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#53676b"></polygon> <linearGradient id="svg_colorchip54108_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54108_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54108_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54108_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="steelgrey-cityscapegreen" data-type="54109" data-name="steelgrey-cityscapegreen" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#53676b"></rect> <linearGradient id="svg_colorchip54109_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54109_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#535552"></polygon> <linearGradient id="svg_colorchip54109_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54109_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54109_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54109_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="steelgrey-interstellargrey" data-type="54110" data-name="steelgrey-interstellargrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#53676b"></rect> <linearGradient id="svg_colorchip54110_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54110_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#28272a"></polygon> <linearGradient id="svg_colorchip54110_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54110_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54110_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54110_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="steelgrey-orange" data-type="54111" data-name="steelgrey-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#53676b"></rect> <linearGradient id="svg_colorchip54111_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54111_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip54111_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54111_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54111_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54111_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="aurorablackpearl-orange" data-type="54112" data-name="aurorablackpearl-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip54112_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip54112_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip54112_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54112_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip54112_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip54112_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> </div> </div> </div> <div id="block383-degrees360-tab54-option-rims" class="view__options-grid wheel js-selectable-option" data-type="wheels"> <div class="view__options-item"> <div class="view__options-header"> <h3 class="view__options-title">Джанти</h3> <h4 class="view__options-subtitle js-title-option">16-инчови алуминиеви джанти с EV дизайн</h4> </div> <div class="swiper view__options-slider js-slider" data-id="block383-degrees360-tab54-option-rim-slider" data-slider="options" data-mobile="767"> <div class="swiper-container"> <div class="swiper-wrapper view__options-list"> <div class="swiper-slide view__options-list-item"> <button aria-label="16&#39; Alloy Wheels" data-type="21" data-name="16-инчови алуминиеви джанти с EV дизайн" class="view__option js-selectable-trigger is-active"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" class="lazyload" data-src="/files/richeditor/rims/16c.jpg" alt="16-инчови алуминиеви джанти с EV дизайн"> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="16&#39; Alloy Wheels" data-type="32" data-name="18-инчови aлуминиеви джанти " class="view__option js-selectable-trigger"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" class="lazyload" data-src="/files/richeditor/rims/18bxc.png" alt="18-инчови aлуминиеви джанти "> </button> </div> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> </div> </div> </div> </div> <div class="button-row button-row--center"> <div class="button-row__list"> <button class="button button--icon button--med" onclick="setTimeout(function(){self.location='/bg/konfigurator/niro';},0)"> <span class="button__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> </span> <span class="button__text">КОНФИГУРАТОР</span> </button> </div> </div> </div> </div> </div> <div class="tabs__panel js-selectable-r" data-id="block383-tab-content55" id="block383-degrees360-tab55" role="tabpanel" aria-labelledby="block383-degrees360-tab55" tabindex="-1"> <div class="tabs__panel-content"> <div class="view__360"> <div class="view__360-cont"> <div class="cloudimage-360 js-selectable-360" data-speed="50" draggable="false" data-bottom-circle="false" data-hide-360-logo="true" data-spin-reverse data-lazyload data-ratio="(540/960)" style="--aspect-ratio:960/540"></div> </div> </div> <div class="view__options js-mini-tabs" data-id="block383-degrees360-tab55-options"> <div class="view__options-controls"> <button class="view__options-control js-mini-tab-trigger is-active" aria-controls="block383-degrees360-tab55-option-colors">Цветове екстериор</button> <button class="view__options-control js-mini-tab-trigger" aria-controls="block383-degrees360-tab55-option-rims">Джанти</button> </div> <div class="view__options-cont"> <div id="block383-degrees360-tab55-option-colors" class="view__options-grid color is-active js-selectable-option" data-type="colors"> <div class="view__options-item"> <div class="view__options-header"> <h3 class="view__options-title">Цветове екстериор</h3> <h4 class="view__options-subtitle js-title-option">Aurora Black</h4> </div> <div class="swiper view__options-slider js-slider" data-id="block383-degrees360-tab55-option-color-slider" data-slider="options" data-mobile="767"> <div class="swiper-container"> <div class="swiper-wrapper view__options-list"> <div class="swiper-slide view__options-list-item"> <button aria-label="Clear White" data-type="558" data-name="Clear White" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#fafafc"></rect> <linearGradient id="svg_colorchip558_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip558_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip558_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip558_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip558_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip558_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Aurora Black" data-type="559" data-name="Aurora Black" class="view__option js-selectable-trigger is-active"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip559_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip559_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip559_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip559_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip559_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip559_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Snow White Pearl" data-type="5515" data-name="Snow White Pearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip5515_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5515_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5515_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5515_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5515_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5515_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Runway Red" data-type="5516" data-name="Runway Red" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#821413"></rect> <linearGradient id="svg_colorchip5516_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5516_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5516_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5516_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5516_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5516_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label=" Interstellar Grey" data-type="5518" data-name=" Interstellar Grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip5518_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5518_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5518_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5518_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5518_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5518_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Steel Grey" data-type="5520" data-name="Steel Grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#797b81"></rect> <linearGradient id="svg_colorchip5520_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5520_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5520_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5520_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5520_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5520_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Mineral Blue" data-type="5533" data-name="Mineral Blue" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#346180"></rect> <linearGradient id="svg_colorchip5533_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5533_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5533_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5533_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5533_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5533_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Orange Delight" data-type="5540" data-name="Orange Delight" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#b64a2d"></rect> <linearGradient id="svg_colorchip5540_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5540_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5540_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5540_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5540_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5540_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="aurora black pearl - steel grey" data-type="5598" data-name="aurora black pearl - steel grey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip5598_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5598_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#53676b"></polygon> <linearGradient id="svg_colorchip5598_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5598_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip5598_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5598_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="City Scape Green" data-type="5599" data-name="City Scape Green" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#535552"></rect> <linearGradient id="svg_colorchip5599_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip5599_shadow1)" width="95" height="45"></rect> <linearGradient id="svg_colorchip5599_shadow2" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5599_shadow2)" points="0,0 95,0 95,7 0,30 "></polygon> <linearGradient id="svg_colorchip5599_shadow3" gradientUnits="userSpaceOnUse" x1="47.7716" y1="21.0892" x2="47.0674" y2="18.2648"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="0.5241" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="0.729" style="stop-color:#000000;stop-opacity:0.2"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip5599_shadow3)" points="0,30 95,7 95,9 0,33 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="cityscapegreen-blackpearl" data-type="55100" data-name="cityscapegreen-blackpearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#535552"></rect> <linearGradient id="svg_colorchip55100_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55100_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#000000"></polygon> <linearGradient id="svg_colorchip55100_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55100_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55100_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55100_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="interstellargrey-orange" data-type="55101" data-name="interstellargrey-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip55101_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55101_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip55101_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55101_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55101_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55101_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="interstellargrey-steelgrey" data-type="55102" data-name="interstellargrey-steelgrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#28272a"></rect> <linearGradient id="svg_colorchip55102_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55102_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#53676b"></polygon> <linearGradient id="svg_colorchip55102_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55102_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55102_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55102_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="mineralblue-blackpearl" data-type="55103" data-name="mineralblue-blackpearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#346180"></rect> <linearGradient id="svg_colorchip55103_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55103_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#000000"></polygon> <linearGradient id="svg_colorchip55103_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55103_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55103_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55103_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="Orange Delight - Black Pearl" data-type="55104" data-name="Orange Delight - Black Pearl" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#b64a2d"></rect> <linearGradient id="svg_colorchip55104_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55104_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#000000"></polygon> <linearGradient id="svg_colorchip55104_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55104_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55104_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55104_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-cityscapegreen" data-type="55105" data-name="snowwhitepearl-cityscapegreen" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip55105_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55105_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#535552"></polygon> <linearGradient id="svg_colorchip55105_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55105_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55105_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55105_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-interstellargrey" data-type="55106" data-name="snowwhitepearl-interstellargrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip55106_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55106_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#28272a"></polygon> <linearGradient id="svg_colorchip55106_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55106_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55106_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55106_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-orange" data-type="55107" data-name="snowwhitepearl-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip55107_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55107_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip55107_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55107_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55107_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55107_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="snowwhitepearl-steelgrey" data-type="55108" data-name="snowwhitepearl-steelgrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#ebf0f5"></rect> <linearGradient id="svg_colorchip55108_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55108_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#53676b"></polygon> <linearGradient id="svg_colorchip55108_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55108_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55108_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55108_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="steelgrey-cityscapegreen" data-type="55109" data-name="steelgrey-cityscapegreen" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#53676b"></rect> <linearGradient id="svg_colorchip55109_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55109_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#535552"></polygon> <linearGradient id="svg_colorchip55109_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55109_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55109_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55109_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="steelgrey-interstellargrey" data-type="55110" data-name="steelgrey-interstellargrey" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#53676b"></rect> <linearGradient id="svg_colorchip55110_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55110_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#28272a"></polygon> <linearGradient id="svg_colorchip55110_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55110_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55110_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55110_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="steelgrey-orange" data-type="55111" data-name="steelgrey-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#53676b"></rect> <linearGradient id="svg_colorchip55111_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55111_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip55111_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55111_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55111_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55111_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="aurorablackpearl-orange" data-type="55112" data-name="aurorablackpearl-orange" class="view__option js-selectable-trigger"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 95 45"> <rect width="95" height="45" style="fill:#000000"></rect> <linearGradient id="svg_colorchip55112_shadow1" gradientUnits="userSpaceOnUse" x1="13.3357" y1="57.8782" x2="81.6643" y2="-12.8782"> <stop offset="0" style="stop-color:#000000;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0.5"></stop> </linearGradient> <rect style="fill:url(#svg_colorchip55112_shadow1)" width="95" height="45"></rect> <polygon points="95,45 70,45 20,0 95,0 " style="fill:#d26900"></polygon> <linearGradient id="svg_colorchip55112_shadow2" gradientUnits="userSpaceOnUse" x1="50" y1="15" x2="87.5" y2="52.5" gradientTransform="matrix(1 0 0 -1 0 45)"> <stop offset="0" style="stop-color:#000000;stop-opacity:0.3"></stop> <stop offset="1" style="stop-color:#000000;stop-opacity:0"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55112_shadow2)" points="95,45 70,45 20,0 95,0"></polygon> <linearGradient id="svg_colorchip55112_shadow3" gradientUnits="userSpaceOnUse" x1="41.8086" y1="-9.6523" x2="48.3841" y2="18.8296"> <stop offset="0.4071" style="stop-color:#FFFFFF;stop-opacity:0"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <polygon style="fill:url(#svg_colorchip55112_shadow3)" points="0,0 95,0 95,7 0,30 "></polygon> </svg> </button> </div> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> </div> </div> </div> <div id="block383-degrees360-tab55-option-rims" class="view__options-grid wheel js-selectable-option" data-type="wheels"> <div class="view__options-item"> <div class="view__options-header"> <h3 class="view__options-title">Джанти</h3> <h4 class="view__options-subtitle js-title-option">16-инчови алуминиеви джанти с EV дизайн</h4> </div> <div class="swiper view__options-slider js-slider" data-id="block383-degrees360-tab55-option-rim-slider" data-slider="options" data-mobile="767"> <div class="swiper-container"> <div class="swiper-wrapper view__options-list"> <div class="swiper-slide view__options-list-item"> <button aria-label="16&#39; Alloy Wheels" data-type="21" data-name="16-инчови алуминиеви джанти с EV дизайн" class="view__option js-selectable-trigger is-active"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" class="lazyload" data-src="/files/richeditor/rims/16c.jpg" alt="16-инчови алуминиеви джанти с EV дизайн"> </button> </div> <div class="swiper-slide view__options-list-item"> <button aria-label="16&#39; Alloy Wheels" data-type="32" data-name="18-инчови aлуминиеви джанти " class="view__option js-selectable-trigger"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" class="lazyload" data-src="/files/richeditor/rims/18bxc.png" alt="18-инчови aлуминиеви джанти "> </button> </div> </div> </div> <div class="swiper-button swiper-button-prev"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-0011"></use> </svg> </div> </div> </div> </div> </div> <div class="button-row button-row--center"> <div class="button-row__list"> <button class="button button--icon button--med" onclick="setTimeout(function(){self.location='/bg/konfigurator/niro';},0)"> <span class="button__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> </span> <span class="button__text">КОНФИГУРАТОР</span> </button> </div> </div> </div> </div> </div> </div> </div> <script> window.CI360 = { notInitOnLoad: true }; window.cars = {"538":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/676\/archive\/855\/","amount":24,"index":"{index}.jpg"}},"539":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/677\/archive\/857\/","amount":24,"index":"{index}.jpg"}},"5315":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/678\/archive\/856\/","amount":24,"index":"{index}.jpg"}},"5316":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/679\/archive\/858\/","amount":24,"index":"{index}.jpg"}},"5318":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/680\/archive\/859\/","amount":24,"index":"{index}.jpg"}},"5320":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/681\/archive\/860\/","amount":24,"index":"{index}.jpg"}},"5333":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/682\/archive\/861\/","amount":24,"index":"{index}.jpg"}},"5340":{"33":{"folder":"\/files\/catalogue\/Model360Degree\/683\/archive\/862\/","amount":24,"index":"{index}.jpg"}},"548":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/699\/archive\/878\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/700\/archive\/879\/","amount":24,"index":"{index}.jpg"}},"549":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/701\/archive\/880\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/702\/archive\/881\/","amount":24,"index":"{index}.jpg"}},"5415":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/703\/archive\/882\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/704\/archive\/883\/","amount":24,"index":"{index}.jpg"}},"5416":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/705\/archive\/884\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/706\/archive\/885\/","amount":24,"index":"{index}.jpg"}},"5418":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/707\/archive\/886\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/708\/archive\/887\/","amount":24,"index":"{index}.jpg"}},"5420":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/709\/archive\/888\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/710\/archive\/890\/","amount":24,"index":"{index}.jpg"}},"5433":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/711\/archive\/889\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/712\/archive\/891\/","amount":24,"index":"{index}.jpg"}},"5440":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/713\/archive\/892\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/714\/archive\/893\/","amount":24,"index":"{index}.jpg"}},"5498":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/715\/archive\/894\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/716\/archive\/895\/","amount":24,"index":"{index}.jpg"}},"5499":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/717\/archive\/896\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/718\/archive\/897\/","amount":24,"index":"{index}.jpg"}},"54100":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/719\/archive\/898\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/720\/archive\/899\/","amount":24,"index":"{index}.jpg"}},"54101":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/721\/archive\/900\/","amount":23,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/722\/archive\/901\/","amount":24,"index":"{index}.jpg"}},"54102":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/723\/archive\/902\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/724\/archive\/903\/","amount":24,"index":"{index}.jpg"}},"54103":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/725\/archive\/904\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/726\/archive\/905\/","amount":24,"index":"{index}.jpg"}},"54104":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/727\/archive\/906\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/728\/archive\/907\/","amount":24,"index":"{index}.jpg"}},"54105":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/729\/archive\/908\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/730\/archive\/909\/","amount":24,"index":"{index}.jpg"}},"54106":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/731\/archive\/910\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/732\/archive\/911\/","amount":24,"index":"{index}.jpg"}},"54107":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/733\/archive\/912\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/734\/archive\/913\/","amount":23,"index":"{index}.jpg"}},"54108":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/735\/archive\/914\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/736\/archive\/915\/","amount":24,"index":"{index}.jpg"}},"54109":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/737\/archive\/916\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/738\/archive\/917\/","amount":24,"index":"{index}.jpg"}},"54110":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/739\/archive\/918\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/740\/archive\/919\/","amount":24,"index":"{index}.jpg"}},"54111":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/741\/archive\/920\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/742\/archive\/921\/","amount":24,"index":"{index}.jpg"}},"54112":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/743\/archive\/922\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/744\/archive\/923\/","amount":24,"index":"{index}.jpg"}},"558":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/745\/archive\/924\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/746\/archive\/925\/","amount":24,"index":"{index}.jpg"}},"559":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/747\/archive\/926\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/748\/archive\/927\/","amount":24,"index":"{index}.jpg"}},"5515":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/749\/archive\/928\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/750\/archive\/929\/","amount":24,"index":"{index}.jpg"}},"5516":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/751\/archive\/930\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/752\/archive\/931\/","amount":24,"index":"{index}.jpg"}},"5518":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/753\/archive\/932\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/754\/archive\/933\/","amount":24,"index":"{index}.jpg"}},"5520":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/755\/archive\/934\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/756\/archive\/935\/","amount":24,"index":"{index}.jpg"}},"5533":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/757\/archive\/936\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/758\/archive\/937\/","amount":24,"index":"{index}.jpg"}},"5540":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/759\/archive\/938\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/760\/archive\/939\/","amount":24,"index":"{index}.jpg"}},"5598":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/761\/archive\/940\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/762\/archive\/941\/","amount":24,"index":"{index}.jpg"}},"5599":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/763\/archive\/942\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/764\/archive\/943\/","amount":24,"index":"{index}.jpg"}},"55100":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/765\/archive\/944\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/766\/archive\/945\/","amount":24,"index":"{index}.jpg"}},"55101":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/767\/archive\/946\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/768\/archive\/947\/","amount":24,"index":"{index}.jpg"}},"55102":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/769\/archive\/948\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/770\/archive\/949\/","amount":24,"index":"{index}.jpg"}},"55103":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/771\/archive\/950\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/772\/archive\/951\/","amount":24,"index":"{index}.jpg"}},"55104":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/773\/archive\/952\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/774\/archive\/953\/","amount":24,"index":"{index}.jpg"}},"55105":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/775\/archive\/954\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/776\/archive\/955\/","amount":24,"index":"{index}.jpg"}},"55106":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/777\/archive\/956\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/778\/archive\/957\/","amount":24,"index":"{index}.jpg"}},"55107":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/779\/archive\/958\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/780\/archive\/959\/","amount":24,"index":"{index}.jpg"}},"55108":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/781\/archive\/960\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/782\/archive\/961\/","amount":24,"index":"{index}.jpg"}},"55109":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/783\/archive\/962\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/784\/archive\/963\/","amount":24,"index":"{index}.jpg"}},"55110":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/785\/archive\/964\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/786\/archive\/965\/","amount":24,"index":"{index}.jpg"}},"55111":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/787\/archive\/966\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/788\/archive\/967\/","amount":24,"index":"{index}.jpg"}},"55112":{"21":{"folder":"\/files\/catalogue\/Model360Degree\/789\/archive\/968\/","amount":24,"index":"{index}.jpg"},"32":{"folder":"\/files\/catalogue\/Model360Degree\/790\/archive\/969\/","amount":24,"index":"{index}.jpg"}}}; </script> </div> </section><section class="section-cta-circle sectionview"> <div class="wrapper-inner"> <div class="section__header"> <h2 id="block385-title" class="title title--bold title--white title--xxl">Конфигурирай своя New Niro</h2> <div class="button-row button-row--center"> <div class="button-row__list"> <a href="/bg/konfigurator/niro" class="button button--icon"> <span class="button__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-041"></use></svg> </span> <span class="button__text">Конфигуратор</span> </a> </div> </div> </div> <div class="section-cta-circle__cont"> <div class="section-cta-circle__grid"> <div class="section-cta-circle__item"> <a href="/bg/test-drajv?model_id=33" class="cta-circle"> <div class="cta-circle__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-001"></use></svg> </div> <span class="cta-circle__text"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0021"></use></svg> Тест драйв </span> </a> </div> <div class="section-cta-circle__item"> <a href="/bg/dilyri" class="cta-circle"> <div class="cta-circle__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-002"></use></svg> </div> <span class="cta-circle__text"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0021"></use></svg> Намери дилър </span> </a> </div> <div class="section-cta-circle__item"> <a href="/files/catalogue/Model/33/brochure/981/Kia_Niro_New_Brochure_BG_final_preview.pdf" class="cta-circle"> <div class="cta-circle__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-003"></use></svg> </div> <span class="cta-circle__text"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0021"></use></svg> Брошура </span> </a> </div> <div class="section-cta-circle__item"> <a href="/files/catalogue/Model/33/price_list/1086/NIRO Price list BG 03 01 2024.pdf" class="cta-circle"> <div class="cta-circle__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-005"></use></svg> </div> <span class="cta-circle__text"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0021"></use></svg> Ценова листа </span> </a> </div> <div class="section-cta-circle__item"> <a href="/bg/poiskaj-oferta?model_id=33" class="cta-circle"> <div class="cta-circle__icon"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-006"></use></svg> </div> <span class="cta-circle__text"> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0021"></use></svg> Поискай оферта </span> </a> </div> </div> </div> </div> </section><section class="section mb-xxl"> <div class="wrapper-inner"><header class="section__header"><h2 class="title title--xxl title--bold mt-xl editable">Допълнителна информация</h2></header><div class="text editable"><h6><strong>Избор на режим на шофиране</strong></h6><p>Избор на режим на шофиране<br>Изборът на режим на шофиране Drive Mode Select (DMS) се предлага само при модели със 7-степенна трансмисия с два съединителя (DCT).</p><p>Интелигентна механична трансмисия (iMT)<br>Движението по инерция с изключен двигател е възможно само при автомобилите, оборудвани с интелигентна механична трансмисия Intelligent Manual Transmission (iMT). Функцията за движение по инерция зависи от актуалните условия на пътя.<br>&nbsp;<br>Услуги UVO CONNECT<br>Toва е гамата от услуги за информация и контрол на Вашата Kia. Услугите ще бъдат на разположение безплатно за период от седем години, започващ от деня, в който автомобилът е продаден на първия собственик, т.е. моментът, в който влиза в сила първоначалния договор за покупка. През този период могат да настъпят промени в гамата от услуги. Подробности за експлоатацията и условията за ползване можете да получите от Вашия дилър на Kia или в интернет на адрес kia.com. За използване на услугите са необходими смартфон с операционна система iOS или Android и договор за мобилен телефон с мобилен план за пренос на данни, които ще доведат до допълнителни разходи.</p><p>Услуги Kia Live Services на базата на TomTom<br>Услугите са безплатни за период от 7 години след първото свързване на навигационната система към мобилната мрежа. Ако първото свързване не се осъществи веднага след покупката на автомобила, продължителността на периода се намалява с времето между покупката и първото свързване.</p><p>Услуга TomTom за камери за контрол на скоростта<br>Повечето държавни органи и местни власти са на мнение, че услугата TomTom Speed ​​Camera прави шофирането по-безопасно. TomTom следи за спазване на местното законодателство и при необходимост променя практиките си в съответствие с него.</p><p>Android Auto™ и Apple CarPlay™<br>Kia Niro е съвместим с Apple CarPlay™ и Android Auto™. Android Auto™ е създаден за работа с телефони с операционна система Android версия 5.0 (Lollipop) или по-нова. Apple CarPlay™ работи с iPhone 5 или по-нови модели телефони Apple. И двете системи предлагат гласово управление и дават възможност на водача да провежда разговори без да отделя ръцете си от волана и погледа си от пътя. Apple CarPlay™ е запазена търговска марка на Apple Inc. Android Auto™ и другите марки са запазени търговски марки на Google Inc.</p><p>Седемгодишна актуализация на картите<br>Програмата е валидна само за автомобили Kia, закупени след 28 февруари 2013 година с фабрично инсталирани навигационни системи LG. Могат да бъдат начислени разходите за труд в сервизния център за времето, необходимо за извършване на актуализацията. Седемгодишната програма за актуализация на навигационните карти предлага шест актуализации на картите, тъй като автомобилите на Kia вече се доставят на клиента с най-новата версия на картите Гаранцията на навигационната система не се влияе и няма отношение към тази програма. Kia не носи отговорност за качеството на данните в картите, предоставени на Kia от доставчика на навигационни карти HERE.</p><p>Технология Clari-Fi™<br>Озвучителната система JBL® се предлага с технологията Clari Fi™. Тъй като при компресиране на файлове във формат MP3 се губи част от цифровата информация, технологията Clari Fi™ спомага за коригиране на загубените високи/ниски музикални тонове и подобрява качеството на музиката.</p><p>Технологии DRIVE WiSE<br>Tехнологиите DRIVE WiSE са системи за асистенция на водача, които не го/я освобождават от неговата/нейната отговорност за безопасното управление на автомобила през цялото време. Водачът трябва да продължи да съобразява своето поведение при шофиране към своите възможности и умения зад волана, към законовите изисквания, както и към актуалните пътни условия и към цялостната пътнотранспортна обстановка. Технологиите Drive Wise не са създадени с цел автономно управление на автомобила. За по-подробна информация вижте ръководството за експлоатация.</p><p>Асистираща система за предотвратяване на сблъсък с автомобила отпред FCA (Forward Collision-Avoidance Assist)<br>Системата за предотвратяване на сблъсък с автомобила отпред (FCA) има асистираща функция и не освобождава водача от неговата/нейната отговорност за безопасното управление на автомобила през цялото време. Водачът трябва да продължи да съобразява своето поведение при шофиране към своите възможности и умения зад волана, към законовите изисквания, както и към актуалните пътни условия и към цялостната пътнотранспортна обстановка. FCA не е създадена с цел автономно управление на автомобила. За по-подробна информация вижте ръководството за експлоатация.</p><p>Информация за поддръжка може да видите&nbsp;<a href="/files/richeditor/maintenance/sg2-2025.pdf">тук</a>.</p></div></div> </section> </div> </main> <footer class="main-footer"> <div class="wrapper"> <div class="main-footer__top"> <a href="/" class="logo" aria-label="Kia"> <picture class="aspect-ratio" style="--aspect-ratio:100/24;"> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-srcset="/frontend/images/logo-white.svg" media="(min-width: 320px)"/> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=" data-src="/frontend/images/logo-white.svg" class="lazyload" alt="picture"> </picture> </a> </div> <div class="main-footer__mid"> <nav class="main-footer__nav" aria-label="навигация футър"> <ul class="main-footer__nav-list"> <li class="main-footer__nav-item"> <button class="main-footer__nav-toggler js-toggle" data-id="footer-nav0-toggle" aria-expanded="false" aria-controls="footer-nav0"> <strong class="main-footer__nav-label">Модели</strong> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> <ul id="footer-nav0" class="main-footer__nav-sublist"> <li> <a title="EV3" href="/bg/models/ev3" class="main-footer__nav-link link">EV3</a> </li> <li> <a title="Picanto" href="/bg/models/picanto" class="main-footer__nav-link link">Picanto</a> </li> <li> <a title="Stonic" href="/bg/models/stonic" class="main-footer__nav-link link">Stonic</a> </li> <li> <a title="Ceed" href="/bg/models/ceed" class="main-footer__nav-link link">Ceed</a> </li> <li> <a title="Ceed SW" href="/bg/models/ceed-sw" class="main-footer__nav-link link">Ceed SW</a> </li> <li> <a title="XCeed " href="/bg/models/x-ceed" class="main-footer__nav-link link">XCeed </a> </li> <li> <a title="Sportage" href="/bg/models/sportage" class="main-footer__nav-link link">Sportage</a> </li> <li> <a title="Sorento" href="/bg/models/sorento" class="main-footer__nav-link link">Sorento</a> </li> <li> <a title="New EV6" href="/bg/models/new-ev6" class="main-footer__nav-link link">New EV6</a> </li> <li> <a title="EV6" href="/bg/models/ev6" class="main-footer__nav-link link">EV6</a> </li> <li> <a title="Niro" href="/bg/models/niro" class="main-footer__nav-link link">Niro</a> </li> <li> <a title="EV9" href="/bg/models/ev9" class="main-footer__nav-link link">EV9</a> </li> </ul> </li> <li class="main-footer__nav-item"> <button class="main-footer__nav-toggler js-toggle" data-id="footer-nav1-toggle" aria-expanded="false" aria-controls="footer-nav1"> <strong class="main-footer__nav-label">Оферти</strong> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> <ul id="footer-nav1" class="main-footer__nav-sublist"> <li> <a title="Промоции" href="https://www.kia.bg/bg/oferti/promocii" class="main-footer__nav-link link">Промоции</a> </li> <li> <a title="Outlet" href="/bg/outlet-cars" class="main-footer__nav-link link">Outlet</a> </li> <li> <a title="Конфигуратор" href="https://www.kia.bg/bg/konfigurator" class="main-footer__nav-link link">Конфигуратор</a> </li> <li> <a title="Оказион" href="/bg/used-cars" class="main-footer__nav-link link">Оказион</a> </li> <li> <a title="Kia Finance" href="https://www.kia.bg/bg/oferti/kia-finance" class="main-footer__nav-link link">Kia Finance</a> </li> <li> <a title="Kia Family care" href="https://www.kia.bg/bg/familna-grija" class="main-footer__nav-link link">Kia Family care</a> </li> </ul> </li> <li class="main-footer__nav-item"> <button class="main-footer__nav-toggler js-toggle" data-id="footer-nav2-toggle" aria-expanded="false" aria-controls="footer-nav2"> <strong class="main-footer__nav-label">Green Driving</strong> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> <ul id="footer-nav2" class="main-footer__nav-sublist"> <li> <a title="Еко гама" href="https://www.kia.bg/bg/eko-gama" class="main-footer__nav-link link">Еко гама</a> </li> <li> <a title="Зарядни станции" href="https://www.kia.bg/bg/zarjadni-stancii" class="main-footer__nav-link link">Зарядни станции</a> </li> <li> <a title="Локации зарядни станции" href="https://www.kia.bg/bg/green-driving/lokacii-zarjadni-stancii" class="main-footer__nav-link link">Локации зарядни станции</a> </li> <li> <a title=" Kia Hypercharge " href="https://www.kia.bg/bg/green-driving/kia-hypercharge" class="main-footer__nav-link link"> Kia Hypercharge </a> </li> </ul> </li> <li class="main-footer__nav-item"> <button class="main-footer__nav-toggler js-toggle" data-id="footer-nav3-toggle" aria-expanded="false" aria-controls="footer-nav3"> <strong class="main-footer__nav-label">Сервиз</strong> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> <ul id="footer-nav3" class="main-footer__nav-sublist"> <li> <a title="Онлайн магазин" href="https://www.kia.bg/bg/onlajn-magazin" class="main-footer__nav-link link">Онлайн магазин</a> </li> <li> <a title="Оторизирани сервизи" href="https://www.kia.bg/bg/otorizirani-servizi" class="main-footer__nav-link link">Оторизирани сервизи</a> </li> <li> <a title="7 години гаранция" href="https://www.kia.bg/bg/serviz/7-godini-garancija" class="main-footer__nav-link link">7 години гаранция</a> </li> <li> <a title="UVO Connect" href="https://www.kia.bg/bg/serviz/uvo-connect" class="main-footer__nav-link link">UVO Connect</a> </li> <li> <a target="_blank" title="Navigation update" href="https://update.kia.com/EU/BG/updateNoticeList" class="main-footer__nav-link link">Navigation update</a> </li> <li> <a title="OTA software update" href="https://www.kia.bg/bg/ota-software-update" class="main-footer__nav-link link">OTA software update</a> </li> </ul> </li> <li class="main-footer__nav-item"> <button class="main-footer__nav-toggler js-toggle" data-id="footer-nav4-toggle" aria-expanded="false" aria-controls="footer-nav4"> <strong class="main-footer__nav-label">Бизнес</strong> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> <ul id="footer-nav4" class="main-footer__nav-sublist"> <li> <a title="Бизнес автомобили" href="https://www.kia.bg/bg/korporativni-klienti/biznes-avtomobili" class="main-footer__nav-link link">Бизнес автомобили</a> </li> <li> <a title="Запитване за оферта" href="https://www.kia.bg/bg/korporativni-klienti/zapitvane-za-oferta" class="main-footer__nav-link link">Запитване за оферта</a> </li> </ul> </li> <li class="main-footer__nav-item"> <button class="main-footer__nav-toggler js-toggle" data-id="footer-nav5-toggle" aria-expanded="false" aria-controls="footer-nav5"> <strong class="main-footer__nav-label">За Kia</strong> <svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-0031"></use></svg> </button> <ul id="footer-nav5" class="main-footer__nav-sublist"> <li> <a title="Новини" href="https://www.kia.bg/bg/za-kia/novini" class="main-footer__nav-link link">Новини</a> </li> <li> <a title="За компанията" href="https://www.kia.bg/bg/za-kompanijata" class="main-footer__nav-link link">За компанията</a> </li> <li> <a title="История" href="https://www.kia.bg/bg/za-kia/istorija" class="main-footer__nav-link link">История</a> </li> <li> <a title="Работа в Kia" href="https://www.kia.bg/bg/za-kia/rabota-v-kia" class="main-footer__nav-link link">Работа в Kia</a> </li> <li> <a title="Европейски програми" href="https://www.kia.bg/bg/za-kia/evropejski-programi" class="main-footer__nav-link link">Европейски програми</a> </li> <li> <a title="Политика за поверителност" href="https://kia.bg/bg/za-kia/pravila-i-politiki" class="main-footer__nav-link link">Политика за поверителност</a> </li> </ul> </li> </ul> </nav> </div> <div class="main-footer__bot"> <div class="main-footer__bot-main"> <div class="main-footer__socials"> <ul class="main-footer__socials-list"> <li> <a href="https://www.facebook.com/kiamotorsbulgaria" aria-label="facebook page"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-035"> </use> </svg> </a> </li> <li> <a href="https://www.youtube.com/channel/UCYWrLD2lLcmoAE22BmryZcw" aria-label="youtube page"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-038"> </use> </svg> </a> </li> <li> <a href="https://www.instagram.com/kiabulgaria/" aria-label="twitter page"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-039"> </use> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/kia-motors-bg" aria-label="linkedin page"><svg class="icon"><use xlink:href="/frontend/images/symbol-defs.svg#icon-040"></use></svg></a></li> <li> <a href="https://www.tiktok.com/@kia.bulgaria" aria-label="tik-tok page"> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-tik-tok"> </use> </svg> </a> </li> </ul> </div> <nav class="main-footer__nav-sec" aria-label="допълнтелна футър навигация"> <ul class="main-footer__nav-sec-list"> <li class="main-footer__nav-sec-item"> <a href="https://www.kia.bg/bg/dilyri" class="main-footer__nav-sec-link link"> Дилъри </a> </li> </ul> </nav> </div> <div class="main-footer__bot-sec"> <nav aria-label="breadcrumbs footer" class="breadcrumb"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a href="/" class="breadcrumb__element link"> <span class="visuallyhidden">Начало</span> <svg class="icon"> <use xlink:href="/frontend/images/symbol-defs.svg#icon-032"></use> </svg> </a> </li> <li class="breadcrumb__item"> <a href="/bg/vsichki-modeli" class="breadcrumb__element link">Всички модели</a> </li> <li class="breadcrumb__item"> <span aria-current="page" class="breadcrumb__element">Niro</span> </li> </ol> </nav> </div> </div> </div> </footer> </div> </div> <script src="/frontend/js/main.js?m=1728731000"></script> <script> class DataForm { constructor(form) { this.form = form; } applyErrors(errors) { for (var key in errors) { const fields = this.form.querySelectorAll("[name='" + key+ "']"); fields.forEach(el => { var errorElementHandler = el.closest('.field_error_container'); if(!errorElementHandler.classList.contains('has-errors')){ errorElementHandler.classList.add('has-errors'); // el.style.border = '2px solid red' var eElement = document.createElement('p'); eElement.classList.add('error'); eElement.innerHTML = "<span style='color:red;'>" + errors[key] + "</span>"; errorElementHandler.appendChild(eElement); } }); } this.scrollToFirstError(); } clearErrors() { var errorElementHandlerInner = this.form.querySelectorAll('.has-errors .error'); var errorElementHandler = this.form.querySelectorAll('.has-errors'); errorElementHandler.forEach(el => { el.classList.remove('has-errors'); }); errorElementHandlerInner.forEach(el => { el.remove(); }); } scrollToFirstError() { document.querySelector('.has-errors').scrollIntoView({ behavior: 'smooth' }); } } function toGRecaptcha(gRecaptchas) { gRecaptchas.forEach(el => { var widget_id = grecaptcha.render(el, { 'sitekey' : el.dataset.sitekey, 'size' : el.dataset.size, 'callback' : function(el) { this.closest('form').dispatchEvent(new CustomEvent("submit", { cancelable: true, bubbles: false, detail: { triggered_data: { recaptcha: true }}})) }.bind(el) }); el.closest('form').dataset.g_widget_id = widget_id; }); }; function load_grecaptcha() { toGRecaptcha(document.querySelectorAll("[data-type='g-recaptcha']")); } const forms = document.querySelectorAll('form[data-ajax-url]'); forms.forEach(el => { el.addEventListener('submit', function(event) { event.preventDefault(); triggered_data = (event.detail && event.detail.triggered_data) ? event.detail.triggered_data : false; var form = this; if(form.getAttribute('data-ajax-recaptcha')) { var g_widget_id = form.dataset.g_widget_id; if (g_widget_id !== undefined && !triggered_data) { grecaptcha.execute(g_widget_id); // return false; } if(g_widget_id !== undefined) { window.StudioX.Loader.show(); ajaxFormSubmit(form, { gWidgetId: g_widget_id }); } } else { window.StudioX.Loader.show(); ajaxFormSubmit(form, false); } }); }); function ajaxFormSubmit(form, eParams) { window.axios({ method: form.getAttribute('method'), url: form.getAttribute('data-ajax-url'), data: new FormData(form), }).then((response) => { dataForm = new DataForm(form); dataForm.clearErrors(); if(response.data.success) { if (response.data.callback) { eval(response.data.callback); } if(response.data.redirect_to) { window.location.href = response.data.redirect_to; } if(response.data.alert) { alert(response.data.alert); } if(response.data.message) { alert(response.data.message); } if(response.data.reset_form) { form.reset(); } } else { if (response.data.callback) { eval(response.data.callback); } if(response.data.errors) { dataForm.applyErrors(response.data.errors); } } if(form.getAttribute('data-ajax-recaptcha')) { if (eParams.gWidgetId !== undefined) { grecaptcha.reset(eParams.gWidgetId); } } window.StudioX.Loader.hide(); }, (error) => { alert('System Error. Please try again later !'); window.StudioX.Loader.hide(); }); } </script> <script src="/frontend/js/innerpage.js?m=1696601003" defer></script> </body> </html>

Pages： 1 2 3 4 5 6 7 8 9 10