@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--ink:#17202b;--muted:#66717f;--line:#e5e9ee;--bg:#f5f7f9;--dark:#101820;--accent:#d7f25b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:999;background:white;padding:10px}.topbar{background:#111a23;color:#e5eaf0;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0;gap:12px}.topsep{opacity:.4;margin:0 8px}.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.navwrap{display:flex;align-items:center;gap:28px;min-height:88px}.brand img{display:block;width:174px;height:auto}.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav>a,.dropbutton{font-size:14px;font-weight:700}.nav>a:hover,.dropbutton:hover{color:#667b08}.dropdown{position:relative}.dropbutton{background:none;border:0;cursor:pointer;padding:15px 0;color:inherit}.submenu{display:none;position:absolute;top:100%;left:-18px;min-width:255px;background:#fff;box-shadow:0 15px 45px #0d1d2a1e;border:1px solid var(--line);border-radius:13px;padding:10px}.dropdown:hover .submenu,.dropdown:focus-within .submenu,.dropdown.open .submenu{display:grid}.submenu a{padding:9px 12px;border-radius:7px;font-size:13px}.submenu a:hover{background:var(--bg)}.lang{display:flex;gap:4px}.lang button{background:#f3f5f6;border:0;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:800;cursor:pointer}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 80% 30%,#364655 0,transparent 45%),#121c26;color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:95px 0}.eyebrow{display:inline-block;text-transform:uppercase;font-weight:800;letter-spacing:.17em;font-size:12px;color:#8b9aab}.hero .eyebrow{color:var(--accent)}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(42px,6vw,78px);margin:20px 0}h2{font-size:clamp(30px,4vw,47px);margin:12px 0 22px}h3{font-size:21px}.hero p{color:#cbd3da;font-size:18px;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;background:var(--accent);color:#18210a;border:1px solid var(--accent);border-radius:8px;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;color:inherit;border-color:#9ca8b3}.hero-visual{border:1px solid #ffffff30;border-radius:24px;padding:40px;background:linear-gradient(145deg,#ffffff17,#ffffff04);min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.hero-visual .big{font-size:clamp(65px,9vw,140px);font-weight:800;letter-spacing:-.09em;line-height:1}.hero-visual p{font-size:14px}.section{padding:85px 0}.soft{background:var(--bg)}.section-intro{max-width:680px;margin-bottom:30px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:17px;padding:28px;background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #17202b10}.card .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;background:#eff3e0;padding:6px 9px;border-radius:5px}.card p{color:var(--muted);font-size:14px}.card .arrow{font-weight:800;font-size:13px}.banner{padding:55px 0;background:#eaf1dd}.banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.pagehero{background:#f0f3f6;padding:70px 0}.pagehero h1{font-size:clamp(38px,5vw,60px);margin:12px 0}.pagehero p{max-width:700px;color:var(--muted)}.content{max-width:850px}.content p{color:#4d5965}.order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.order-item{border:1px solid var(--line);border-radius:13px;padding:24px;background:white;display:flex;justify-content:space-between;gap:15px;font-weight:800}.order-item:hover{border-color:#a0ba35}.notice{border-left:4px solid #bdce60;padding:16px 20px;background:#f5f8e8;border-radius:5px;margin:20px 0}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.field{display:grid;gap:6px;margin-bottom:15px}.field input,.field textarea,.field select{width:100%;border:1px solid #d5dce4;border-radius:8px;padding:12px;background:#fff}.footer{background:#111a23;color:#e6ebf0;padding-top:65px}.footergrid{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr;gap:38px}.footerlogo{font-size:38px;font-weight:800;letter-spacing:-.08em}.footerlogo span{color:var(--accent)}.footer h3{font-size:15px;letter-spacing:0;margin:12px 0 18px}.footer p{color:#aab6c2;font-size:14px}.footergrid a:not(.footerlogo){display:block;color:#b7c2cc;font-size:13px;margin-bottom:10px}.footer a:hover{color:var(--accent)}.footbottom{border-top:1px solid #ffffff22;margin-top:45px;padding:22px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#9aa9b6}.footbottom div{display:flex;gap:16px;flex-wrap:wrap}.footbottom button{background:none;color:inherit;border:0;cursor:pointer;padding:0;font-size:12px}.cookie{position:fixed;bottom:18px;left:18px;right:18px;max-width:750px;margin:auto;background:white;border:1px solid var(--line);box-shadow:0 10px 50px #0003;border-radius:15px;padding:20px;z-index:80;display:flex;align-items:center;gap:20px}.cookie[hidden]{display:none}.cookie p{font-size:12px;margin:5px 0 0;color:var(--muted)}.cookie-actions{display:flex;gap:7px}.cookie .btn{font-size:12px;padding:10px}.cookie .secondary{color:#17202b;border-color:#ced5dd}#to-top{position:fixed;bottom:20px;right:20px;border:0;border-radius:50%;background:var(--accent);width:43px;height:43px;cursor:pointer;font-size:22px}.goog-te-banner-frame{display:none!important}body{top:0!important}@media(max-width:950px){.navwrap{flex-wrap:wrap;gap:15px;min-height:75px;padding:12px 0}.brand img{width:145px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}.nav{display:none;order:5;width:100%;margin:0;align-items:stretch;flex-direction:column;gap:0}.nav.active{display:flex}.nav>a,.dropbutton{padding:12px 0;text-align:left}.submenu{position:static;box-shadow:none;min-width:0}.dropdown:hover .submenu{display:none}.dropdown.open .submenu{display:grid}.lang{margin-left:0}.hero-inner{grid-template-columns:1fr;padding:70px 0}.hero-visual{min-height:220px}.cards{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:repeat(2,1fr)}.contactgrid{grid-template-columns:1fr}}@media(max-width:600px){.topbar .wrap{justify-content:center}.topbar .wrap>span:first-child{display:none}.wrap{width:min(100% - 30px,1180px)}.lang{width:100%;justify-content:flex-start}.hero-inner{gap:25px;padding:50px 0}.hero-visual{padding:25px}.section{padding:55px 0}.cards,.order-grid,.footergrid{grid-template-columns:1fr}.banner .wrap{align-items:flex-start;flex-direction:column}.cookie{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}.footbottom{margin-top:30px}}

/* TEMBO 2026: fotografije distribucija samo na naslovnici */
.distribution-card{position:relative;isolation:isolate;overflow:hidden;min-height:310px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background-color:#17202b;background-size:cover;background-position:center;color:#fff;border-color:transparent;transition:transform .25s ease,box-shadow .25s ease}
.distribution-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,13,21,.92),rgba(7,13,21,.45) 62%,rgba(7,13,21,.12));transition:background .2s}
.distribution-card h3,.distribution-card p,.distribution-card .arrow{color:#fff}
.distribution-card h3{margin:18px 0 10px}
.distribution-card p{color:#e3e8ed;line-height:1.65}
.distribution-card .tag{color:#14202a;background:#f1f3e4}
.distribution-card .arrow{margin-top:auto;padding-top:15px}
.distribution-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px #17202b33}
.distribution-card:focus-visible{outline:3px solid #b5ce68;outline-offset:3px}
@media(max-width:700px){.distribution-card{min-height:290px;padding:26px}}
.distribution-card-gulf{background-image:url("/assets/distribucije/gulf.webp")}
.distribution-card-italjet{background-image:url("/assets/distribucije/italjet.webp")}
.distribution-card-peugeot{background-image:url("/assets/distribucije/peugeot.webp")}
.distribution-card-grom{background-image:url("/assets/distribucije/grom.webp")}
.distribution-card-tembo{background-image:url("/assets/distribucije/tembo.webp")}
.distribution-card-infinity{background-image:url("/assets/distribucije/infinity.webp")}

/* TEMBO 2026: SVG zastavice i naglašen mobilni izbornik – desktop bez promjena */
.mobile-flag{display:none}
@media(max-width:950px){
  .header .menu-toggle{color:#101820!important;font-weight:800!important;font-size:15px!important;letter-spacing:.01em;background:#edf1f4!important;border:1px solid #aab6c0!important;padding:11px 15px!important;box-shadow:0 2px 8px #10182012}
  .header .menu-toggle span{color:#101820!important;font-weight:800!important}
  .header .lang{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .header .lang button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:65px;min-height:40px;padding:7px 9px;background:#f2f5f7;border:1px solid #d8e0e6;border-radius:9px;color:#17202b;font-size:12px;font-weight:800;cursor:pointer}
  .header .lang button:focus-visible{outline:2px solid #334b60;outline-offset:2px}
  .header .mobile-flag{display:block;flex-shrink:0;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #0002}
}
/* Google Translate: sakrij informativne trake i plutajuće poruke, zadrži funkciju prijevoda */
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,
.goog-te-balloon-frame,#goog-gt-tt,.goog-tooltip,.goog-tooltip:hover,
.goog-text-highlight,.goog-te-spinner-pos,.goog-te-gadget-icon,
.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-yAWNEb-VIpgJd-fmcmS,.VIpgJd-yAWNEb-VIpgJd-fmcmS:hover{
  display:none!important;visibility:hidden!important;box-shadow:none!important;background:transparent!important
}
html.translated-ltr,html.translated-rtl,body{top:0!important}
body{position:relative}