Proizvodi i usluge prilagođeni potrebama kupaca

<!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><link rel="canonical" href="https://totalenergies.hr/specijalni-fluidi/proizvodi-i-usluge-prilagodeni-potrebama-kupaca" /> <meta property="og:site_name" content="TotalEnergies Hrvatska" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://totalenergies.hr/specijalni-fluidi/proizvodi-i-usluge-prilagodeni-potrebama-kupaca" /> <meta property="og:title" content="Proizvodi i usluge prilagođeni potrebama kupaca | TotalEnergies Hrvatska" /> <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": "Proizvodi i usluge prilagođeni potrebama kupaca" } ] }</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/specijalni-fluidi/proizvodi-i-usluge-prilagodeni-potrebama-kupaca" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Proizvodi i usluge prilagođeni potrebama kupaca | TotalEnergies Hrvatska</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4981/files/css/css_L3k_LJpjBXO_ojiGZ8zn6YpLvb7XRzwZOx7qon8htpU.css?delta=0&language=sh&theme=butterfly_theme&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&language=sh&theme=butterfly_theme&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--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--nolink 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"> 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--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="/specijalni-fluidi-visokog-stupnja-cistoce-i-visokih-performansi" 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" 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--active-trail 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__link--active-trail 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 is-active" data-drupal-link-system-path="node/721" aria-current="page"> <span> Proizvodi </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--no-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="menu__link menu__link--link menu__link--level-1 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover" data-drupal-link-system-path="node/306"> <span> Lub savjetnik </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Savjeti i preporuke <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/176"> Savjeti i preporuke </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/savjeti-i-preporuke/video-tutorijali" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/331"> <span> Video tutorijali </span> </a> <button type="button" aria-label="Video tutorijali" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke/video-tutorijali" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/331"> Video tutorijali </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/postavljanje-sjedalica-za-djecu-u-automobil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/671"> <span> Postavljanje sjedalica za djecu u automobil </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/kako-voskirati-automobil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/661"> <span> Kako voskirati automobil </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/10-savjeta-za-voznju-na-autocesti" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/651"> <span> 10 savjeta za vožnju na autocesti </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/pravila-voznje-u-kruznom-toku" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/636"> <span> Pravila vožnje u kružnom toku </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/video-tutorijali/video-tutorijali-2019" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/631"> <span> Video tutorijali 2019 </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/181"> <span> eKako </span> </a> <button type="button" aria-label="eKako" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke/ekako" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/181"> eKako </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/koja-su-ulja-prikladna-za-hibridna-vozila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/756"> <span> Koja su ulja prikladna za hibridna vozila? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/sto-se-desava-s-gorivom-zimi" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/686"> <span> Što se dešava s gorivom zimi? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/zasto-automobil-gubi-snagu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/666"> <span> Zašto automobil gubi snagu? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/interval-zamjene-motornog-ulja-sto-trebate-znati" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/656"> <span> Interval zamjene motornog ulja </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-odabrati-gume-za-automobil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/641"> <span> Kako odabrati gume za automobil? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/preporuke-za-tehnicki-pregled-vozila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/626"> <span> Preporuke za tehnički pregled vozila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/10-najopasnijih-gresaka-vozaca" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/196"> <span> 10 najopasnijih grešaka vozača </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/15-stvari-koje-trebate-provjeriti-prije-polaska-na-put" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/321"> <span> 15 stvari koje trebate provjeriti prije polaska na put </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/5-dragocjenih-savjeta-za-odrzavanje-dizel-motora" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/366"> <span> 5 dragocjenih savjeta za održavanje dizel motora </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/5-korisnih-savjeta-za-sigurnu-vucu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/226"> <span> 5 korisnih savjeta za sigurnu vuču </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/5-provjera-vaseg-automobila-koje-mozete-napraviti-sami" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/186"> <span> 5 provjera vašeg automobila koje možete izvršiti sami </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-odrzavati-kabinu-automobila-cistom" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/356"> <span> Kako održavati kabinu automobila čistom? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-pravilno-zagrijati-motor" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/296"> <span> Kako pravilno zagrijati motor </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-se-ponasati-u-slucaju-prometne-nesrece" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/311"> <span> Kako se ponašati u slučaju prometne nesreće? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kako-voziti-u-slucaju-pljuska" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/286"> <span> Kako voziti u slučaju pljuska </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/kocione-tekucine-za-automobile" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/761"> <span> Kočione tekućine za automobile </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/maziva-za-ustedu-goriva-istine-i-dvojbe" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/291"> <span> Maziva za uštedu goriva - istine i dvojbe </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/najcesci-problemi-s-pokretanjem-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/231"> <span> Najčešći problemi s pokretanjem automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/oznake-korisnih-auto-asistenata" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/236"> <span> Oznake korisnih auto-asistenata </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/savjeti-za-putovanje-s-ljubimcem" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/241"> <span> Savjeti za putovanje s ljubimcem </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/sve-sto-treba-znati-o-klima-uredaju-u-automobilu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/201"> <span> Sve što treba znati o klima-uređaju u automobilu </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/utjecaj-glazbe-na-voznju-pozitivan-ili-negativan" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/276"> <span> Utjecaj glazbe na vožnju - pozitivan ili negativan? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/vrste-motornih-ulja-razlike-i-namjena" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/766"> <span> Vrste motornih ulja – razlike i namjena </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/zracni-jastuci-koliko-su-u-biti-sigurni" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/221"> <span> Zračni jastuci – koliko su u biti sigurni </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/ekako/cujete-li-nesto-cudno-evo-sto-vam-automobil-govori" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/191"> <span> Čujete li nešto čudno? Evo što Vam automobil govori </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/savjeti-i-preporuke/infografici" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/246"> <span> Infografici </span> </a> <button type="button" aria-label="Infografici" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/savjeti-i-preporuke/infografici" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/246"> Infografici </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/karakteristike-sustava-za-automatsko-kocenje-kod-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/496"> <span> Karakteristike sustava za automatsko kočenje kod automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/10-stvari-na-koje-treba-obratiti-paznju-preko-ljeta" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/466"> <span> 10 stvari na koje treba obratiti pažnju preko ljeta </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/neprocjenjivi-savjeti-za-sigurno-pretjecanje-kamiona" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/451"> <span> Neprocjenjivi savjeti za sigurno pretjecanje kamiona </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/kljucnih-8-savjeta-za-nocnu-voznju" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/411"> <span> Ključnih 8 savjeta za noćnu vožnju </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/sto-su-hibridni-automobili-i-jesu-li-pravi-izbor-za-vas" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/391"> <span> Što su hibridni automobili? </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/10-savjeta-za-sigurnu-voznju" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/371"> <span> 10 savjeta za sigurnu vožnju </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/10-savjeta-za-zastitu-vaseg-automobila-od-ljetne-vrucine" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/261"> <span> 10 savjeta za zaštitu Vašeg automobila od ljetne vrućine </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/13-stvari-koje-vozaci-najcesce-rade-krivo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/266"> <span> 13 stvari koje vozači najčešće rade krivo </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/15-dragocjenih-savjeta-za-odrzavanje-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/316"> <span> 15 dragocjenih savjeta za održavanje automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/preporuke-i-greske-oko-odrzavanja-automobila" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/271"> <span> Preporuke i greške oko održavanja automobila </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/savjeti-i-preporuke/infografici/voznja-s-djecom-korisni-savjeti" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/351"> <span> Vožnja s djecom: korisni savjeti </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Servisni koncept <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/servisni-koncept" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/511"> Servisni koncept </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/516"> <span> Automobili i laka teretna vozila - TQAS </span> </a> <button type="button" aria-label="Automobili i laka teretna vozila - TQAS" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/516"> Automobili i laka teretna vozila - TQAS </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/ibb-ozalj" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/396"> <span> IBB | Ozalj </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/cackovic-prom-samobor" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/576"> <span> Čačković Prom | Samobor </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/tkalcec-sracinec-varazdin" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/691"> <span> Tkalčec | Sračinec </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/auto-celinscak-doo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/741"> <span> Auto Celinšćak | Klinča Sela </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas/auto-silvio-doo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/751"> <span> Auto Silvio | Sveta Nedelja </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/521"> <span> Kamioni i teška teretna vozila - TRTC </span> </a> <button type="button" aria-label="Kamioni i teška teretna vozila - TRTC" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/521"> Kamioni i teška teretna vozila - TRTC </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc/sve-dugo-selo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/556"> <span> S.V.E | Dugo selo </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc/truck-servis-lupinjak" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/571"> <span> Truck Servis | Lupinjak </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc/piljak-zlatar" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/681"> <span> Piljak | Zlatar </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> TotalEnergies u Hrvatskoj <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Zatvori</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Back </button> <a href="/totalenergies-u-hrvatskoj" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/341"> TotalEnergies u Hrvatskoj </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/211"> <span> Naša mreža distributera </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/total-u-hrvatskoj/lokalne-vijesti" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/141"> <span> Lokalne vijesti </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/total-u-hrvatskoj/na-putu-prema-sigurnosti" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/346"> <span> Na putu prema sigurnosti </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> <div class="lg:tw-block tw-hidden" role="search"> <button class="js-search-button js-header-search-button search-button-main-menu ltr:tw-ml-6 rtl:tw-mr-6 lg:tw-inline-flex tw-hidden" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-dark-text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Traženje</span> </button> </div> </div> <div class="region region--secondary-navigation tw-flex xl:tw-gap-6 lg:tw-gap-4 tw-flex-wrap lg:tw-flex-row lg:tw-items-center tw-flex-col lg:tw-justify-end secondary-region__menu--container tw-transition-opacity tw-duration-300 tw-ease-linear tw-opacity-100 lg:tw-pt-3 lg-max:before:tw-content-[""] lg-max:before:tw-h-px lg-max:before:tw-bg-grey-light lg-max:before:tw-my-5 lg-max:before:-tw-mx-2.5"> <nav role="navigation" id="block-butterfly-theme-external-menu" class="main-menu__pipe"> <div class="menu__item--button menu__item--go-back tw-hidden external__back-button-1"> </div> <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw-flex lg:tw-items-center xl:tw-gap-6 lg:tw-gap-4 lg:tw-flex-row tw-flex-col"> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/katalog-proizvoda" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/731"> Katalog proizvoda </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/faq" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/791"> FAQ </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/kontakt" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/206"> <span aria-hidden="true" class="icon icon--icon-message external-menu__dropdown--icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 6.75C21 5.787 20.19 5 19.2 5H4.8C3.81 5 3 5.787 3 6.75m18 0v10.5c0 .963-.81 1.75-1.8 1.75H4.8c-.99 0-1.8-.788-1.8-1.75V6.75m18 0-9 6.125L3 6.75"/></svg> </span> Kontakt </a> </div> </li> </ul> </nav> <div id="block-butterfly-theme-top-right-link-block" class="block block-te-block block-top-right-link-block lg:tw-py-0 tw-py-4"> <div class="block-content tw-text-component-dark-text lg:tw-text-component-primary lg:tw-text-s tw-text-base tw-font-bold main-menu__top-right--click lg:header-font heading-font hover:tw-underline lg-max:tw-tracking-xs"> <a href="https://totalenergies.com/">TotalEnergies.com</a> </div> </div> </div> </div> </div> </div> <div class="te-search-form tw-absolute -tw-z-40 tw-bg-component-white tw-left-0 tw-right-0 visually-hidden" aria-hidden="true"> <form class="search-form container tw-flex tw-items-center rtl:tw-flex-row-reverse" id="search-form" novalidate data-drupal-selector="search-form" action="/specijalni-fluidi/proizvodi-i-usluge-prilagodeni-potrebama-kupaca" 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"> <span class="tw-inline text-font tw-text-component-dark-text tw-font-bold"> <span class="breadcrumb-text-content tw-align-middle">Proizvodi i usluge prilagođeni potrebama kupaca</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"> Proizvodi i usluge prilagođeni potrebama kupaca </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="dodatne-supstance-za-veterinarske-vakcine" 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/xysh7dg731tahjew31pex99eah/dodatne-supstance-za-veterinarske-vakcine.webp 1x" title="Michel Cecconi" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjew31pex99eah/dodatne-supstance-za-veterinarske-vakcine.webp 1x" title="Michel Cecconi" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjew31pex99eah/dodatne-supstance-za-veterinarske-vakcine.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="Michel Cecconi" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjew31pex99eah/dodatne-supstance-za-veterinarske-vakcine.webp 1x" title="Michel Cecconi" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjew31pex99eah/dodatne-supstance-za-veterinarske-vakcine.webp 1x" title="Michel Cecconi" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjew31pex99eah/dodatne-supstance-za-veterinarske-vakcine.webp" alt="" width="372" title="Michel Cecconi" 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>Dodatne supstance za veterinarske vakcine</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/our-services/life-sciences/our-eolane-adjuvants-veterinary-vaccines"> <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="aromatski-rastvarai" 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/xysh7dg731ta7ajpsb3qe4i6sw/aromatic-solvents-png.webp 1x" title="Adobe" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ajpsb3qe4i6sw/aromatic-solvents-png.webp 1x" title="Adobe" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ajpsb3qe4i6sw/aromatic-solvents-png.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="Adobe" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ajpsb3qe4i6sw/aromatic-solvents-png.webp 1x" title="Adobe" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ajpsb3qe4i6sw/aromatic-solvents-png.webp 1x" title="Adobe" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ajpsb3qe4i6sw/aromatic-solvents-png.webp" alt="" width="372" title="Adobe" 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>Aromatski rastvarači</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/our-toluene-xylene-and-solvarex-aromatic-solvents"> <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="kozmetiki-alkani" 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/xysh7dg731tahmmn4xadg5wqrw/kozmeticki-alkani.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahmmn4xadg5wqrw/kozmeticki-alkani.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahmmn4xadg5wqrw/kozmeticki-alkani.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahmmn4xadg5wqrw/kozmeticki-alkani.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahmmn4xadg5wqrw/kozmeticki-alkani.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahmmn4xadg5wqrw/kozmeticki-alkani.webp" alt="" width="372" title="TotalEnergies" 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>Kozmetički alkani</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/your-industry/gemseal-and-jellyseal-range-alkanes-cosmetic-emollient"> <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="parafinska-ulja-za-zatitu-useva" 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/xysh7dg731tah7ffyy73zx4x3o/parafinska-ulja-za-zastitu-useva.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7ffyy73zx4x3o/parafinska-ulja-za-zastitu-useva.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7ffyy73zx4x3o/parafinska-ulja-za-zastitu-useva.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7ffyy73zx4x3o/parafinska-ulja-za-zastitu-useva.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7ffyy73zx4x3o/parafinska-ulja-za-zastitu-useva.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tah7ffyy73zx4x3o/parafinska-ulja-za-zastitu-useva.webp" alt="" width="372" title="TotalEnergies" 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>Parafinska ulja za zaštitu useva</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/products-and-services/life-sciences/our-insecticide-and-acaricidal-paraffin-oils-crop-protection"> <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="dearomatizovani-fluidi" 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/xysh7dg731ta7ipoaqqiifyycy/dearomatizovani-fluidi.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ipoaqqiifyycy/dearomatizovani-fluidi.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ipoaqqiifyycy/dearomatizovani-fluidi.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ipoaqqiifyycy/dearomatizovani-fluidi.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ipoaqqiifyycy/dearomatizovani-fluidi.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7ipoaqqiifyycy/dearomatizovani-fluidi.webp" alt="" width="372" title="TotalEnergies" 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>Dearomatizovani fluidi</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/products-and-services/discover-our-dearomatized-solvents"> <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="dearomatizovani-kerozin" 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/xysh7dg731ta7aertdqgm454my/dearomatizovani-kerozin.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7aertdqgm454my/dearomatizovani-kerozin.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7aertdqgm454my/dearomatizovani-kerozin.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7aertdqgm454my/dearomatizovani-kerozin.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7aertdqgm454my/dearomatizovani-kerozin.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7aertdqgm454my/dearomatizovani-kerozin.webp" alt="" width="372" title="TotalEnergies" 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>Dearomatizovani kerozin</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/our-kerosene-hydrocarbon-solvents"> <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="dearomatizovani-white-spirit" 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/xysh7dg731ta7hgiwtcd3qbrec/dearomatizovani-white-spirit.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7hgiwtcd3qbrec/dearomatizovani-white-spirit.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7hgiwtcd3qbrec/dearomatizovani-white-spirit.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7hgiwtcd3qbrec/dearomatizovani-white-spirit.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7hgiwtcd3qbrec/dearomatizovani-white-spirit.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7hgiwtcd3qbrec/dearomatizovani-white-spirit.webp" alt="" width="372" title="TotalEnergies" 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>Dearomatizovani white spirit</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/white-spirdane-solvents-3-categories-white-spirits"> <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="izoparafini" 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/xysh7dg731ta7kw4cmdoc6osbw/izoparafini.webp 1x" title="iStock" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7kw4cmdoc6osbw/izoparafini.webp 1x" title="iStock" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7kw4cmdoc6osbw/izoparafini.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="iStock" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7kw4cmdoc6osbw/izoparafini.webp 1x" title="iStock" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7kw4cmdoc6osbw/izoparafini.webp 1x" title="iStock" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7kw4cmdoc6osbw/izoparafini.webp" alt="" width="372" title="iStock" 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>Izoparafini</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/isane-our-range-isoparaffinic-solvents"> <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="obnovljivi-fluidi-biolife" 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/xysh7dg731ta73ddxp3qtticic/obnovljivi-fluidi-biolife.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddxp3qtticic/obnovljivi-fluidi-biolife.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddxp3qtticic/obnovljivi-fluidi-biolife.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddxp3qtticic/obnovljivi-fluidi-biolife.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddxp3qtticic/obnovljivi-fluidi-biolife.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddxp3qtticic/obnovljivi-fluidi-biolife.webp" alt="" width="372" title="TotalEnergies" 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>Obnovljivi fluidi BioLife</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/nos-offres-ecoresponsables/biolife-biomass-based-renewable-isoalkanes"> <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="procesna-ulja-za-gumarsku-industriju" 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/xysh7dg731ta7es8jm9b483hfr/procesna-ulja-za-gumarsku-industriju.webp 1x" title="iStock" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7es8jm9b483hfr/procesna-ulja-za-gumarsku-industriju.webp 1x" title="iStock" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7es8jm9b483hfr/procesna-ulja-za-gumarsku-industriju.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="iStock" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7es8jm9b483hfr/procesna-ulja-za-gumarsku-industriju.webp 1x" title="iStock" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7es8jm9b483hfr/procesna-ulja-za-gumarsku-industriju.webp 1x" title="iStock" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7es8jm9b483hfr/procesna-ulja-za-gumarsku-industriju.webp" alt="" width="372" title="iStock" 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>Procesna ulja za gumarsku industriju</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/our-services/performance-chemistry/our-plaxene-and-plaxolene-rubber-and-tire-process-oils"> <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="white-spirits-sa-prilagoenom-takom-kljuanja" 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/xysh7dg731tahqugi63iddnbqa/special-boiling-point-spirits-png.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqugi63iddnbqa/special-boiling-point-spirits-png.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqugi63iddnbqa/special-boiling-point-spirits-png.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqugi63iddnbqa/special-boiling-point-spirits-png.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqugi63iddnbqa/special-boiling-point-spirits-png.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahqugi63iddnbqa/special-boiling-point-spirits-png.webp" alt="" width="372" title="TotalEnergies" 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>White spirits sa prilagođenom tačkom ključanja</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/our-services/performance-chemistry/solane-our-spb-aliphatic-solvents"> <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="rastvarai-veoma-visoke-istoe" 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/xysh7dg731tahjuribmid5uzqe/tres-haute-purete-png.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjuribmid5uzqe/tres-haute-purete-png.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjuribmid5uzqe/tres-haute-purete-png.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjuribmid5uzqe/tres-haute-purete-png.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjuribmid5uzqe/tres-haute-purete-png.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjuribmid5uzqe/tres-haute-purete-png.webp" alt="" width="372" title="TotalEnergies" 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>Rastvarači veoma visoke čistoće</h3> </div> <a target="_blank" aria-label="Više..." class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="https://specialfluids.totalenergies.com/en/products/all-our-products/very-high-purity-solvents-designed-high-performance-industries"> <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--active-trail 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--active-trail 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--active-trail 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 menu__item--active-trail"> <a href="/specijalni-fluidi-visokog-stupnja-cistoce-i-visokih-performansi" class="menu__link menu__link--link menu__link--level-2 menu__link--active-trail 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 menu__link--active-trail lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/711"> Specijalni fluidi </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/306"> Lub savjetnik </a> </button> <div data-target="footer" aria-controls="accordion-footer-2" id="accordion-footer-2-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/automobilska-maziva/automobilska-maziva/lub-savjetnik-0" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/306"> Lub savjetnik </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/savjeti-i-preporuke" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/176"> Savjeti i preporuke </a> </button> <div data-target="footer" aria-controls="accordion-footer-3" id="accordion-footer-3-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/savjeti-i-preporuke" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/176"> Savjeti i preporuke </a> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-3" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-3-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/savjeti-i-preporuke/video-tutorijali" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/331"> Video tutorijali </a> <a href="/savjeti-i-preporuke/video-tutorijali" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/331"> Video tutorijali </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/181"> eKako </a> <a href="/savjeti-i-preporuke/ekako" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/181"> eKako </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/savjeti-i-preporuke/infografici" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/246"> Infografici </a> <a href="/savjeti-i-preporuke/infografici" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/246"> Infografici </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-4" id="accordion-footer-4-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/servisni-koncept" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/511"> Servisni koncept </a> </button> <div data-target="footer" aria-controls="accordion-footer-4" id="accordion-footer-4-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/servisni-koncept" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/511"> Servisni koncept </a> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-4" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-4-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/516"> Automobili i laka teretna vozila - TQAS </a> <a href="/servisni-koncept/automobili-i-laka-teretna-vozila-tqas" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/516"> Automobili i laka teretna vozila - TQAS </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/521"> Kamioni i teška teretna vozila - TRTC </a> <a href="/servisni-koncept/kamioni-i-teska-teretna-vozila-trtc" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/521"> Kamioni i teška teretna vozila - TRTC </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/servisni-koncept/totalenergies-kroz-hrvatsku" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/526"> TotalEnergies kroz Hrvatsku </a> <a href="/servisni-koncept/totalenergies-kroz-hrvatsku" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/526"> TotalEnergies kroz Hrvatsku </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-5" id="accordion-footer-5-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/totalenergies-u-hrvatskoj" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/341"> TotalEnergies u Hrvatskoj </a> </button> <div data-target="footer" aria-controls="accordion-footer-5" id="accordion-footer-5-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/totalenergies-u-hrvatskoj" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/341"> TotalEnergies u Hrvatskoj </a> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-5" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-5-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/211"> Naša mreža distributera </a> <a href="/totalenergies-u-hrvatskoj/nasa-mreza-distributera" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/211"> Naša mreža distributera </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/total-u-hrvatskoj/lokalne-vijesti" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/141"> Lokalne vijesti </a> <a href="/total-u-hrvatskoj/lokalne-vijesti" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/141"> Lokalne vijesti </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/total-u-hrvatskoj/na-putu-prema-sigurnosti" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/346"> Na putu prema sigurnosti </a> <a href="/total-u-hrvatskoj/na-putu-prema-sigurnosti" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/346"> Na putu prema sigurnosti </a> </li> </ul> </div> </li> </ul> </nav> </div> <div> <nav role="navigation" id="block-butterfly-theme-footer"> <ul data-region="footer_secondary" data-component-id="butterfly_theme:secondary-menu-footer" class="menu menu--level-1 secondary-menu-footer tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-4 tw-gap-y-5 tw-py-10 tw-text-sm tw-font-bold"> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/pravilnik-o-zastiti-osobnih-podataka-i-programskim-kolacicima" title="Cookie and privacy" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/786">Pravilnik o zaštiti osobnih podataka i programskim kolačićima</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/opci-uvjeti-koristenja" title="Legal" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/776">Opći uvjeti korištenja</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/pristupacnost-djelomicno-uskladeno" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/696">Pristupačnost: djelomično usklađeno</a> </li> <li class="menu__item menu__item--button menu__item--level-1"> <button class="hover:tw-underline menu__link menu__link--button menu__link--level-1" aria-haspopup="true" onclick="utag.gdpr.showConsentPreferences();return false;" type="button">Cookies</button> </li> <li class="menu__item menu__item--nolink menu__item--level-1"> <span class="tw-font-medium menu__link menu__link--nolink menu__link--level-1" title="Copyright">© TotalEnergies 2025</span> </li> </ul> </nav> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/721","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":"specijalni-fluidi::proizvodi-i-usluge-prilagodeni-potrebama-kupaca","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&delta=0&language=sh&theme=butterfly_theme&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&delta=2&language=sh&theme=butterfly_theme&include=eJyFzrEOwyAMBNAfCuGTIuNcFVRjUmOk5u_L0C7NwHY-v-EcJLmX_Ir-Sxu1S3nB2yXrM-7WT5L1ey6pu8Mecm1-oCASc7U9V719GthHHxpbFVkGQ-RazqpQb-sfDyEZaGfrJc1tAxkfIZHN7VgOU5JQoH3Oj7EC9gHtUm5C"></script> </body> </html>

CINXE.COM

Proizvodi i usluge prilagođeni potrebama kupaca | TotalEnergies Hrvatska