:root{--home-shadow:0 10px 30px rgba(22,22,26,.07);--home-radius:16px}
.home-header .brand{display:flex;align-items:center;gap:9px;line-height:1;font-size:2rem}.home-header .brand img{display:block!important;width:34px;height:34px;flex:0 0 34px}.home-header .brand::after{content:none}.home-header .nav{height:80px}
.home-hero{padding:42px 0 0;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%);overflow:hidden}.home-hero__inner{position:relative;min-height:174px;display:flex;align-items:flex-start}.home-hero__copy{position:relative;z-index:2;max-width:800px}.home-hero h1{font-size:clamp(2.35rem,4.1vw,4rem);font-weight:900;letter-spacing:-.045em;line-height:1.02}.home-hero h1 em{font-style:normal;color:#f5ae00}.home-hero p{margin-top:10px;color:#303744;font-size:clamp(1.05rem,1.8vw,1.45rem)}.home-hero__art{position:absolute;right:-30px;bottom:-70px;width:48%;height:250px;object-fit:cover;object-position:center;opacity:.14;filter:grayscale(1) sepia(.5)}
.home-app{padding:0 0 28px;background:#fbfaf7}.home-app__grid{display:grid;grid-template-columns:250px minmax(0,1.25fr) minmax(290px,.92fr);gap:14px;align-items:stretch}.home-sidebar,.home-panel,.home-tool,.home-trust{background:#fff;border:1px solid #e8e6e0;border-radius:var(--home-radius);box-shadow:var(--home-shadow)}
.home-sidebar{padding:16px;display:flex;flex-direction:column;gap:6px}.home-sidebar a{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:11px;font-weight:600}.home-sidebar a:hover,.home-sidebar .is-current{background:linear-gradient(110deg,#fff1bd,#fff8df)}.home-icon{display:grid;place-items:center;width:27px;height:27px;font-size:25px;font-weight:800;color:#16161a}
.home-directory{display:grid;gap:14px}.home-panel{padding:20px 22px}.home-panel h2{font-size:1.65rem;font-weight:900}.home-panel p{color:#687188;line-height:1.35}.home-search-panel .finder{max-width:none;margin-top:16px;padding:0;display:grid;grid-template-columns:1fr;background:transparent;box-shadow:none;gap:10px}.home-search-panel .finder .field{height:52px;border:1px solid #cfd4df;border-radius:10px;background:#fff}.home-search-panel .finder select{padding:0;font-size:1rem}.home-search-panel .finder .btn{height:52px;justify-content:center;border:0;border-radius:10px}.home-location{display:inline-flex;margin-top:10px;border:0;background:none;color:#735b00;font-weight:700;text-decoration:underline;cursor:pointer}.home-search-panel .geo-result{color:#16161a;background:#fff8e1;border-color:#ffc400}.home-search-panel .geo-cancel{color:#16161a;border-color:#777}.home-search-panel .geo-cancel:hover{background:#16161a;color:#fff}
.home-panel__head{display:flex;gap:16px;justify-content:space-between;align-items:end;margin-bottom:12px}.home-panel__head>a{font-weight:800;color:#8b6800;white-space:nowrap}.home-city-list{display:grid;gap:8px}.home-city-list>a{display:grid;grid-template-columns:54px 1fr 18px;gap:12px;align-items:center;min-height:62px;padding:8px 12px;border:1px solid #dfe2e8;border-radius:10px;transition:.15s}.home-city-list>a:hover{border-color:#ffc400;transform:translateX(2px)}.home-city-list strong,.home-city-list small{display:block}.home-city-list strong{font:800 1.05rem/1.1 Archivo,sans-serif}.home-city-list small{margin-top:4px;color:#687188}.home-city-list b{font-size:2rem;font-weight:400}.city-mark{display:grid;place-items:center;width:50px;height:42px;background:#f1f2f5;color:#70798c;border-radius:8px;font:900 .8rem Archivo,sans-serif;letter-spacing:.06em}
.home-tools{display:grid;gap:14px}.home-tool{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:18px 18px 16px;color:#16161a}.home-tool>span:last-child{display:flex;flex-direction:column;min-width:0}.home-tool strong{font:800 1.15rem/1.15 Archivo,sans-serif}.home-tool small{display:block;margin:5px 0 14px;color:#687188;line-height:1.35}.home-tool em{display:block;margin-top:auto;padding:10px 12px;border-radius:9px;background:#ffc107;color:#16161a;text-align:center;font-style:normal;font-weight:800}.home-tool:hover em{background:#e0a200}.home-tool__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff3cc;font-size:30px;font-weight:900}.home-trust{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(100deg,#fff9e9,#fff)}.home-trust p{line-height:1.2}.home-trust strong,.home-trust small{display:block}.home-trust small{margin-top:5px;color:#687188}.home-mobile-nav{display:none}
.semantic-system{padding-top:64px}
@media(max-width:1050px){.home-app__grid{grid-template-columns:210px 1fr}.home-tools{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.home-trust{grid-column:1/-1}.home-tool{grid-template-columns:52px 1fr}.home-tool__icon{width:48px;height:48px;font-size:24px}}
@media(max-width:760px){body{padding-bottom:72px}.home-header{position:sticky;top:0;z-index:100}.home-header .nav{height:76px}.home-header .brand{font-size:1.85rem}.home-header .nav-links{top:76px}.home-hero{padding-top:32px}.home-hero__inner{min-height:220px}.home-hero__copy{max-width:92%}.home-hero h1{font-size:clamp(2.15rem,9vw,3rem);max-width:13ch}.home-hero p{max-width:18ch;line-height:1.3}.home-hero__art{right:-10%;bottom:-46px;width:82%;height:190px}.home-app{padding-bottom:22px}.home-app__grid{display:block}.home-sidebar{display:none}.home-directory,.home-tools{display:grid;grid-template-columns:1fr;gap:12px}.home-panel,.home-tool,.home-trust{border-radius:14px}.home-panel{padding:18px}.home-panel h2{font-size:1.55rem}.home-search-panel .finder{display:grid}.home-city-panel{margin-bottom:12px}.home-panel__head>a{font-size:.85rem}.home-city-list>a{grid-template-columns:48px 1fr 14px;padding:8px;min-height:64px}.city-mark{width:44px}.home-city-list small{font-size:.83rem}.home-tool{grid-template-columns:58px 1fr;padding:14px;align-items:center}.home-tool strong{font-size:1.08rem}.home-tool small{margin-bottom:0}.home-tool em{display:none}.home-trust{margin-bottom:8px}.home-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:120;height:70px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid #ddd;box-shadow:0 -6px 20px rgba(0,0,0,.06);backdrop-filter:blur(12px)}.home-mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:.72rem;color:#26304a}.home-mobile-nav span{font-size:24px;line-height:1}.home-mobile-nav .is-current{color:#d99700}.semantic-system{padding-top:52px}}
@media(max-width:420px){.home-header .wrap,.home-hero .wrap,.home-app .wrap{padding-left:16px;padding-right:16px}.home-header .brand{font-size:1.65rem}.home-hero h1{font-size:2.2rem}.home-panel__head{align-items:flex-start;flex-direction:column;gap:4px}.home-panel__head>a{align-self:flex-end}.home-city-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.home-city-list>a{transform:none!important}}

/* Finalna hero panorama */
.home-hero{background:#fbfaf7}
.home-hero__inner{min-height:260px}
.home-hero__art{right:-40px;bottom:-4px;width:62%;height:220px;object-fit:cover;object-position:center bottom;opacity:.82;filter:none}
@media(max-width:760px){
  .home-hero__inner{min-height:250px}
  .home-hero__art{right:-34%;bottom:-3px;width:118%;height:166px;object-position:center bottom;opacity:.72}
}

/* Panorama se prikazuje cela, bez vertikalnog odsecanja */
.home-hero__art{height:auto;object-fit:contain;object-position:center bottom}
@media(max-width:760px){
  .home-hero__art{right:-30%;bottom:0;width:112%;height:auto;object-fit:contain;object-position:center bottom}
}

/* Jači kontrast panorame na svetloj pozadini */
.home-hero{position:relative;background:linear-gradient(180deg,#f2eee5 0%,#e8dfcf 100%)}
.home-hero::after{content:"";position:absolute;inset:auto 0 0;height:72%;background:linear-gradient(180deg,transparent,rgba(205,188,154,.24));pointer-events:none}
.home-hero__inner{z-index:1}
.home-hero__art{opacity:1;filter:brightness(.86) contrast(1.28) saturate(1.18)}
@media(max-width:760px){
  .home-hero{background:linear-gradient(180deg,#f3efe7 0%,#e5dac7 100%)}
  .home-hero__art{opacity:1;filter:brightness(.84) contrast(1.32) saturate(1.2)}
}

/* Hero panorama kao jedinstvena pozadina, bez vidljivog pravougaonika */
.home-hero{
  min-height:310px;
  background-color:#eee7da;
  background-image:
    linear-gradient(90deg,#eee7da 0%,rgba(238,231,218,.98) 31%,rgba(238,231,218,.72) 47%,rgba(238,231,218,.12) 69%,rgba(238,231,218,0) 100%),
    url('/slike/taxi-co-rs-hero-panorama-beograd.webp');
  background-repeat:no-repeat;
  background-size:cover,cover;
  background-position:center,center 61%;
}
.home-hero::after{display:none}
.home-hero__inner{min-height:268px}
.home-hero__art{display:none}
.home-hero__copy{max-width:760px;padding:4px 0 38px}
@media(max-width:760px){
  .home-hero{
    min-height:365px;
    background-image:
      linear-gradient(180deg,#f3efe7 0%,rgba(243,239,231,.96) 47%,rgba(243,239,231,.36) 69%,rgba(243,239,231,0) 100%),
      url('/slike/taxi-co-rs-hero-panorama-beograd.webp');
    background-size:cover,auto 190px;
    background-position:center,center bottom;
  }
  .home-hero__inner{min-height:325px}
  .home-hero__copy{max-width:100%;padding-bottom:170px}
  .home-hero h1{max-width:12ch}
  .home-hero p{max-width:24ch}
}

/* Završno kadriranje prema desktop i mobilnom snimku */
@media(min-width:761px){
  .home-hero{
    background-size:cover,110% auto;
    background-position:center,center bottom;
  }
}

/* Jedina desktop slika: ukloni sve zaostale background kopije */
@media(min-width:761px){
  .home-hero,
  .home-hero__inner{
    background-image:none!important;
  }
  .home-hero__art{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    width:min(1140px,calc(100vw - 48px))!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* Stvarni desktop IMG centriran u odnosu na ekran */
@media(min-width:761px){
  .home-hero{
    background:#fbfaf7;
    background-image:none;
  }
  .home-hero__inner{
    position:relative;
    overflow:hidden;
    background:none;
  }
  .home-hero__art{
    display:block;
    position:absolute;
    left:50%;
    right:auto;
    bottom:0;
    width:min(1140px,calc(100vw - 48px));
    max-width:none;
    height:auto;
    transform:translateX(-50%);
    object-fit:contain;
    object-position:center bottom;
    opacity:1;
    filter:none;
  }
  .home-hero__copy{position:relative;z-index:2}
}

/* Čvrsto ograničenje desktop hero bloka unutar ivica sajta */
@media(min-width:761px){
  .home-hero{
    padding:28px 0 0;
    background:#fbfaf7;
  }
  .home-hero__inner{
    width:calc(100% - 48px);
    max-width:1140px;
    min-height:290px;
    margin-left:auto;
    margin-right:auto;
    padding:32px;
    border-radius:18px;
    background-size:cover,auto 280px;
    background-position:center,right bottom;
  }
  .home-hero__copy{padding:0 0 34px}
}

/* Konačno: desktop panorama centrirana preko cele širine hero kontejnera */
@media(min-width:761px){
  .home-hero__inner{
    background-color:#fbfaf7;
    background-image:url('/slike/taxi-co-rs-hero-panorama-beograd.webp');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center bottom;
  }
  .home-hero__copy{
    max-width:760px;
    text-shadow:0 1px 0 rgba(251,250,247,.95),0 0 18px rgba(251,250,247,.9);
  }
}

/* Definitivno: panorama centrirana prema celom desktop ekranu */
@media(min-width:761px){
  .home-hero{
    background-color:#fbfaf7;
    background-image:url('/slike/taxi-co-rs-hero-panorama-beograd.webp');
    background-repeat:no-repeat;
    background-size:min(1140px,calc(100vw - 48px)) auto;
    background-position:center bottom;
  }
  .home-hero__inner{
    background:none;
  }
}

/* Desktop panorama ograničena na centriranu širinu sadržaja sajta */
@media(min-width:761px){
  .home-hero{
    background:#fbfaf7;
    background-image:none;
  }
  .home-hero__inner{
    overflow:hidden;
    background-color:#fbfaf7;
    background-image:
      linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.99) 38%,rgba(251,250,247,.82) 48%,rgba(251,250,247,.18) 63%,rgba(251,250,247,0) 76%),
      url('/slike/taxi-co-rs-hero-panorama-beograd.webp');
    background-repeat:no-repeat;
    background-size:cover,auto 300px;
    background-position:center,right bottom;
  }
}
@media(max-width:760px){
  .home-hero{
    background-size:cover,auto 190px;
    background-position:center,85% bottom;
  }
}

/* Konačni desktop kadar: cela panorama desno, bez uvećanja preko naslova */
@media(min-width:761px){
  .home-hero{
    background-color:#fbfaf7;
    background-image:
      linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.99) 38%,rgba(251,250,247,.82) 48%,rgba(251,250,247,.18) 63%,rgba(251,250,247,0) 76%),
      url('/slike/taxi-co-rs-hero-panorama-beograd.webp');
    background-size:cover,auto 300px;
    background-position:center,right bottom;
  }
}

/* FINAL: samo jedan centrirani IMG na desktopu */
@media(min-width:761px){
  .home-hero,
  .home-hero__inner{background-image:none!important}
  .home-hero__art{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    width:min(1140px,calc(100vw - 48px))!important;
    max-width:none!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* Hero WebP bez teksta — desktop i mobilni kadar */
.home-hero__art{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:min(1280px,100%)!important;
  max-width:none!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  filter:none!important;
  z-index:0;
}
.home-hero__art img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.home-hero__copy{position:relative;z-index:2}
@media(min-width:761px){
  .home-hero__art{bottom:-135px!important}
}
@media(max-width:760px){
  .home-hero__art{width:100%!important;left:50%!important;bottom:0!important}
  .home-hero__art img{width:100%;height:auto}
}
@media (min-width: 761px) {
  .home-hero__art {
    bottom: -55px !important;
  }
}