/* AUTO POINT – zajednicko zaglavlje, traka s naslovom, podnozje (sve stranice) */
:root {
	--ap-red: #d71b22;
	--ap-red-dark: #a8141a;
	--ap-red-light: #ff3b42;
	--ap-ink: #16181b;
	--ap-ink-2: #2a2d31;
	--ap-muted: #4a4f56;
	--ap-line: #ececee;
	--ap-gray: #f4f4f5;
	--ap-dark: #111317;
	--ap-darker: #0b0c0e;
	--ap-on-dark: #b9bdc3;
	--ap-head: "Archivo", "Inter", system-ui, sans-serif;
}
.ap-chrome, .ap-chrome *, .ap-chrome *::before, .ap-chrome *::after { box-sizing: border-box; }
.ap-chrome { font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.ap-chrome img { max-width: 100%; height: auto; display: block; }
.ap-chrome p { margin: 0; }
.ap-chrome ul { margin: 0; padding: 0; }
.ap-chrome .ap-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.ap-chrome :focus-visible { outline: 3px solid var(--ap-red-light); outline-offset: 3px; }
/* Stari CSS teme boji sve unutar linkova (a > *): ovdje se vraca boja samog linka */
.ap-chrome a > *, .ap-chrome a svg { color: inherit; }
.ap-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #fff; padding: 10px 16px; border-radius: 8px; }
.ap-skip:focus { left: 8px; }

/* Gumbi */
.ap-chrome .ap-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 999px; font: 700 15px/1 "Inter", system-ui, sans-serif; text-decoration: none; border: 0; cursor: pointer; white-space: nowrap; transition: transform .15s ease, background-color .15s ease; }
.ap-chrome .ap-btn:hover { transform: translateY(-1px); text-decoration: none; }
.ap-chrome .ap-btn-red, .ap-chrome .ap-btn-red:visited { background: var(--ap-red); color: #fff; }
.ap-chrome .ap-btn-red:hover, .ap-chrome .ap-btn-red:focus { background: var(--ap-red-dark); color: #fff; }

/* Zaglavlje */
.ap-header.ap-chrome { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--ap-line); }
.admin-bar .ap-header.ap-chrome { top: 32px; }
.ap-chrome .ap-header-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 76px; }
.ap-chrome .ap-logo img { height: 46px; width: auto; }
.ap-chrome .ap-nav-list { display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; }
.ap-chrome .ap-nav-list li { margin: 0; padding: 0; list-style: none; }
.ap-chrome .ap-nav-list a { display: block; color: var(--ap-ink-2); text-decoration: none; font-weight: 600; font-size: 15px; line-height: 1.4; padding: 8px 0; border-bottom: 2px solid transparent; }
.ap-chrome .ap-nav-list a:hover, .ap-chrome .ap-nav-list .current-menu-item > a, .ap-chrome .ap-nav-list .current-menu-ancestor > a, .ap-chrome .ap-nav-list .current_page_parent > a { color: var(--ap-red); border-bottom-color: var(--ap-red); }
.ap-chrome .ap-header-cta { display: flex; align-items: center; gap: 10px; }
.ap-chrome .ap-mnav { display: none; position: relative; }
.ap-chrome .ap-mnav summary { list-style: none; width: 46px; height: 46px; border: 1px solid #d4d6da; border-radius: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--ap-ink); background: #fff; }
.ap-chrome .ap-mnav summary::-webkit-details-marker { display: none; }
.ap-chrome .ap-mnav-panel { position: absolute; right: 0; top: 56px; width: min(320px, calc(100vw - 32px)); background: #fff; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,.18); padding: 10px; }
.ap-chrome .ap-mnav-list, .ap-chrome .ap-mnav-list ul { list-style: none; margin: 0; padding: 0; }
.ap-chrome .ap-mnav-list li { list-style: none; margin: 0; }
.ap-chrome .ap-mnav-list ul { padding-left: 14px; }
.ap-chrome .ap-mnav-list a { display: block; padding: 12px 14px; border-radius: 10px; color: var(--ap-ink); text-decoration: none; font-weight: 600; font-size: 16px; }
.ap-chrome .ap-mnav-list a:hover { background: var(--ap-gray); }

/* Traka s naslovom na podstranicama */
.ap-band.ap-chrome { background: var(--ap-dark); color: #fff; padding: 48px 0 52px; }
.ap-chrome .ap-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: #9aa0a6; margin-bottom: 14px; }
.ap-chrome .ap-crumbs a { color: #d6d9dd; text-decoration: none; }
.ap-chrome .ap-crumbs a:hover { color: #fff; text-decoration: underline; }
.ap-chrome .ap-crumbs [aria-current] { color: #9aa0a6; }
body .ap-band.ap-chrome .ap-band-title { margin: 0; font-family: var(--ap-head); font-size: clamp(30px, 4vw, 48px); line-height: 1.08; font-weight: 900 !important; letter-spacing: -.015em; text-transform: none !important; color: #fff; }
.ap-chrome .ap-band-meta { margin-top: 10px; font-size: 14px; color: #9aa0a6; }

/* Podnozje */
.ap-footer.ap-chrome { background: var(--ap-darker); color: var(--ap-on-dark); padding: 72px 0 32px; }
.ap-chrome .ap-foot-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
.ap-chrome .ap-foot-grid > div { display: flex; flex-direction: column; gap: 10px; font-size: 15px; line-height: 1.6; }
.ap-chrome .ap-foot-grid strong { color: #fff; }
.ap-chrome.ap-footer a { color: var(--ap-on-dark); text-decoration: none; }
.ap-chrome.ap-footer a:hover { color: #fff; }
.ap-chrome.ap-footer .ap-foot-tel { color: #fff; font-weight: 600; }
.ap-chrome .ap-foot-logo { font-family: var(--ap-head); font-size: 24px; font-weight: 900; }
.ap-chrome .ap-foot-logo span { color: var(--ap-red-light); }
.ap-chrome .ap-foot-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 48px; padding-top: 24px; border-top: 1px solid #23262b; font-size: 13px; color: #8a9097; }

/* Brzi kontakt na mobitelu */
.ap-mbar.ap-chrome { display: none; }

@media (max-width: 1080px) {
	.ap-chrome .ap-nav { display: none; }
	.ap-chrome .ap-mnav { display: block; }
}
@media (max-width: 782px) {
	.admin-bar .ap-header.ap-chrome { top: 0; }
}
@media (max-width: 600px) {
	.ap-chrome .ap-call span { display: none; }
	.ap-chrome .ap-call { width: 46px; padding: 0; }
	.ap-band.ap-chrome { padding: 32px 0 36px; }
	body.ap-has-mbar { padding-bottom: 76px !important; }
	.ap-mbar.ap-chrome { display: flex; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; gap: 10px; }
	.ap-mbar.ap-chrome a { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; border-radius: 14px; color: #fff; font-weight: 700; font-size: 16px; text-decoration: none; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
	.ap-mbar.ap-chrome .ap-mbar-call { background: var(--ap-red); }
	.ap-mbar.ap-chrome .ap-mbar-wa { background: #0f7a3f; }
}
@media (prefers-reduced-motion: reduce) {
	.ap-chrome .ap-btn { transition: none; }
}

/* Ikone (drustvene mreze, tamni nacin) */
.ap-chrome .ap-icon-btn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; flex: none; border-radius: 12px; border: 1px solid #d4d6da; background: #fff; color: var(--ap-ink-2); cursor: pointer; padding: 0; text-decoration: none; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.ap-chrome .ap-icon-btn:hover { color: var(--ap-red); border-color: var(--ap-red); }
.ap-chrome .ap-ico-sun { display: none; }
html.ap-dark .ap-chrome .ap-ico-sun { display: block; }
html.ap-dark .ap-chrome .ap-ico-moon { display: none; }
.ap-chrome .ap-mnav-soc { display: flex; gap: 8px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--ap-line); }
.ap-chrome .ap-mnav-soc a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 10px; background: var(--ap-gray); color: var(--ap-ink); text-decoration: none; font-weight: 600; }
.ap-chrome .ap-foot-soc { display: flex; gap: 8px; margin-top: 6px; }
.ap-chrome.ap-footer .ap-icon-btn { background: transparent; border-color: #33373d; color: #d6d9dd; }
.ap-chrome.ap-footer .ap-icon-btn:hover { color: #fff; border-color: #fff; }
.ap-chrome .ap-foot-news { display: flex; flex-direction: column; gap: 2px; }
.ap-chrome .ap-foot-news small { font-size: 13px; color: #8a9097; }
@media (max-width: 1080px) { .ap-chrome .ap-header-cta .ap-soc { display: none; } }
@media (max-width: 420px) { .ap-chrome .ap-header-cta { gap: 6px; } .ap-chrome .ap-logo img { height: 38px; } }

/* Tamni nacin – zaglavlje, izbornik, traka s naslovom */
html.ap-dark body { background: #0f1114; }
html.ap-dark .ap-header.ap-chrome { background: rgba(17,19,23,.94); border-bottom-color: #23262b; }
html.ap-dark .ap-chrome .ap-logo { background: #fff; border-radius: 10px; padding: 4px 8px; }
html.ap-dark .ap-chrome .ap-nav-list a { color: #e4e6e9; }
html.ap-dark .ap-chrome .ap-nav-list a:hover, html.ap-dark .ap-chrome .ap-nav-list .current-menu-item > a, html.ap-dark .ap-chrome .ap-nav-list .current_page_parent > a { color: #ff6b70; border-bottom-color: #ff6b70; }
html.ap-dark .ap-chrome .ap-icon-btn, html.ap-dark .ap-chrome .ap-mnav summary { background: #1b1e22; border-color: #33373d; color: #e4e6e9; }
html.ap-dark .ap-chrome .ap-icon-btn:hover { color: #fff; border-color: #fff; }
html.ap-dark .ap-chrome .ap-mnav-panel { background: #1b1e22; box-shadow: 0 20px 50px rgba(0,0,0,.5); }
html.ap-dark .ap-chrome .ap-mnav-list a { color: #e4e6e9; }
html.ap-dark .ap-chrome .ap-mnav-list a:hover { background: #24282d; }
html.ap-dark .ap-chrome .ap-mnav-soc { border-top-color: #2a2e33; }
html.ap-dark .ap-chrome .ap-mnav-soc a { background: #24282d; color: #e4e6e9; }
html.ap-dark .ap-band.ap-chrome { background: #0b0c0e; border-bottom: 1px solid #1b1e22; }

/* Tanka traka iznad zaglavlja: adresa, radno vrijeme, Facebook, Instagram, tamni nacin */
.ap-topbar.ap-chrome { background: var(--ap-dark); color: #b9bdc3; font-size: 13px; }
.ap-chrome .ap-topbar-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; }
.ap-chrome .ap-topbar-icons { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.ap-topbar.ap-chrome .ap-icon-btn { width: 34px; height: 34px; border-radius: 10px; background: transparent; border-color: #33373d; color: #d6d9dd; }
.ap-topbar.ap-chrome .ap-icon-btn:hover { color: #fff; border-color: #fff; }
.ap-topbar.ap-chrome .ap-icon-btn svg { width: 18px; height: 18px; }
.ap-chrome .ap-nav-list { gap: 22px; }
.ap-chrome .ap-nav-list a { white-space: nowrap; }
html.ap-dark .ap-topbar.ap-chrome { background: #0b0c0e; border-bottom: 1px solid #1b1e22; }
html.ap-dark .ap-topbar.ap-chrome .ap-icon-btn { background: transparent; }
@media (max-width: 1280px) and (min-width: 1081px) { .ap-chrome .ap-nav-list .menu-item-home { display: none; } }
@media (max-width: 600px) { .ap-chrome .ap-topbar-info { display: none; } }

/* Logo: veci, posebna svijetla verzija za tamni nacin */
.ap-chrome .ap-logo { display: flex; align-items: center; }
.ap-chrome .ap-logo img { height: 54px; width: auto; }
.ap-chrome .ap-logo .ap-logo-dark { display: none; }
html.ap-dark .ap-chrome .ap-logo { background: none; padding: 0; border-radius: 0; }
html.ap-dark .ap-chrome .ap-logo .ap-logo-light { display: none; }
html.ap-dark .ap-chrome .ap-logo .ap-logo-dark { display: block; }
.ap-chrome .ap-header-in { height: 84px; }
@media (max-width: 420px) { .ap-chrome .ap-logo img { height: 44px; } .ap-chrome .ap-header-in { height: 72px; } }

/* Ikone: iste velicine, centrirane i jednako razmaknute */
.ap-chrome .ap-icon-btn { display: inline-grid; place-items: center; margin: 0; padding: 0; line-height: 0; font-size: 0; text-indent: 0; letter-spacing: 0; -webkit-appearance: none; appearance: none; vertical-align: middle; box-shadow: none; min-width: 0; }
.ap-chrome .ap-icon-btn svg { display: block; margin: 0; grid-area: 1 / 1; }
.ap-chrome .ap-icon-btn .ap-ico-sun { display: none; }
html.ap-dark .ap-chrome .ap-icon-btn .ap-ico-sun { display: block; }
html.ap-dark .ap-chrome .ap-icon-btn .ap-ico-moon { display: none; }
.ap-chrome .ap-topbar-icons { gap: 8px; }

/* Traka s naslovom: fotografija u pozadini */
.ap-band.ap-chrome { position: relative; overflow: hidden; isolation: isolate; }
.ap-band.ap-band-has-img { min-height: 320px; display: flex; align-items: flex-end; padding: 96px 0 56px; }
.ap-chrome .ap-band-bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.ap-band.ap-band-has-img::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,12,14,.92) 0%, rgba(11,12,14,.78) 40%, rgba(11,12,14,.3) 100%), linear-gradient(0deg, rgba(11,12,14,.55) 0%, rgba(11,12,14,0) 60%); }
.ap-band.ap-band-has-img .ap-wrap { width: 100%; }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img { min-height: 240px; padding: 72px 0 32px; }
	.ap-band.ap-band-has-img::before { background: linear-gradient(0deg, rgba(11,12,14,.92) 0%, rgba(11,12,14,.55) 100%); }
}

/* O nama: fotografija s logom na cesti – zatamnjeno samo dno, da se logo vidi */
.ap-band.ap-band-has-img.ap-band-logo { min-height: 420px; }
.ap-band.ap-band-has-img.ap-band-logo::before { background: linear-gradient(0deg, rgba(11,12,14,.94) 0%, rgba(11,12,14,.7) 22%, rgba(11,12,14,0) 50%); }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-logo { min-height: 300px; }
	.ap-band.ap-band-has-img.ap-band-logo::before { background: linear-gradient(0deg, rgba(11,12,14,.94) 0%, rgba(11,12,14,.6) 35%, rgba(11,12,14,0) 65%); }
}

/* Veci logo: seze do izbornika */
.ap-chrome .ap-logo img { height: 72px; }
.ap-chrome .ap-header-in { height: 96px; }
@media (max-width: 1080px) { .ap-chrome .ap-logo img { height: 60px; } .ap-chrome .ap-header-in { height: 84px; } }
@media (max-width: 600px) { .ap-chrome .ap-logo img { height: 50px; } .ap-chrome .ap-header-in { height: 74px; } }
@media (max-width: 420px) { .ap-chrome .ap-logo img { height: 44px; } .ap-chrome .ap-header-in { height: 68px; } }

/* O nama: logo s fotografije iznad naslova, ne preko njega */
.ap-band.ap-band-has-img.ap-band-logo { min-height: 470px; }
.ap-band-logo .ap-band-bg { object-position: center 64% !important; }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-logo { min-height: 340px; }
	.ap-band-logo .ap-band-bg { object-position: 6% 40% !important; }
}

/* O nama: naslov desno (preko auta), logo s fotografije ostaje slobodan lijevo */
@media (min-width: 601px) {
	.ap-band.ap-band-has-img.ap-band-logo { min-height: 430px; }
	.ap-band-logo .ap-wrap { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
	.ap-band-logo .ap-crumbs { justify-content: flex-end; }
	.ap-band.ap-band-has-img.ap-band-logo::before { background: linear-gradient(0deg, rgba(11,12,14,.96) 0%, rgba(11,12,14,.75) 18%, rgba(11,12,14,0) 45%), linear-gradient(270deg, rgba(11,12,14,.55) 0%, rgba(11,12,14,0) 45%); }
}

/* O nama: svijetla traka – samo logo i cesta, naslov tamno desno */
.ap-band.ap-band-has-img.ap-band-logo { background: #ecedef; min-height: 360px; }
.ap-band.ap-band-has-img.ap-band-logo::before { background: none; }
.ap-band-logo .ap-band-bg { object-position: left center !important; }
body .ap-band.ap-band-logo .ap-band-title { color: var(--ap-ink) !important; }
.ap-band-logo .ap-crumbs, .ap-band-logo .ap-crumbs [aria-current] { color: #5b6067; }
.ap-band-logo .ap-crumbs a { color: var(--ap-ink-2); }
.ap-band-logo .ap-crumbs a:hover { color: var(--ap-red); }
html.ap-dark .ap-band.ap-band-has-img.ap-band-logo { background: #ecedef; border-bottom: 0; }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-logo { min-height: 0; display: block; padding: 216px 0 28px; }
	.ap-band-logo .ap-band-bg { height: 200px; bottom: auto; object-position: left center !important; }
}

/* O nama: fotografija s logom i crvenim Audijem – naslov desno preko auta */
.ap-band.ap-band-has-img.ap-band-audi { min-height: 430px; }
.ap-band.ap-band-has-img.ap-band-audi::before { background: linear-gradient(0deg, rgba(11,12,14,.97) 0%, rgba(11,12,14,.8) 18%, rgba(11,12,14,0) 45%), linear-gradient(270deg, rgba(11,12,14,.55) 0%, rgba(11,12,14,0) 45%); }
.ap-band-audi .ap-band-bg { object-position: center 64% !important; }
@media (min-width: 601px) {
	.ap-band-audi .ap-wrap { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
	.ap-band-audi .ap-crumbs { justify-content: flex-end; }
}
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-audi { min-height: 0; display: block; padding: 216px 0 28px; }
	.ap-band.ap-band-has-img.ap-band-audi::before { background: none; }
	.ap-band-audi .ap-band-bg { height: 200px; bottom: auto; object-position: left 55% !important; }
}

/* O nama na mobitelu: sakrij donji red sa starom adresom na fotografiji */
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-audi { padding-top: 212px; }
	.ap-band-audi .ap-band-bg { height: 250px; object-position: left top !important; }
	.ap-band.ap-band-has-img.ap-band-audi::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 196px, #111317 196px); }
}

/* Transport i dizalica: uspravna fotografija (kran dize teret na halu) – visa traka */
.ap-band.ap-band-has-img.ap-band-hala { min-height: 460px; }
@media (max-width: 600px) { .ap-band.ap-band-has-img.ap-band-hala { min-height: 300px; } }

@media (min-width: 601px) {
	.ap-band-hala .ap-wrap { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
	.ap-band-hala .ap-crumbs { justify-content: flex-end; }
	.ap-band.ap-band-has-img.ap-band-hala::before { background: linear-gradient(270deg, rgba(11,12,14,.85) 0%, rgba(11,12,14,.55) 35%, rgba(11,12,14,0) 62%), linear-gradient(0deg, rgba(11,12,14,.6) 0%, rgba(11,12,14,0) 40%); }
}

@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-hala { min-height: 0; display: block; padding: 252px 0 28px; }
	.ap-band-hala .ap-band-bg { height: 236px; bottom: auto; object-position: 30% 47% !important; }
	.ap-band.ap-band-has-img.ap-band-hala::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 236px, #111317 236px); }
}

/* Transport i dizalica: fotografija u desnoj polovici – vide se i kran s teretom i kamion */
@media (min-width: 601px) {
	.ap-band.ap-band-has-img.ap-band-hala { min-height: 480px; background: #111317; }
	.ap-band-hala .ap-band-bg { left: auto; right: 0; width: min(56%, 780px); object-position: 50% 80% !important; }
	.ap-band.ap-band-has-img.ap-band-hala::before { background: linear-gradient(90deg, #111317 0%, #111317 calc(100% - min(56%, 780px)), rgba(17,19,23,0) calc(100% - min(56%, 780px) + 160px)), linear-gradient(0deg, rgba(17,19,23,.35) 0%, rgba(17,19,23,0) 30%); }
	.ap-band-hala .ap-wrap { align-items: flex-start; text-align: left; }
	.ap-band-hala .ap-crumbs { justify-content: flex-start; }
	.ap-band-hala .ap-band-title, .ap-band-hala .ap-crumbs { max-width: 46%; }
}
@media (max-width: 600px) {
	.ap-band-hala .ap-band-bg { object-position: 50% 82% !important; }
}
html.ap-dark .ap-band.ap-band-has-img.ap-band-hala { background: #111317; }

@media (max-width: 600px) { .ap-band-hala .ap-band-bg { height: 260px; object-position: 50% 64% !important; } .ap-band.ap-band-has-img.ap-band-hala { padding-top: 276px; } .ap-band.ap-band-has-img.ap-band-hala::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 260px, #111317 260px); } }

/* Transport i dizalica: zamucena ista fotografija u pozadini + cijela fotografija desno */
.ap-band.ap-chrome .ap-wrap { position: relative; z-index: 1; }
.ap-chrome .ap-band-fg-img { display: none; }
@media (min-width: 601px) {
	.ap-band.ap-band-has-img.ap-band-fg { min-height: 560px; align-items: center; padding: 56px 0; background: #111317; }
	.ap-band-fg .ap-band-bg { left: 0; right: 0; width: 100%; filter: blur(22px) brightness(.55) saturate(1.1); transform: scale(1.15); object-position: center 60% !important; }
	.ap-band.ap-band-has-img.ap-band-fg::before { background: linear-gradient(90deg, rgba(11,12,14,.8) 0%, rgba(11,12,14,.45) 55%, rgba(11,12,14,.15) 100%); }
	.ap-chrome .ap-band-fg-img { display: block; position: absolute; z-index: 0; top: 40px; bottom: 40px; right: max(24px, calc((100% - 1200px) / 2 + 24px)); height: calc(100% - 80px); width: auto; max-width: none; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.45); }
	.ap-band-fg .ap-band-title, .ap-band-fg .ap-crumbs { max-width: calc(100% - 440px); }
}
@media (max-width: 600px) {
	.ap-band-fg .ap-band-bg { filter: none; transform: none; }
}

@media (min-width: 601px) {
	.ap-band-fg .ap-band-bg { filter: blur(12px) brightness(.72) saturate(1.1); transform: scale(1.08); }
	.ap-band.ap-band-has-img.ap-band-fg::before { background: linear-gradient(90deg, rgba(11,12,14,.78) 0%, rgba(11,12,14,.35) 55%, rgba(11,12,14,.1) 100%); }
}

/* Blog: fotografija AUTO POINT memoranduma i mape */
.ap-band.ap-band-has-img.ap-band-blog { min-height: 400px; }
.ap-band.ap-band-has-img.ap-band-blog::before { background: linear-gradient(90deg, rgba(11,12,14,.88) 0%, rgba(11,12,14,.6) 38%, rgba(11,12,14,.05) 72%), linear-gradient(0deg, rgba(11,12,14,.45) 0%, rgba(11,12,14,0) 45%); }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-blog { min-height: 0; display: block; padding: 236px 0 28px; }
	.ap-band.ap-band-has-img.ap-band-blog::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 220px, #111317 220px); }
	.ap-band-blog .ap-band-bg { height: 220px; bottom: auto; object-position: center 45% !important; }
}

/* Kontakt: fotografija djevojke koja razgovara na mobitel (Pexels, Andrea Piacquadio) */
.ap-band.ap-band-has-img.ap-band-kontakt { min-height: 420px; }
.ap-band.ap-band-has-img.ap-band-kontakt::before { background: linear-gradient(90deg, rgba(11,12,14,.9) 0%, rgba(11,12,14,.65) 30%, rgba(11,12,14,0) 58%), linear-gradient(0deg, rgba(11,12,14,.35) 0%, rgba(11,12,14,0) 40%); }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-kontakt { min-height: 0; display: block; padding: 246px 0 28px; }
	.ap-band.ap-band-has-img.ap-band-kontakt::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 230px, #111317 230px); }
	.ap-band-kontakt .ap-band-bg { height: 230px; bottom: auto; object-position: 55% 25% !important; }
}

/* Transport: siroka fotografija (kran, teret na hali i kamion) – cijela vidljiva, naslov preko tamnog lijevog dijela */
@media (min-width: 601px) {
	.ap-band.ap-band-has-img.ap-band-wide { min-height: 0; aspect-ratio: 2560 / 1104; max-height: 640px; padding: 0; display: flex; align-items: flex-end; }
	.ap-band.ap-band-has-img.ap-band-wide > .ap-wrap { padding-bottom: clamp(28px, 5vw, 64px); }
	.ap-band-wide .ap-band-bg { object-position: right center !important; }
	.ap-band.ap-band-has-img.ap-band-wide::before { background: linear-gradient(90deg, rgba(11,12,14,.55) 0%, rgba(11,12,14,0) 42%); }
	.ap-band-wide .ap-band-title, .ap-band-wide .ap-crumbs { max-width: 42%; }
}
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-wide { min-height: 0; display: block; padding: 262px 0 28px; }
	.ap-band.ap-band-has-img.ap-band-wide::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 246px, #111317 246px); }
	.ap-band-wide .ap-band-bg { height: 246px; bottom: auto; object-position: right center !important; }
}

/* Clanci: naslovna slika clanka u traci */
.ap-band.ap-band-has-img.ap-band-post { min-height: 400px; }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-post { min-height: 0; display: block; padding: 236px 0 28px; }
	.ap-band.ap-band-has-img.ap-band-post::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 220px, #111317 220px); }
	.ap-band-post .ap-band-bg { height: 220px; bottom: auto; }
}

/* Kontakt: djevojka u AUTO POINT majici (ured) – naslov desno preko prozora */
.ap-band.ap-band-has-img.ap-band-kontakt2 { min-height: 520px; }
@media (min-width: 601px) {
	.ap-band-kontakt2 .ap-wrap { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
	.ap-band-kontakt2 .ap-crumbs { justify-content: flex-end; }
	.ap-band.ap-band-has-img.ap-band-kontakt2::before { background: linear-gradient(270deg, rgba(11,12,14,.85) 0%, rgba(11,12,14,.5) 22%, rgba(11,12,14,0) 42%), linear-gradient(0deg, rgba(11,12,14,.45) 0%, rgba(11,12,14,0) 35%); }
}
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-kontakt2 { min-height: 0; display: block; padding: 226px 0 28px; }
	.ap-band.ap-band-has-img.ap-band-kontakt2::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) 210px, #111317 210px); }
	.ap-band-kontakt2 .ap-band-bg { height: 210px; bottom: auto; object-position: 40% 30% !important; }
}

/* Kamion s kranom – cijela slika (Binvest, 4:3) bez rezanja, naslov preko neba gore desno */
.ap-band.ap-band-has-img.ap-band-full { min-height: 0; aspect-ratio: 2000 / 1372; padding: 0; display: flex; align-items: flex-start; background: #111317; }
.ap-band-full .ap-band-bg { object-fit: cover; object-position: center top !important; } /* rez dno do tablica Skode (~91,5 %) */
.ap-band.ap-band-has-img.ap-band-full::before { background: radial-gradient(ellipse 70% 55% at 85% 12%, rgba(11,12,14,.55) 0%, rgba(11,12,14,0) 70%); }
.ap-band.ap-band-has-img.ap-band-full > .ap-wrap { padding-top: clamp(28px, 7vw, 110px); display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.ap-band-full .ap-crumbs { justify-content: flex-end; }
.ap-band-full .ap-band-title, .ap-band-full .ap-crumbs { max-width: 48%; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-full > .ap-wrap { padding-top: 16px; }
	.ap-band-full .ap-band-title, .ap-band-full .ap-crumbs { max-width: 62%; }
	body .ap-band.ap-band-full .ap-band-title { font-size: 22px; }
	.ap-band-full .ap-crumbs { font-size: 11px; }
	.ap-band.ap-band-has-img.ap-band-full::before { background: radial-gradient(ellipse 90% 70% at 90% 10%, rgba(11,12,14,.6) 0%, rgba(11,12,14,0) 75%); }
}

/* Gornja traka – ikonice FB / IG / tamni nacin: isti razmak, tocno centrirane */
.ap-chrome .ap-topbar-in { min-height: 46px; padding-top: 6px; padding-bottom: 6px; box-sizing: border-box; }
.ap-chrome .ap-topbar-icons { gap: 10px; align-items: center; line-height: 0; }
.ap-topbar.ap-chrome .ap-icon-btn, .ap-topbar.ap-chrome button.ap-icon-btn { display: inline-grid !important; place-items: center; width: 34px; height: 34px; min-width: 34px; min-height: 34px; margin: 0 !important; padding: 0 !important; box-sizing: border-box; float: none; vertical-align: middle; }
.ap-topbar.ap-chrome .ap-icon-btn svg { width: 18px; height: 18px; margin: 0 !important; }
.ap-topbar.ap-chrome .ap-soc:first-child svg { transform: translateX(-.5px); }
@media (max-width: 600px) {
	.ap-chrome .ap-topbar-in { justify-content: center; }
	.ap-chrome .ap-topbar-icons { margin-left: 0; margin-right: 0; gap: 14px; }
}

/* Kamion s kranom – slika s vjetrenjacom (1779x2560), dno reza na 74,5 % visine (kotaci se vide cijeli), visina trake najvise 560 px */
.ap-band.ap-band-has-img.ap-band-vjetro { container-type: inline-size; min-height: 0; height: min(69vw, 560px); padding: 0; display: flex; align-items: flex-start; background: #111317; }
.ap-chrome.ap-band-vjetro .ap-band-bg { top: auto !important; bottom: calc(-36.69cqw); left: 0; width: 100%; height: auto !important; max-width: none; object-fit: fill; }
.ap-band.ap-band-has-img.ap-band-vjetro::before { background: linear-gradient(270deg, rgba(11,12,14,.6) 0%, rgba(11,12,14,.25) 40%, rgba(11,12,14,0) 65%), linear-gradient(180deg, rgba(11,12,14,.35) 0%, rgba(11,12,14,0) 40%); }
.ap-band.ap-band-has-img.ap-band-vjetro > .ap-wrap { padding-top: clamp(16px, 4vw, 56px); display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.ap-band-vjetro .ap-crumbs { justify-content: flex-end; }
.ap-band-vjetro .ap-band-title, .ap-band-vjetro .ap-crumbs { max-width: 46%; text-shadow: 0 2px 18px rgba(0,0,0,.45); }
@media (max-width: 600px) {
	.ap-band-vjetro .ap-band-title, .ap-band-vjetro .ap-crumbs { max-width: 64%; }
	body .ap-band.ap-band-vjetro .ap-band-title { font-size: 22px; }
	.ap-band-vjetro .ap-crumbs { font-size: 11px; }
}

/* Vjetro traka v2: vidi se od vrha krana (~27 %) do ispod kotaca (74,5 %) */
.ap-band.ap-band-has-img.ap-band-vjetro { height: 68.4vw; }
@media (max-width: 600px) { .ap-band-vjetro .ap-band-title, .ap-band-vjetro .ap-crumbs { max-width: 50%; } }
@media (min-width: 901px) {
	.ap-band.ap-band-has-img.ap-band-vjetro { height: 600px; align-items: center; }
	.ap-chrome.ap-band-vjetro .ap-band-bg { left: auto !important; right: 0; width: 878px !important; height: 1263px !important; top: -341px !important; bottom: auto !important; }
	.ap-band.ap-band-has-img.ap-band-vjetro::before { background: linear-gradient(90deg, #111317 0%, #111317 calc(100% - 878px), rgba(17,19,23,.55) calc(100% - 878px + 120px), rgba(17,19,23,0) calc(100% - 878px + 300px)); }
	.ap-band.ap-band-has-img.ap-band-vjetro > .ap-wrap { padding-top: 0; align-items: flex-start; text-align: left; }
	.ap-band-vjetro .ap-crumbs { justify-content: flex-start; }
	.ap-band-vjetro .ap-band-title, .ap-band-vjetro .ap-crumbs { max-width: 46%; }
}
html.ap-dark .ap-band.ap-band-has-img.ap-band-vjetro { background: #111317; }

/* Vjetro traka – mobitel: slika (vrh krana do kotaca) cijela gore, naslov odmah ispod da ne prekriva kran */
@media (max-width: 600px) {
	.ap-band.ap-band-has-img.ap-band-vjetro { height: auto; display: block; padding: calc(68.4vw + 16px) 0 24px; }
	.ap-chrome.ap-band-vjetro .ap-band-bg { top: -38.85vw !important; bottom: auto !important; }
	.ap-band.ap-band-has-img.ap-band-vjetro::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) calc(68.4vw - 40px), #111317 68.4vw); }
	.ap-band.ap-band-has-img.ap-band-vjetro > .ap-wrap { padding-top: 0; align-items: flex-start; text-align: left; }
	.ap-band-vjetro .ap-crumbs { justify-content: flex-start; }
	.ap-band-vjetro .ap-band-title, .ap-band-vjetro .ap-crumbs { max-width: none; text-shadow: none; }
	body .ap-band.ap-band-vjetro .ap-band-title { font-size: 28px; }
}

/* Gornja traka na mobitelu: adresa i radno vrijeme lijevo (u dva reda), ikonice desno */
@media (max-width: 600px) {
	.ap-chrome .ap-topbar-in { justify-content: space-between; gap: 10px; }
	.ap-chrome .ap-topbar-info { display: flex !important; flex-direction: column; justify-content: center; min-width: 0; font-size: 11.5px; line-height: 1.35; color: #b9bdc3; }
	.ap-chrome .ap-topbar-info .ap-ti-sep { display: none; }
	.ap-chrome .ap-topbar-info .ap-ti-adr { color: #e4e6e9; font-weight: 600; }
	.ap-chrome .ap-topbar-icons { margin-left: auto; gap: 8px; flex: 0 0 auto; }
}
@media (max-width: 340px) { .ap-chrome .ap-topbar-info { font-size: 10.5px; } .ap-chrome .ap-topbar-icons { gap: 6px; } }

/* O nama – traka: cijela slika (logo + Audi, 1365x400) bez rezanja i bez starog kontakta */
.ap-band.ap-band-has-img.ap-band-onama { min-height: 0; aspect-ratio: 1365 / 400; max-height: 480px; padding: 0; display: flex; align-items: flex-end; background: #111317; }
.ap-band-onama .ap-band-bg { object-fit: cover; object-position: center !important; }
.ap-band.ap-band-has-img.ap-band-onama::before { background: linear-gradient(270deg, rgba(11,12,14,.75) 0%, rgba(11,12,14,.35) 22%, rgba(11,12,14,0) 40%), linear-gradient(0deg, rgba(11,12,14,.55) 0%, rgba(11,12,14,0) 35%); }
.ap-band.ap-band-has-img.ap-band-onama > .ap-wrap { padding-bottom: clamp(20px, 3vw, 40px); display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.ap-band-onama .ap-crumbs { justify-content: flex-end; }
@media (max-width: 700px) {
	.ap-band.ap-band-has-img.ap-band-onama { aspect-ratio: auto; max-height: none; display: block; padding: calc(29.3vw + 18px) 0 26px; }
	.ap-band-onama .ap-band-bg { height: 29.3vw !important; bottom: auto; }
	.ap-band.ap-band-has-img.ap-band-onama::before { background: linear-gradient(180deg, rgba(17,19,23,0) 0, rgba(17,19,23,0) calc(29.3vw - 1px), #111317 29.3vw); }
	.ap-band.ap-band-has-img.ap-band-onama > .ap-wrap { padding-bottom: 0; align-items: flex-start; text-align: left; }
	.ap-band-onama .ap-crumbs { justify-content: flex-start; }
}


/* Rezervacija – polja za datum: svijetla ikona kalendara na tamnom obrascu */
.ap-form input[type="date"] { color-scheme: dark; min-width: 0; width: 100%; }
.ap-form input[type="date"]::-webkit-calendar-picker-indicator { opacity: .85; cursor: pointer; }