CINXE.COM

eKako | TotalEnergies Hrvatska

<!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="Kao i prije, pružamo korisne trikove i prijedloge kako brže i lakše izvršiti određene radnje i kako se nositi s neugodnim situacijama." /> <link rel="canonical" href="https://totalenergies.hr/savjeti-i-preporuke/ekako" /> <meta property="og:site_name" content="TotalEnergies Hrvatska" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://totalenergies.hr/savjeti-i-preporuke/ekako" /> <meta property="og:title" content="eKako | TotalEnergies Hrvatska" /> <meta property="og:description" content="Kao i prije, pružamo korisne trikove i prijedloge kako brže i lakše izvršiti određene radnje i kako se nositi s neugodnim situacijama." /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>.color-variables { --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-1: #285AFF; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; --color-neutral-white: #FFFFFF; }</style> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Osnovna stranica", "item": "https://totalenergies.hr/" }, { "@type": "ListItem", "position": 2, "name": "Savjeti i preporuke", "item": "https://totalenergies.hr/savjeti-i-preporuke" }, { "@type": "ListItem", "position": 3, "name": "eKako" } ] }</script> <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/savjeti-i-preporuke/ekako" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>eKako | TotalEnergies Hrvatska</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4981/files/css/css_L3k_LJpjBXO_ojiGZ8zn6YpLvb7XRzwZOx7qon8htpU.css?delta=0&amp;language=sh&amp;theme=butterfly_theme&amp;include=eJyVkkGOwzAIRS8U10eKsE0aFBsijNvJ7cepZtVRFXcJfBD_QT2qYfEBKk6hmaEu-ZhtxYLegPKTOE34Y5l480nbDvn2F05RFH2UsgsjW7299TtXMQon0MMV5OYWkV6_bqPeda0qQPzd3DMxMjmCpmtVz0fJp0ejkakrQiK-D6ypXRm1leA6COuiEdKgcXUBBjD086Ey5Be8bzgzPOgOY26DAo_ZPbn06xnO9kTYqodUiOdqR8b6_yfF-uZ1o929fvC9vnRi1XFjMvlQVAli8gubsypc" /> <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_A5FIUI2OZf0llSq_irlbE-Fulk7Vx_dYHU1nPBXwy5E.css?delta=2&amp;language=sh&amp;theme=butterfly_theme&amp;include=eJyVkkGOwzAIRS8U10eKsE0aFBsijNvJ7cepZtVRFXcJfBD_QT2qYfEBKk6hmaEu-ZhtxYLegPKTOE34Y5l480nbDvn2F05RFH2UsgsjW7299TtXMQon0MMV5OYWkV6_bqPeda0qQPzd3DMxMjmCpmtVz0fJp0ejkakrQiK-D6ypXRm1leA6COuiEdKgcXUBBjD086Ey5Be8bzgzPOgOY26DAo_ZPbn06xnO9kTYqodUiOdqR8b6_yfF-uZ1o929fvC9vnRi1XFjMvlQVAli8gubsypc" /> </head> <body class="color-variables color-variation-default path-node 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" 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--active-trail 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--active-trail 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--active-trail 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--active-trail 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 is-active" data-drupal-link-system-path="node/181" aria-current="page"> <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 is-active" data-drupal-link-system-path="node/181" aria-current="page"> 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="/savjeti-i-preporuke/ekako/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-izvrsiti-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-sa-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-porucuje" 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-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako" 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 class="tw-bg-component-white"> <div id="block-butterfly-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block container lg:tw-my-6 tw-my-4"> <div class="block_content -tw-mt-1.5"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <span id="system-breadcrumb" class="visually-hidden">Breadcrumb</span> <div class="breadcrumb__content tw-relative"> <button type="button" class="breadcrumb-show-more tw-hidden tw-absolute tw-top-0 tw-left-0">... <span class="tw-inline-block tw-align-middle tw-mx-2"><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></button> <ol class="breadcrumb__list tw-inline-block tw-w-full"> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="0"> <a href="/" title="Osnovna stranica" class="tw-inline text-font md:tw-text-component-primary tw-text-component-dark-text tw-font-light"> <span class="breadcrumb-text-content md:tw-hidden tw-inline">Osnovna stranica</span> <span class="breadcrumb-icon-first md:tw-inline-block tw-hidden"><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="m2 6 6-4.667L14 6v7.333a1.334 1.334 0 0 1-1.333 1.334H3.333A1.334 1.334 0 0 1 2 13.333V6Z"/></svg> </span> <span class="tw-inline-block tw-align-baseline tw-mx-2 tw-w-4 tw-h-4 tw-leading-none 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> </a> </li> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="1"> <a href="https://totalenergies.hr/savjeti-i-preporuke" title="Savjeti i preporuke" class="tw-inline text-font tw-text-component-dark-text tw-font-light"> <span class="breadcrumb-text-content tw-align-middle">Savjeti i preporuke</span> <span class="tw-inline-block tw-align-baseline tw-mx-2 tw-w-4 tw-h-4 tw-leading-none 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> </a> </li> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="2"> <span class="tw-inline text-font tw-text-component-dark-text tw-font-bold"> <span class="breadcrumb-text-content tw-align-middle">eKako</span> </span> </li> </ol> </div> </nav> </div> </div> </div> <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-page-title" class="container block block-core block-page-title-block"> <h1 class="text-color-gradient text-color-gradient-blue tw-mt-6 tw-mb-6"> eKako </h1> </div> <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 tw-py-10 md:tw-py-12"> <div class="layout__region layout__region--content container tw-grid tw-gap-6"> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="vrste-motornih-ulja-razlike-i-namjena" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahsqhkn7zcofyrh/vrste-motornih-ulja---razlike-i-namjena.webp 1x" title="shutterstock" alt="Vrste motornih ulja – razlike i namjena" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahsqhkn7zcofyrh/vrste-motornih-ulja---razlike-i-namjena.webp 1x" title="shutterstock" alt="Vrste motornih ulja – razlike i namjena" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahsqhkn7zcofyrh/vrste-motornih-ulja---razlike-i-namjena.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Vrste motornih ulja – razlike i namjena" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahsqhkn7zcofyrh/vrste-motornih-ulja---razlike-i-namjena.webp 1x" title="shutterstock" alt="Vrste motornih ulja – razlike i namjena" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahsqhkn7zcofyrh/vrste-motornih-ulja---razlike-i-namjena.webp 1x" title="shutterstock" alt="Vrste motornih ulja – razlike i namjena" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahsqhkn7zcofyrh/vrste-motornih-ulja---razlike-i-namjena.webp" alt="Vrste motornih ulja – razlike i namjena" width="372" 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>Vrste motornih ulja – razlike i namjena</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/vrste-motornih-ulja-razlike-i-namjena"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="koione-tekuine-za-automobile" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjazao3ygwmny/kocione-tekucine-za-automobile.webp 1x" title="shutterstock" alt="Kočione tekućine za automobile" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjazao3ygwmny/kocione-tekucine-za-automobile.webp 1x" title="shutterstock" alt="Kočione tekućine za automobile" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjazao3ygwmny/kocione-tekucine-za-automobile.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Kočione tekućine za automobile" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjazao3ygwmny/kocione-tekucine-za-automobile.webp 1x" title="shutterstock" alt="Kočione tekućine za automobile" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjazao3ygwmny/kocione-tekucine-za-automobile.webp 1x" title="shutterstock" alt="Kočione tekućine za automobile" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjazao3ygwmny/kocione-tekucine-za-automobile.webp" alt="Kočione tekućine za automobile" width="372" 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>Kočione tekućine za automobile</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kocione-tekucine-za-automobile"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="5-provjera-vaeg-automobila-koje-moete-izvriti-sami" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqwb3p3jsc6xfa/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami.webp?t=resize&amp;width=0.75 1x" title="shutterstock" alt="5 provjera vašeg automobila koje možete izvršiti sami" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqwb3p3jsc6xfa/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami.webp?t=resize&amp;width=0.66 1x" title="shutterstock" alt="5 provjera vašeg automobila koje možete izvršiti sami" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqwb3p3jsc6xfa/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami.webp 1x" title="shutterstock" alt="5 provjera vašeg automobila koje možete izvršiti sami" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqwb3p3jsc6xfa/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami.webp 1x" title="shutterstock" alt="5 provjera vašeg automobila koje možete izvršiti sami" width="585" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqwb3p3jsc6xfa/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami.webp 1x" title="shutterstock" alt="5 provjera vašeg automobila koje možete izvršiti sami" width="585" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqwb3p3jsc6xfa/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami.webp" alt="5 provjera vašeg automobila koje možete izvršiti sami" width="585" 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>5 provjera vašeg automobila koje možete izvršiti sami</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/5-provjera-vaseg-automobila-koje-mozete-izvrsiti-sami"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="koja-su-ulja-prikladna-za-hibridna-vozila" 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/xysh7dg731ta7mep3pu685561h/koja-su-ulja-prikladna-za-hibridna-vozila.webp 1x" title="TotalEnergies" alt="Koja su ulja prikladna za hibridna vozila?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7mep3pu685561h/koja-su-ulja-prikladna-za-hibridna-vozila.webp 1x" title="TotalEnergies" alt="Koja su ulja prikladna za hibridna vozila?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7mep3pu685561h/koja-su-ulja-prikladna-za-hibridna-vozila.webp 1x" title="TotalEnergies" alt="Koja su ulja prikladna za hibridna vozila?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7mep3pu685561h/koja-su-ulja-prikladna-za-hibridna-vozila.webp 1x" title="TotalEnergies" alt="Koja su ulja prikladna za hibridna vozila?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7mep3pu685561h/koja-su-ulja-prikladna-za-hibridna-vozila.webp 1x" title="TotalEnergies" alt="Koja su ulja prikladna za hibridna vozila?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7mep3pu685561h/koja-su-ulja-prikladna-za-hibridna-vozila.webp" alt="Koja su ulja prikladna za hibridna vozila?" width="372" 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>Koja su ulja prikladna za hibridna vozila?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/koja-su-ulja-prikladna-za-hibridna-vozila"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="to-se-deava-s-gorivom-zimi" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjrdwoh5fxpgky/sto-se-desava-s-gorivom-zimi.webp 1x" title="shutterstock" alt="Što se dešava s gorivom zimi?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjrdwoh5fxpgky/sto-se-desava-s-gorivom-zimi.webp 1x" title="shutterstock" alt="Što se dešava s gorivom zimi?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjrdwoh5fxpgky/sto-se-desava-s-gorivom-zimi.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Što se dešava s gorivom zimi?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjrdwoh5fxpgky/sto-se-desava-s-gorivom-zimi.webp 1x" title="shutterstock" alt="Što se dešava s gorivom zimi?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjrdwoh5fxpgky/sto-se-desava-s-gorivom-zimi.webp 1x" title="shutterstock" alt="Što se dešava s gorivom zimi?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjrdwoh5fxpgky/sto-se-desava-s-gorivom-zimi.webp" alt="Što se dešava s gorivom zimi?" width="372" 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>Što se dešava s gorivom zimi?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/sto-se-desava-s-gorivom-zimi"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="zato-automobil-gubi-snagu" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahj5ps4rjkerm1h/zasto-automobil-gubi-snagu.webp 1x" title="shutterstock" alt="Zašto automobil gubi snagu?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahj5ps4rjkerm1h/zasto-automobil-gubi-snagu.webp 1x" title="shutterstock" alt="Zašto automobil gubi snagu?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahj5ps4rjkerm1h/zasto-automobil-gubi-snagu.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Zašto automobil gubi snagu?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahj5ps4rjkerm1h/zasto-automobil-gubi-snagu.webp 1x" title="shutterstock" alt="Zašto automobil gubi snagu?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahj5ps4rjkerm1h/zasto-automobil-gubi-snagu.webp 1x" title="shutterstock" alt="Zašto automobil gubi snagu?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahj5ps4rjkerm1h/zasto-automobil-gubi-snagu.webp" alt="Zašto automobil gubi snagu?" width="372" 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>Zašto automobil gubi snagu?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/zasto-automobil-gubi-snagu"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="interval-zamjene-motornog-ulja-to-trebate-znati" 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"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzuzey6pfixjfw/interval-zamjene-motornog-ulja.webp 1x" title="shutterstock" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzuzey6pfixjfw/interval-zamjene-motornog-ulja.webp 1x" title="shutterstock" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzuzey6pfixjfw/interval-zamjene-motornog-ulja.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzuzey6pfixjfw/interval-zamjene-motornog-ulja.webp 1x" title="shutterstock" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzuzey6pfixjfw/interval-zamjene-motornog-ulja.webp 1x" title="shutterstock" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzuzey6pfixjfw/interval-zamjene-motornog-ulja.webp" alt="" width="372" title="shutterstock" height="518" loading="lazy"> </picture> </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>Interval zamjene motornog ulja - što trebate znati?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/interval-zamjene-motornog-ulja-sto-trebate-znati"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="kako-odabrati-gume-za-automobil" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkfwtmthnkajy/kako-odabrati-gume-za-automobil.webp 1x" title="shutterstock" alt="Kako odabrati gume za automobil?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkfwtmthnkajy/kako-odabrati-gume-za-automobil.webp 1x" title="shutterstock" alt="Kako odabrati gume za automobil?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkfwtmthnkajy/kako-odabrati-gume-za-automobil.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Kako odabrati gume za automobil?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkfwtmthnkajy/kako-odabrati-gume-za-automobil.webp 1x" title="shutterstock" alt="Kako odabrati gume za automobil?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkfwtmthnkajy/kako-odabrati-gume-za-automobil.webp 1x" title="shutterstock" alt="Kako odabrati gume za automobil?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jkfwtmthnkajy/kako-odabrati-gume-za-automobil.webp" alt="Kako odabrati gume za automobil?" width="372" 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>Kako odabrati gume za automobil?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-odabrati-gume-za-automobil"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="preporuke-za-tehniki-pregled-vozila" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahji1neq6ky6qby/preporuke-za-tehnicki-pregled-vozila.webp 1x" title="shutterstock" alt="Preporuke za tehnički pregled vozila" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahji1neq6ky6qby/preporuke-za-tehnicki-pregled-vozila.webp 1x" title="shutterstock" alt="Preporuke za tehnički pregled vozila" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahji1neq6ky6qby/preporuke-za-tehnicki-pregled-vozila.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Preporuke za tehnički pregled vozila" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahji1neq6ky6qby/preporuke-za-tehnicki-pregled-vozila.webp 1x" title="shutterstock" alt="Preporuke za tehnički pregled vozila" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahji1neq6ky6qby/preporuke-za-tehnicki-pregled-vozila.webp 1x" title="shutterstock" alt="Preporuke za tehnički pregled vozila" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahji1neq6ky6qby/preporuke-za-tehnicki-pregled-vozila.webp" alt="Preporuke za tehnički pregled vozila" width="372" 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>Preporuke za tehnički pregled vozila</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/preporuke-za-tehnicki-pregled-vozila"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="kako-funkcioniraju-samonapuhavajue-gume" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7936q88mffrq6h/samonapuhavajuce-gume.webp?t=resize&amp;width=0.37 1x" title="shutterstock" alt="samonapuhavajuće gume" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7936q88mffrq6h/samonapuhavajuce-gume.webp?t=resize&amp;width=0.33 1x" title="shutterstock" alt="samonapuhavajuće gume" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7936q88mffrq6h/samonapuhavajuce-gume.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="samonapuhavajuće gume" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7936q88mffrq6h/samonapuhavajuce-gume.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="samonapuhavajuće gume" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7936q88mffrq6h/samonapuhavajuce-gume.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="samonapuhavajuće gume" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7936q88mffrq6h/samonapuhavajuce-gume.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="samonapuhavajuće gume" 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>Kako funkcioniraju samonapuhavajuće gume?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/ekako-2019/kako-funkcioniraju-samonapuhavajuce-gume"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="kako-da-registrirate-oldtimera" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta797andjcxpg9hr/oldtimer.webp?t=resize&amp;width=0.37 1x" title="shutterstock" alt="oldtimer" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta797andjcxpg9hr/oldtimer.webp?t=resize&amp;width=0.33 1x" title="shutterstock" alt="oldtimer" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta797andjcxpg9hr/oldtimer.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="oldtimer" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta797andjcxpg9hr/oldtimer.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="oldtimer" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta797andjcxpg9hr/oldtimer.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="oldtimer" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta797andjcxpg9hr/oldtimer.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="oldtimer" 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>Kako da registrirate oldtimera?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-da-registrirate-oldtimera"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="vodi-za-osnovne-tipove-karoserija" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyetjad67qc31e/tip-karoserije.webp?t=resize&amp;width=0.37 1x" title="shutterstock" alt="tip karoserije" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyetjad67qc31e/tip-karoserije.webp?t=resize&amp;width=0.33 1x" title="shutterstock" alt="tip karoserije" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyetjad67qc31e/tip-karoserije.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="tip karoserije" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyetjad67qc31e/tip-karoserije.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="tip karoserije" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyetjad67qc31e/tip-karoserije.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="tip karoserije" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyetjad67qc31e/tip-karoserije.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="tip karoserije" 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>Vodič za osnovne tipove karoserija</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/vodic-za-osnovne-tipove-karoserija"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="kako-moemo-promet-uiniti-jo-sigurnijim-za-djecu" 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/xysh7dg731ta7s89se9uwmmdfc/kako-mozemo-promet-uciniti-jos-sigurnijim-za-djecu.webp?t=resize&amp;width=0.37 1x" title="TotalEnergies" alt="Kako možemo promet učiniti još sigurnijim za djecu" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7s89se9uwmmdfc/kako-mozemo-promet-uciniti-jos-sigurnijim-za-djecu.webp?t=resize&amp;width=0.33 1x" title="TotalEnergies" alt="Kako možemo promet učiniti još sigurnijim za djecu" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7s89se9uwmmdfc/kako-mozemo-promet-uciniti-jos-sigurnijim-za-djecu.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="Kako možemo promet učiniti još sigurnijim za djecu" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7s89se9uwmmdfc/kako-mozemo-promet-uciniti-jos-sigurnijim-za-djecu.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="TotalEnergies" alt="Kako možemo promet učiniti još sigurnijim za djecu" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7s89se9uwmmdfc/kako-mozemo-promet-uciniti-jos-sigurnijim-za-djecu.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="TotalEnergies" alt="Kako možemo promet učiniti još sigurnijim za djecu" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7s89se9uwmmdfc/kako-mozemo-promet-uciniti-jos-sigurnijim-za-djecu.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="Kako možemo promet učiniti još sigurnijim za djecu" 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>Kako možemo promet učiniti još sigurnijim za djecu</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/ekako-2019/sigurnost-djece-u-prometu-kako-zastititi-najranjivije-sudionike"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="5-jednostavnih-savjeta-za-prevladavanje-poetnikog-straha-od-vonje" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahpo97kdoqoxndh/prevladavanje-pocetnickog-straha-od-voznje.webp 1x" title="shutterstock" alt="5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahpo97kdoqoxndh/prevladavanje-pocetnickog-straha-od-voznje.webp 1x" title="shutterstock" alt="5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahpo97kdoqoxndh/prevladavanje-pocetnickog-straha-od-voznje.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahpo97kdoqoxndh/prevladavanje-pocetnickog-straha-od-voznje.webp 1x" title="shutterstock" alt="5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahpo97kdoqoxndh/prevladavanje-pocetnickog-straha-od-voznje.webp 1x" title="shutterstock" alt="5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahpo97kdoqoxndh/prevladavanje-pocetnickog-straha-od-voznje.webp" alt="5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje" width="372" 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>5 jednostavnih savjeta za prevladavanje početničkog straha od vožnje</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/5-jednostavnih-savjeta-za-prevladavanje-pocetnickog-straha-od-voznje"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="10-savjeta-za-dugu-vonju" 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="Adobe" title="Adobe"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta756dso97r8cwnh/10-savjeta-za-dugu-voznju.webp 1x" title="Adobe" alt="10 savjeta za dugu vožnju" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta756dso97r8cwnh/10-savjeta-za-dugu-voznju.webp 1x" title="Adobe" alt="10 savjeta za dugu vožnju" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta756dso97r8cwnh/10-savjeta-za-dugu-voznju.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="Adobe" alt="10 savjeta za dugu vožnju" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta756dso97r8cwnh/10-savjeta-za-dugu-voznju.webp 1x" title="Adobe" alt="10 savjeta za dugu vožnju" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta756dso97r8cwnh/10-savjeta-za-dugu-voznju.webp 1x" title="Adobe" alt="10 savjeta za dugu vožnju" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta756dso97r8cwnh/10-savjeta-za-dugu-voznju.webp" alt="10 savjeta za dugu vožnju" width="372" 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>10 savjeta za dugu vožnju</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/10-savjeta-za-dugu-voznju"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="znaaj-antifriza-za-automobile" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ry6pj8ybaqwqy/znacaj-antifriza-za-automobile.webp 1x" title="shutterstock" alt="Značaj antifriza za automobile" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ry6pj8ybaqwqy/znacaj-antifriza-za-automobile.webp 1x" title="shutterstock" alt="Značaj antifriza za automobile" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ry6pj8ybaqwqy/znacaj-antifriza-za-automobile.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="Značaj antifriza za automobile" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ry6pj8ybaqwqy/znacaj-antifriza-za-automobile.webp 1x" title="shutterstock" alt="Značaj antifriza za automobile" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ry6pj8ybaqwqy/znacaj-antifriza-za-automobile.webp 1x" title="shutterstock" alt="Značaj antifriza za automobile" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ry6pj8ybaqwqy/znacaj-antifriza-za-automobile.webp" alt="Značaj antifriza za automobile" width="372" 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>Značaj antifriza za automobile</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/znacaj-antifriza-za-automobile"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="kako-ispolirati-automobil" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjqhfngy975kso/kako-ispolirati-automobil.webp?t=resize&amp;width=0.37 1x" title="shutterstock" alt="kako ispolirati automobil?" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjqhfngy975kso/kako-ispolirati-automobil.webp?t=resize&amp;width=0.33 1x" title="shutterstock" alt="kako ispolirati automobil?" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjqhfngy975kso/kako-ispolirati-automobil.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="kako ispolirati automobil?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjqhfngy975kso/kako-ispolirati-automobil.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="kako ispolirati automobil?" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjqhfngy975kso/kako-ispolirati-automobil.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="kako ispolirati automobil?" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjqhfngy975kso/kako-ispolirati-automobil.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="kako ispolirati automobil?" 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>Kako ispolirati automobil?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-ispolirati-automobil"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="vonja-sa-xenon-svjetlima" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahoqsjys7zqk78y/voznja-sa-xenon-svjetlima.webp?t=resize&amp;width=0.37 1x" title="shutterstock" alt="VOŽNJA SA XENON SVJETLIMA" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahoqsjys7zqk78y/voznja-sa-xenon-svjetlima.webp?t=resize&amp;width=0.33 1x" title="shutterstock" alt="VOŽNJA SA XENON SVJETLIMA" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahoqsjys7zqk78y/voznja-sa-xenon-svjetlima.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="shutterstock" alt="VOŽNJA SA XENON SVJETLIMA" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahoqsjys7zqk78y/voznja-sa-xenon-svjetlima.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="VOŽNJA SA XENON SVJETLIMA" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahoqsjys7zqk78y/voznja-sa-xenon-svjetlima.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="shutterstock" alt="VOŽNJA SA XENON SVJETLIMA" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahoqsjys7zqk78y/voznja-sa-xenon-svjetlima.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="VOŽNJA SA XENON SVJETLIMA" 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>Vožnja sa xenon svjetlima</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/voznja-sa-xenon-svjetlima"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="5-dragocjenih-savjeta-za-odravanje-dizel-motora" 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="shutterstock" title="shutterstock"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ohac7qc94nrtr/kada-je-vrijeme-za-zamjenu-motornog-ulja.webp 1x" title="shutterstock" alt="Kada je vrijeme za zamjenu motornog ulja?" width="373" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ohac7qc94nrtr/kada-je-vrijeme-za-zamjenu-motornog-ulja.webp 1x" title="shutterstock" alt="Kada je vrijeme za zamjenu motornog ulja?" width="373" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ohac7qc94nrtr/kada-je-vrijeme-za-zamjenu-motornog-ulja.webp 1x" title="shutterstock" alt="Kada je vrijeme za zamjenu motornog ulja?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ohac7qc94nrtr/kada-je-vrijeme-za-zamjenu-motornog-ulja.webp 1x" title="shutterstock" alt="Kada je vrijeme za zamjenu motornog ulja?" width="373" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ohac7qc94nrtr/kada-je-vrijeme-za-zamjenu-motornog-ulja.webp 1x" title="shutterstock" alt="Kada je vrijeme za zamjenu motornog ulja?" width="373" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ohac7qc94nrtr/kada-je-vrijeme-za-zamjenu-motornog-ulja.webp" alt="Kada je vrijeme za zamjenu motornog ulja?" width="373" 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>5 dragocjenih savjeta za održavanje dizel motora</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/5-dragocjenih-savjeta-za-odrzavanje-dizel-motora"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="kako-odravati-kabinu-automobila-istom" 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="Total Croatia" title="Total Croatia"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta74odph19zpd8rc/kako-odrzavati-kabinu-automobila-cistom.webp?t=resize&amp;width=0.36 1x" title="Total Croatia" alt="Kako održavati kabinu automobila čistom?" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta74odph19zpd8rc/kako-odrzavati-kabinu-automobila-cistom.webp?t=resize&amp;width=0.32 1x" title="Total Croatia" alt="Kako održavati kabinu automobila čistom?" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta74odph19zpd8rc/kako-odrzavati-kabinu-automobila-cistom.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="Total Croatia" alt="Kako održavati kabinu automobila čistom?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta74odph19zpd8rc/kako-odrzavati-kabinu-automobila-cistom.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="Total Croatia" alt="Kako održavati kabinu automobila čistom?" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta74odph19zpd8rc/kako-odrzavati-kabinu-automobila-cistom.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="Total Croatia" alt="Kako održavati kabinu automobila čistom?" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta74odph19zpd8rc/kako-odrzavati-kabinu-automobila-cistom.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="Kako održavati kabinu automobila čistom?" 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>Kako održavati kabinu automobila čistom?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-odrzavati-kabinu-automobila-cistom"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="15-stvari-koje-trebate-provjeriti-prije-polaska-na-put" 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="Total Croatia" title="Total Croatia"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7qkcpw8k51ygh/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put.webp 1x" title="Total Croatia" alt="15 stvari koje trebate provjeriti prije polaska na put" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7qkcpw8k51ygh/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put.webp 1x" title="Total Croatia" alt="15 stvari koje trebate provjeriti prije polaska na put" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7qkcpw8k51ygh/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="Total Croatia" alt="15 stvari koje trebate provjeriti prije polaska na put" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7qkcpw8k51ygh/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put.webp 1x" title="Total Croatia" alt="15 stvari koje trebate provjeriti prije polaska na put" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7qkcpw8k51ygh/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put.webp 1x" title="Total Croatia" alt="15 stvari koje trebate provjeriti prije polaska na put" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7qkcpw8k51ygh/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put.webp" alt="15 stvari koje trebate provjeriti prije polaska na put" width="372" 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>15 stvari koje trebate provjeriti prije polaska na put</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="kako-se-ponaati-u-sluaju-prometne-nesree" 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/xysh7dg731tah3ki3d99h8c5xr/kako-se-ponasati-u-slucaju-prometne-nesrece.webp 1x" title="TotalEnergies​" alt="Kako se ponašati u slučaju prometne nesreće?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah3ki3d99h8c5xr/kako-se-ponasati-u-slucaju-prometne-nesrece.webp 1x" title="TotalEnergies​" alt="Kako se ponašati u slučaju prometne nesreće?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah3ki3d99h8c5xr/kako-se-ponasati-u-slucaju-prometne-nesrece.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies​" alt="Kako se ponašati u slučaju prometne nesreće?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah3ki3d99h8c5xr/kako-se-ponasati-u-slucaju-prometne-nesrece.webp 1x" title="TotalEnergies​" alt="Kako se ponašati u slučaju prometne nesreće?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah3ki3d99h8c5xr/kako-se-ponasati-u-slucaju-prometne-nesrece.webp 1x" title="TotalEnergies​" alt="Kako se ponašati u slučaju prometne nesreće?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah3ki3d99h8c5xr/kako-se-ponasati-u-slucaju-prometne-nesrece.webp" alt="Kako se ponašati u slučaju prometne nesreće?" width="372" 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>Kako se ponašati u slučaju prometne nesreće?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-se-ponasati-u-slucaju-prometne-nesrece"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="utjecaj-glazbe-na-vonju-pozitivan-ili-negativan" 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/xysh7dg731ta7picm8z37tf17c/utjecaj-glazbe-na-voznju---pozitivan-ili-negativan.webp 1x" title="TotalEnergies​" alt="Utjecaj glazbe na vožnju - pozitivan ili negativan?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7picm8z37tf17c/utjecaj-glazbe-na-voznju---pozitivan-ili-negativan.webp 1x" title="TotalEnergies​" alt="Utjecaj glazbe na vožnju - pozitivan ili negativan?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7picm8z37tf17c/utjecaj-glazbe-na-voznju---pozitivan-ili-negativan.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies​" alt="Utjecaj glazbe na vožnju - pozitivan ili negativan?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7picm8z37tf17c/utjecaj-glazbe-na-voznju---pozitivan-ili-negativan.webp 1x" title="TotalEnergies​" alt="Utjecaj glazbe na vožnju - pozitivan ili negativan?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7picm8z37tf17c/utjecaj-glazbe-na-voznju---pozitivan-ili-negativan.webp 1x" title="TotalEnergies​" alt="Utjecaj glazbe na vožnju - pozitivan ili negativan?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7picm8z37tf17c/utjecaj-glazbe-na-voznju---pozitivan-ili-negativan.webp" alt="Utjecaj glazbe na vožnju - pozitivan ili negativan?" width="372" 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>Utjecaj glazbe na vožnju - pozitivan ili negativan?</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/utjecaj-glazbe-na-voznju-pozitivan-ili-negativan"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="kako-voziti-u-sluaju-pljuska" 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/xysh7dg731ta7gwh4im8keky4r/kako-voziti-u-slucaju-pljuska.webp 1x" title="TotalEnergies​" alt="Kako voziti u slučaju pljuska" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gwh4im8keky4r/kako-voziti-u-slucaju-pljuska.webp 1x" title="TotalEnergies​" alt="Kako voziti u slučaju pljuska" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gwh4im8keky4r/kako-voziti-u-slucaju-pljuska.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies​" alt="Kako voziti u slučaju pljuska" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gwh4im8keky4r/kako-voziti-u-slucaju-pljuska.webp 1x" title="TotalEnergies​" alt="Kako voziti u slučaju pljuska" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gwh4im8keky4r/kako-voziti-u-slucaju-pljuska.webp 1x" title="TotalEnergies​" alt="Kako voziti u slučaju pljuska" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gwh4im8keky4r/kako-voziti-u-slucaju-pljuska.webp" alt="Kako voziti u slučaju pljuska" width="372" 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>Kako voziti u slučaju pljuska</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-voziti-u-slucaju-pljuska"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="maziva-za-utedu-goriva-istine-i-dvojbe" 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/xysh7dg731tahdwkcjp1yq3ksh/maziva-za-ustedu-goriva---istine-i-dvojbe.webp 1x" title="TotalEnergies​" alt="Maziva za uštedu goriva - istine i dvojbe" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahdwkcjp1yq3ksh/maziva-za-ustedu-goriva---istine-i-dvojbe.webp 1x" title="TotalEnergies​" alt="Maziva za uštedu goriva - istine i dvojbe" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahdwkcjp1yq3ksh/maziva-za-ustedu-goriva---istine-i-dvojbe.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies​" alt="Maziva za uštedu goriva - istine i dvojbe" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahdwkcjp1yq3ksh/maziva-za-ustedu-goriva---istine-i-dvojbe.webp 1x" title="TotalEnergies​" alt="Maziva za uštedu goriva - istine i dvojbe" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahdwkcjp1yq3ksh/maziva-za-ustedu-goriva---istine-i-dvojbe.webp 1x" title="TotalEnergies​" alt="Maziva za uštedu goriva - istine i dvojbe" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahdwkcjp1yq3ksh/maziva-za-ustedu-goriva---istine-i-dvojbe.webp" alt="Maziva za uštedu goriva - istine i dvojbe" width="372" 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>Maziva za uštedu goriva - istine i dvojbe</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/maziva-za-ustedu-goriva-istine-i-dvojbe"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="kako-pravilno-zagrijati-motor" 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/xysh7dg731tahgtfyjqkc9zpxw/kako-pravilno-zagrijati-motor.webp 1x" title="TotalEnergies​" alt="Kako pravilno zagrijati motor" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahgtfyjqkc9zpxw/kako-pravilno-zagrijati-motor.webp 1x" title="TotalEnergies​" alt="Kako pravilno zagrijati motor" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahgtfyjqkc9zpxw/kako-pravilno-zagrijati-motor.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies​" alt="Kako pravilno zagrijati motor" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahgtfyjqkc9zpxw/kako-pravilno-zagrijati-motor.webp 1x" title="TotalEnergies​" alt="Kako pravilno zagrijati motor" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahgtfyjqkc9zpxw/kako-pravilno-zagrijati-motor.webp 1x" title="TotalEnergies​" alt="Kako pravilno zagrijati motor" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahgtfyjqkc9zpxw/kako-pravilno-zagrijati-motor.webp" alt="Kako pravilno zagrijati motor" width="372" 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>Kako pravilno zagrijati motor</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/kako-pravilno-zagrijati-motor"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="savjeti-za-putovanje-s-ljubimcem" 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/xysh7dg731taho6gq1541dq7we/savjeti-za-putovanje-s-ljubimcem.webp 1x" title="TotalEnergies" alt="savjeti za putovanje s ljubimcem" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taho6gq1541dq7we/savjeti-za-putovanje-s-ljubimcem.webp 1x" title="TotalEnergies" alt="savjeti za putovanje s ljubimcem" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taho6gq1541dq7we/savjeti-za-putovanje-s-ljubimcem.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="savjeti za putovanje s ljubimcem" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taho6gq1541dq7we/savjeti-za-putovanje-s-ljubimcem.webp 1x" title="TotalEnergies" alt="savjeti za putovanje s ljubimcem" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taho6gq1541dq7we/savjeti-za-putovanje-s-ljubimcem.webp 1x" title="TotalEnergies" alt="savjeti za putovanje s ljubimcem" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taho6gq1541dq7we/savjeti-za-putovanje-s-ljubimcem.webp" alt="savjeti za putovanje s ljubimcem" width="372" 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>Savjeti za putovanje s ljubimcem</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/savjeti-za-putovanje-s-ljubimcem"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="oznake-korisnih-auto-asistenata" 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/xysh7dg731ta7gtt53hpeaam8a/oznake-auto-asistenata.webp 1x" title="TotalEnergies" alt="oznake korisnih auto-asistenata" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gtt53hpeaam8a/oznake-auto-asistenata.webp 1x" title="TotalEnergies" alt="oznake korisnih auto-asistenata" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gtt53hpeaam8a/oznake-auto-asistenata.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="oznake korisnih auto-asistenata" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gtt53hpeaam8a/oznake-auto-asistenata.webp 1x" title="TotalEnergies" alt="oznake korisnih auto-asistenata" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gtt53hpeaam8a/oznake-auto-asistenata.webp 1x" title="TotalEnergies" alt="oznake korisnih auto-asistenata" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7gtt53hpeaam8a/oznake-auto-asistenata.webp" alt="oznake korisnih auto-asistenata" width="372" 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>Oznake korisnih auto-asistenata</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/oznake-korisnih-auto-asistenata"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="najei-problemi-s-pokretanjem-automobila" 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/xysh7dg731tah5hxu8moertg6y/problemi-sa-pokretanjem-automobila.webp 1x" title="TotalEnergies" alt="problemi sa pokretanjem automobila" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah5hxu8moertg6y/problemi-sa-pokretanjem-automobila.webp 1x" title="TotalEnergies" alt="problemi sa pokretanjem automobila" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah5hxu8moertg6y/problemi-sa-pokretanjem-automobila.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="problemi sa pokretanjem automobila" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah5hxu8moertg6y/problemi-sa-pokretanjem-automobila.webp 1x" title="TotalEnergies" alt="problemi sa pokretanjem automobila" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah5hxu8moertg6y/problemi-sa-pokretanjem-automobila.webp 1x" title="TotalEnergies" alt="problemi sa pokretanjem automobila" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah5hxu8moertg6y/problemi-sa-pokretanjem-automobila.webp" alt="problemi sa pokretanjem automobila" width="372" 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>Najčešći problemi s pokretanjem automobila</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/najcesci-problemi-sa-pokretanjem-automobila"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="5-korisnih-savjeta-za-sigurnu-vuu" 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/xysh7dg731ta7woz5c7ti6skce/5-korisnih-savjeta-za-sigurnu-vucu.webp 1x" title="TotalEnergies" alt="5 korisnih savjeta za sigurnu vuču" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7woz5c7ti6skce/5-korisnih-savjeta-za-sigurnu-vucu.webp 1x" title="TotalEnergies" alt="5 korisnih savjeta za sigurnu vuču" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7woz5c7ti6skce/5-korisnih-savjeta-za-sigurnu-vucu.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="5 korisnih savjeta za sigurnu vuču" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7woz5c7ti6skce/5-korisnih-savjeta-za-sigurnu-vucu.webp 1x" title="TotalEnergies" alt="5 korisnih savjeta za sigurnu vuču" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7woz5c7ti6skce/5-korisnih-savjeta-za-sigurnu-vucu.webp 1x" title="TotalEnergies" alt="5 korisnih savjeta za sigurnu vuču" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7woz5c7ti6skce/5-korisnih-savjeta-za-sigurnu-vucu.webp" alt="5 korisnih savjeta za sigurnu vuču" width="372" 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>5 korisnih savjeta za sigurnu vuču</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/5-korisnih-savjeta-za-sigurnu-vucu"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="zrani-jastuci-koliko-su-u-biti-sigurni" 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/xysh7dg731ta7bs7mnehhn36qr/zracni-jastuci.webp 1x" title="TotalEnergies" alt="zračni jastuci – koliko su u biti sigurni" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7bs7mnehhn36qr/zracni-jastuci.webp 1x" title="TotalEnergies" alt="zračni jastuci – koliko su u biti sigurni" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7bs7mnehhn36qr/zracni-jastuci.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="zračni jastuci – koliko su u biti sigurni" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7bs7mnehhn36qr/zracni-jastuci.webp 1x" title="TotalEnergies" alt="zračni jastuci – koliko su u biti sigurni" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7bs7mnehhn36qr/zracni-jastuci.webp 1x" title="TotalEnergies" alt="zračni jastuci – koliko su u biti sigurni" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7bs7mnehhn36qr/zracni-jastuci.webp" alt="zračni jastuci – koliko su u biti sigurni" width="372" 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>Zračni jastuci – koliko su u biti sigurni</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/zracni-jastuci-koliko-su-u-biti-sigurni"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="sve-to-treba-znati-o-klima-ureaju-u-automobilu" 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/xysh7dg731tahxjw3zx4ky8pdy/klima-za-auto.webp 1x" title="TotalEnergies" alt="Klima za auto" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjw3zx4ky8pdy/klima-za-auto.webp 1x" title="TotalEnergies" alt="Klima za auto" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjw3zx4ky8pdy/klima-za-auto.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="Klima za auto" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjw3zx4ky8pdy/klima-za-auto.webp 1x" title="TotalEnergies" alt="Klima za auto" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjw3zx4ky8pdy/klima-za-auto.webp 1x" title="TotalEnergies" alt="Klima za auto" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahxjw3zx4ky8pdy/klima-za-auto.webp" alt="Klima za auto" width="372" 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>Sve što treba znati o klima-uređaju u automobilu</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/sve-sto-treba-znati-o-klima-uredaju-u-automobilu"> <span>Više...</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="10-najopasnijih-greaka-vozaa" 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/xysh7dg731tahrokzmqdpse16c/greske-vozaca.webp 1x" title="TotalEnergies" alt="greske vozaca" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahrokzmqdpse16c/greske-vozaca.webp 1x" title="TotalEnergies" alt="greske vozaca" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahrokzmqdpse16c/greske-vozaca.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="greske vozaca" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahrokzmqdpse16c/greske-vozaca.webp 1x" title="TotalEnergies" alt="greske vozaca" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahrokzmqdpse16c/greske-vozaca.webp 1x" title="TotalEnergies" alt="greske vozaca" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahrokzmqdpse16c/greske-vozaca.webp" alt="greske vozaca" width="372" 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>10 najopasnijih grešaka vozača</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/10-najopasnijih-gresaka-vozaca"> <span>Više...</span> </a> </div> </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-4 block card tw-relative text-font card__grid_small_33" id="ujete-li-neto-udno-evo-to-vam-automobil-govori" 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/xysh7dg731ta78csofb3jfymcc/cujete-li-nesto-cudno-evo-sta-vam-auto-porucuje.webp 1x" title="TotalEnergies" alt="Čujete li nešto čudno? Evo šta Vam auto poručuje" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta78csofb3jfymcc/cujete-li-nesto-cudno-evo-sta-vam-auto-porucuje.webp 1x" title="TotalEnergies" alt="Čujete li nešto čudno? Evo šta Vam auto poručuje" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta78csofb3jfymcc/cujete-li-nesto-cudno-evo-sta-vam-auto-porucuje.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="Čujete li nešto čudno? Evo šta Vam auto poručuje" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta78csofb3jfymcc/cujete-li-nesto-cudno-evo-sta-vam-auto-porucuje.webp 1x" title="TotalEnergies" alt="Čujete li nešto čudno? Evo šta Vam auto poručuje" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta78csofb3jfymcc/cujete-li-nesto-cudno-evo-sta-vam-auto-porucuje.webp 1x" title="TotalEnergies" alt="Čujete li nešto čudno? Evo šta Vam auto poručuje" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta78csofb3jfymcc/cujete-li-nesto-cudno-evo-sta-vam-auto-porucuje.webp" alt="Čujete li nešto čudno? Evo šta Vam auto poručuje" width="372" 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>Čujete li nešto čudno? Evo što Vam automobil govori</h3> </div> <a aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] 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="/savjeti-i-preporuke/ekako/cujete-li-nesto-cudno-evo-sto-vam-automobil-porucuje"> <span>Više...</span> </a> </div> </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--active-trail 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--active-trail 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--active-trail 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 menu__item--active-trail"> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 menu__link--active-trail lg:tw-hidden is-active" data-drupal-link-system-path="node/181" aria-current="page"> eKako </a> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 menu__link--active-trail lg:tw-block lg:tw-visible tw-hidden tw-invisible is-active" data-drupal-link-system-path="node/181" aria-current="page"> 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> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/181","currentPathIsAdmin":false,"isFront":false,"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":"savjeti-i-preporuke::ekako","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":""}},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"43cb2f2b0310390c9d45112c3261879bca0a5e198ccb7f99bc6871410cca2853"}}</script> <script src="/sites/g/files/wompnd4981/files/js/js_xhzLhs4WIQ_w_Zuvs3dFj-9Z-s_6qMXNJ05bjsjPZyw.js?scope=footer&amp;delta=0&amp;language=sh&amp;theme=butterfly_theme&amp;include=eJyFzrEOwyAMBNAfCuGTIuNcFVRjUmOk5u_L0C7NwHY-v-EcJLmX_Ir-Sxu1S3nB2yXrM-7WT5L1ey6pu8Mecm1-oCASc7U9V719GthHHxpbFVkGQ-RazqpQb-sfDyEZaGfrJc1tAxkfIZHN7VgOU5JQoH3Oj7EC9gHtUm5C"></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_MA-52eWRIWzrVZ2k7RoqWzb84yPrrWyl9EpGw1Vel8U.js?scope=footer&amp;delta=2&amp;language=sh&amp;theme=butterfly_theme&amp;include=eJyFzrEOwyAMBNAfCuGTIuNcFVRjUmOk5u_L0C7NwHY-v-EcJLmX_Ir-Sxu1S3nB2yXrM-7WT5L1ey6pu8Mecm1-oCASc7U9V719GthHHxpbFVkGQ-RazqpQb-sfDyEZaGfrJc1tAxkfIZHN7VgOU5JQoH3Oj7EC9gHtUm5C"></script> </body> </html>

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