/* ALCAM — zajednički stilovi sajta. Tokeni i komponente dolaze iz ALCAM Design System-a. */
@import url('../_ds/alcam-design-system-22b2c23b-1dd8-4c6d-a444-f946b1c99cc9/styles.css');

:root{--sec:clamp(56px,7vw,96px);--hdr-h:76px}
@media (max-width:760px){:root{--hdr-h:64px}}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 16px)}
html.menu-open{overflow:hidden}
body{overflow-x:clip}
img{max-width:100%}
a{color:var(--text-strong)}
a:hover{color:var(--alcam-red)}

/* Layout */
.page{min-height:100vh;display:flex;flex-direction:column}
.page>main{flex:1}
.section{padding:var(--sec) 0 0}
.stack{display:flex;flex-direction:column;gap:24px}
.stack--xs{gap:8px}.stack--sm{gap:14px}.stack--lg{gap:40px}.stack--xl{gap:clamp(36px,4.5vw,56px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(40px,5vw,72px);align-items:start}
.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.split--center{align-items:center}
.sticky{position:sticky;top:calc(var(--hdr-h) + 24px)}
.grid{display:grid;gap:clamp(12px,1.6vw,24px)}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.split,.split--even{grid-template-columns:minmax(0,1fr);gap:36px}.sticky{position:static}}
@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.grid.grid--keep2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Površine */
.panel{background:var(--surface-subtle);border-radius:var(--radius-card);padding:clamp(24px,4.5vw,64px)}
.card{background:var(--surface-subtle);border-radius:var(--radius-card);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:12px;min-width:0}
.panel .card{background:#fff}
.card--row{flex-direction:row;align-items:flex-start;gap:16px}
.card--media{padding:12px}
.card__body{display:flex;flex-direction:column;gap:12px;padding:12px 12px 16px}
.card--ink{background:var(--alcam-ink);color:#fff;justify-content:space-between}
.card--ink h2,.card--ink h3{color:#fff}
.card--ink p{color:var(--text-on-dark-muted)}
a.card{text-decoration:none;color:inherit;transition:box-shadow var(--dur-base) var(--ease-standard)}
a.card:hover{box-shadow:var(--shadow-md);color:inherit}
a.card--ink,a.card--ink:hover{color:#fff}
.chip-icon{width:48px;height:48px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--alcam-ink);flex:none}
.panel .card .chip-icon{background:var(--surface-subtle)}
.chip-icon--red{color:var(--alcam-red)}

/* Tipografija */
.h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}
.h4{font:700 20px/1.3 var(--font-heading);letter-spacing:-.01em;color:var(--text-strong);margin:0}
.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-muted);max-width:620px}
.muted{color:var(--text-muted)}
.small{font-size:15px;line-height:1.6}
.meta{font-size:14px;line-height:1.5;color:var(--text-muted)}
.statement{font:700 clamp(24px,2.8vw,34px)/1.3 var(--font-heading);letter-spacing:-.015em;color:var(--text-strong);text-wrap:balance}
.mp{font:700 clamp(36px,4vw,48px)/1 var(--font-heading);letter-spacing:-.03em;color:var(--text-strong)}
.link-inline{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;text-decoration:none;color:inherit}

/* Elementi */
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:560px){.actions{flex-direction:column;align-items:stretch}.actions .alc-btn{width:100%}}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks li>.alc-icon,.checks li>span:first-child{flex:none;margin-top:3px}
.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pill{background:#fff;border-radius:var(--radius-pill);padding:10px 16px;font-size:15px;font-weight:500;color:var(--text-strong)}
.tile{background:var(--surface-subtle);border-radius:var(--radius-card);min-height:96px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font:700 clamp(17px,1.6vw,20px)/1.2 var(--font-heading);letter-spacing:-.01em;color:var(--alcam-graphite)}
.panel .tile{background:#fff}
.tile--ph{font:500 13px/1.3 var(--font-body);color:var(--alcam-gray-400);letter-spacing:0}
.tile--brand img{display:block;max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain}
.tile--logo{background:#fff;min-height:120px;padding:18px}
.logo-img{width:100%;height:84px;aspect-ratio:auto!important;background:none!important;border-radius:0!important}
.logo-img img{width:100%;height:100%;object-fit:contain;display:block}
.logo-img--brand{height:44px}
.cfg-grid .alc-cfg li{font-size:15px}
.grid.cfg-grid{--g:clamp(12px,1.6vw,24px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.grid.cfg-grid .alc-cfg{flex:0 1 calc((100% - 2 * var(--g)) / 3);min-width:0;height:auto}
@media (max-width:1024px){.grid.cfg-grid .alc-cfg{flex-basis:calc((100% - var(--g)) / 2)}}
@media (max-width:640px){.grid.cfg-grid .alc-cfg{flex-basis:100%}}
.map{position:relative;aspect-ratio:16 / 7;min-height:320px;border-radius:var(--radius-card);overflow:hidden;background:var(--surface-subtle)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:640px){.map{aspect-ratio:4 / 5;min-height:0}}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.facts{margin:0;display:flex;flex-direction:column;gap:8px}
.facts>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;font-size:15px}
.facts dt{color:var(--text-muted)}
.facts dd{margin:0;color:var(--alcam-gray-400)}
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;font-size:15px}
.kv dt{color:var(--text-muted)}.kv dd{margin:0;color:var(--text-strong)}

/* Hero */
.hero{padding:clamp(32px,6vw,80px) 0 0}
.hero__tel{font-size:15px;color:var(--text-muted)}
.hero__tel a{font-weight:600;text-decoration:none}
@media (max-width:960px){.hero .alc-img{aspect-ratio:16 / 9 !important;width:100%;max-height:none}}
@media (max-width:560px){.hero .alc-img{aspect-ratio:4 / 3 !important}}
.trust-wrap{margin-top:clamp(32px,4.5vw,56px)}

/* Prilagođavanje DS komponenti (bez top/bottom linija) */
.alc-trust{border:0;gap:12px}
.alc-trust .alc-trust__i{border:0;padding:20px 24px;background:var(--surface-subtle);border-radius:var(--radius-card)}
.alc-trust .alc-trust__ic{width:48px;height:48px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
@media (max-width:860px){.alc-trust{grid-template-columns:minmax(0,1fr)}}
.svc-grid .alc-svc{border-top:0;padding:28px;background:var(--surface-subtle);border-radius:var(--radius-card);height:100%;transition:box-shadow var(--dur-base) var(--ease-standard)}
.svc-grid .alc-svc:hover{box-shadow:var(--shadow-md)}
.svc-grid .alc-svc__ic{width:56px;height:56px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center}
.alc-proc{gap:clamp(12px,1.6vw,24px)}
.alc-proc .alc-proc__s{border-top:0;padding:clamp(22px,2.4vw,32px);background:var(--surface-subtle);border-radius:var(--radius-card)}
.alc-proc .alc-proc__n{font-size:clamp(44px,5vw,64px)}
@media (max-width:1100px){.alc-proc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.alc-proc{grid-template-columns:minmax(0,1fr)}}
.alc-cfg{border:0;background:var(--surface-subtle);height:100%}
.alc-cfg .alc-cfg__price{border:0;background:#fff;border-radius:var(--radius-input);padding:16px 18px}
.alc-cfg .alc-btn--secondary{background:#fff;border-color:transparent}
.alc-cfg .alc-btn--secondary:hover{background:var(--alcam-ink);color:#fff}
.alc-acc{border:0;display:flex;flex-direction:column;gap:10px}
.alc-acc .alc-acc__item{border:0;background:var(--surface-subtle);border-radius:var(--radius-card);padding:0 clamp(18px,2.4vw,28px)}
.alc-acc .alc-acc__ic{border-color:transparent;background:#fff}
.alc-acc .alc-acc__item--open .alc-acc__ic{background:var(--alcam-ink);color:#fff}
.alc-acc .alc-acc__a p{padding-right:0}
.panel .alc-callout{background:#fff}

/* Header */
.hdr{background:#fff;transition:box-shadow var(--dur-base) var(--ease-standard)}
html.is-scrolled .hdr,html.menu-open .hdr{box-shadow:var(--shadow-sm)}
.hdr__in{display:flex;align-items:center;gap:40px;height:var(--hdr-h)}
.hdr__logo{display:flex;flex:none}
.hdr__logo img{height:36px;display:block}
.hdr__nav{display:flex;gap:6px;align-self:stretch;align-items:center}
.hdr__link{position:relative;font:500 15px/1 var(--font-body);color:var(--text-body);text-decoration:none;padding:11px 14px;border-radius:var(--radius-pill)}
.hdr__link:hover{color:var(--text-strong);background:var(--surface-subtle)}
.hdr__link[aria-current="page"]{color:var(--text-strong);background:var(--surface-subtle)}
.hdr__dd{position:relative;align-self:stretch;display:flex;align-items:center}
.hdr__dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer}
.hdr__dd-btn .alc-icon{transition:transform var(--dur-base) var(--ease-standard)}
.hdr__dd-btn[aria-expanded="true"]{color:var(--text-strong)}
.hdr__dd-btn[aria-expanded="true"] .alc-icon{transform:rotate(180deg)}
.hdr__dd-btn[data-active="true"],.hdr__dd-btn[aria-expanded="true"]{color:var(--text-strong);background:var(--surface-subtle)}
.hdr__menu{position:absolute;top:100%;left:-14px;width:min(760px,calc(100vw - 80px));z-index:70;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),visibility 0s linear var(--dur-base)}
.hdr__menu[data-open="true"]{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),visibility 0s}
.hdr__menu-in{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);padding:12px}
.hdr__menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.hdr__mi{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:10px;text-decoration:none;color:inherit;transition:background-color var(--dur-fast)}
.hdr__mi:hover,.hdr__mi[aria-current="page"]{background:var(--surface-subtle);color:inherit}
.hdr__mi .chip-icon{width:40px;height:40px;background:var(--surface-subtle)}
.hdr__mi:hover .chip-icon,.hdr__mi[aria-current="page"] .chip-icon{background:#fff;color:var(--alcam-red)}
.hdr__mi-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.hdr__mi-t strong{font:600 15px/1.3 var(--font-body);color:var(--text-strong)}
.hdr__mi-t span{font-size:13px;line-height:1.45;color:var(--text-muted)}
.hdr__menu-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:8px;padding:14px 12px 6px;border-top:1px solid var(--border-default)}
.hdr__menu-foot a{font-weight:600}
.hdr__right{display:flex;align-items:center;gap:20px;margin-left:auto}
.hdr__tel{display:inline-flex;gap:8px;align-items:center;font:600 15px var(--font-body);color:var(--text-strong);text-decoration:none}
.hdr__icon-btn{display:none;width:44px;height:44px;border-radius:var(--radius-button);background:var(--surface-subtle);border:0;align-items:center;justify-content:center;color:var(--text-strong);cursor:pointer;text-decoration:none;padding:0}
.hdr__icon-btn:hover{color:var(--text-strong);background:var(--alcam-gray-300)}
.hdr__icon-btn--active{background:var(--alcam-ink);color:#fff}
.hdr__icon-btn--active:hover{background:var(--alcam-ink);color:#fff}
@media (max-width:1024px){.hdr__nav,.hdr__tel,.hdr__cta{display:none}.hdr__icon-btn{display:inline-flex}.hdr__right{gap:8px}}
@media (max-width:760px){.hdr__logo img{height:30px}}
.mnav{position:fixed;top:var(--hdr-h);left:0;right:0;bottom:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;z-index:60;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 240ms var(--ease-standard),transform 240ms var(--ease-standard),visibility 0s linear 240ms}
.mnav[data-open="true"]{opacity:1;visibility:visible;transform:none;transition:opacity 240ms var(--ease-standard),transform 240ms var(--ease-standard),visibility 0s}
.mnav[data-open="true"] .mnav__link,.mnav[data-open="true"] .mnav__sys,.mnav[data-open="true"] .mnav__actions,.mnav[data-open="true"] .mnav__trust{animation:rv-in 360ms var(--ease-standard) both}
.mnav__link:nth-child(2),.mnav__sys:nth-child(2){animation-delay:40ms!important}.mnav__link:nth-child(3),.mnav__sys:nth-child(3){animation-delay:80ms!important}.mnav__link:nth-child(4),.mnav__sys:nth-child(4){animation-delay:120ms!important}.mnav__link:nth-child(5),.mnav__sys:nth-child(5){animation-delay:160ms!important}.mnav__sys:nth-child(6){animation-delay:200ms!important}.mnav__sys:nth-child(7){animation-delay:240ms!important}
.mnav[data-open="true"] .mnav__actions,.mnav[data-open="true"] .mnav__trust{animation-delay:220ms}
@media (max-width:1024px){.hdr__menu{display:none}}
@keyframes mnav-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mnav__in{display:flex;flex-direction:column;gap:24px;padding-top:8px;padding-bottom:32px}
.mnav__links{display:flex;flex-direction:column}
.mnav__link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;font:600 19px/1.25 var(--font-heading);letter-spacing:-.015em;color:var(--text-strong);text-decoration:none}
.mnav__link:hover{color:var(--text-strong)}
.mnav__link .alc-icon{color:var(--alcam-gray-400);transition:transform var(--dur-base) var(--ease-standard),color var(--dur-base)}
.mnav__link:hover .alc-icon,.mnav__link[aria-current="page"] .alc-icon{color:var(--alcam-red);transform:translateX(4px)}
.mnav__group{display:flex;flex-direction:column;gap:12px}
.mnav__systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mnav__sys{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:52px;border-radius:var(--radius-card);background:var(--surface-subtle);transition:background-color var(--dur-fast),color var(--dur-fast);font:600 14px/1.3 var(--font-body);color:var(--text-strong);text-decoration:none}
.mnav__sys:hover{color:var(--text-strong);background:var(--alcam-gray-300)}
.mnav__sys[aria-current="page"]{background:var(--alcam-ink);color:#fff}
.mnav__actions{display:flex;flex-direction:column;gap:10px}
.mnav__actions .alc-btn{width:100%}
.mnav__trust{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:400px){.mnav__systems{grid-template-columns:minmax(0,1fr)}}
@media (min-width:700px){.mnav__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px 48px;padding-top:32px}.mnav__actions{flex-direction:row}.mnav__actions,.mnav__trust{grid-column:1/-1}}
html.menu-open .alc-mbar{display:none}

/* Navigacija sistema */
.sysnav{padding-top:16px}
.sysnav__row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sysnav__row::-webkit-scrollbar{display:none}
.sysnav__a{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:var(--radius-pill);background:var(--surface-subtle);font:500 14px/1 var(--font-body);color:var(--text-body);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast),color var(--dur-fast)}
.sysnav__a:hover{color:var(--text-strong);background:var(--alcam-gray-300)}
.sysnav__a[aria-current="page"]{background:var(--alcam-ink);color:#fff}

/* CTA */
.cta{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.cta__text{max-width:640px}

/* Footer */
.ftr{padding:var(--sec) 0 28px}
.ftr__panel{background:var(--surface-subtle);border-radius:var(--radius-card);padding:clamp(28px,4.5vw,56px);display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px}
.ftr__logo{height:36px;display:block}
.ftr h2{font:600 12px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.ftr a{color:var(--text-body);text-decoration:none}
.ftr a:hover{color:var(--text-strong);text-decoration:underline}
.ftr__badge{display:flex;gap:12px;align-items:center;font:600 14px/1.35 var(--font-body);color:var(--text-strong)}
.ftr__badge .chip-icon{width:40px;height:40px}
.ftr__bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:20px 4px 0;font-size:13px;color:var(--text-muted)}
@media (max-width:960px){.ftr__panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr__brand{grid-column:1/-1}}
@media (max-width:520px){.ftr__panel{grid-template-columns:minmax(0,1fr)}}

/* Forma */
.form{display:flex;flex-direction:column;gap:20px}
.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:560px){.form__row{grid-template-columns:minmax(0,1fr)}}

/* Hamburger */
.hdr__burger-i{position:relative;width:18px;height:14px;display:block}
.hdr__burger-i span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform 240ms var(--ease-standard),opacity 160ms var(--ease-standard),top 240ms var(--ease-standard)}
.hdr__burger-i span:nth-child(1){top:0}.hdr__burger-i span:nth-child(2){top:6px}.hdr__burger-i span:nth-child(3){top:12px}
.hdr__burger[aria-expanded="true"]{background:var(--alcam-ink);color:#fff}
.hdr__burger[aria-expanded="true"] .hdr__burger-i span:nth-child(1){top:6px;transform:rotate(45deg)}
.hdr__burger[aria-expanded="true"] .hdr__burger-i span:nth-child(2){opacity:0}
.hdr__burger[aria-expanded="true"] .hdr__burger-i span:nth-child(3){top:6px;transform:rotate(-45deg)}
.hdr__icon-btn{transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}

/* Pojavljivanje */
@keyframes rv-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
[data-rv="0"]{opacity:0}
[data-rv="1"]{animation:rv-in 560ms cubic-bezier(.2,.6,.2,1) both}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1!important;animation:none!important}.mnav,.hdr__menu{transition:none!important}.mnav *{animation:none!important}}
@media print{[data-rv]{opacity:1!important;animation:none!important}}

/* Globalne tranzicije */
a,button{transition:color var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}
a.card,.svc-grid .alc-svc,.alc-cfg,.tile--logo{transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
a.card:hover,.svc-grid .alc-svc:hover{transform:translateY(-2px)}
.alc-cfg:hover{box-shadow:var(--shadow-md)}
.link-inline .alc-icon,.hdr__mi .chip-icon{transition:transform var(--dur-base) var(--ease-standard),color var(--dur-base),background-color var(--dur-base)}
.link-inline:hover .alc-icon,a.card:hover .link-inline .alc-icon{transform:translateX(4px);color:var(--alcam-red)}
.card--ink .link-inline .alc-icon{color:#fff}
a.card--ink:hover .link-inline .alc-icon{color:var(--alcam-red)}

/* Hero vodič */
.hero__split{align-items:start}
.hero__copy{padding-top:clamp(0px,2vw,24px)}
.hero__h1{font-size:clamp(40px,5.6vw,72px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
.guide{background:var(--surface-subtle);border-radius:var(--radius-card);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:20px;min-width:0}
.guide__head{display:flex;flex-direction:column;gap:8px}
.guide__title{font:700 clamp(24px,2.4vw,30px)/1.2 var(--font-heading);letter-spacing:-.015em;margin:0}
.guide__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.guide__chip{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 36px 10px 10px;border:1px solid transparent;border-radius:10px;background:#fff;text-align:left;cursor:pointer;font:500 14px/1.3 var(--font-body);color:var(--text-strong);transition:background-color 200ms var(--ease-standard),border-color 200ms var(--ease-standard),color 200ms var(--ease-standard),transform 150ms var(--ease-standard)}
.guide__chip:hover{border-color:var(--alcam-gray-300)}
.guide__chip:active{transform:translateY(1px)}
.guide__chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.guide__chip-ic{flex:none;width:36px;height:36px;border-radius:8px;background:var(--surface-subtle);display:flex;align-items:center;justify-content:center;color:var(--alcam-ink);transition:background-color 200ms,color 200ms}
.guide__chip-ck{position:absolute;right:10px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--alcam-red);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity 200ms var(--ease-standard),transform 200ms var(--ease-standard)}
.guide__chip[aria-pressed="true"]{background:var(--alcam-ink);color:#fff}
.guide__chip[aria-pressed="true"] .guide__chip-ic{background:rgba(255,255,255,.1);color:#fff}
.guide__chip[aria-pressed="true"] .guide__chip-ck{opacity:1;transform:none}
.guide__chip:last-child:nth-child(odd){grid-column:1/-1}
.guide__res{display:flex;flex-direction:column;gap:14px;min-height:64px}
.guide__empty{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 16px;border:1px dashed var(--alcam-gray-300);border-radius:10px;font-size:14px;color:var(--text-muted)}
.guide__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.guide__list li{animation:rv-in 280ms var(--ease-standard) both}
.guide__row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;text-decoration:none;color:var(--text-strong)}
.guide__row:hover{color:var(--text-strong);box-shadow:var(--shadow-sm)}
.guide__row-t{flex:1;min-width:0;font-weight:600;font-size:15px}
.guide__row .alc-icon{color:var(--alcam-gray-400);transition:transform var(--dur-base) var(--ease-standard),color var(--dur-base)}
.guide__row:hover .alc-icon{transform:translateX(4px);color:var(--alcam-red)}
.guide__price{font:700 16px/1 var(--font-heading);letter-spacing:-.01em;white-space:nowrap;color:var(--text-strong)}
.guide__price small{font:500 12px/1 var(--font-body);color:var(--text-muted);letter-spacing:0}
.guide__price--lg{font-size:clamp(26px,2.6vw,32px)}
.guide__price--lg small{font-size:14px}
.guide__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-top:4px}
.guide__sum{display:flex;flex-direction:column;gap:6px}
@media (max-width:960px){.hero__copy{padding-top:0}}
@media (max-width:420px){.guide__chips{grid-template-columns:minmax(0,1fr)}.guide__foot .alc-btn{width:100%}}

/* Stranica Sistemi */
.sys-card{gap:0}
.sys-card__img{display:block;border-radius:var(--radius-image);overflow:hidden}
.sys-card__img .alc-img{transition:transform 500ms var(--ease-standard)}
.sys-card:hover .sys-card__img .alc-img{transform:scale(1.02)}
.sys-card__body{gap:16px;padding:20px 12px 12px;flex:1}
.sys-card__head{display:flex;align-items:center;gap:14px}
.sys-card__head .chip-icon{background:#fff}
.sys-card__title{text-decoration:none;color:var(--text-strong)}
.sys-card__title:hover{color:var(--text-strong)}
.sys-card__pts{gap:10px;font-size:15px}
.sys-card__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 20px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid var(--border-default)}
.sys-card--ink{padding:clamp(28px,3.4vw,48px);gap:32px;min-height:320px}
.sys-card--ink p{max-width:440px}

/* Fotografije sistema */
.alc-img img{width:100%;height:100%;object-fit:cover;display:block}

/* Video nadzor: rezolucije i poređenje */
.res-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.cc{display:flex;flex-direction:column;gap:14px;min-width:0}
.cc__bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cc__bar .alc-seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.cc__bar .alc-seg button{white-space:nowrap;flex:none}
.cc__zoom{margin-left:auto;white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--border-default);border-radius:var(--radius-button);background:#fff;font:600 14px/1 var(--font-body);color:var(--text-strong);cursor:pointer}
.cc__zoom:hover{border-color:var(--alcam-ink)}
.cc__zoom[aria-pressed="true"]{background:var(--alcam-ink);border-color:var(--alcam-ink);color:#fff}
.cc__zoom:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.cc__stage{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-image);overflow:hidden;background:#1b1e21}
.cc__img{position:absolute!important;inset:0;width:100%;height:100%;border-radius:0!important;opacity:0;transform-origin:60% 63%;transition:opacity 300ms var(--ease-standard),transform 480ms var(--ease-standard)}
.cc__img.is-on{opacity:1}
.cc__img img{width:100%;height:100%;object-fit:cover;display:block}
.cc__stage[data-zoom="true"] .cc__img{transform:scale(2.6)}
.cc__img--noc{transform-origin:0 0}
.cc__stage[data-zoom="true"] .cc__img--noc{transform:translate(-156.7%,-2%) scale(2.6)}
.cc__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;background:#1b1e21;color:#A7ADB4;font-size:15px;animation:rv-in 280ms var(--ease-standard) both}
.cc__cap{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px;color:var(--text-muted)}
.cc__cap strong{color:var(--text-strong)}
@media (max-width:1100px){.cc__zoom{margin-left:0}}
@media (max-width:640px){.cc__zoom{width:100%;justify-content:center}}
.store{background:#fff;border-radius:var(--radius-card);padding:6px 20px}
.store__row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:14px 0;border-top:1px solid var(--border-default);font-size:15px}
.store__row:first-child{border-top:0}
.store__row--head{font:600 12px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.store__row strong{color:var(--text-strong)}

/* Učitavanje slika: shimmer umesto okvira, pa glatko pojavljivanje slike */
@keyframes alc-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
.sc-placeholder,.alc-img:has(img:not(.is-loaded)){background:linear-gradient(100deg,var(--surface-subtle) 30%,#E8EAED 50%,var(--surface-subtle) 70%) 0 0/200% 100% var(--surface-subtle)!important;animation:alc-shimmer 1.4s linear infinite}
.sc-placeholder{border:0!important;outline:0!important;box-shadow:none!important;border-radius:var(--radius-image)}
.alc-img img{opacity:0;transition:opacity 420ms var(--ease-standard)}
.alc-img img.is-loaded{opacity:1}
.hero .sc-host{min-height:0!important}
.hero .split>.sc-placeholder,.hero .split>.sc-host>.sc-placeholder{width:100%!important;height:auto!important;aspect-ratio:4 / 3}
@media (max-width:960px){.hero .split>.sc-placeholder,.hero .split>.sc-host>.sc-placeholder{aspect-ratio:16 / 9}}
@media (max-width:560px){.hero .split>.sc-placeholder,.hero .split>.sc-host>.sc-placeholder{aspect-ratio:4 / 3}}
@media (prefers-reduced-motion:reduce){.sc-placeholder,.alc-img{animation:none!important}.alc-img img{transition:none}}