TotalEnergies i Elf Hrvatska | Motorna ulja i maziva

<!DOCTYPE html> <html lang="sh" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><meta name="description" content="Total Croatia d.o.o. jedini je ovlašteni uvoznik ulja i maziva TotalEnergies i Elf za Hrvatsku." /> <meta name="keywords" content="total, elf, motorno ulje, motorna ulja, maziva, fluidi" /> <link rel="canonical" href="https://totalenergies.hr/" /> <link rel="shortlink" href="https://totalenergies.hr/" /> <meta property="og:site_name" content="TotalEnergies Hrvatska" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://totalenergies.hr/homepage" /> <meta property="og:title" content="Homepage | TotalEnergies Hrvatska" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "name": "TotalEnergies Hrvatska", "url": "https://totalenergies.hr/" }, { "@type": "WebSite", "name": "TotalEnergies Hrvatska", "url": "https://totalenergies.hr/", "potentialAction": { "@type": "SearchAction", "query": "https://totalenergies.hr//search?query={search_term_string}", "query-input": "required name=search_term_string" } } ] }</script> <style>.color-variables { --color-light-1: #285AFF; --color-neutral-white: #FFFFFF; --color-dark-1: #80CDFF; --color-dark-2: #92EAEA; --color-dark-3: #72EAC5; --color-dark-4: #BCF453; --color-dark-5: #FFE74F; --color-error: #E71731; --color-error-light: #FBD1D6; --color-neutral-grey-dark: #374649; --color-neutral-grey-light: #B7CBD3; --color-neutral-grey-medium: #69777D; --color-neutral-grey-ultra-dark: #222B2D; --color-neutral-grey-ultra-light: #F5F9FB; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; }</style> <link rel="preconnect" href="https://dxm.content-center.totalenergies.com" /> <link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" /> <link rel="alternate" hreflang="sh" href="https://totalenergies.hr/" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>TotalEnergies i Elf Hrvatska | Motorna ulja i maziva</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4981/files/css/css_cMATKzW2WqeSx3RFL-CYkbyWNqhi-uhDChrtybIIC2o.css?delta=0&language=sh&theme=butterfly_theme&include=eJyVU-1uwzAIfKE6eaSK2LRBtcEC3C5vPy_aNK2dFPePJfNxwHHYZo5lXsDwtDR31Evezr5iwdmB8oM4nfDDM_FtTtoq5On7e4qiOEcpVRjZbXrKDyELJNTjOMMonEC3UJBbuIj4SBr1rOOoAsR_cO-ED5v3dyqSWsZjkAiaQibzAM3lOF4prsE7UaEzS3GswDuwDkvvu4LCVaGu9rObX8vUuLal97ziAHKl6LJPeBzb7VHy19acRjYQ5Y4aGO50hbGMFSERX0ehqUv4Rb1WM6WB1RqCdlYXGFBcZx6VIe96ekd67wy_KPDY9F80dUE7nv2BcLMZUiE-m28Z7fWcxXvndqMa9vN99l-kFwncmLrC_3eqLOLyCWgtpPs" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?ss940x" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4981/files/css/css_0cvi17TXA81nOZJJC34DXaVxX6pTKhz27kdXuyEEgxM.css?delta=2&language=sh&theme=butterfly_theme&include=eJyVU-1uwzAIfKE6eaSK2LRBtcEC3C5vPy_aNK2dFPePJfNxwHHYZo5lXsDwtDR31Evezr5iwdmB8oM4nfDDM_FtTtoq5On7e4qiOEcpVRjZbXrKDyELJNTjOMMonEC3UJBbuIj4SBr1rOOoAsR_cO-ED5v3dyqSWsZjkAiaQibzAM3lOF4prsE7UaEzS3GswDuwDkvvu4LCVaGu9rObX8vUuLal97ziAHKl6LJPeBzb7VHy19acRjYQ5Y4aGO50hbGMFSERX0ehqUv4Rb1WM6WB1RqCdlYXGFBcZx6VIe96ekd67wy_KPDY9F80dUE7nv2BcLMZUiE-m28Z7fWcxXvndqMa9vN99l-kFwncmLrC_3eqLOLyCWgtpPs" /> </head> <body class="color-variables color-variation-default path-frontpage page-node-type-standard-page tw-bg-white tw-text-base tw-antialiased tw-text-dark-text"> <a href="#main-content" class="visually-hidden focusable skip-link bfly-skip-link tw-top-2.5 tw-bg-primary tw-text-white tw-py-2 tw-px-5 tw-rounded-large tw-left-1/2 -tw-translate-x-1/2 tw-font-bolder tw-outline-primary tw-outline tw-outline-2 tw-underline focus-visible:tw-z-max"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container tw-flex tw-flex-col lg:tw-min-h-screen"> <header class="main-header tw-flex tw-items-center tw-flex-col tw-justify-center tw-border-b tw-border-solid tw-border-component-grey-ultra-light tw-z-30 tw-relative tw-top-0 tw-left-0 tw-right-0 tw-bg-component-white tw-w-full" role="banner"> <div class="container tw-flex tw-justify-between tw-w-full tw-bg-component-white"> <div> <div id="block-butterfly-theme-site-branding" data-component-id="butterfly_theme:branding" class="site-branding block block-system block-system-branding-block"> <div class="site-branding__inner tw-flex lg:tw-gap-4 md:tw-gap-2 tw-gap-4 tw-items-center"> <a href="/" aria-label="TotalEnergies – Idi na početnu stranicu" rel="home" aria-current="page" class="site-branding__logo branging-logo"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" width="129" height="102" loading="eager" fetchpriority="high"/> </a> <div class="branding-text header-font lg:tw-text-sm tw-inline-block tw-text-xxs tw-font-medium tw-text-component-primary tw-transition-all tw-duration-300 tw-ease-in-out"> <div class="site-slogan"> Hrvatska </div> </div> </div> </div> </div> <div class="tw-flex"> <div class="lg:tw-hidden tw-leading-none tw-flex tw-items-center tw-gap-4"> <div role="search"> <button class="js-search-button js-header-search-button search-button-header" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Traženje</span> </button> </div> <button type="button" aria-expanded="false" class="hamburger tw-relative tw-cursor-pointer tw-w-6 tw-h-6 tw-rotate-0 tw-transition-transform tw-duration-300 tw-ease-in-out" aria-label="Glavni izbornik"> <span></span> <span></span> <span></span> <span></span> </button> </div> <div class="main-menu__region--container lg:tw-block tw-hidden lg:tw-static tw-absolute tw-top-full tw-left-0 tw-right-0 tw-bottom-0 lg:tw-w-auto tw-w-full lg:tw-h-auto tw-h-screen tw-bg-component-white"> <div class="main-menu__region--wrapper tw-flex lg:tw-overflow-x-visible tw-overflow-x-hidden lg-max:tw-overflow-y-auto lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-pt-1 lg:tw-flex-col-reverse tw-flex-col lg:tw-gap-4 lg:tw-pl-4 lg-max:tw-px-6 tw-h-auto"> <div class="region region--main-navigation tw-flex lg:tw-justify-end primary-region__menu--container"> <nav class="tw-w-full" role="navigation" aria-label="Glavni izbornik" id="block-butterfly-theme-mainnavigation"> <div class="primary-menu__container"> <div class="menu__item-go-back tw-hidden menu__back-button-1"> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:main-menu-navigation" class="menu menu--level-1 main-menu__primary-level tw-flex lg:tw-flex-row tw-flex-col heading-font lg:tw-items-center lg:tw-flex-wrap lg:tw-gap-x-6 lg:tw-gap-y-0.5 lg:tw-justify-end" data-level="1"> <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Naši proizvodi <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <span class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4"> Naši proizvodi </span> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Motorna ulja </span> </button> <button type="button" aria-label="Motorna ulja" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <span class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> Motorna ulja </span> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--has-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/automobilska-maziva/nasa-ponuda/auto-maziva" class="menu__link menu__link--link menu__link--level-3 menu__link--has-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/156"> <span> Auto-maziva <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </a> </div> <div class="main-menu__level-wrapper main-menu__level-4 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible lg-max:tw-absolute lg-max:tw-top-0 lg-max:tw-w-full lg-max:ltr:tw-right-0 lg-max:rtl:tw-left-0 lg-max:tw-z-40"> <div class="menu__item-go-back tw-hidden menu__back-button-4"> <button type="button" data-id="4" class="go-back__button go-back__button-4 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/automobilska-maziva/nasa-ponuda/auto-maziva" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/156"> Auto-maziva </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 heading-font lg:tw-flex lg:tw-flex-col lg:tw-gap-4" data-level="4"> <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children lg-max:tw-py-4 tw-text-component-dark-text"> <div class="main-menu__sub-menu main-menu__sub-menu-4 tw-relative tw-w-full " data-button-level="4"> <a href="/automobilska-maziva/motorna-ulja" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg-max:tw-items-center lg:tw-inline-block lg:tw-w-auto" data-drupal-link-system-path="node/166"> <span> Motorna ulja </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children lg-max:tw-py-4 tw-text-component-dark-text"> <div class="main-menu__sub-menu main-menu__sub-menu-4 tw-relative tw-w-full " data-button-level="4"> <a href="/automobilska-maziva/nasa-ponuda/auto-maziva/quartz-inovativna-ulja-za-sve-tipove-motora" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg-max:tw-items-center lg:tw-inline-block lg:tw-w-auto" data-drupal-link-system-path="node/216"> <span> Quartz - Inovativna ulja za sve tipove motora </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children lg-max:tw-py-4 tw-text-component-dark-text"> <div class="main-menu__sub-menu main-menu__sub-menu-4 tw-relative tw-w-full " data-button-level="4"> <a href="/automobilska-maziva/nasa-ponuda/auto-maziva/quartz-box" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg-max:tw-items-center lg:tw-inline-block lg:tw-w-auto" data-drupal-link-system-path="node/701"> <span> Quartz box </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/nasi-proizvodi/motorna-ulja/elf" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/746"> <span> Elf </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/automobilska-maziva/nasa-ponuda/clearnoxr" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/736"> <span> ClearNOx® </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/automobilska-maziva/nasa-ponuda/agri-range" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/726"> <span> Agri Range </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/automobilska-maziva/nasa-ponuda/rubia-brine-o-vasem-motoru" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/706"> <span> Teretni program </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Industrijska maziva </span> </button> <button type="button" aria-label="Industrijska maziva" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <span class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> Industrijska maziva </span> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/industrijska-maziva/folia-tekucina-za-obradu-metala" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/676"> <span> Obrada metala </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/industrijska-maziva/lubanac" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/171"> <span> LubAnac - Analiza ulja </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/specijalni-fluidi-visokog-stupnja-cistoce-i-visokih-performansi" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/711"> <span> Specijalni fluidi </span> </a> <button type="button" aria-label="Specijalni fluidi" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/specijalni-fluidi-visokog-stupnja-cistoce-i-visokih-performansi" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/711"> Specijalni fluidi </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/specijalni-fluidi/ugljovodonicni-rastvaraci-visokog-stepena-cistoce-za-sve-primene" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/716"> <span> Primena </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/specijalni-fluidi/proizvodi-i-usluge-prilagodeni-potrebama-kupaca" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/721"> <span> Proizvodi </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--no-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="menu__link menu__link--link menu__link--level-1 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover" data-drupal-link-system-path="node/306"> <span> Lub savjetnik </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Savjeti i preporuke <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/176"> Savjeti i preporuke </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/savjeti-i-preporuke/video-tutorijali" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/331"> <span> Video tutorijali </span> </a> <button type="button" aria-label="Video tutorijali" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke/video-tutorijali" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/331"> Video tutorijali </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/postavljanje-sjedalica-za-djecu-u-automobil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/671"> <span> Postavljanje sjedalica za djecu u automobil </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/kako-voskirati-automobil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/661"> <span> Kako voskirati automobil </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/10-savjeta-za-voznju-na-autocesti" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/651"> <span> 10 savjeta za vožnju na autocesti </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/pravila-voznje-u-kruznom-toku" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/636"> <span> Pravila vožnje u kružnom toku </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/video-tutorijali-2019" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/631"> <span> Video tutorijali 2019 </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/181"> <span> eKako </span> </a> <button type="button" aria-label="eKako" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke/ekako" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/181"> eKako </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/koja-su-ulja-prikladna-za-hibridna-vozila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/756"> <span> Koja su ulja prikladna za hibridna vozila? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/sto-se-desava-s-gorivom-zimi" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/686"> <span> Što se dešava s gorivom zimi? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/zasto-automobil-gubi-snagu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/666"> <span> Zašto automobil gubi snagu? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/interval-zamjene-motornog-ulja-sto-trebate-znati" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/656"> <span> Interval zamjene motornog ulja </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-odabrati-gume-za-automobil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/641"> <span> Kako odabrati gume za automobil? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/preporuke-za-tehnicki-pregled-vozila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/626"> <span> Preporuke za tehnički pregled vozila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/10-najopasnijih-gresaka-vozaca" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/196"> <span> 10 najopasnijih grešaka vozača </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/321"> <span> 15 stvari koje trebate provjeriti prije polaska na put </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/5-dragocjenih-savjeta-za-odrzavanje-dizel-motora" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/366"> <span> 5 dragocjenih savjeta za održavanje dizel motora </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/5-korisnih-savjeta-za-sigurnu-vucu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/226"> <span> 5 korisnih savjeta za sigurnu vuču </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/5-provjera-vaseg-automobila-koje-mozete-napraviti-sami" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/186"> <span> 5 provjera vašeg automobila koje možete izvršiti sami </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-odrzavati-kabinu-automobila-cistom" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/356"> <span> Kako održavati kabinu automobila čistom? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-pravilno-zagrijati-motor" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/296"> <span> Kako pravilno zagrijati motor </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-se-ponasati-u-slucaju-prometne-nesrece" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/311"> <span> Kako se ponašati u slučaju prometne nesreće? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-voziti-u-slucaju-pljuska" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/286"> <span> Kako voziti u slučaju pljuska </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kocione-tekucine-za-automobile" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/761"> <span> Kočione tekućine za automobile </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/maziva-za-ustedu-goriva-istine-i-dvojbe" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/291"> <span> Maziva za uštedu goriva - istine i dvojbe </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/najcesci-problemi-s-pokretanjem-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/231"> <span> Najčešći problemi s pokretanjem automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/oznake-korisnih-auto-asistenata" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/236"> <span> Oznake korisnih auto-asistenata </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/savjeti-za-putovanje-s-ljubimcem" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/241"> <span> Savjeti za putovanje s ljubimcem </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/sve-sto-treba-znati-o-klima-uredaju-u-automobilu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/201"> <span> Sve što treba znati o klima-uređaju u automobilu </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/utjecaj-glazbe-na-voznju-pozitivan-ili-negativan" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/276"> <span> Utjecaj glazbe na vožnju - pozitivan ili negativan? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/vrste-motornih-ulja-razlike-i-namjena" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/766"> <span> Vrste motornih ulja – razlike i namjena </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/zracni-jastuci-koliko-su-u-biti-sigurni" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/221"> <span> Zračni jastuci – koliko su u biti sigurni </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/cujete-li-nesto-cudno-evo-sto-vam-automobil-govori" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/191"> <span> Čujete li nešto čudno? Evo što Vam automobil govori </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/savjeti-i-preporuke/infografici" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/246"> <span> Infografici </span> </a> <button type="button" aria-label="Infografici" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke/infografici" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/246"> Infografici </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/karakteristike-sustava-za-automatsko-kocenje-kod-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/496"> <span> Karakteristike sustava za automatsko kočenje kod automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/10-stvari-na-koje-treba-obratiti-paznju-preko-ljeta" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/466"> <span> 10 stvari na koje treba obratiti pažnju preko ljeta </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/neprocjenjivi-savjeti-za-sigurno-pretjecanje-kamiona" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/451"> <span> Neprocjenjivi savjeti za sigurno pretjecanje kamiona </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/kljucnih-8-savjeta-za-nocnu-voznju" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/411"> <span> Ključnih 8 savjeta za noćnu vožnju </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/sto-su-hibridni-automobili-i-jesu-li-pravi-izbor-za-vas" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/391"> <span> Što su hibridni automobili? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/10-savjeta-za-sigurnu-voznju" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/371"> <span> 10 savjeta za sigurnu vožnju </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/10-savjeta-za-zastitu-vaseg-automobila-od-ljetne-vrucine" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/261"> <span> 10 savjeta za zaštitu Vašeg automobila od ljetne vrućine </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/13-stvari-koje-vozaci-najcesce-rade-krivo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/266"> <span> 13 stvari koje vozači najčešće rade krivo </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/15-dragocjenih-savjeta-za-odrzavanje-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/316"> <span> 15 dragocjenih savjeta za održavanje automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/preporuke-i-greske-oko-odrzavanja-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/271"> <span> Preporuke i greške oko održavanja automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/voznja-s-djecom-korisni-savjeti" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/351"> <span> Vožnja s djecom: korisni savjeti </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Servisni koncept <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/servisni-koncept" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/511"> Servisni koncept </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/516"> <span> Automobili i laka teretna vozila - TQAS </span> </a> <button type="button" aria-label="Automobili i laka teretna vozila - TQAS" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/516"> Automobili i laka teretna vozila - TQAS </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/ibb-ozalj" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/396"> <span> IBB | Ozalj </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/cackovic-prom-samobor" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/576"> <span> Čačković Prom | Samobor </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/tkalcec-sracinec-varazdin" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/691"> <span> Tkalčec | Sračinec </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/auto-celinscak-doo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/741"> <span> Auto Celinšćak | Klinča Sela </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/auto-silvio-doo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/751"> <span> Auto Silvio | Sveta Nedelja </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/521"> <span> Kamioni i teška teretna vozila - TRTC </span> </a> <button type="button" aria-label="Kamioni i teška teretna vozila - TRTC" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/521"> Kamioni i teška teretna vozila - TRTC </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc/sve-dugo-selo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/556"> <span> S.V.E | Dugo selo </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc/truck-servis-lupinjak" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/571"> <span> Truck Servis | Lupinjak </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc/piljak-zlatar" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/681"> <span> Piljak | Zlatar </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> TotalEnergies u Hrvatskoj <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/totalenergies-u-hrvatskoj" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/341"> TotalEnergies u Hrvatskoj </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/211"> <span> Naša mreža distributera </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/total-u-hrvatskoj/lokalne-vijesti" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/141"> <span> Lokalne vijesti </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/total-u-hrvatskoj/na-putu-prema-sigurnosti" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/346"> <span> Na putu prema sigurnosti </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> <div class="lg:tw-block tw-hidden" role="search"> <button class="js-search-button js-header-search-button search-button-main-menu ltr:tw-ml-6 rtl:tw-mr-6 lg:tw-inline-flex tw-hidden" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-dark-text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Traženje</span> </button> </div> </div> <div class="region region--secondary-navigation tw-flex xl:tw-gap-6 lg:tw-gap-4 tw-flex-wrap lg:tw-flex-row lg:tw-items-center tw-flex-col lg:tw-justify-end secondary-region__menu--container tw-transition-opacity tw-duration-300 tw-ease-linear tw-opacity-100 lg:tw-pt-3 lg-max:before:tw-content-[""] lg-max:before:tw-h-px lg-max:before:tw-bg-grey-light lg-max:before:tw-my-5 lg-max:before:-tw-mx-2.5"> <nav role="navigation" id="block-butterfly-theme-external-menu" class="main-menu__pipe"> <div class="menu__item--button menu__item--go-back tw-hidden external__back-button-1"> </div> <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw-flex lg:tw-items-center xl:tw-gap-6 lg:tw-gap-4 lg:tw-flex-row tw-flex-col"> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/katalog-proizvoda" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/731"> Katalog proizvoda </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/faq" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/791"> FAQ </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/kontakt" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/206"> <span aria-hidden="true" class="icon icon--icon-message external-menu__dropdown--icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 6.75C21 5.787 20.19 5 19.2 5H4.8C3.81 5 3 5.787 3 6.75m18 0v10.5c0 .963-.81 1.75-1.8 1.75H4.8c-.99 0-1.8-.788-1.8-1.75V6.75m18 0-9 6.125L3 6.75"/></svg> </span> Kontakt </a> </div> </li> </ul> </nav> <div id="block-butterfly-theme-top-right-link-block" class="block block-te-block block-top-right-link-block lg:tw-py-0 tw-py-4"> <div class="block-content tw-text-component-dark-text lg:tw-text-component-primary lg:tw-text-s tw-text-base tw-font-bold main-menu__top-right--click lg:header-font heading-font hover:tw-underline lg-max:tw-tracking-xs"> <a href="https://totalenergies.com/">TotalEnergies.com</a> </div> </div> </div> </div> </div> </div> <div class="te-search-form tw-absolute -tw-z-40 tw-bg-component-white tw-left-0 tw-right-0 visually-hidden" aria-hidden="true"> <form class="search-form container tw-flex tw-items-center rtl:tw-flex-row-reverse" id="search-form" novalidate data-drupal-selector="search-form" action="/" method="get" accept-charset="UTF-8" data-component-id="butterfly_theme:search-bar"> <div class="tw-relative tw-flex-1 js-form-item form-item js-form-type-textfield form-item-global-search js-form-item-global-search form-no-label"> <input aria-label="Traženje..." id="search-form-search-input" data-drupal-selector="edit-global-search" type="text" name="global_search" value="" maxlength="128" placeholder="Traženje..." class="form-text global-search-input tw-transition-opacity tw-w-full tw-border tw-rounded-large tw-h-12 md:tw-h-16 md:tw-px-6 tw-px-4 md:tw-py-4 tw-py-2 tw-leading-6" /> <div class="form-item--error-message tw-hidden tw-text-error tw-text-xxs tw-font-light tw-px-4 tw-py-0.5 tw-mt-1"> </div> <button class="js-search-submit--search tw-absolute ltr:tw-right-4 ltr:md:tw-right-6 rtl:tw-left-4 rtl:md:tw-left-6 tw-top-2 md:tw-top-4 tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8 tw-rounded-full tw-text-white-text tw-bg-primary tw-border tw-border-solid hover:tw-text-primary hover:tw-bg-white-text hover:tw-border-primary focus-visible:tw-text-primary focus-visible:tw-bg-white-text focus-visible:tw-border-primary focus-visible:tw-outline focus-visible:tw-outline-primary focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4" type="submit"> <span aria-hidden="true" class="icon icon--search icon--small"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Pokreni traženje</span> </button> </div> <button class="tw-hidden button js-form-submit form-submit button--primary button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 tw-mt-0" id="search-form-search-submit" data-drupal-selector="edit-submit" type="submit" name="op" value="Traženje" data-component-id="butterfly_theme:button"> Traženje </button> <div class="tw-relative webform-input__wrapper"> <input data-drupal-selector="form-6pawg4-r9r2locnz-1hocegne9ixci495d6ivklxrg" type="hidden" name="form_build_id" value="form-6paWG4__R9r2LoCNz-1hOCegNE9IXCi495d6iVkLxrg" data-component-id="butterfly_theme:input" class="tw-w-full tw-border tw-border-neutral-grey-dark tw-rounded-lg tw-bg-neutral-white tw-pt-6 tw-px-4 tw-pb-2 tw-text-dark-text focus-visible:tw-outline-neutral-grey-dark" autocomplete="" /> </div> <div class="tw-relative webform-input__wrapper"> <input data-drupal-selector="edit-search-form" type="hidden" name="form_id" value="search_form" data-component-id="butterfly_theme:input" class="tw-w-full tw-border tw-border-neutral-grey-dark tw-rounded-lg tw-bg-neutral-white tw-pt-6 tw-px-4 tw-pb-2 tw-text-dark-text focus-visible:tw-outline-neutral-grey-dark" autocomplete="" /> </div> <button class="js-search-close-button search-close-button tw-w-8 tw-h-8 tw-flex tw-items-center tw-justify-center tw-text-component-primary tw-bg-transparent hover:tw-text-white-text hover:tw-bg-component-primary hover:tw-border-component-primary hover:tw-border hover:tw-border-solid focus-visible:tw-rounded-full focus-visible:tw-text-white-text focus-visible:tw-bg-component-primary focus-visible:tw-border-component-primary" type="button"> <span aria-hidden="true" class="icon icon--close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="tw-sr-only">Zatvori</span> </button> </form> </div> </div> </header> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main" class="tw-flex-auto" dir=ltr> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div id="block-butterfly-theme-content" class="block block-system block-system-main-block"> <div class="block-content"> <article> <section id="section" data-component-id="butterfly_theme:onecol-section" class="layout layout--onecol section section--full-width"> <div class="layout__region layout__region--content tw-grid tw-gap-6"> <div class="section__row--full-width section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-12 block cover cover-homepage cover-vertical lg:tw-overflow-hidden tw-relative tw-flex-wrap tw-p-0 tw-mx-auto tw-max-w-screen-2xl tw-w-full tw-bg-neutral-grey-ultra-light" id="cover-reveal" data-component-id="butterfly_theme:cover" style="--slider-pace: 3s"> <div class="cover-slider splide" data-dir='ltr'> <div class="splide__track"> <ul class="splide__list" role="slider"> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcnbyzy1pyn4ce/totalenergies-se-nastavlja-transformirati.webp?t=resize&width=0.85&t=crop&fx=0.5&fy=0.5&outputHeight=570 1x" title="TotalEnergies" alt="TotalEnergies se nastavlja transformirati." width="840" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcnbyzy1pyn4ce/totalenergies-se-nastavlja-transformirati.webp?t=resize&width=0.65 1x" title="TotalEnergies" alt="TotalEnergies se nastavlja transformirati." width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcnbyzy1pyn4ce/totalenergies-se-nastavlja-transformirati.webp?t=resize&width=0.77&t=crop&fx=0.5&fy=0.5&outputHeight=440 1x" title="TotalEnergies" alt="TotalEnergies se nastavlja transformirati." width="768" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcnbyzy1pyn4ce/totalenergies-se-nastavlja-transformirati.webp?t=resize&width=0.44 1x" title="TotalEnergies" alt="TotalEnergies se nastavlja transformirati." width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcnbyzy1pyn4ce/totalenergies-se-nastavlja-transformirati.webp?t=resize&width=0.44 1x" title="TotalEnergies" alt="TotalEnergies se nastavlja transformirati." width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcnbyzy1pyn4ce/totalenergies-se-nastavlja-transformirati.webp?t=resize&width=0.44" alt="TotalEnergies se nastavlja transformirati." fetchpriority="high" width="440" height="385" loading="eager"> </picture> </figure> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <h1 class="text-color-gradient text-color-gradient-blue h1"> TotalEnergies se nastavlja transformirati. </h1> <a target="_blank" aria-label="Više informacija" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 tw-mt-6 tw-w-fit" href="https://totalenergies.com/energy-transition"> <span>Više informacija</span> </a> </div> </div> </div> </li> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahi43pu79r3ts8a/lub-savjetnik.webp 1x" title="TotalEnergies" alt="Lub savjetnik" width="762" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahi43pu79r3ts8a/lub-savjetnik.webp?t=resize&width=0.84 1x" title="TotalEnergies" alt="Lub savjetnik" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahi43pu79r3ts8a/lub-savjetnik.webp 1x" title="TotalEnergies" alt="Lub savjetnik" width="762" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahi43pu79r3ts8a/lub-savjetnik.webp?t=resize&width=0.58 1x" title="TotalEnergies" alt="Lub savjetnik" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahi43pu79r3ts8a/lub-savjetnik.webp?t=resize&width=0.58 1x" title="TotalEnergies" alt="Lub savjetnik" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahi43pu79r3ts8a/lub-savjetnik.webp?t=resize&width=0.58" alt="Lub savjetnik" fetchpriority="high" width="440" height="385" loading="eager"> </picture> </figure> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <p class="text-color-gradient text-color-gradient-blue h1"> Lub savjetnik - Odaberite ulje za svoje vozilo </p> <a target="_self" aria-label="Više informacija" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 tw-mt-6 tw-w-fit" href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0"> <span>Više informacija</span> </a> </div> </div> </div> </li> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkudmtdoxnido/quartz-box.webp 1x" title="TotalEnergies" alt="Quartz box" width="762" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkudmtdoxnido/quartz-box.webp?t=resize&width=0.84 1x" title="TotalEnergies" alt="Quartz box" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkudmtdoxnido/quartz-box.webp 1x" title="TotalEnergies" alt="Quartz box" width="762" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkudmtdoxnido/quartz-box.webp?t=resize&width=0.58 1x" title="TotalEnergies" alt="Quartz box" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkudmtdoxnido/quartz-box.webp?t=resize&width=0.58 1x" title="TotalEnergies" alt="Quartz box" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkudmtdoxnido/quartz-box.webp?t=resize&width=0.58" alt="Quartz box" fetchpriority="high" width="440" height="385" loading="eager"> </picture> </figure> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <p class="text-color-gradient text-color-gradient-blue h1"> Novo inovativno rješenje </p> <a target="_self" aria-label="Više informacija" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 tw-mt-6 tw-w-fit" href="/automobilska-maziva/nasa-ponuda/auto-maziva/quartz-box"> <span>Više informacija</span> </a> </div> </div> </div> </li> </ul> </div> <div class="cover-navigation tw-relative tw-inline-flex tw-py-[9px] lg:tw-gap-2 lg-max:tw-px-8 lg-max:tw-mb-6 lg:tw-absolute lg-max:tw-mx-6 lg-max:tw-mt-4 cover-navigation--vertical lg:tw-left-1/2 rtl:lg:tw-left-0 rtl:lg:tw-right-2/4 lg:tw-bottom-8 ltr:lg:tw-pl-16 rtl:lg:tw-pr-16"> <button class="splide__toggle lg-max:tw-hidden" type="button"> <div class="splide__toggle__play"> <span aria-hidden="true" class="icon icon--icon-play-filled tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 4.832a1 1 0 0 1 1.541-.841l11.151 7.168a1 1 0 0 1 0 1.682L6.541 20.009A1 1 0 0 1 5 19.168V4.831z"/></svg> </span> <span class="tw-sr-only">Play</span> </div> <div class="splide__toggle__pause"> <span aria-hidden="true" class="icon icon--icon-pause tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 17V6m8 11V6"/></svg> </span> <span class="tw-sr-only">Pause</span> </div> </button> <ul class="splide__pagination tw-text-component-cover"></ul> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m15 18-6-6 6-6"/></svg> </span> </button> <button class="splide__arrow splide__arrow--next"> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m9 18 6-6-6-6"/></svg> </span> </button> </div> </div> </div> </div> </div> </div> </section> <section id="section--2" class="section--multi-row layout layout--onecol section section--full-width" data-component-id="butterfly_theme:onecol-section"> <div class="layout__region layout__region--content tw-grid tw-gap-6"> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-12 block picto-list picto-list--horizontal tw-relative tw-flex-wrap" id="homepage" data-component-id="butterfly_theme:picto-list"> <div class="tw-flex tw-flex-row tw-items-center tw-gap-6 picto-list__wrap md:tw-flex-row tw-flex-col tw-content-center tw-flex-wrap field--name-field-items-picto field--type-entity-reference-revisions field--label-hidden field__items"> <a href="/katalog-proizvoda" class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-oil-can-2 icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.807 5.463V3.128a.27.27 0 0 1 .27-.27h3.39a.27.27 0 0 1 .27.27v2.335H6.806zM12 16.51c-.575 0-1.105-.19-1.497-.541-.434-.385-.659-.949-.659-1.627 0-1.006.537-1.733 1.158-2.571.255-.347.522-.701.762-1.101a.268.268 0 0 1 .464 0c.244.404.51.762.77 1.112.621.834 1.154 1.554 1.154 2.56s-.674 2.168-2.156 2.168z"/><path fill="currentColor" d="M5.878 21.143V8.019c0-.99.255-1.973.739-2.838l.168-.297h3.909l.971-1.04a3.101 3.101 0 0 1 2.263-.983h3.931a.27.27 0 0 1 .27.27v18.011H5.878zM7.44 6.13c-.263.59-.4 1.246-.4 1.89v11.962h9.924V4.02h-3.04a1.95 1.95 0 0 0-1.413.613l-1.314 1.413H7.479l-.038.084z"/><path fill="currentColor" d="M13.188 6.088c-.107 0-.198-.057-.244-.156s-.03-.206.038-.29l.335-.4a.886.886 0 0 1 .682-.316h1.31c.175 0 .339.076.45.213a.569.569 0 0 1 .118.491.588.588 0 0 1-.587.457h-2.103z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight with-link">Katalog proizvoda</span> </div> </a> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-geolocation-3-points icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.438 21.379c-.023-1.931-.91-3.124-1.848-4.381-.872-1.173-1.775-2.385-1.775-4.137 0-1.276.453-2.354 1.307-3.116.754-.67 1.76-1.04 2.838-1.04s2.084.37 2.838 1.04c.853.762 1.307 1.84 1.307 3.116 0 1.756-.903 2.975-1.779 4.152-.933 1.261-1.817 2.45-1.844 4.366H6.438zm.526-11.627c-2.126 0-3.097 1.611-3.097 3.109 0 1.406.724 2.381 1.566 3.512.518.697 1.055 1.421 1.459 2.305l.076.164.076-.164c.4-.872.93-1.592 1.448-2.286.842-1.135 1.57-2.118 1.57-3.528 0-1.497-.968-3.109-3.097-3.109z"/><path fill="currentColor" d="M6.964 13.497c-.602 0-1.093-.491-1.093-1.093s.491-1.093 1.093-1.093 1.093.491 1.093 1.093-.491 1.093-1.093 1.093zM17.76 14.377c-.023-1.189-.583-1.939-1.173-2.731-.587-.792-1.196-1.608-1.196-2.819 0-1.909 1.455-2.907 2.895-2.907s2.895.998 2.895 2.907c0 1.211-.61 2.03-1.2 2.827-.59.792-1.147 1.543-1.17 2.724H17.76zm.526-7.406c-.918 0-1.848.575-1.848 1.855 0 .861.457 1.478.99 2.19.27.362.549.739.789 1.17l.072.13.072-.13c.236-.427.514-.796.777-1.154.533-.72.994-1.337.994-2.202 0-1.28-.926-1.855-1.848-1.855z"/><path fill="currentColor" d="M18.286 9.215a.69.69 0 1 1 0-1.38.69.69 0 0 1 0 1.38zM9.211 8.457c-.023-.728-.362-1.185-.754-1.71-.392-.53-.838-1.128-.838-2 0-1.394 1.067-2.126 2.122-2.126s2.122.731 2.122 2.126c0 .869-.446 1.474-.842 2.004-.392.526-.728.983-.754 1.703H9.216l-.004.004zm.526-4.785c-.495 0-1.07.282-1.07 1.078 0 .522.278.899.632 1.371.122.164.248.335.37.522l.069.107.069-.107a9.08 9.08 0 0 1 .366-.514c.354-.48.636-.857.636-1.379 0-.796-.575-1.078-1.07-1.078zM9.379 20.556a.533.533 0 0 1-.438-.232.527.527 0 0 1 .145-.728l7.025-4.69a.53.53 0 0 1 .29-.088c.175 0 .339.088.438.232.076.118.107.255.08.392s-.107.255-.225.335l-7.025 4.69a.53.53 0 0 1-.29.088zM15.509 14.103a.514.514 0 0 1-.381-.164l-3.752-3.966a.53.53 0 0 1-.145-.373.513.513 0 0 1 .164-.366.533.533 0 0 1 .362-.145c.145 0 .282.057.381.164l3.752 3.966a.53.53 0 0 1 .145.373.513.513 0 0 1-.164.366.533.533 0 0 1-.362.145z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight with-link">Naša mreža distributera</span> </div> </a> <a href="/servisni-koncept" class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-traffic icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.724 12.031.255-.545H7.585a.235.235 0 0 0-.232.232v.644h.164c.259-.21.583-.328.941-.328h.267v-.004zM6.358 10v.644h3.017l.065-.141a3.44 3.44 0 0 1 .461-.728H6.587a.23.23 0 0 0-.232.229L6.359 10z"/><path fill="currentColor" d="M4.038 13.547v-1.189h1.577v-.709a.714.714 0 0 0-.712-.712h-.861V7.825l.061.034c.255.133.537.206.823.206h8.187c.286 0 .568-.072.823-.206l.061-.034v.644h.872V4.355a.555.555 0 0 0-.019-.133l-.59-1.821a1.289 1.289 0 0 0-1.227-.895H5.006a1.29 1.29 0 0 0-1.227.895l-.59 1.821a.555.555 0 0 0-.019.133v10.526c0 .773.629 1.398 1.394 1.398s1.398-.629 1.398-1.398v-.457h1.269a1.516 1.516 0 0 1-.282-.872H4.042l-.004-.004zm.568-10.884a.418.418 0 0 1 .396-.286h8.03c.179 0 .343.118.396.286L13.858 4H4.174l.43-1.337zm-.568 2.209h9.958v1.432a.89.89 0 0 1-.888.891H4.925a.89.89 0 0 1-.888-.891V4.872zM1.432 7.501c0 .354.29.644.644.644h.232V4.396h-.876v3.105zM16.61 7.501V4.396h-.872v3.749h.232c.354 0 .644-.29.644-.644h-.004z"/><path fill="currentColor" d="M21.809 14.271h.027c.4 0 .728-.324.728-.728a.723.723 0 0 0-.217-.514.723.723 0 0 0-.514-.217h-.663l-.834-1.912a2.758 2.758 0 0 0-2.526-1.65h-5.17a2.764 2.764 0 0 0-2.491 1.585l-.93 1.985h-.762c-.4 0-.728.324-.728.728 0 .198.084.385.217.514.13.133.312.217.514.217h.076l-.316.674a4.06 4.06 0 0 0-.389 1.733v4.236c0 .869.709 1.581 1.581 1.581s1.581-.709 1.581-1.581v-.316h8.312v.316c0 .869.709 1.581 1.581 1.581s1.581-.709 1.581-1.581v-.316h.004v-3.973c0-.564-.114-1.112-.343-1.63l-.316-.724-.004-.008zm-9.166-3.958h5.17c.59 0 1.128.305 1.432.792h-8.027a1.704 1.704 0 0 1 1.429-.792h-.004zm-1.942 1.851h9.029l.815 1.87H9.825l.876-1.87zm.289 7.379H8.895v-1.634h1.57v-.739a.789.789 0 0 0-.785-.785h-.766c.034-.339.126-.674.27-.979l.149-.312h11.68l.145.331c.133.309.21.629.24.96h-.773a.789.789 0 0 0-.785.785v.739h1.573v1.634H10.99z"/><path fill="currentColor" d="M17.676 17.543h-5.051a.248.248 0 0 0-.248.248v.689h5.547v-.689a.247.247 0 0 0-.248-.248z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight with-link">Servisni koncept</span> </div> </a> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-lubricant-2 icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" aria-label="lubricant-2" viewBox="0 0 24 24"><path fill="currentColor" d="M5.028 17.227V9.608h6.057l2.533 2.549 6.133-1.722a.756.756 0 0 1 .74 1.261l-5.509 5.528-9.954.004zm1.048-1.048h8.469l4.415-4.43-5.215 1.463a.778.778 0 0 1-.762-.199l-2.339-2.354H6.076v5.52z"/><path fill="currentColor" d="M8.933 7.363H7.885v2.709h1.048V7.363z"/><path fill="currentColor" d="M5.981 7.726a.527.527 0 0 1 0-1.052h4.853a.527.527 0 0 1 0 1.052H5.981zM3.71 15.482a2.372 2.372 0 0 1-2.37-2.37v-1.139a2.372 2.372 0 0 1 2.37-2.37h2.366v5.874H3.71v.004zm0-4.823c-.728 0-1.318.59-1.318 1.318v1.139c0 .728.59 1.318 1.318 1.318h1.314v-3.775H3.71zM21.02 17.322c-.434 0-.834-.145-1.131-.408-.328-.293-.503-.72-.503-1.23 0-.758.4-1.295.861-1.92.171-.229.362-.488.537-.77a.273.273 0 0 1 .464 0c.171.278.358.53.537.773.465.625.865 1.162.865 1.916s-.51 1.642-1.634 1.642z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight with-link">Odaberite ulje za svoje vozilo</span> </div> </a> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-dark-text tw-py-2.5 block-layout-builder block-inline-blockrich-text" id="totalenergies-marketing-croatiatotalenergies-je-multienergetska-kompanija-koja-globalno-proizvodi-i-plasira-energiju-dobivenu-iz-razliitih-izvora" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF; --thead-background-color: #285AFF; --thead-text-color: var(--white-text);"> <div class="block-content"> <div class="rich-text-field rich-text-field-format--comprehensive rich-text-field-view-mode--larger field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="container"> <h2>TotalEnergies Marketing Croatia</h2><p>TotalEnergies je multienergetska kompanija koja globalno proizvodi i plasira energiju dobivenu iz različitih izvora. Glavni cilj kompanije je osigurati globalno dostupnu i pristupačnu energiju uz smanjenje emisija štetnih plinova. Kompanija je prisutna u 130 zemalja s više od 100.000 zaposlenika. Prijelaz na čistu energiju na putu do neto nulte emisije u srži je poslovanja kompanije TotalEnergies.</p><p>TotalEnergies Marketing Croatia je predstavništvo globalne kompanije TotalEnergies i na tržištu Hrvatske <strong>posluje od 2017. godine</strong>. Jedini je ovlašteni uvoznik <strong>ulja i maziva TotalEnergies i Elf</strong>. Kompanija je poznata po širokoj paleti najsuvremenijih ulja i maziva namijenjenih <strong>automobilima, motorima, kamionima, građevinskim vozilima i strojevima, poljoprivrednim strojevima</strong>, ali i proizvodima namijenjenim <strong>profesionalnim kupcima</strong> iz raznih grana industrije.</p><p>Rad kompanije TotalEnergies karakteriziraju priznata kvaliteta proizvoda potvrđena kroz dugogodišnje iskustvo i podrška svim kupcima kroz direktnu prisutnost na tržištu. Široj javnosti poznata su partnerstva s <strong>najvećim automobilskim tvrtkama</strong>, a od 2018. godine pažnju je privukao <strong>servisni koncept</strong> pokrenut u suradnji s partnerskim servisima pod nazivom TotalEnergies Workshop Concept (TWC).</p> </div> </div> </div> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-8 block card tw-relative text-font card__grid_large_66" id="totalenergies-i-elf-katalog-proizvoda" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah4dc5qf6k7rdjo/totalenergies-i-elf-katalog-proizvoda.webp 1x" title="TotalEnergies" alt="TotalEnergies i Elf katalog proizvoda" width="771" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah4dc5qf6k7rdjo/totalenergies-i-elf-katalog-proizvoda.webp 1x" title="TotalEnergies" alt="TotalEnergies i Elf katalog proizvoda" width="771" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah4dc5qf6k7rdjo/totalenergies-i-elf-katalog-proizvoda.webp?t=resize&width=0.62 1x" title="TotalEnergies" alt="TotalEnergies i Elf katalog proizvoda" width="475" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah4dc5qf6k7rdjo/totalenergies-i-elf-katalog-proizvoda.webp 1x" title="TotalEnergies" alt="TotalEnergies i Elf katalog proizvoda" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah4dc5qf6k7rdjo/totalenergies-i-elf-katalog-proizvoda.webp 1x" title="TotalEnergies" alt="TotalEnergies i Elf katalog proizvoda" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah4dc5qf6k7rdjo/totalenergies-i-elf-katalog-proizvoda.webp" alt="TotalEnergies i Elf katalog proizvoda" width="719" height="518" loading="lazy"> </picture> </figure> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>TotalEnergies i Elf katalog proizvoda</h3> </div> <div class="tw-break-words text-font tw-text-neutral-grey-dark tw-mt-2 card__description card__text--color"> Pogledajte proizvode iz našeg portfolija. </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="/katalog-proizvoda"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-dark-text block-layout-builder block-inline-blockcard-list-auto block-card-list-auto md:tw-col-span-4 tw-flex tw-flex-col tw-px-4 tw-py-6 lg:tw-p-8 tw-rounded-2xl tw-overflow-hidden" id="lokalne-vijesti" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:card-list-auto"> <div class="tw-text-dark-text field field--name-field-heading field--type-heading field--label-hidden field__item"><h3>LOKALNE VIJESTI</h3> </div> <div class="views-element-container"><div class="js-view-dom-id-092e4e319c1e94c0b015dbd1a89da762a8e30bd66400b8ab1b32302fdd237e70"> <div class="item-list tw-my-6" data-component-id="butterfly_theme:list-auto-items"> <ul > <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">13/02 2025</div> </div> <div class="list-auto-text tw-font-light"> <a href="/total-u-hrvatskoj/lokalne-vijesti/servis-tkalcec-prvi-je-premium-servis-u-hrvatskoj" rel="bookmark"> <span>Servis Tkalčec prvi je premium servis u Hrvatskoj</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">26/01 2025</div> </div> <div class="list-auto-text tw-font-light"> <a href="/total-u-hrvatskoj/lokalne-vijesti/sudjeluj-u-nagradnom-natjecaju-i-osvoji-51l-motornog-ulja" rel="bookmark"> <span>Sudjeluj u nagradnom natječaju i osvoji 5+1L motornog ulja!</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">22/10 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/total-u-hrvatskoj/lokalne-vijesti/totalenergies-i-buducnost-bioenergije" rel="bookmark"> <span>TotalEnergies i budućnost bioenergije</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">15/10 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/total-u-hrvatskoj/lokalne-vijesti/prva-totalenergies-wash-praonica-otvorena-u-cakovcu" rel="bookmark"> <span>Prva TotalEnergies Wash praonica otvorena u Čakovcu</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid tw-border-transparent"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">20/09 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/nagradna-igra" rel="bookmark"> <span>Nagradna igra</span> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="tw-text-dark-text field field--name-field-link field--type-link field--label-hidden tw-mt-4 field__item"> <a title="Lokalne vijesti LOKALNE VIJESTI" class="button button--text button--with-dark-text tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4" href=""> <span>Lokalne vijesti</span> </a> </div> </div> </div> </div> </section> </article> </div> </div> </div> </main> <footer class="butterfly-main-footer main-footer tw-bg-component-bg tw-text-component-text" role="contentinfo" dir="ltr"> <div class="container"> <div> <nav role="navigation" id="block-butterfly-theme-footermainmenu"> <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu menu--level-1 butterfly-main-footer-menu"> <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Naši proizvodi </span> </button> <div data-target="footer" aria-controls="accordion-footer-1" id="accordion-footer-1-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Naši proizvodi </span> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-1" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu menu--level-2 tw-py-0 butterfly-main-footer-menu-2" aria-labelledby="accordion-footer-1-id"> <li class="menu__item menu__item--nolink menu__item--level-2"> <span class="menu__link menu__link--nolink menu__link--level-2 lg:tw-hidden"> Motorna ulja </span> <span class="menu__link menu__link--nolink menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> Motorna ulja </span> </li> <li class="menu__item menu__item--nolink menu__item--level-2"> <span class="menu__link menu__link--nolink menu__link--level-2 lg:tw-hidden"> Industrijska maziva </span> <span class="menu__link menu__link--nolink menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> Industrijska maziva </span> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/specijalni-fluidi-visokog-stupnja-cistoce-i-visokih-performansi" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/711"> Specijalni fluidi </a> <a href="/specijalni-fluidi-visokog-stupnja-cistoce-i-visokih-performansi" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/711"> Specijalni fluidi </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/306"> Lub savjetnik </a> </button> <div data-target="footer" aria-controls="accordion-footer-2" id="accordion-footer-2-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/306"> Lub savjetnik </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/savjeti-i-preporuke" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/176"> Savjeti i preporuke </a> </button> <div data-target="footer" aria-controls="accordion-footer-3" id="accordion-footer-3-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/savjeti-i-preporuke" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/176"> Savjeti i preporuke </a> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-3" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-3-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/savjeti-i-preporuke/video-tutorijali" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/331"> Video tutorijali </a> <a href="/savjeti-i-preporuke/video-tutorijali" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/331"> Video tutorijali </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/181"> eKako </a> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/181"> eKako </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/savjeti-i-preporuke/infografici" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/246"> Infografici </a> <a href="/savjeti-i-preporuke/infografici" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/246"> Infografici </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-4" id="accordion-footer-4-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/servisni-koncept" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/511"> Servisni koncept </a> </button> <div data-target="footer" aria-controls="accordion-footer-4" id="accordion-footer-4-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/servisni-koncept" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/511"> Servisni koncept </a> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-4" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-4-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/516"> Automobili i laka teretna vozila - TQAS </a> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/516"> Automobili i laka teretna vozila - TQAS </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/521"> Kamioni i teška teretna vozila - TRTC </a> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/521"> Kamioni i teška teretna vozila - TRTC </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/servisni-koncept/totalenergies-kroz-hrvatsku" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/526"> TotalEnergies kroz Hrvatsku </a> <a href="/servisni-koncept/totalenergies-kroz-hrvatsku" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/526"> TotalEnergies kroz Hrvatsku </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-5" id="accordion-footer-5-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/totalenergies-u-hrvatskoj" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/341"> TotalEnergies u Hrvatskoj </a> </button> <div data-target="footer" aria-controls="accordion-footer-5" id="accordion-footer-5-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/totalenergies-u-hrvatskoj" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/341"> TotalEnergies u Hrvatskoj </a> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-5" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-5-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/211"> Naša mreža distributera </a> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/211"> Naša mreža distributera </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/total-u-hrvatskoj/lokalne-vijesti" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/141"> Lokalne vijesti </a> <a href="/total-u-hrvatskoj/lokalne-vijesti" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/141"> Lokalne vijesti </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/total-u-hrvatskoj/na-putu-prema-sigurnosti" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/346"> Na putu prema sigurnosti </a> <a href="/total-u-hrvatskoj/na-putu-prema-sigurnosti" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/346"> Na putu prema sigurnosti </a> </li> </ul> </div> </li> </ul> </nav> </div> <div> <nav role="navigation" id="block-butterfly-theme-footer"> <ul data-region="footer_secondary" data-component-id="butterfly_theme:secondary-menu-footer" class="menu menu--level-1 secondary-menu-footer tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-4 tw-gap-y-5 tw-py-10 tw-text-sm tw-font-bold"> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/pravilnik-o-zastiti-osobnih-podataka-i-programskim-kolacicima" title="Cookie and privacy" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/786">Pravilnik o zaštiti osobnih podataka i programskim kolačićima</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/opci-uvjeti-koristenja" title="Legal" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/776">Opći uvjeti korištenja</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/pristupacnost-djelomicno-uskladeno" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/696">Pristupačnost: djelomično usklađeno</a> </li> <li class="menu__item menu__item--button menu__item--level-1"> <button class="hover:tw-underline menu__link menu__link--button menu__link--level-1" aria-haspopup="true" onclick="utag.gdpr.showConsentPreferences();return false;" type="button">Cookies</button> </li> <li class="menu__item menu__item--nolink menu__item--level-1"> <span class="tw-font-medium menu__link menu__link--nolink menu__link--level-1" title="Copyright">© TotalEnergies 2025</span> </li> </ul> </nav> </div> </div> </footer> <div class="loading__screen tw-fixed tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-z-max"> <div class="loading__wrapper tw-flex tw-justify-center"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" fetchpriority="high" width="145" height="64" loading="eager" class="tw-opacity-15 tw-self-center"/> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/146","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"sh","logo_url":"\/themes\/custom\/butterfly_theme\/logo.svg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"tealiumiq":{"tealiumiq":{"utagurl":"https:\/\/tags.tiqcdn.com\/utag\/totalms\/croatia-total\/prod\/utag.js","async":true,"utagData":{"page_name":"homepage","site_name":"591064","site_type":"TEWF","env_type":"PROD"}}},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":true,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"","extUseFontAwesome":false,"extIconPlacement":"after","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"splide":{"labels":{"play":"Start the carousel","pause":"Zaustavi vrtuljak","close":"Zatvori","fullscreen":"Toggle fullscreen","prev":"Prethodni slajd","next":"Sljede\u0107i slajd","slideX":"Slajd %s","slideLabel":"Slide %s of %s"}},"cover":{"slider_pace":"3"},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"43cb2f2b0310390c9d45112c3261879bca0a5e198ccb7f99bc6871410cca2853"}}</script> <script src="/sites/g/files/wompnd4981/files/js/js_xD3yurFXIuhsyVnsvZbXIDuywiOjMncO3bjQcxBUlsg.js?scope=footer&delta=0&language=sh&theme=butterfly_theme&include=eJyNkEsOwjAMRC_UNEeq3GRQA45THAfR2xMk2JRF2PnzZsaygTi1nO7evtVC9ZAw4Wmc5Oajtp14_rRTKAofSt6LQKzOazODXvhYbEOGc1woQqfT3FPoypiK_Gw0hc1Z93dGK8Nd6zjkpBkLQnn0o4ZYBWl3XukPtqdDhdhlSBvjG95_eQFAl4_-"></script> <script src="/themes/custom/butterfly_theme/dist/js/accordion.min.js?v=10.3.5" defer></script> <script src="/sites/g/files/wompnd4981/files/js/js_n-P3i017I_0-hw3LpM5XSpgkDPQG-XFUd6KtOzJaHC0.js?scope=footer&delta=2&language=sh&theme=butterfly_theme&include=eJyNkEsOwjAMRC_UNEeq3GRQA45THAfR2xMk2JRF2PnzZsaygTi1nO7evtVC9ZAw4Wmc5Oajtp14_rRTKAofSt6LQKzOazODXvhYbEOGc1woQqfT3FPoypiK_Gw0hc1Z93dGK8Nd6zjkpBkLQnn0o4ZYBWl3XukPtqdDhdhlSBvjG95_eQFAl4_-"></script> </body> </html>

CINXE.COM

TotalEnergies i Elf Hrvatska | Motorna ulja i maziva