/* BINIS — zajednički elementi (katalog u headeru, kontakt u footeru, mapa prisutnosti) */

/* KATALOG U HEADERU */
.nav-kat{display:inline-flex;align-items:center;gap:9px;font-family:"Archivo",sans-serif;font-weight:600;font-size:14.5px;padding:11px 17px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);white-space:nowrap;transition:background .16s,border-color .16s,color .16s}
.nav-kat svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-kat .pdf{font-size:11px;letter-spacing:.08em;color:var(--amber2)}
.nav-kat:hover{background:var(--amber);border-color:var(--amber);color:#1E1A0C}
.nav-kat:hover .pdf{color:rgba(30,26,12,.7)}
.nav-kat svg{animation:katArrow 2.6s ease-in-out infinite}
@keyframes katArrow{0%,72%,100%{transform:translateY(0)}84%{transform:translateY(2.5px)}}
@media(max-width:1180px){.nav-kat .pdf{display:none}.nav-kat{padding:11px 15px}}
@media(max-width:900px){.nav-kat{display:none}}
.mkat{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-family:"Archivo",sans-serif;font-weight:600;font-size:15.5px}
.mkat svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* KONTAKT U FOOTERU — tabovi po lokacijama */
.f-contact .ftabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.f-contact .ft{font-family:"Archivo",sans-serif;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.f-contact .ft:hover{border-color:var(--ink2);color:var(--ink)}
.f-contact .ft.on{background:var(--dark);border-color:var(--dark);color:#fff}
.f-contact .fpane{display:none;flex-direction:column;gap:7px;font-size:15px}
.f-contact .fpane.on{display:flex;animation:fpIn .22s var(--ease,ease) both}
@keyframes fpIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.f-contact .fk{font-family:"Archivo",sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber2);font-weight:600}
.f-contact .fpane a{font-size:15.5px}
.f-contact .fpane a:hover{color:var(--amber2)}
.f-contact .fa{color:var(--ink2);font-size:14.5px;line-height:1.45}

/* MAPA PRISUTNOSTI */
.map-wrap{display:grid;grid-template-columns:1.55fr .75fr;gap:28px;align-items:stretch}
.map-wrap.solo{grid-template-columns:1fr}
.map-stage{position:relative;background:radial-gradient(120% 100% at 50% 0%,#FDFCF9 0%,#F5F1E7 52%,#EDE8DA 100%);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 22px 50px -34px rgba(35,40,28,.5)}
.map-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(120,100,60,.14) 1px,transparent 1px);background-size:24px 24px;opacity:.5;pointer-events:none}
.map-stage svg{position:relative;display:block;width:100%;height:auto}
.map-legend{position:absolute;left:16px;bottom:14px;z-index:3;display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);border:1px solid rgba(180,166,132,.35);border-radius:14px;padding:11px 14px;pointer-events:none}
.map-legend .lg{display:flex;align-items:center;gap:9px;font-family:"Archivo",sans-serif;font-size:12px;color:var(--ink2);font-weight:500}
.map-legend .d{width:11px;height:11px;border-radius:50%;flex:none}
.map-legend .d.hq{background:var(--red);box-shadow:0 0 0 3px rgba(238,32,40,.18)}
.map-legend .d.city{background:var(--amber);box-shadow:0 0 0 3px rgba(225,166,60,.2)}
.map-compass{position:absolute;right:18px;top:16px;width:46px;height:46px;z-index:3;opacity:.7;pointer-events:none}
.map-cap{position:absolute;right:18px;bottom:16px;z-index:3;font-family:"Archivo",sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(120,102,66,.55);pointer-events:none}
.c-neigh{fill:#E8E3D5;stroke:#FBF9F3;stroke-width:1.5;stroke-linejoin:round}
.c-bih{fill:url(#bihFill);stroke:#332F2E;stroke-width:.5;stroke-linejoin:round;filter:drop-shadow(0 16px 26px rgba(45,40,40,.34))}
.c-name{font-family:"Archivo",sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;fill:rgba(122,106,72,.55);text-anchor:middle;pointer-events:none}
.c-sea{fill:#E4E7E4;opacity:.55}
.link{stroke:#E8BC63;stroke-width:1.15;fill:none;stroke-dasharray:2.5 5.5;stroke-dashoffset:700;opacity:.5;transition:opacity .18s,stroke-width .18s}
.link.hub{stroke:var(--red);stroke-dasharray:5 5;stroke-width:1.5;opacity:.42}
.map-stage.in .link{animation:linkDash 1.1s ease forwards;animation-delay:var(--d,0ms)}
@keyframes linkDash{to{stroke-dashoffset:0}}
.link.on{opacity:.85;stroke-width:1.9}
.dot{fill:var(--amber);stroke:rgba(255,255,255,.85);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}
.map-stage.in .dot{animation:dotDrop .5s cubic-bezier(.22,1.5,.4,1) both;animation-delay:var(--d,0ms)}
@keyframes dotDrop{0%{transform:translateY(-14px) scale(.2);opacity:0}70%{transform:translateY(2px) scale(1.08)}100%{transform:translateY(0) scale(1);opacity:1}}
.dot.hq{fill:var(--red);stroke:#fff;stroke-width:2.4}
.dot-hit{fill:transparent;cursor:pointer}
.pulse{fill:none;stroke:var(--red);transform-box:fill-box;transform-origin:center;animation:pulseRing 2.6s ease-out infinite;animation-play-state:paused;pointer-events:none}
.map-stage.in .pulse{animation-play-state:running}
@keyframes pulseRing{0%{r:8px;opacity:.55;stroke-width:2.6}100%{r:34px;opacity:0;stroke-width:.4}}
.dlabel{font-family:"Archivo",sans-serif;font-size:11.5px;font-weight:600;fill:#F4EEDF;paint-order:stroke;stroke:#1B1F17;stroke-width:3.4px;stroke-linejoin:round;pointer-events:none;opacity:0;transition:opacity .16s}
.dlabel.show{opacity:1}
.dlabel.out{fill:#4A4436;stroke:#F7F4EC}
.hubg{opacity:0}
.map-stage.in .hubg{animation:hubIn .55s cubic-bezier(.22,1.4,.4,1) both;animation-delay:var(--d,0ms)}
@keyframes hubIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.hub-pill rect{fill:#1B1F17;stroke:rgba(255,255,255,.14)}
.hub-pill text{font-family:"Archivo",sans-serif;font-size:11.5px;font-weight:600;fill:#fff}
.hub-pill text .sub{fill:rgba(255,255,255,.55)}
.hub-link{cursor:pointer}
.hub-link:hover .hub-pill rect{fill:var(--red);stroke:var(--red)}
.map-panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px 26px;display:flex;flex-direction:column;min-height:0}
.map-panel .big{font-family:"Archivo",sans-serif;font-weight:800;font-size:46px;line-height:1;letter-spacing:-.02em}
.map-panel .big sup{font-size:20px;color:var(--amber2);vertical-align:super}
.map-panel .plead{color:var(--ink2);font-size:14.5px;margin:8px 0 18px;text-wrap:pretty}
.city-index{display:grid;grid-template-columns:1fr 1fr;gap:1px 10px;border-top:1px solid var(--line);padding-top:14px}
.cbtn{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:none;text-align:left;font-family:"IBM Plex Sans",sans-serif;font-size:13.5px;color:var(--ink);border-radius:8px;cursor:pointer;transition:background .14s,color .14s}
.cbtn::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);flex:none;transition:transform .14s}
.cbtn.hq::before{background:var(--red)}
.cbtn:hover,.cbtn.on{background:var(--paper);color:var(--amber2)}
.cbtn:hover::before,.cbtn.on::before{transform:scale(1.45)}
.map-foot{margin-top:16px;color:var(--ink2);font-size:12.5px}
@media(max-width:960px){.map-wrap{grid-template-columns:1fr;gap:18px}.map-legend{left:12px;bottom:12px;padding:9px 11px}.map-compass{width:36px;height:36px}}

/* FOOTER GRID — širi kontakt stubac */
@media(min-width:961px){.f-grid{grid-template-columns:1.25fr .85fr .85fr 1.35fr}}

/* KATALOG TRAKA */
.kat-sec{margin-top:30px}
.katalog{display:flex;align-items:center;gap:26px;background:linear-gradient(102deg,#E8A93A 0%,#DA8E22 100%);color:#1E1A0C;border-radius:20px;padding:18px 30px 18px 26px;position:relative;overflow:hidden}
.katalog::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(128deg,rgba(30,26,12,.045) 0 14px,transparent 14px 30px);pointer-events:none}
.katalog::after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 68%);pointer-events:none}
.kat-book{position:relative;z-index:1;flex:none;width:96px;aspect-ratio:3/4;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:0 16px 30px -12px rgba(60,40,10,.55);transform:rotate(-4deg);animation:katFloat 5s ease-in-out infinite}
@keyframes katFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2.4deg) translateY(-7px)}}
.kat-book>img{width:100%;height:100%;object-fit:cover}
.kat-book::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent);z-index:2}
.kat-book::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,20,14,.06),rgba(18,20,14,.72))}
.kat-shine{position:absolute;inset:0;z-index:3;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%);transform:translateX(-130%);animation:katShine 4.5s ease-in-out 1s infinite}
@keyframes katShine{0%,58%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
.kat-main{position:relative;z-index:1;flex:1}
.kat-main .eyebrow{color:rgba(30,26,12,.66)}
.kat-main .eyebrow::before{background:var(--red)}
.kat-main h3{font-family:"Archivo",sans-serif;font-size:clamp(19px,2vw,25px);font-weight:700;color:#1E1A0C;margin-top:8px;line-height:1.08;letter-spacing:-.01em}
.kat-main p{color:rgba(30,26,12,.72);font-size:13.5px;margin-top:6px;max-width:56ch;text-wrap:pretty}
.kat-actions{position:relative;z-index:1;flex:none;display:flex;gap:10px}
.kat-actions .arr{display:inline-block;animation:katBob 1.7s ease-in-out infinite}
@keyframes katBob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(max-width:960px){.katalog{flex-direction:column;align-items:flex-start;padding:22px 20px;gap:16px}.kat-book{width:88px}.kat-actions{width:100%}.kat-actions .btn{flex:1;justify-content:center}}

/* MEGA MENI — donja traka (samo katalog; Ideje i primjeri su u glavnom meniju) */
.mega .mfoot{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:2px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.mega .mfoot .mcat{grid-column:auto;margin-top:0}
/* NAVIGACIJA — gustina na užim ekranima */
@media(max-width:1240px){.nav-ic:not(.nav-search){display:none}}

/* PRETRAGA — dugme u headeru */
/* Bez "/" značke preko ikone - prečica i dalje radi, piše u title atributu. */
.nav-search{background:transparent;padding:0;cursor:pointer;font:inherit}
@media(max-width:960px){.nav-search{margin-left:auto}.burger{margin-left:14px}}

/* PRETRAGA — overlay */
.bsearch{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:0 20px}
.bsearch[hidden]{display:none}
.bs-backdrop{position:absolute;inset:0;background:rgba(20,23,17,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .22s var(--ease,ease)}
.bsearch.on .bs-backdrop{opacity:1}
.bs-panel{position:relative;width:min(760px,100%);margin-top:min(11vh,110px);background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 48px 110px -34px rgba(12,15,9,.62);overflow:hidden;display:flex;flex-direction:column;max-height:min(74vh,660px);opacity:0;transform:translateY(-14px) scale(.985);transition:opacity .22s var(--ease,ease),transform .28s var(--ease,ease)}
.bsearch.on .bs-panel{opacity:1;transform:none}
.bs-field{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);flex:none}
.bs-field svg{width:21px;height:21px;stroke:var(--ink2);fill:none;stroke-width:1.9;stroke-linecap:round;flex:none}
.bs-field input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:"Archivo",sans-serif;font-size:20px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.bs-field input::placeholder{color:#9C9A8E;font-weight:500}
.bs-clear{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink2);cursor:pointer;font-size:12px;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s,background .15s}
.bs-clear.on{opacity:1;pointer-events:auto}
.bs-clear:hover{background:var(--paper);color:var(--ink)}
.bs-body{overflow-y:auto;padding:8px 12px 14px;flex:1}
.bs-sec{padding:10px 0 4px}
.bs-sec h5{font-family:"Archivo",sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);font-weight:700;padding:6px 10px 8px;display:flex;align-items:center;gap:8px}
.bs-sec h5 i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--amber2);letter-spacing:0}
.bs-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 10px 4px}
.bs-chip{font-family:"Archivo",sans-serif;font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:background .14s,color .14s,border-color .14s}
.bs-chip:hover{background:var(--dark);border-color:var(--dark);color:#fff}
.bs-rows{display:flex;flex-direction:column;gap:1px}
.bs-row{display:flex;align-items:center;gap:13px;padding:9px 10px;border-radius:14px;color:var(--ink);transition:background .12s}
.bs-row:hover,.bs-row.on{background:var(--paper);color:var(--ink)}
.bs-th{flex:none;width:42px;height:42px;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--paper)}
.bs-th img{width:100%;height:100%;object-fit:cover}
.bs-th.ph{display:flex;align-items:center;justify-content:center;background:var(--dark);border-color:var(--dark);color:var(--amber);font-family:"Archivo",sans-serif;font-weight:800;font-size:16px}
.bs-txt{flex:1;min-width:0}
.bs-txt b{display:block;font-family:"Archivo",sans-serif;font-size:15.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-txt b mark{background:rgba(225,166,60,.42);color:inherit;border-radius:3px;padding:0 1px}
.bs-txt span{display:block;color:var(--ink2);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-kind{flex:none;font-family:"Archivo",sans-serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:4px 9px}
.bs-arr{flex:none;color:var(--ink2);font-size:14px;opacity:0;transform:translateX(-4px);transition:opacity .14s,transform .14s}
.bs-row:hover .bs-arr,.bs-row.on .bs-arr{opacity:1;transform:none;color:var(--amber2)}
.bs-none{padding:34px 14px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.bs-none b{font-family:"Archivo",sans-serif;font-size:19px;font-weight:700}
.bs-none span{color:var(--ink2);font-size:14.5px;max-width:44ch}
.bs-none .btn{margin-top:8px;padding:12px 20px;font-size:14.5px}
.bs-foot{flex:none;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 22px;border-top:1px solid var(--line);background:var(--paper);font-size:12px;color:var(--ink2)}
.bs-foot span{display:flex;align-items:center;gap:5px}
.bs-foot .bs-tip{margin-left:auto}
.bs-foot kbd{font-family:"IBM Plex Mono",monospace;font-size:11px;background:var(--card);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;color:var(--ink)}
@media(max-width:700px){.bs-panel{margin-top:8vh;max-height:82vh}.bs-field{padding:16px 16px}.bs-field input{font-size:17px}.bs-kind{display:none}.bs-foot span:not(.bs-tip){display:none}.bs-foot .bs-tip{margin-left:0}}
@media(max-width:1120px){.nav-pill a{padding:9px 11px;font-size:14px}}

/* MAPA — mobilna skala */
.map-stage.sm .dlabel{font-size:17px;stroke-width:4.6px}
.map-stage.sm .hub-pill text{font-size:17px}
.map-stage.sm .c-name{font-size:15px;letter-spacing:.14em}
.map-stage.sm .dot{stroke-width:2.2}
.map-stage.sm .link{stroke-width:1.7;stroke-dasharray:4 7}
.map-stage.sm .link.hub{stroke-width:2.2;stroke-dasharray:7 7}
@keyframes pulseRingSm{0%{r:13px;opacity:.55;stroke-width:4}100%{r:54px;opacity:0;stroke-width:.6}}
.map-stage.sm .pulse{animation-name:pulseRingSm;stroke-width:4}

@media(max-width:560px){.cform2 .row2{grid-template-columns:1fr}}

/* REFERENCE */
.rf-hero{display:grid;grid-template-columns:1.05fr .95fr;background:var(--dark);color:#fff;border-radius:26px;overflow:hidden}
.rf-hero .ph{position:relative;min-height:430px;background:#161913}
.rf-hero image-slot{position:absolute;inset:0;width:100%;height:100%;display:block}
.rf-hero .body{padding:46px 44px;display:flex;flex-direction:column;justify-content:center}
.rf-tag{display:inline-flex;align-items:center;gap:8px;font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(225,166,60,.45);border-radius:999px;padding:6px 12px;width:-moz-fit-content;width:fit-content}
.rf-hero h3{font-size:clamp(23px,2.3vw,33px);font-weight:700;color:#fff;margin:16px 0 6px;text-wrap:balance}
.rf-loc{color:rgba(255,255,255,.6);font-size:15px}
.rf-meta{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:26px;margin:22px 0;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.rf-meta .k{font-family:"Archivo",sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:600}
.rf-meta .v{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;margin-top:4px}
.rf-scope{list-style:none;display:grid;gap:9px}
.rf-scope li{position:relative;padding-left:20px;font-size:14.5px;color:rgba(255,255,255,.74)}
.rf-scope li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--amber)}
.rf-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.rf-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.rf-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px -24px rgba(24,27,22,.32)}
.rf-card image-slot{width:100%;height:236px;display:block}
.rf-card .body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.rf-card h3{font-size:21px;font-weight:700;margin:12px 0 4px;text-wrap:balance}
.rf-card .rf-tag{color:var(--amber2);border-color:rgba(192,138,34,.5)}
/* Programi u tagu vode na odgovarajuću grupu proizvoda. */
.rf-tag a{color:inherit;text-decoration:none;transition:color .15s}
.rf-tag a:hover,.rf-tag a:focus-visible{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.rf-card .rf-tag a:hover,.rf-card .rf-tag a:focus-visible{color:var(--amber2)}
.rf-tag .sep{opacity:.5}
.rf-card .rf-loc{color:var(--ink2)}
.rf-card .rf-meta{border-color:var(--line);margin:18px 0}
.rf-card .rf-meta .k{color:var(--ink2)}
.rf-card .rf-meta .v{color:var(--ink)}
.rf-card .rf-scope li{color:var(--ink2)}
.ref-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.ref-tabs{display:flex;gap:8px;flex-wrap:wrap}
.rtab{font-family:"Archivo",sans-serif;font-weight:600;font-size:14px;padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.rtab:hover{border-color:var(--ink2);color:var(--ink)}
.rtab.on{background:var(--dark);border-color:var(--dark);color:#fff}
.rtab .c{font-family:"IBM Plex Mono",monospace;font-size:11px;opacity:.55;margin-left:7px}
.ref-search{position:relative}
.ref-search input{width:290px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:12px 18px 12px 42px;font-family:"IBM Plex Sans",sans-serif;font-size:14.5px;color:var(--ink);outline:none;transition:border-color .15s}
.ref-search input:focus{border-color:var(--amber)}
.ref-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--ink2);fill:none;stroke-width:1.9;stroke-linecap:round}
.ref-list{border-top:1px solid var(--line)}
.ref-row{display:grid;grid-template-columns:92px 1.45fr 1.3fr;gap:24px;padding:22px 12px;border-bottom:1px solid var(--line);transition:background .15s}
.ref-row:hover{background:var(--card)}
.ref-row .yr{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--amber2);padding-top:3px}
.ref-row h4{font-family:"Archivo",sans-serif;font-size:17px;font-weight:700;line-height:1.28}
.ref-row .sub{color:var(--ink2);font-size:14px;margin-top:6px}
.ref-row .sc{list-style:none;display:grid;gap:6px}
.ref-row .sc li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink2)}
.ref-row .sc li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--amber2);opacity:.65}
.ref-row.ph h4{color:var(--ink2);font-style:italic;font-weight:600}
.ref-empty{padding:26px 12px;color:var(--ink2);font-size:15px}
@media(max-width:960px){.rf-hero{grid-template-columns:1fr}.rf-hero .ph{min-height:260px}.rf-hero .body{padding:28px 24px}.rf-pair{grid-template-columns:1fr}.ref-row{grid-template-columns:1fr;gap:12px;padding:20px 4px}.ref-search,.ref-search input{width:100%}.ref-bar{gap:14px}}

/* NAPOMENA */
.note{background:rgba(225,166,60,.12);border:1px solid rgba(225,166,60,.55);border-radius:16px;padding:16px 20px;font-size:14.5px;color:var(--ink);display:flex;gap:12px;align-items:flex-start}
.note .i{width:22px;height:22px;border-radius:50%;background:var(--amber);color:#1E1A0C;font-family:"Archivo",sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}

/* JEDNOSTAVNO ZAGLAVLJE STRANICE */
.phead{padding:34px 0 0}
.bc.light{color:var(--ink2)}
.bc.light a{color:var(--ink2)}
.bc.light a:hover{color:var(--amber2)}
.phead-in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:end;padding:2px 0 32px}
.phead h1{font-size:clamp(32px,4.2vw,54px);line-height:1.04;font-weight:800;max-width:15ch;text-wrap:balance;margin-top:14px}
.phead .plead{color:var(--ink2);font-size:17px;max-width:52ch;padding-bottom:6px;text-wrap:pretty}
.phead-in.bord{border-bottom:1px solid var(--line)}
.rfacts{display:flex;gap:46px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rfacts .f b{font-family:"Archivo",sans-serif;font-weight:800;font-size:26px;display:block;line-height:1}
.rfacts .f span{color:var(--ink2);font-size:13.5px;display:block;margin-top:5px}
.rstrip{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;height:210px;margin-top:28px}
.rstrip figure{overflow:hidden;position:relative}
.rstrip img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.rstrip figure:hover img{transform:scale(1.05)}
.rstrip figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,12,8,.6))}
.rstrip figcaption{position:absolute;left:12px;bottom:10px;z-index:2;font-family:"Archivo",sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.rf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rf-card>img{width:100%;height:214px;object-fit:cover;display:block}
@media(max-width:1080px){.rf-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.phead-in{grid-template-columns:1fr;gap:16px;padding-bottom:26px}.rfacts{gap:28px}.rstrip{grid-template-columns:repeat(3,1fr);height:150px;gap:4px}.rstrip figure:nth-child(n+4){display:none}.rf-grid{grid-template-columns:1fr}}

/* MAPA — CTA ka Google mapama */
.map-cta{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:10px;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;line-height:1;padding:12px 18px;border-radius:999px;background:var(--red);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 28px -14px rgba(238,32,40,.7);white-space:nowrap;transition:background .16s var(--ease),transform .16s var(--ease)}
.map-cta:hover{background:#CE1B22;color:#fff;transform:translateX(-50%) translateY(-2px)}
.map-cta svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.map-cta i{font-style:normal;transition:transform .16s var(--ease)}
.map-cta:hover i{transform:translateX(3px)}
.map-stage{padding-bottom:64px}
.map-stage .map-legend{flex-direction:row;align-items:center;gap:18px;bottom:16px;padding:9px 14px}
.map-stage .map-cap{display:none}
.map-cta{left:auto;right:16px;bottom:14px;transform:none}
.map-cta:hover{transform:translateY(-2px)}
@media(max-width:820px){.map-stage{padding-bottom:0}.map-stage .map-legend{position:static;flex-direction:row;justify-content:center;margin:0 16px 10px;border-radius:14px}.map-cta{position:static;display:flex;width:max-content;max-width:calc(100% - 32px);margin:0 auto 16px}}

/* REFERENCE — slajder fotografija na istaknutim karticama */
.rf-shot{position:relative;height:214px;overflow:hidden;background:#161913}
.rf-track{display:flex;height:100%;transition:transform .42s var(--ease)}
.rf-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block}
.rf-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,transparent,rgba(12,14,10,.55));pointer-events:none;z-index:1}
.rf-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(20,22,17,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s var(--ease),background .18s var(--ease),border-color .18s}
.rf-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rf-nav.prev{left:10px}
.rf-nav.next{right:10px}
.rf-card:hover .rf-nav,.rf-shot:focus-within .rf-nav{opacity:1}
.rf-nav:hover{background:var(--amber);border-color:var(--amber);color:#1E1A0C}
.rf-dots{position:absolute;left:0;right:0;bottom:11px;z-index:3;display:flex;justify-content:center;gap:6px}
.rf-dots .rd{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .18s var(--ease),width .18s var(--ease)}
.rf-dots .rd.on{background:var(--amber);width:18px;border-radius:4px}
.rf-count{position:absolute;top:10px;right:12px;z-index:3;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#fff;background:rgba(20,22,17,.55);padding:3px 9px;border-radius:999px;letter-spacing:.04em}
@media(hover:none){.rf-nav{opacity:1}}
.ref-more{display:flex;justify-content:center;padding:28px 0 0}
.ref-more .n{font-variant-numeric:tabular-nums}