/* Fleet Tracer / Mogućnosti - dodatak postojećim stilovima. Ne mijenja navbar, footer ni Brzu pomoć. */
body.ft-showcase-redesign { --ft-showcase-ink:#103c64; --ft-showcase-blue:#147bb6; --ft-showcase-border:#d9e6f2; --ft-showcase-shadow:0 15px 45px rgba(6,63,111,.075); }
#ai-card[hidden]{display:none!important}
body.ft-showcase-redesign main.mogucnosti-content .page-head{padding-bottom:20px}
body.ft-showcase-redesign main.mogucnosti-content .page-head h1{font-size:clamp(28px,3vw,39px)}
body.ft-showcase-redesign .main-panel { box-shadow:var(--ft-showcase-shadow); border-color:#dbe8f3 }
body.ft-showcase-redesign .panel-heading__desc{font-size:0.875rem}
.ft-showcase-hero { margin:0 0 26px; min-height:330px;display:grid;grid-template-columns:0.95fr 1.05fr;align-items:center;gap:20px;background:linear-gradient(119deg,#eff7fc 0%,#e9f5fc 53%,#e5f3fc 100%);border:1px solid #d6eaf7;border-radius:23px;overflow:hidden;padding:30px 30px 30px 34px;box-shadow:0 10px 35px rgba(15,86,146,.045);isolation:isolate }
.ft-showcase-hero-copy {min-width:0; position:relative;z-index:2}
.ft-showcase-eyebrow{font-size:0.6875rem;letter-spacing:.115em;font-weight:850;color:#186994;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}
.ft-showcase-live-dot{height:9px;width:9px;background:#22a7cf;border-radius:50%;box-shadow:0 0 0 4px #cceffa}
.ft-showcase-hero-copy h2{font-size:clamp(24px,3.1vw,35px);line-height:1.14;letter-spacing:-.04em;font-weight:850;color:#073d6a;margin:15px 0 12px}
.ft-showcase-hero-copy p{font-size:0.875rem;line-height:1.72;color:#3b5d76;margin:0 0 17px;max-width:440px}
.ft-showcase-hero-tokens{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 23px}
.ft-showcase-hero-tokens span{font-size:0.6875rem;font-weight:700;border:1px solid #c9deee;background:#fff9;color:#23618d;border-radius:100px;padding:6px 11px}
.ft-showcase-explore{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:11px 17px;border-radius:11px;background:#075e9e;color:white!important;font-size:0.8125rem;font-weight:800;text-decoration:none!important;box-shadow:0 6px 16px #075e9e20}
.ft-showcase-explore:hover{background:#054b80;color:white}
.ft-showcase-collage{height:295px;position:relative;min-width:0;transform:translateX(3px)}
.ft-showcase-collage__desktop,.ft-showcase-collage__management,.ft-showcase-collage__phone{position:absolute;overflow:hidden;background:white;box-shadow:0 19px 30px #0c4b791c;border:1px solid #d5e5f2}
.ft-showcase-collage__desktop{width:90%;height:174px;right:0;top:12px;border-radius:12px;transform:rotate(-1.2deg)}
.ft-showcase-collage__desktop img,.ft-showcase-collage__management img{width:100%;height:100%;object-fit:cover;object-position:top center}
.ft-showcase-collage__management{width:76%;height:132px;bottom:10px;right:16%;border-radius:11px;transform:rotate(2.2deg)}
.ft-showcase-collage__phone{height:170px;width:100px;bottom:9px;right:-6px;border:5px solid #203f56;border-radius:17px;background:#e8f5fd;transform:rotate(5deg);z-index:2}
.ft-showcase-collage__phone img{display:block;height:100%;width:100%;object-fit:cover;object-position:center center}
.ft-showcase-collage__tag{position:absolute;right:0;top:1px;font-size:0.625rem;background:#fff;color:#175579;font-weight:800;padding:7px 11px;border-radius:40px;box-shadow:0 2px 8px #15567a18;z-index:4}
.ft-showcase-app-preview{border-radius:19px;border:1px solid #d3e5f3;background:linear-gradient(145deg,#f9fcff,#f0f8fe);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.99fr);gap:22px;align-items:center;padding:25px 24px 23px;margin:4px 0 23px;overflow:hidden}
.ft-showcase-app-preview[data-app="mobile"]{grid-template-columns:1.25fr .75fr}
.ft-showcase-preview-copy{min-width:0}
.ft-showcase-preview-kicker{font-size:0.6875rem;letter-spacing:.085em;text-transform:uppercase;color:#1b8dbb;font-weight:850}
.ft-showcase-preview-copy h3{font-size:1.5rem;letter-spacing:-.03em;color:#0d4977;font-weight:850;margin:5px 0 8px;line-height:1.2}
.ft-showcase-preview-lead{font-size:1rem;font-weight:750;color:#183f5b;margin:0 0 6px}
.ft-showcase-preview-desc{font-size:0.8125rem;line-height:1.65;color:#4b697e;margin:0 0 14px}
.ft-showcase-highlights{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}
.ft-showcase-highlights span{display:inline-flex;align-items:center;gap:5px;font-size:0.6875rem;font-weight:750;color:#1e648e;background:white;border:1px solid #dbeaf4;padding:6px 9px;border-radius:8px}
.ft-showcase-highlights svg{color:#1c9fba}
.ft-showcase-preview-actions{display:flex;gap:8px;flex-wrap:wrap}
.ft-showcase-video-btn{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;background:#08619c;color:white;font-size:0.8125rem;line-height:1.25;font-weight:800;box-shadow:0 5px 10px rgba(6,83,137,.13);cursor:pointer}
.ft-showcase-video-btn:hover,.ft-showcase-video-btn:focus-visible{background:#064a7d;color:white}
.ft-showcase-video-btn--compact{padding:10px 13px;font-size:0.75rem;align-self:flex-start}
.ft-showcase-preview-picture{min-width:0;display:flex;align-items:center;justify-content:center}
.ft-showcase-image-open{border:0;padding:0;background:none;cursor:zoom-in;text-align:left;position:relative;width:100%}
.ft-showcase-preview-shot{height:221px;max-width:100%;border-radius:11px;overflow:hidden;border:1px solid #cbdce9;box-shadow:0 11px 27px rgba(0,67,108,.12);background:white}
.ft-showcase-preview-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}
.ft-showcase-app-preview[data-app="mobile"] .ft-showcase-preview-shot{width:min(160px,100%);height:250px;padding:3px;border:4px solid #2a4254;border-radius:19px;background:#2a4254;box-shadow:0 12px 26px rgba(0,67,108,.12);}
.ft-showcase-app-preview[data-app="mobile"] .ft-showcase-preview-shot img{object-fit:contain;background:white;border-radius:10px}
.ft-showcase-preview-shot:hover img,.ft-showcase-detail-shot:hover img{transform:scale(1.022)}
.ft-showcase-picture-label{position:absolute;bottom:10px;left:10px;background:#fffffff0;color:#185078;padding:6px 10px;border-radius:8px;font-size:0.6875rem;font-weight:800}
.ft-showcase-picture-expand{position:absolute;top:10px;right:10px;border-radius:8px;padding:3px 8px;background:#ffffffee;color:#14608c;font-size:1.3125rem;line-height:1}
body.ft-showcase-redesign .features{gap:12px}
body.ft-showcase-redesign .feature-card{min-height:119px;align-items:center;border-color:#dbe7f0;padding:15px 15px 15px 16px;gap:12px}
body.ft-showcase-redesign .feature-card:hover{border-color:#8bc6e6}
body.ft-showcase-redesign .feature-card .card-icon{align-self:flex-start}
body.ft-showcase-redesign .feature-card .card-body{align-self:center}
.ft-showcase-card-thumb{width:107px;height:67px;flex:none;overflow:hidden;background:#f1f6fb;border:1px solid #e0e8f2;border-radius:9px;display:block}
.ft-showcase-card-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}
.ft-showcase-card-thumb img[src*="mobile-"]{object-fit:contain;background:#e8f1f8}
body.ft-showcase-redesign .feature-card .card-chevron{margin-left:0}
body.ft-showcase-redesign .feature-card .card-title{font-size:0.9375rem}
body.ft-showcase-redesign .feature-card .card-desc{font-size:0.75rem}
body.ft-showcase-redesign .detail{border-color:#c4ddeb;box-shadow:0 18px 45px #06457411}
.ft-showcase-detail-visual{display:grid;grid-template-columns:1.22fr 1fr;gap:19px;padding:21px 27px;background:#fcfeff;border-bottom:1px solid #e0eaf2;align-items:stretch}
.ft-showcase-detail-shot{border-radius:11px;max-height:270px;min-height:190px;overflow:hidden;border:1px solid #d4e3ed;background:#f0f5fa;box-shadow:0 9px 23px #124e6e12}
.ft-showcase-detail-shot img{display:block;width:100%;height:100%;max-height:270px;object-fit:cover;object-position:top;transition:transform .25s}
.ft-showcase-detail-shot img[src*="mobile-"]{object-fit:contain;object-position:center;background:#eaf2f8}
.ft-showcase-image-magnify{position:absolute;bottom:11px;left:11px;padding:7px 11px;border-radius:9px;background:#fff;color:#115888;box-shadow:0 4px 13px #0d3a571a;font-size:0.6875rem;font-weight:850}
.ft-showcase-detail-insight{padding:10px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.ft-showcase-insight-label{font-size:0.6875rem;letter-spacing:.065em;color:#2884a9;text-transform:uppercase;font-weight:850}
.ft-showcase-detail-insight p{font-size:1rem;line-height:1.55;color:#143c5a;font-weight:750;margin:11px 0 19px}
.ft-showcase-detail-insight small{font-size:0.6875rem;line-height:1.48;color:#687f91;margin-top:13px}
.ft-showcase-image-dialog{position:fixed;max-width:min(96vw,1500px);max-height:94vh;border:0;border-radius:15px;box-shadow:0 30px 80px #0006;background:white;padding:13px 13px 4px;overflow:auto;z-index:2147483647}
.ft-showcase-image-dialog::backdrop{background:rgba(3,20,41,.8)}
.ft-showcase-dialog-inner{position:relative}
.ft-showcase-dialog-inner img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:0 auto;border-radius:5px}
.ft-showcase-dialog-inner p{color:#355776;margin:9px 4px 10px;font-size:0.75rem;font-weight:600;text-align:center}
.ft-showcase-dialog-close{position:absolute;right:7px;top:7px;background:#083d68;color:white;border:0;border-radius:50%;width:36px;height:36px;font-size:0.9375rem;line-height:1;cursor:pointer}
@media(max-width:1020px){.ft-showcase-card-thumb{width:83px;height:58px}.ft-showcase-hero{grid-template-columns:1fr 1fr}.ft-showcase-collage__phone{right:-10px}}
@media(max-width:780px){.ft-showcase-hero{padding:24px;grid-template-columns:1fr}.ft-showcase-collage{width:min(100%,570px);margin:0 auto;height:260px}.ft-showcase-app-preview,.ft-showcase-app-preview[data-app="mobile"]{grid-template-columns:1fr;gap:18px}.ft-showcase-preview-picture{max-width:100%}.ft-showcase-preview-shot{height:240px}.ft-showcase-app-preview[data-app="mobile"] .ft-showcase-preview-shot{width:min(160px,100%);height:265px}.ft-showcase-detail-visual{grid-template-columns:1fr}.ft-showcase-detail-shot{height:235px}.ft-showcase-detail-insight{padding:0}}
@media(max-width:540px){.ft-showcase-hero{margin-bottom:15px;border-radius:17px;padding:22px 18px}.ft-showcase-hero-copy h2{font-size:1.625rem}.ft-showcase-collage{height:220px}.ft-showcase-collage__desktop{height:132px}.ft-showcase-collage__management{height:98px}.ft-showcase-collage__phone{height:146px;width:87px}.ft-showcase-collage__tag{font-size:0.5625rem}.ft-showcase-app-preview{padding:19px 16px;margin:3px 0 21px;border-radius:14px}.ft-showcase-preview-copy h3{font-size:1.4375rem}.ft-showcase-preview-lead{font-size:0.875rem}.ft-showcase-preview-shot{height:200px}.ft-showcase-highlights span{font-size:0.625rem}.ft-showcase-card-thumb{width:85px;height:59px}body.ft-showcase-redesign .feature-card{gap:9px;padding:12px 9px 12px 12px}body.ft-showcase-redesign .feature-card .card-icon{width:31px;height:31px}body.ft-showcase-redesign .feature-card .card-desc{font-size:0.6875rem}body.ft-showcase-redesign .feature-card .card-title{font-size:0.8125rem}.ft-showcase-detail-visual{padding:15px;gap:12px}.ft-showcase-detail-shot{min-height:170px;height:210px}.ft-showcase-detail-insight p{font-size:0.9375rem}.ft-showcase-image-dialog{padding:8px;max-width:97vw}}
@media(max-width:390px){.ft-showcase-card-thumb{width:63px;height:52px}.ft-showcase-hero-tokens span{font-size:0.625rem}.ft-showcase-card-thumb{display:none}}
@media(prefers-reduced-motion:reduce){.ft-showcase-preview-shot img,.ft-showcase-detail-shot img{transition:none!important}}
/* AI pristup – javno dostupna zajednička mogućnost sustava. */
body.ft-showcase-redesign .ft-showcase-ai-launch-card{background:linear-gradient(115deg,#e5f3ff,#f4faff 65%);border:1px solid #9ccdea;box-shadow:0 8px 27px #084b7c12;margin-top:23px}
.ft-showcase-ai-question{display:block;margin-top:9px;padding:9px 11px;background:#ffffffca;border:1px solid #cee6f9;border-radius:9px;font-weight:750;font-size:0.875rem;line-height:1.5;color:#16486d}

#ft-showcase-hero, #ft-showcase-app-preview {scroll-margin-top:90px}

/* Brza pomoć: istaknuti prikaz mobitela i čitljiv kratki opis. */
body.ft-showcase-redesign .ft-showcase-help-example{
  display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:32px;
  margin:0;padding:28px 36px;
  border-bottom:1px solid #d8e8f3;
  background:linear-gradient(115deg,#f1f8fd 0%,#f7fbfe 55%,#fff 100%);
}
.ft-showcase-help-copy{min-width:0;max-width:540px}
.ft-showcase-help-kicker{display:block;color:#1682b5;letter-spacing:.12em;font-weight:850;font-size:0.6875rem;margin-bottom:9px}
.ft-showcase-help-copy h3{font-size:1.4375rem;line-height:1.25;color:#123e62;font-weight:850;margin:0 0 12px}
.ft-showcase-help-copy p{font-size:0.9375rem;line-height:1.7;color:#355871;margin:0 0 18px}
.ft-showcase-help-tip{display:inline-flex;align-items:center;gap:9px;color:#136497;font-size:0.75rem;font-weight:750}
body.ft-showcase-redesign .ft-showcase-help-example .ft-showcase-help-phone{
  justify-self:center;box-sizing:border-box;display:block;position:relative;
  width:192px;max-width:100%;height:auto;padding:5px;
  background:#213e55;border:5px solid #213e55;border-radius:21px;
  box-shadow:0 13px 30px rgba(7,53,85,.20);
  overflow:hidden;line-height:0;text-align:left;
  transition:transform .2s ease,box-shadow .2s ease;
}
body.ft-showcase-redesign .ft-showcase-help-example .ft-showcase-help-phone:hover,
body.ft-showcase-redesign .ft-showcase-help-example .ft-showcase-help-phone:focus-visible{
  transform:translateY(-3px);box-shadow:0 17px 34px rgba(7,53,85,.25);
}
body.ft-showcase-redesign .ft-showcase-help-example .ft-showcase-help-phone img{
  display:block;width:100%;height:auto;max-height:none;object-fit:contain;
  border:0;border-radius:12px;background:#fff;
}
@media(max-width:720px){
  body.ft-showcase-redesign .ft-showcase-help-example{
    grid-template-columns:minmax(0,1fr) 195px;gap:16px;padding:23px 18px;
  }
  .ft-showcase-help-copy h3{font-size:1.25rem}
  body.ft-showcase-redesign .ft-showcase-help-example .ft-showcase-help-phone{width:170px}
}
@media(max-width:520px){
  body.ft-showcase-redesign .ft-showcase-help-example{
    grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 18px;
  }
  body.ft-showcase-redesign .ft-showcase-help-example .ft-showcase-help-phone{width:188px}
}


/* --- UX dorade 23.10.2026. --- */
.dropdown-item.ft-discovery-nav i{color:#f59f0b!important}
.dropdown-item.ft-discovery-nav:hover i,.dropdown-item.ft-discovery-nav:focus i,.dropdown-item.ft-discovery-nav:active i{color:#f59f0b!important}
.ft-showcase-image-open{overflow:hidden}
.ft-showcase-image-open::after{content:attr(data-ft-showcase-hover);position:absolute;left:50%;top:50%;transform:translate(-50%, 8px);padding:10px 14px;border-radius:999px;background:rgba(6,61,104,.92);color:#fff;font-size:0.75rem;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 25px rgba(3,34,58,.22);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap;z-index:5}
.ft-showcase-image-open:hover::after,.ft-showcase-image-open:focus-visible::after{opacity:1;transform:translate(-50%,-50%)}
.ft-showcase-preview-shot,.ft-showcase-detail-shot,.ft-showcase-help-example .ft-showcase-image-open{cursor:zoom-in}
.ft-showcase-picture-expand{opacity:0;transition:opacity .18s ease, transform .18s ease;transform:translateY(-4px)}
.ft-showcase-image-open:hover .ft-showcase-picture-expand,.ft-showcase-image-open:focus-visible .ft-showcase-picture-expand{opacity:1;transform:translateY(0)}
.ft-showcase-image-dialog{padding:12px 12px 8px;max-width:min(96vw,1540px);background:#fff}
.ft-showcase-dialog-inner{position:relative}
.ft-showcase-dialog-media{position:relative;cursor:zoom-out}
.ft-showcase-dialog-media img{cursor:zoom-out}
.ft-showcase-dialog-inner p{margin:10px 6px 6px;text-align:center;font-size:0.75rem;font-weight:700;color:#274962}
.ft-showcase-dialog-close{position:absolute;right:12px;top:12px;background:#ffffff;color:#083d68;border:2px solid #0b568a;border-radius:999px;width:44px;height:44px;font-size:1.125rem;line-height:1;box-shadow:0 10px 25px rgba(2,35,60,.2);z-index:6}
.ft-showcase-dialog-badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.96);color:#0e456a;font-size:0.8125rem;font-weight:800;box-shadow:0 8px 20px rgba(6,48,82,.16);max-width:min(70%, 700px);z-index:4}
.ft-showcase-dialog-focus{position:absolute;left:var(--focus-x);top:var(--focus-y);width:var(--focus-w);height:var(--focus-h);border:2px solid rgba(255,255,255,.96);border-radius:14px;box-shadow:0 0 0 9999px rgba(5,24,43,.30);pointer-events:none;z-index:3}
@media(max-width:780px){.ft-showcase-image-open::after{display:none}.ft-showcase-dialog-badge{font-size:0.75rem;left:12px;top:12px;max-width:75%}.ft-showcase-dialog-close{width:42px;height:42px;right:10px;top:10px}}


/* Ujednačeno povećavanje slika: isti princip kao na ostalim stranicama Telmatixa. */
body.ft-showcase-redesign .ft-showcase-image-open { position:relative; display:block; cursor:zoom-in; }
body.ft-showcase-redesign .ft-showcase-image-open::after { content:none !important; display:none !important; }
body.ft-showcase-redesign .ft-showcase-image-open .ft-showcase-zoom-control {
 position:absolute; left:50%; bottom:11px; display:flex; align-items:center; justify-content:center;
 gap:7px; padding:8px 14px; border-radius:99px; transform:translateX(-50%) translateY(5px);
 color:#fff; background:#095694; font-size:0.75rem; font-weight:800; white-space:nowrap;
 box-shadow:0 4px 16px rgba(0,36,78,.22); opacity:0; visibility:hidden;
 transition:opacity .18s,transform .18s,visibility .18s; z-index:6; pointer-events:none;
}
body.ft-showcase-redesign .ft-showcase-image-open .ft-showcase-zoom-control svg { width:17px; height:17px; flex:none; }
body.ft-showcase-redesign .ft-showcase-image-open:hover .ft-showcase-zoom-control,
body.ft-showcase-redesign .ft-showcase-image-open:focus-visible .ft-showcase-zoom-control {
 opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
}
body.ft-showcase-redesign .ft-showcase-preview-shot .ft-showcase-zoom-control,
body.ft-showcase-redesign .ft-showcase-detail-shot .ft-showcase-zoom-control { bottom:10px; }
body.ft-showcase-redesign .ft-showcase-preview-shot img,
body.ft-showcase-redesign .ft-showcase-detail-shot img { cursor:zoom-in; }
/* Uvećanu sliku zatvara klik po slici, kao i klik na potamnjenu pozadinu. */
.ft-showcase-image-dialog .ft-showcase-dialog-media,
.ft-showcase-image-dialog .ft-showcase-dialog-media img,
.ft-showcase-image-dialog .ft-showcase-dialog-focus { cursor:zoom-out !important; }
.ft-showcase-image-dialog .ft-showcase-dialog-media { overflow:hidden; border-radius:7px; }
.ft-showcase-image-dialog .ft-showcase-dialog-close { width:42px; height:42px; background:#fff; color:#0a497a; border:2px solid #0a497a; box-shadow:0 3px 13px #0004; }
.ft-showcase-image-dialog .ft-showcase-dialog-focus { border-color:#ffffffcc; box-shadow:0 0 0 9999px rgba(9,27,45,.24); }
@media(max-width:780px) {
  body.ft-showcase-redesign .ft-showcase-image-open .ft-showcase-zoom-control { font-size:0.6875rem; padding:7px 11px; }
}

/* Izbornik: standardni sivi hover kao demo poveznice, ikona uvijek narančasta. */
.dropdown-item.ft-discovery-nav:hover,
.dropdown-item.ft-discovery-nav:focus-visible {background-color:#e9ecef!important;color:#212529!important}
.dropdown-item.ft-discovery-nav i,
.dropdown-item.ft-discovery-nav:hover i,
.dropdown-item.ft-discovery-nav:focus i,
.dropdown-item.ft-discovery-nav:active i {color:#f59f0b!important;background:transparent!important}

/* Reprezentativna Desktop slika prikazuje se cijela, bez obruba i fokusnog zatamnjenja. */
.ft-showcase-app-preview[data-app="desktop"] .ft-showcase-preview-shot {
  height:auto;
  aspect-ratio:1920 / 930;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.ft-showcase-app-preview[data-app="desktop"] .ft-showcase-preview-shot img {
  width:100%;height:100%;object-fit:contain;object-position:center;
}


/* ============================================================
   Tipografija stranice Mogućnosti: prioritet čitljivost opisa.
   Veličine se oslanjaju na zajedničku osnovu u ft-web.css.
   ============================================================ */
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-hero-copy p,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-preview-desc,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-help-copy p,
body.mogucnosti-page.ft-showcase-redesign .page-head > p,
body.mogucnosti-page.ft-showcase-redesign .page-head .page-subtitle {
  font-size:var(--ft-type-body);line-height:1.6;
}
body.mogucnosti-page.ft-showcase-redesign .feature-card .card-desc,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-panel-heading__desc,
body.mogucnosti-page.ft-showcase-redesign .panel-heading__desc,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-detail-insight small,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-help-tip {
  font-size:var(--ft-type-description);line-height:1.55;
}
body.mogucnosti-page.ft-showcase-redesign .feature-card .card-title {
  font-size:1rem;line-height:1.45;
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-highlights span,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-video-btn,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-video-btn--compact,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-hero-tokens span {
  font-size:var(--ft-type-note);
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-insight-label,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-preview-kicker,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-help-kicker {
  font-size:.8125rem;
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-preview-copy h3 {
  font-size:1.5rem;
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-help-copy h3 {
  font-size:1.375rem;
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-detail-insight p {
  font-size:var(--ft-type-body);
}



/* Detalji Mogućnosti – sadržaj, ne ukrasne oznake. */
body.mogucnosti-page.ft-showcase-redesign .cap-item p,
body.mogucnosti-page.ft-showcase-redesign .detail-intro p,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-detail-insight p,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-preview-lead,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-preview-desc,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-hero-copy p,
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-help-copy p {
  font-size:var(--ft-type-body);line-height:1.6;
}
body.mogucnosti-page.ft-showcase-redesign .cap-item h3,
body.mogucnosti-page.ft-showcase-redesign .feature-card .card-desc,
body.mogucnosti-page.ft-showcase-redesign .panel-heading__desc,
body.mogucnosti-page.ft-showcase-redesign .detail-note,
body.mogucnosti-page.ft-showcase-redesign .context {
  font-size:var(--ft-type-description);line-height:1.55;
}

/* Audit P6 – proporcionalno skaliranje velikih naslova pri A−/A+. */
html[data-ft-user-text-size="90"] body.ft-showcase-redesign main.mogucnosti-content .page-head h1 {
  font-size: clamp(1.75rem, calc(3vw * 0.9), 2.4375rem);
}
html[data-ft-user-text-size="90"] body.ft-showcase-redesign .ft-showcase-hero-copy h2 {
  font-size: clamp(1.5rem, calc(3.1vw * 0.9), 2.1875rem);
}
html[data-ft-user-text-size="110"] body.ft-showcase-redesign main.mogucnosti-content .page-head h1 {
  font-size: clamp(1.75rem, calc(3vw * 1.1), 2.4375rem);
}
html[data-ft-user-text-size="110"] body.ft-showcase-redesign .ft-showcase-hero-copy h2 {
  font-size: clamp(1.5rem, calc(3.1vw * 1.1), 2.1875rem);
}
html[data-ft-user-text-size="120"] body.ft-showcase-redesign main.mogucnosti-content .page-head h1 {
  font-size: clamp(1.75rem, calc(3vw * 1.2), 2.4375rem);
}
html[data-ft-user-text-size="120"] body.ft-showcase-redesign .ft-showcase-hero-copy h2 {
  font-size: clamp(1.5rem, calc(3.1vw * 1.2), 2.1875rem);
}
html[data-ft-user-text-size="130"] body.ft-showcase-redesign main.mogucnosti-content .page-head h1 {
  font-size: clamp(1.75rem, calc(3vw * 1.3), 2.4375rem);
}
html[data-ft-user-text-size="130"] body.ft-showcase-redesign .ft-showcase-hero-copy h2 {
  font-size: clamp(1.5rem, calc(3.1vw * 1.3), 2.1875rem);
}

/* Mogućnosti: diskretna informativna oznaka samo za kartice s odgovarajućom snimkom. */
body.mogucnosti-page.ft-showcase-redesign .feature-card .ft-showcase-video-available {
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  margin-top:7px;
  padding:3px 8px;
  border:1px solid #cbe4f3;
  border-radius:999px;
  background:#eef8fe;
  color:#14658f;
  font-size:0.75rem;
  font-weight:750;
  line-height:1.3;
  white-space:normal;
}
body.mogucnosti-page.ft-showcase-redesign .feature-card .ft-showcase-video-available svg {
  flex:none;
}

/* Čitljivost detalja funkcionalnosti (uključujući AI pristup).
   Veličine su u rem kako bi slijedile Postavke prikaza (A− / A+).
   Ne mijenja se izgled kartica, navigacije, slika ni videozapisa. */
body.mogucnosti-page.ft-showcase-redesign #feature-detail .detail-heading {
  font-size: 1.0625rem; /* 17 px na 100% */
  line-height: 1.45;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .cap-item h3 {
  font-size: 1rem; /* 16 px na 100% */
  line-height: 1.45;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .questions strong {
  font-size: 1rem;
  line-height: 1.5;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .questions ul {
  font-size: 1rem; /* primjeri pitanja: prethodno 13 px */
  line-height: 1.6;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .questions li {
  margin-block: 0.45rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .detail-note {
  font-size: 1rem; /* važna napomena: 16 px */
  line-height: 1.6;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .back-button,
body.mogucnosti-page.ft-showcase-redesign #feature-detail .share-button {
  font-size: 0.9375rem; /* gumbi: 15 px */
  line-height: 1.4;
}


/* Uvodne oznake Desktop / Mobile / Management su prečaci na postojeće tabove.
   Zadržavaju dosadašnji izgled, ali su sada stvarni pristupačni gumbi. */
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-hero-tokens .ft-showcase-tab-shortcut {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c9deee;
  border-radius: 100px;
  background: #fff9;
  color: #23618d;
  padding: 6px 11px;
  font-family: inherit;
  font-size: var(--ft-type-note, .875rem);
  font-weight: 700;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-hero-tokens .ft-showcase-tab-shortcut:hover {
  background: #fff;
  border-color: #7eb8dd;
}
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-hero-tokens .ft-showcase-tab-shortcut:focus-visible {
  outline: 2px solid #075e9e;
  outline-offset: 3px;
}
body.mogucnosti-page #pregled-mogucnosti { scroll-margin-top: 90px; }

/* Kratka usporedba aplikacija: jednostavna skenirajuća tablica (bez proznog kataloga). */
body.mogucnosti-page.ft-showcase-redesign .ft-showcase-comparison { margin:-7px 0 14px; min-width:0; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-toggle {
  display:inline-flex;align-items:center;gap:9px;padding:8px 11px;
  border:1px solid #c9e1f2;border-radius:10px;background:#f3f9fe;
  color:#0c598c;font:inherit;font-size:.9375rem;font-weight:750;
  line-height:1.3;cursor:pointer;text-align:left;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-toggle:hover { background:#e9f5fd;border-color:#98cbe9; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-toggle:focus-visible { outline:3px solid #ffbe35;outline-offset:2px; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-toggle svg { flex:none; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-chevron { margin-left:3px;transition:transform .15s ease; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-toggle[aria-expanded="true"] .ft-compare-chevron { transform:rotate(180deg); }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-content {
  margin-top:10px;padding:18px 20px;border:1px solid #d5e7f3;
  border-radius:15px;background:#f7fbfe;min-width:0;color:#183f5d;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-content[hidden] { display:none!important; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-content h3 {
  margin:0 0 7px;font-size:1.125rem;line-height:1.4;color:#0b466f;font-weight:800;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-intro {
  margin:0 0 17px;font-size:1rem;line-height:1.6;color:#41617b;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-apps {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-app {
  display:flex;gap:10px;align-items:flex-start;min-width:0;padding:12px;
  background:#fff;border:1px solid #dceaf3;border-radius:11px;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-app-icon {
  flex:none;width:32px;height:32px;display:grid;place-items:center;
  border-radius:9px;background:#e7f4fc;color:#116c9e;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-app strong {
  display:block;font-size:.9375rem;line-height:1.4;color:#123d60;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-app p {
  margin:4px 0 0;font-size:.9375rem;line-height:1.5;color:#48667d;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-content h3.ft-compare-table-title {
  margin:0 0 12px;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table-wrap { max-width:100%;min-width:0; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table {
  width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;
  font-size:.9375rem;line-height:1.38;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table th,
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table td {
  padding:9px 10px;border-bottom:1px solid #e0eaf2;vertical-align:middle;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table thead th {
  background:#e9f4fb;color:#0b4b78;font-weight:800;text-align:center;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table thead th:first-child {
  width:49%;text-align:left;border-radius:8px 0 0 0;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table thead th:last-child { border-radius:0 8px 0 0; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table tbody th {
  color:#173c5b;font-weight:650;text-align:left;overflow-wrap:break-word;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table tbody tr:nth-child(even) { background:#fff; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table tbody tr:hover { background:#eaf6fd; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-table td { text-align:center; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-mark {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:25px;min-height:25px;border-radius:50%;font-size:1.18rem;
  line-height:1;font-weight:800;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-mark.is-yes { color:#087a55;background:#e1f5ea; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-mark.is-no { color:#8194a3;font-weight:500;background:transparent; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-header-compact { display:none; }
body.mogucnosti-page.ft-showcase-redesign .ft-compare-legend {
  margin:12px 0 0;font-size:.875rem;line-height:1.45;font-weight:650;color:#3d647d;
}
body.mogucnosti-page.ft-showcase-redesign .ft-compare-footnote {
  margin:6px 0 0;font-size:.875rem;line-height:1.5;color:#526d81;
}
@media(max-width:780px){
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-apps { grid-template-columns:1fr;gap:8px; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-app { align-items:flex-start; }
}
@media(max-width:600px){
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-content { padding:14px 9px; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-intro { margin:0 4px 14px; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-apps { margin-bottom:15px; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-content h3 { margin:0 4px 8px;font-size:1.05rem; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-table { font-size:.8125rem;line-height:1.3; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-table th,
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-table td { padding:9px 3px; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-table thead th:first-child { width:51%; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-table thead th:not(:first-child) { font-size:.76rem; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-header-full { display:none; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-header-compact { display:inline; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-mark { min-width:21px;min-height:21px;font-size:1rem; }
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-legend,
  body.mogucnosti-page.ft-showcase-redesign .ft-compare-footnote { padding:0 3px; }
}
@media(prefers-reduced-motion:reduce){body.mogucnosti-page.ft-showcase-redesign .ft-compare-chevron{transition:none;}}


/* Fleet Management › Analitika: stvarni prikazi 11 tabova u detaljima.
   Uvećavanje slika koristi već postojeći lightbox stranice Mogućnosti. */
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-gallery {
  margin: 0 0 1.35rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-gallery-intro {
  margin: 0 0 1.1rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-gallery-intro h3,
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-additional > h3 {
  font-size: 1.125rem;
  line-height: 1.4;
  color: #0a3858;
  font-weight: 750;
  margin: 0 0 0.35rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-gallery-intro p {
  font-size: 1rem;
  line-height: 1.55;
  color: #526a7e;
  margin: 0;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0.875rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(120px,40%);
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
  border: 1px solid #d7e6f0;
  border-radius: 0.9rem;
  padding: 0.875rem;
  background: #fcfeff;
  box-shadow: 0 3px 13px rgba(16,77,121,0.045);
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-copy {
  min-width: 0;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-icon {
  display: inline-flex;
  width: 2.2rem;
  height: 2.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.65rem;
  background: #e9f5fd;
  color: #136da6;
  margin-bottom: 0.5rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-copy h3 {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 750;
  color: #0b3857;
  margin: 0 0 0.4rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-copy p {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: #48647a;
  margin: 0;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-copy small {
  display:block;
  color:#607a8e;
  font-size:0.8125rem;
  line-height:1.45;
  margin-top:0.35rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-shot {
  width:100%;
  min-width:0;
  aspect-ratio: 1.5;
  border:1px solid #d2e1ec;
  border-radius:0.65rem;
  overflow:hidden;
  background:#edf5fa;
  padding:0;
  cursor:zoom-in;
  position:relative;
  display:block;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-shot img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 20%;
  transition: transform .18s ease;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-shot:hover img {
  transform:scale(1.045);
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-shot:focus-visible {
  outline:3px solid #0873ba;
  outline-offset:3px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-zoom {
  display:flex;
  justify-content:center;
  align-items:center;
  width:1.85rem;
  height:1.85rem;
  position:absolute;
  right:0.4rem;
  bottom:0.4rem;
  border-radius:0.5rem;
  background:rgba(255,255,255,0.94);
  color:#086aa6;
  border:1px solid #d2e4ef;
  pointer-events:none;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-zoom svg {
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-additional {
  margin-top:1.4rem;
  padding:1.05rem 1.15rem;
  border:1px solid #dceaf1;
  background:#f7fbfe;
  border-radius:0.85rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-additional .cap-grid {
  margin-top:0.75rem;
}
@media(max-width:820px) {
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-gallery-grid {
    grid-template-columns:1fr;
  }
}
@media(max-width:410px) {
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-card {
    grid-template-columns:minmax(0,1fr);
    gap:0.7rem;
  }
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-shot {
    aspect-ratio:1.9;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ftm-analytics-tab-shot img {
    transition:none;
  }
}


/* Ciljane dopune: Desktop alarmi/geozone, Mobile postavljanje alarma (31.10.2026.) */
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-gallery {
  padding: 22px 27px 25px;
  background: #f7fbff;
  border-bottom: 1px solid #e0eaf2;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-heading h3 {
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 5px;
  color: #073964;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-heading p {
  margin: 0 0 16px;
  color: #405c76;
  font-size: 0.9375rem;
  line-height: 1.5;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-grid--single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 660px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #dce8f2;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 49, 98, .045);
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item-copy {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 15px 15px 13px;
  min-height: 100px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-icon {
  display: inline-flex;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #e8f3fc;
  color: #006bb6;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item h4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #063965;
  margin: 0 0 4px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item p {
  margin: 0;
  color: #455f76;
  line-height: 1.5;
  font-size: 0.875rem;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 185px;
  flex: 1 1 auto;
  border: 0;
  border-top: 1px solid #e3edf5;
  border-radius: 0;
  padding: 10px;
  background: #eff6fb;
  cursor: zoom-in;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-image img {
  display: block;
  max-width: 100%;
  max-height: 330px;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 5px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item--phone .ft-showcase-topic-image img {
  width: auto;
  height: 285px;
  max-width: 100%;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-zoom {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  color: #0061a9;
  box-shadow: 0 2px 12px #003d6b33;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-image:hover,
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-image:focus-visible {
  background: #e4f1fb;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-image:focus-visible {
  outline: 3px solid #087dc7;
  outline-offset: -3px;
}
@media(max-width: 680px) {
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-gallery { padding: 17px 14px 20px; }
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-grid { grid-template-columns: minmax(0, 1fr); }
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item-copy { min-height: 0; }
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-topic-item--phone .ft-showcase-topic-image img { height: 260px; }
}

/* POI i geozone – uravnotežen prikaz dvije stvarne snimke, bez praznog drugog stupca. */
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo {
  display: block;
  padding: 22px 27px 24px;
  background: #f7fbff;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card {
  min-width: 0;
  border: 1px solid #dce8f2;
  border-radius: 14px;
  background: white;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,49,98,.045);
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__copy {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 17px 16px 14px;
  min-height: 100px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  height: 36px;
  width: 36px;
  border-radius: 10px;
  background: #e8f3fc;
  color: #0769a4;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo h3 {
  margin: 0 0 6px;
  color: #073964;
  font-size: 1.0625rem;
  line-height: 1.35;
  font-weight: 800;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo p {
  margin: 0;
  color: #405c76;
  font-size: 0.875rem;
  line-height: 1.5;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__image {
  width: 100%;
  min-width: 0;
  display: block;
  position: relative;
  padding: 10px;
  border: 0;
  border-top: 1px solid #e3edf5;
  border-radius: 0;
  background: #eff6fb;
  cursor: zoom-in;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__image img {
  width: 100%;
  aspect-ratio: 2.05 / 1;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 6px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__image:hover,
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__image:focus-visible { background: #e4f1fb; }
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__image:focus-visible { outline: 3px solid #087dc7; outline-offset: -3px; }
@media (max-width: 700px) {
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo { padding: 16px 14px 19px; }
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__copy { min-height: 0; padding: 14px; }
}


/* POI i geozone: svaka funkcionalnost ostaje uz vlastitu sliku. */
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo {
  background: #fff;
  padding: 20px 24px 24px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__grid {
  align-items: start;
  gap: 17px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  box-shadow: 0 5px 18px rgba(16,61,98,.045);
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--poi {
  background: #f2f8fe;
  border-color: #cfdfec;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--geo {
  background: #f2f9f3;
  border-color: #d2e5d5;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__copy {
  min-height: 100px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--geo .ft-showcase-poi-geo__icon {
  color: #28804c;
  background: #dff0e4;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__image {
  padding: 10px 10px 9px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--geo .ft-showcase-poi-geo__image {
  background: #eaf5ec;
  border-top-color: #d8e9da;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--geo .ft-showcase-poi-geo__image:hover {background:#dff0e3}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__features {
  padding: 19px 17px 22px;
  min-width: 0;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__features h4 {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 800;
  color: #173f60;
  margin: 0 0 17px;
  padding-bottom: 9px;
  border-bottom: 1px solid #cfdfec;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--geo .ft-showcase-poi-geo__features h4 {
  border-bottom-color: #d4e5d7;
  color: #23633a;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__list.cap-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  row-gap: 16px;
  column-gap: 0;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__list .cap-item {
  min-width:0;
  gap: 10px;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__list .cap-item h3 {
  font-size: .9375rem;
  line-height: 1.4;
  margin:0 0 4px;
  color:#183e5c;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__list .cap-item p {
  font-size: .875rem;
  line-height: 1.55;
  color:#405971;
}
body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__card--geo .cap-dot {
  background: #4c9b6a;
}
@media (max-width:700px) {
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo {padding: 15px 12px 18px}
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__copy {min-height:0;padding: 14px}
  body.mogucnosti-page.ft-showcase-redesign #feature-detail .ft-showcase-poi-geo__features {padding: 16px 14px 19px}
}

/* 01.11.2026. - glavne kartice odabira aplikacije: izraženiji kontrast.
   Zadržani su postojeći raspored (ikona lijevo + naziv desno), veličine i logika tabova. */
main.mogucnosti-content .tabbar {
  background: #e8f3fb;
  border-color: #d0e5f4;
}
main.mogucnosti-content .tabbar .tab {
  background: #f1f8fd;
  color: #1d567d;
  font-weight: 800;
}
main.mogucnosti-content .tabbar .tab:hover:not([aria-selected="true"]) {
  background: #d9edf9;
  color: #0a4879;
}
main.mogucnosti-content .tabbar .tab[aria-selected="true"] {
  background: #075e9d;
  color: #fff;
  box-shadow: 0 4px 13px rgba(7, 78, 129, .20);
}
main.mogucnosti-content .tabbar .tab[aria-selected="true"]:hover {
  background: #064f86;
  color: #fff;
}