:root{--green:#008a48;--dark:#222a29;--muted:#66716e;--line:#e6ece9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);box-shadow:0 2px 18px #172b2110}.header-inner{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 24px}.brand img{display:block;width:180px;max-height:75px;object-fit:contain}.header-controls{display:flex;align-items:center;gap:15px;order:3}.gtranslate_wrapper{display:flex;gap:5px;align-items:center}.main-nav{margin-left:auto}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:22px}.main-nav li{position:relative}.main-nav a{font-size:14px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.main-nav a:hover,.main-nav a:focus-visible{color:var(--green)}.nav-parent{display:flex;align-items:center}.submenu-toggle{border:0;background:transparent;cursor:pointer;color:var(--green);padding:8px}.main-nav .submenu{position:absolute;left:0;top:100%;min-width:245px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;box-shadow:0 16px 35px #102a1b20;display:none}.main-nav .submenu li a{display:block;padding:12px 14px;border-radius:7px;font-weight:500;letter-spacing:0}.main-nav .submenu li a:hover{background:#e9f5ee}.has-sub:hover>.submenu,.has-sub:focus-within>.submenu,.has-sub.open>.submenu{display:block}.menu-toggle{display:none}.hero{min-height:570px;background:linear-gradient(90deg,#fffef8e8 0%,#ffffff70 44%,transparent 70%),url('/tau-s-1.jpg') center center/cover;display:flex;align-items:center}.hero-inner,.content-wrap{width:min(1200px,calc(100% - 48px));margin:auto}.eyebrow{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.14em}.hero h1{font-size:clamp(36px,5vw,65px);max-width:700px;line-height:1.1;margin:16px 0}.hero p{max-width:520px;line-height:1.7;font-size:18px}.button{display:inline-block;background:var(--green);color:white;padding:15px 23px;border-radius:8px;font-weight:700;margin-top:15px}.section{padding:76px 0}.section h2{font-size:clamp(28px,3vw,40px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:28px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px #14291b0a}.service-card:hover{border-color:var(--green)}.service-card h3{margin:0 0 12px}.service-card p{color:var(--muted);line-height:1.65}.page-hero{padding:80px 0 45px;background:#f0f7f3}.page-hero h1{font-size:clamp(32px,4vw,52px);margin:0}.page-content{min-height:260px;line-height:1.75}.site-footer{background:#1d2725;color:#e9f2ed}.footer-inner{max-width:1200px;margin:auto;padding:64px 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:38px}.footer-about img{width:185px;background:#fff;padding:10px;border-radius:8px}.footer-about p,.footer-contact p{color:#b8c9c1;line-height:1.7}.footer-group,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.site-footer h2{font-size:16px;margin:0 0 10px;color:#fff}.footer-group a{color:#cbdad2;font-size:14px}.footer-group a:hover{color:#70d6a2}.footer-cta{background:var(--green);padding:14px 20px;border-radius:9px;color:#fff;font-weight:700}.footer-bottom{border-top:1px solid #ffffff22;max-width:1200px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;color:#b6c9be;font-size:13px}.back-to-top{color:#fff}@media(max-width:1100px){.header-inner{flex-wrap:wrap}.brand{flex:1}.header-controls{order:2}.menu-toggle{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.main-nav{order:3;display:none;width:100%;margin:0}.main-nav.is-open{display:block}.main-nav>ul{display:block;border-top:1px solid var(--line);padding:12px 0}.main-nav>ul>li{border-bottom:1px solid var(--line)}.main-nav>ul>li>a,.nav-parent>a{display:block;padding:15px 4px}.nav-parent{justify-content:space-between}.submenu-toggle{font-size:24px;padding:8px 18px}.main-nav .submenu{position:static;box-shadow:none;border:0;background:#f2f8f4;border-radius:9px;margin-bottom:8px;min-width:0}.has-sub:hover>.submenu,.has-sub:focus-within>.submenu{display:none}.has-sub.open>.submenu{display:block}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.header-inner{padding:11px 18px;gap:9px}.brand{width:100%;flex:auto;display:flex;justify-content:center}.brand img{width:190px;max-height:70px}.header-controls{width:100%;justify-content:space-between}.gtranslate_wrapper{min-height:35px}.hero{min-height:540px;background-position:63% center;background-image:linear-gradient(90deg,#ffffffeb 0%,#ffffffb0 56%,#ffffff30 100%),url('/tau-s-1.jpg')}.hero-inner,.content-wrap{width:calc(100% - 36px)}.hero h1{font-size:37px}.hero p{font-size:16px}.section{padding:52px 0}.cards{grid-template-columns:1fr}.site-footer{background:#182522}.footer-inner{padding:38px 20px 28px;grid-template-columns:1fr;gap:0}.footer-about{padding:0 0 28px;border-bottom:1px solid #ffffff25}.footer-about img{width:190px}.footer-about p{font-size:14px}.footer-group,.footer-contact{padding:25px 0;border-bottom:1px solid #ffffff25;gap:0}.footer-group h2,.footer-contact h2{font-size:17px;margin-bottom:15px;border-left:3px solid #22b46a;padding-left:11px}.footer-group a{display:block;width:100%;padding:11px 0;font-size:15px;border-bottom:1px solid #ffffff0e}.footer-contact p{margin:0 0 18px}.footer-cta{display:flex;justify-content:space-between;width:100%;padding:17px 20px;border-radius:12px}.footer-bottom{padding:22px 20px 32px;flex-direction:column;align-items:center;text-align:center;gap:16px}.back-to-top{background:#2b4038;border-radius:30px;padding:11px 20px}}

/* Naslovnica – slogan i dvije pozivne tipke */
.hero{min-height:650px;background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 38%,rgba(255,255,255,.08) 75%),url('/tau-s-1.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero h1{max-width:760px;font-size:clamp(35px,4.5vw,62px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}
.hero-actions .button{margin-top:0;display:inline-flex;align-items:center;gap:18px;justify-content:center;min-height:52px;transition:transform .2s ease,background .2s ease}
.hero-actions .button:hover{transform:translateY(-2px)}
.hero-actions .button-outline{background:rgba(255,255,255,.88);color:var(--green);border:2px solid var(--green)}
.hero-actions .button-outline:hover{background:#eaf7ef}
@media(max-width:650px){.hero{min-height:590px;background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.78) 56%,rgba(255,255,255,.25) 100%),url('/tau-s-1.jpg');background-position:64% center}.hero h1{font-size:clamp(32px,8vw,42px)}.hero-actions{align-items:stretch;flex-direction:column;max-width:340px}.hero-actions .button{width:100%}}


/* TAU – zajedničke kartice usluga */
.tau-services-related{padding:72px 20px 82px;background:#f4f8f5;color:#1b2923}
.tau-services-inner{max-width:1320px;margin:0 auto}
.tau-services-heading{margin-bottom:26px}
.tau-services-heading>span{font-size:12px;letter-spacing:.17em;font-weight:750;color:#018445}
.tau-services-heading h2{font-size:clamp(28px,3vw,40px);margin:8px 0 0;line-height:1.2}
.tau-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tau-service-tile{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;min-height:250px;background:#263e32;text-decoration:none;box-shadow:0 7px 25px rgba(12,50,28,.08);transition:transform .25s,box-shadow .25s;outline-offset:4px}
.tau-service-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .4s}
.tau-service-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(8,23,16,.85) 100%);z-index:0}
.tau-service-overlay{position:absolute;inset:auto 16px 18px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:8px;color:#fff}
.tau-service-overlay strong{font-size:17px;line-height:1.3;font-weight:700}
.tau-service-arrow{font-size:24px;line-height:1;flex:none}
.tau-service-tile:hover{transform:translateY(-5px);box-shadow:0 15px 32px rgba(12,50,28,.16)}
.tau-service-tile:hover img{transform:scale(1.055)}
.tau-service-tile.is-current{outline:3px solid #018445;outline-offset:-3px}
.tau-service-tile.is-current:before{content:"Trenutno";position:absolute;top:12px;left:12px;background:#018445;color:white;font-size:11px;font-weight:700;padding:6px 10px;border-radius:99px;z-index:2}
@media(max-width:1050px){.tau-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.tau-services-related{padding:50px 0 55px}.tau-services-heading{padding:0 20px}.tau-services-grid{display:flex;overflow-x:auto;gap:12px;padding:4px 20px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}.tau-service-tile{flex:0 0 min(72vw,270px);height:250px;scroll-snap-align:start}.tau-service-overlay strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.tau-service-tile,.tau-service-tile img{transition:none}}

/* TAU: mobilne kartice usluga na svim stranicama, bez horizontalnog pomicanja */
@media screen and (max-width: 680px) {
  .tau-services-related .tau-services-grid,
  .tau-services-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    padding: 4px 18px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .tau-services-grid .tau-service-tile {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 235px !important;
    min-height: 235px !important;
    flex: none !important;
    scroll-snap-align: none !important;
  }
  .tau-services-related { overflow: hidden; }
}