/* Stolarska radionica Tara | koncept „Tlocrt“
   Paleta: kreč, zid, omorika (akcenat), breza (topli detalj), grafit.
   Fontovi: Bricolage Grotesque (naslovi, nazivi prostorija u uskoj širini), Figtree (tekst).
   WP: enqueue kao 'tara-main'; fontove hostovati lokalno (vidi WP-NAPOMENE.md). */

:root{
  --krec:#F5F4F0; --papir:#FBFAF7; --zid:#E4E7E2; --zid-2:#D3D9D2;
  --omorika:#2E5A5C; --omorika-d:#21474A; --omorika-l:#DDE8E5;
  --breza:#D8B98A; --breza-l:#EFE3CD; --breza-d:#8A6A3F;
  --grafit:#1B2224; --mut:#556060; --linija:#C8CEC8; --polje:#7F8A85;
  --err:#A3301C; --err-l:#FBEDE9; --ok:#2D6A46;
  --fd:'Bricolage Grotesque', 'Segoe UI', sans-serif;
  --fb:'Figtree', 'Segoe UI', sans-serif;
  --wrap:1320px; --g:clamp(16px, 4vw, 48px);
  --e:cubic-bezier(.2,.7,.2,1);
  --hdr:76px;
  --sh:0 30px 60px -30px rgba(27,34,36,.35);
}

/* ---------- osnova ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(46,90,92,.15);scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:var(--krec);color:var(--grafit);font:400 1.0625rem/1.62 var(--fb);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none !important}
a{color:inherit;text-decoration:none}
p a:not(.btn):not(.tlink),.lead a,dd a,.about__l a,.ftr li a{text-decoration:underline;text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:3px}
p a:not(.btn):not(.tlink):hover,dd a:hover,.about__l a:hover{color:var(--omorika);text-decoration-color:var(--omorika)}
button{font:inherit;color:inherit;cursor:pointer}
a,button,label,input,textarea{touch-action:manipulation}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
h1,h2,h3,h4{font-family:var(--fd);font-weight:600;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.45rem, 1.55rem + 3.7vw, 4.6rem);line-height:.98;font-stretch:88%;font-weight:640;letter-spacing:-.03em}
h2{font-size:clamp(1.85rem, 1.25rem + 2.1vw, 3rem);line-height:1.04;font-stretch:92%;max-width:22ch}
h3{font-size:clamp(1.15rem, 1.05rem + .45vw, 1.45rem);line-height:1.2}
p{margin:0}
p + p{margin-top:.9em}
.lead{font-size:clamp(1.1rem, 1.03rem + .35vw, 1.28rem);line-height:1.55;max-width:58ch}
:focus-visible{outline:2px solid var(--omorika);outline-offset:3px}
::selection{background:var(--breza-l)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--grafit);color:#fff;padding:.7rem 1rem;transition:top .2s}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--g)}
.sec{padding-block:clamp(4.5rem, 3rem + 6vw, 8.5rem)}
.sec--tight{padding-top:clamp(2rem, 4vw, 3rem)}
.i{width:18px;height:18px;flex:none}
.todo{display:inline-block;background:#FFF1B8;color:#574300;border:1px dashed #BD9A00;border-radius:2px;padding:.05rem .45rem;font:600 .72rem/1.5 var(--fb);letter-spacing:.01em;vertical-align:.1em;white-space:normal}
.todo-line{margin-bottom:1rem}
.ilu{position:absolute;top:12px;right:12px;z-index:2;background:rgba(245,244,240,.92);color:var(--grafit);font:600 .66rem/1 var(--fb);letter-spacing:.09em;text-transform:uppercase;padding:.4rem .55rem;border-radius:2px;pointer-events:none}

/* ---------- motiv: tlocrt ---------- */
.plan{display:block;overflow:visible;--w:2px}
.plan .pl-w{fill:none;stroke:var(--grafit);stroke-width:var(--w);stroke-linecap:square;vector-effect:non-scaling-stroke}
.plan .pl-win{fill:none;stroke:var(--grafit);stroke-width:1;vector-effect:non-scaling-stroke}
.plan .pl-d{fill:none;stroke:var(--mut);stroke-width:1;vector-effect:non-scaling-stroke}
.plan .pl-a{fill:none;stroke:var(--mut);stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}
.plan .pl-f{fill:var(--breza);stroke:var(--grafit);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .4s var(--e),opacity .7s var(--e)}
.plan .pl-o{fill:none;stroke:var(--grafit);stroke-width:.8;vector-effect:non-scaling-stroke}
.plan .pl-x{fill:none;stroke:var(--mut);stroke-width:.8;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
.plan .pl-m{fill:none;stroke:var(--omorika);stroke-width:1.2;vector-effect:non-scaling-stroke}
.plan .pl-t{font:700 6px var(--fd);fill:var(--omorika);text-anchor:middle}
.plan--lg{--w:4px}
/* male verzije: bez detalja, zidovi tanji */
.rooms__plan,.hr__plan,.kicker__plan,.pcard__plan,.pfilter__plan,.svc-o__plan,.back__plan,.mnav__plan,.fplan{--w:1.6px}
:is(.rooms__plan,.kicker__plan,.pfilter__plan) :is(.pl-o,.pl-x,.pl-win,.pl-a){display:none}
:is(.rooms__plan,.kicker__plan,.pfilter__plan,.hr__plan) .pl-f{fill:var(--zid-2)}
.js .rv .pl-f{opacity:0;transition-delay:calc(var(--d, 0ms) + 380ms)}
.js .rv.in .pl-f{opacity:1}

/* ---------- dugmad: „kant“ traka boje breze duž ivice ---------- */
.btn{--edge:4px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:.8rem 1.35rem calc(.8rem + 2px);background:var(--omorika);color:#fff;font:600 1rem/1.2 var(--fb);border:0;border-radius:2px;box-shadow:inset 0 calc(var(--edge) * -1) 0 var(--breza);transition:box-shadow .35s var(--e),background-color .35s var(--e),transform .15s var(--e);text-align:left;white-space:nowrap}
.btn span,.btn .i{transition:transform .35s var(--e)}
.btn:hover{--edge:8px;background:var(--omorika-d)}
.btn:hover span{transform:translateX(3px)}
.btn:hover .i{transform:translateX(6px)}
.btn:active{transform:translateY(1px)}
.btn--line{--edge:5px;background:transparent;color:var(--grafit);padding-left:1.55rem;box-shadow:inset 0 0 0 1px var(--grafit),inset var(--edge) 0 0 var(--breza)}
.btn--line:hover{--edge:10px;background:var(--papir)}
.btn--sm{--edge:3px;min-height:44px;padding:.5rem 1.05rem .6rem;font-size:.94rem}
.btn--sm:hover{--edge:6px}
.tel{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.55rem 1rem;background:var(--papir);border:1px solid var(--linija);border-radius:2px;box-shadow:inset 0 -3px 0 var(--zid);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;transition:border-color .3s var(--e),color .3s var(--e),box-shadow .3s var(--e)}
.tel .i{color:var(--omorika)}
.tel:hover{border-color:var(--omorika);color:var(--omorika);box-shadow:inset 0 -3px 0 var(--breza)}
.tel small{display:block;font:500 .72rem/1.2 var(--fb);color:var(--mut);letter-spacing:.02em}
.phones{display:flex;flex-wrap:wrap;gap:.6rem}
.phones--col{flex-direction:column;align-items:flex-start}
.phones--big .tel{min-height:60px;padding:.6rem 1.2rem;font-size:1.2rem}
.phones--quiet{margin-top:1.4rem}
.phones--quiet .tel{background:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:1rem;min-height:40px}
.tlink{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:5px;transition:color .25s var(--e),text-decoration-color .25s var(--e)}
.tlink:hover{color:var(--omorika);text-decoration-color:var(--omorika)}
.kicker{display:flex;align-items:center;gap:.65rem;font-size:.88rem;font-weight:600;color:var(--omorika);margin-bottom:1.1rem}
.kicker span{color:var(--mut);font-weight:500}
.kicker span::before{content:"| ";color:var(--linija)}
.kicker__plan{width:36px;height:29px}
.sbtn{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--grafit);background:transparent;border-radius:2px;transition:background .25s var(--e),color .25s var(--e)}
.sbtn svg{width:20px;height:20px}
.sbtn:hover:not(:disabled){background:var(--grafit);color:var(--krec)}
.sbtn:disabled{opacity:.3;cursor:default}
.sbtn--inv{border-color:rgba(255,255,255,.4);color:#fff}
.sbtn--inv:hover:not(:disabled){background:#fff;color:var(--grafit)}
.copy-mail{display:inline-flex;align-items:center;gap:.5rem;background:none;border:0;padding:0;font-weight:600;text-align:left}
.copy-mail .i{width:16px;height:16px;opacity:.7}
.copy-mail:hover [data-label]{text-decoration:underline;text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:3px}
.copy-mail.is-copied{color:var(--ok)}
.copy-mail--inline{display:inline;font-weight:700}
.copy-mail--inline .i{display:none}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--linija);transition:transform .45s var(--e)}
/* zamućena pozadina na pseudo-elementu: backdrop-filter na samom headeru bi zarobio fiksni mobilni meni */
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(245,244,240,.9);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px)}
.menu-open .hdr::before{background:var(--krec)}
.hdr.is-hidden{transform:translateY(-101%)}
.hdr__in{max-width:1440px;margin:0 auto;height:var(--hdr);padding-inline:var(--g);display:flex;align-items:center;gap:clamp(.8rem, 1.4vw, 1.5rem)}
.logo{display:flex;align-items:center;gap:.6rem;flex:none}
.logo__m{width:34px;height:34px;color:var(--grafit)}
.logo__f{fill:var(--breza);stroke:var(--grafit);stroke-width:1}
.logo__n{font:700 1.75rem/1 var(--fd);letter-spacing:-.04em;font-stretch:90%}
.logo__s{font-size:.72rem;line-height:1.2;color:var(--mut);border-left:1px solid var(--linija);padding-left:.65rem}
.nav{display:flex;align-items:center;gap:clamp(1rem, 1.8vw, 1.8rem);margin-left:auto}
.rooms{display:flex;background:var(--papir);border:1px solid var(--linija);border-radius:2px}
.rooms__i + .rooms__i{border-left:1px solid var(--linija)}
.rooms a{position:relative;display:flex;align-items:center;gap:.55rem;height:48px;padding:0 .95rem 0 .75rem;font-weight:600;font-size:.93rem;transition:background .3s var(--e)}
.rooms__plan{width:30px;height:24px}
.rooms a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--omorika);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e)}
.rooms a:hover{background:#fff}
.rooms a:hover .pl-f,.rooms .current-menu-item .pl-f{fill:var(--breza)}
.rooms .current-menu-item a{background:#fff}
.rooms .current-menu-item a::after,.rooms a:hover::after{transform:scaleX(1)}
.nav__l{display:flex;gap:clamp(.9rem, 1.4vw, 1.4rem)}
.nav__l a{position:relative;font-weight:500;font-size:.96rem;padding:.4rem 0}
.nav__l a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--breza);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--e)}
.nav__l a:hover::after,.nav__l .current-menu-item a::after{transform:scaleX(1)}
.nav__l .current-menu-item a{font-weight:650}
.hdr__tel{display:flex;align-items:center;gap:.4rem;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;padding:.4rem 0}
.hdr__tel .i{color:var(--omorika)}
.hdr__tel:hover{color:var(--omorika)}
.burger{display:none;align-items:center;gap:.6rem;height:44px;padding:0 .9rem;margin-left:auto;background:transparent;border:1px solid var(--grafit);border-radius:2px;font-weight:600;font-size:.92rem}
.burger i{position:relative;width:18px;height:10px}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .35s var(--e),top .35s var(--e)}
.burger i::before{top:0}.burger i::after{top:8px}
.menu-open .burger i::before{top:4px;transform:rotate(45deg)}
.menu-open .burger i::after{top:4px;transform:rotate(-45deg)}
.mnav{position:fixed;left:0;right:0;top:var(--hdr);bottom:0;background:var(--krec);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .35s var(--e),transform .35s var(--e),visibility 0s .35s}
.menu-open .mnav{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--e),transform .35s var(--e)}
.menu-open{overflow:hidden}
.mnav__in{padding:1.4rem var(--g) 7rem;max-width:720px}
.mnav__g{font:600 .75rem/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:1.6rem 0 .8rem}
.mnav__g:first-child{margin-top:0}
.mnav__rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.mnav__rooms a{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;background:var(--papir);border:1px solid var(--linija);font:600 .95rem/1.2 var(--fd);height:100%}
.mnav__plan{width:100%;max-width:90px;height:auto;aspect-ratio:5/4}
.mnav__l a{display:block;padding:.8rem 0;border-bottom:1px solid var(--linija);font:600 1.35rem/1.2 var(--fd)}
.mnav a[aria-current="page"]{color:var(--omorika)}
.mnav__rooms a[aria-current="page"]{border-color:var(--omorika);box-shadow:inset 0 -3px 0 var(--omorika)}
.mnav__cta{margin-top:1.4rem;width:100%}

/* ---------- breadcrumbs (Yoast) ---------- */
.crumbs{padding-top:1.3rem;font-size:.86rem;color:var(--mut)}
.crumbs a:hover{color:var(--omorika);text-decoration:underline}
.crumbs i{font-style:normal;color:var(--linija);margin:0 .35rem}
.crumbs .breadcrumb_last{color:var(--grafit);font-weight:500}

/* ---------- zajednički naslovi sekcija ---------- */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap;margin-bottom:clamp(2rem, 4vw, 3.5rem)}
.shead--split{align-items:flex-end}
.shead--split p{max-width:46ch;color:var(--mut)}

/* ---------- početna: hero ---------- */
.hero{max-width:1440px;margin:0 auto;padding:clamp(1.5rem, 3.5vw, 3rem) var(--g) 0;display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);grid-template-rows:1fr auto;column-gap:clamp(2rem, 4.5vw, 5rem)}
.hero__t{align-self:center;padding:1rem 0 2.5rem}
.hero__h{max-width:11ch}
.hero__pos{font:500 clamp(1.2rem, 1.05rem + .6vw, 1.5rem)/1.3 var(--fd);color:var(--omorika);max-width:26ch;margin:1.2rem 0 1rem;font-stretch:95%}
.hero .lead{font-size:1.08rem;color:#3A4444}
.hero__a{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.hero__call{margin-top:1.3rem;font-size:.95rem;color:var(--mut)}
.hero__call a{white-space:nowrap;display:inline-block;font-weight:650;color:var(--grafit);margin-left:.5rem;font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:3px}
.hero__img{grid-column:2;grid-row:1 / span 2;position:relative;min-height:560px;height:calc(100svh - var(--hdr) - 40px);max-height:820px}
.hero__photo{width:100%;height:100%;object-fit:cover}
.plancard{position:absolute;display:flex;align-items:center;gap:1rem;background:var(--papir);padding:1rem 1.2rem 1rem 1rem;box-shadow:var(--sh);max-width:340px;font-size:.84rem;line-height:1.4;color:var(--mut);z-index:2}
.plancard b{display:block;font:600 1.02rem/1.2 var(--fd);color:var(--grafit);margin-bottom:.15rem}
.plancard__plan{width:112px;height:auto;flex:none;--w:2.5px}
.plancard--hero{left:clamp(-4rem, -3vw, -2rem);bottom:2.5rem;transition:transform .45s var(--e)}
.plancard--hero:hover{transform:translateY(-3px)}
.plancard--hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--breza)}
.hero__rooms{grid-column:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--linija);margin-bottom:0}
.hero__rooms a{display:grid;grid-template-columns:46px 1fr;column-gap:.8rem;align-items:center;padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--linija);transition:background .3s var(--e),padding .3s var(--e)}
.hero__rooms a:nth-child(odd){border-right:1px solid var(--linija)}
.hero__rooms a:nth-child(even){padding-left:1rem}
.hero__rooms a:hover{background:var(--papir)}
.hero__rooms a:hover .pl-f{fill:var(--breza)}
.hr__plan{grid-row:span 2;width:46px;height:37px}
.hr__n{font:600 1.02rem/1.2 var(--fd)}
.hr__d{font-size:.84rem;color:var(--mut)}
/* ulazna animacija */
@keyframes up{from{opacity:0;transform:translateY(18px)}}
@keyframes wipe{from{clip-path:inset(0 0 0 14%);opacity:.3}to{clip-path:inset(0);opacity:1}}
.js .hero__t > *{animation:up .9s var(--e) both}
.js .hero__t > :nth-child(2){animation-delay:.08s}.js .hero__t > :nth-child(3){animation-delay:.16s}.js .hero__t > :nth-child(4){animation-delay:.22s}.js .hero__t > :nth-child(5){animation-delay:.3s}.js .hero__t > :nth-child(6){animation-delay:.36s}
.js .hero__photo{animation:wipe 1.3s var(--e) both}
.js .plancard--hero{animation:up .9s .5s var(--e) both}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--e) var(--d, 0ms),transform .9s var(--e) var(--d, 0ms)}
.js .rv.in{opacity:1;transform:none}

/* ---------- rešenja po prostoru ---------- */
.rgrid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(1.25rem, 2.2vw, 2rem);align-items:start}
.room{position:relative;display:block}
.room--k{grid-column:1 / 8}
.room--p{grid-column:8 / 13;margin-top:clamp(3rem, 8vw, 7rem)}
.room--x{grid-column:1 / 5;grid-row:2;align-self:end}
.room--o{grid-column:5 / 13;grid-row:2;margin-top:clamp(1rem, 3vw, 2.5rem)}
.room__img{position:relative;overflow:hidden;background:var(--zid)}
.room__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(18,24,25,.5), rgba(18,24,25,0) 38%);pointer-events:none}
.room__photo{width:100%;height:var(--h, 460px);object-fit:cover;transition:transform 1.1s var(--e)}
.room--k .room__photo{--h:clamp(380px, 46vw, 640px)}
.room--p .room__photo{--h:clamp(360px, 38vw, 520px)}
.room--o .room__photo{--h:clamp(300px, 32vw, 460px)}
a.room:hover .room__photo{transform:scale(1.035)}
.room__lbl{position:absolute;top:clamp(.9rem, 1.6vw, 1.4rem);left:clamp(1rem, 1.8vw, 1.6rem);z-index:1;color:#fff;font:700 clamp(2.2rem, 1.2rem + 3.6vw, 4.8rem)/.9 var(--fd);font-stretch:75%;text-transform:uppercase;letter-spacing:-.01em;max-width:80%}
.room__b{position:relative;display:grid;grid-template-columns:64px 1fr 24px;column-gap:1rem;align-items:start;padding-top:1.2rem}
.room__b::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--breza);transform:scaleX(.14);transform-origin:left;transition:transform .6s var(--e)}
a.room:hover .room__b::before{transform:scaleX(1)}
.room__plan{width:64px;height:auto;grid-row:span 2;margin-top:.2rem}
.room__b h3{font-size:clamp(1.25rem, 1.1rem + .5vw, 1.6rem)}
.room__b p{grid-column:2;color:var(--mut);font-size:.98rem;margin-top:.35rem}
.room__b .i{grid-column:3;grid-row:1;margin-top:.35rem;transition:transform .4s var(--e)}
a.room:hover .room__b .i{transform:translateX(5px)}
a.room:hover h3{color:var(--omorika)}
.room--x{background:var(--zid);padding:clamp(1.5rem, 2.5vw, 2.2rem)}
.room__plan--lg{width:150px;margin-bottom:1.2rem}
.room--x h3{margin-bottom:.5rem}
.room--x > p{color:var(--mut);font-size:.95rem}
.room__list{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 1.3rem}
.room__list li{font-size:.86rem;font-weight:500;background:var(--papir);border:1px solid var(--linija);padding:.25rem .55rem}

/* ---------- izabrani projekti (editorial) ---------- */
.feat{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(1.5rem, 3vw, 3rem);align-items:center}
.feat + .feat{margin-top:clamp(4rem, 8vw, 7.5rem)}
.feat__imgs{grid-column:1 / 8;display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(.5rem, 1vw, .85rem);height:clamp(420px, 46vw, 640px)}
.feat__imgs figure{position:relative;overflow:hidden;background:var(--zid)}
.feat__m{grid-row:1 / 3}
.feat__imgs img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e)}
.feat__imgs:hover img{transform:scale(1.03)}
.feat__s:last-child{margin-left:clamp(0rem, 2vw, 1.6rem)}
.feat__t{grid-column:8 / 13;padding-left:clamp(0rem, 1.5vw, 1.5rem)}
.feat__t h3{font-size:clamp(1.5rem, 1.25rem + .9vw, 2.15rem);line-height:1.08;margin-bottom:.8rem}
.feat__t h3 a:hover{color:var(--omorika)}
.feat__k{font:700 .8rem/1 var(--fd);font-stretch:80%;letter-spacing:.08em;text-transform:uppercase;color:var(--omorika);margin-top:1.3rem !important;margin-bottom:.45rem}
.feat__t p:not(.feat__k):not(.kicker){color:#3F4948;font-size:1rem}
.feat__t .tlink{margin-top:1.5rem}
.feat--r .feat__imgs{grid-column:6 / 13;order:2}
.feat--r .feat__t{grid-column:1 / 6;padding-left:0}
.feat--r .feat__s:last-child{margin-left:0;margin-right:clamp(0rem, 2vw, 1.6rem)}

/* ---------- saradnja sa arhitektama ---------- */
.arch{background:var(--zid)}
.arch__in{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 6fr);gap:clamp(2.5rem, 6vw, 6rem);align-items:center}
.arch__v{position:relative;padding:0 clamp(2rem, 5vw, 4.5rem) clamp(2rem, 5vw, 4rem) 0}
.arch__img{position:relative}
.arch__photo{width:100%;height:clamp(320px, 36vw, 480px);object-fit:cover}
.arch__plan{position:absolute;right:0;bottom:0;width:clamp(180px, 20vw, 260px);background:var(--papir);padding:1.1rem;box-shadow:var(--sh)}
.arch__t h2{margin-bottom:1rem}
.arch__t > p{color:#3F4948;max-width:52ch}
.checks{margin:1.5rem 0 2rem;display:grid;gap:.65rem}
.checks li{position:relative;padding-left:1.8rem;font-weight:500}
.checks li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:12px;background:var(--breza);border:1px solid var(--grafit)}

/* ---------- proces ---------- */
.steps{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:clamp(1rem, 1.6vw, 1.5rem)}
.step{position:relative;display:flex;flex-direction:column}
.step__img{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--zid);margin-bottom:1.1rem}
.step__img img{width:100%;height:100%;object-fit:cover}
.step__k{display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid var(--grafit);background:var(--papir);font:700 .85rem/1 var(--fd);position:relative;z-index:1}
.step__r{display:flex;align-items:center}
.step__r::after{content:"";flex:1;height:2px;background:var(--grafit);margin-right:calc(clamp(1rem, 1.6vw, 1.5rem) * -1)}
.step:last-child .step__r::after{display:none}
.step__t{margin:.8rem 0 .4rem}
.step p{font-size:.95rem;color:var(--mut)}
.step__n{margin-top:.8rem !important;padding-left:.75rem;border-left:3px solid var(--breza);color:var(--grafit) !important;font-size:.9rem !important}

/* ---------- forma za upit ---------- */
.upit__in{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:clamp(2.5rem, 5vw, 5rem);align-items:start}
.upit__t h2{margin-bottom:1rem}
.upit__t > p{color:#3F4948;max-width:44ch}
.csid{margin-top:2rem}
.csid__l{margin-top:1.6rem;display:grid;gap:.9rem;border-top:1px solid var(--linija);padding-top:1.4rem}
.csid__l li{display:grid;grid-template-columns:110px 1fr;gap:.2rem 1rem;align-items:baseline;font-weight:500}
.csid__l small{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:600}
.csid__l a{text-decoration:underline;text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:3px}
.csid__l a:hover{color:var(--omorika)}
.preview{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-bottom:1rem;padding:.6rem .7rem;border:1px dashed var(--polje);font-size:.78rem;color:var(--mut)}
.preview__seg{display:flex;flex-wrap:wrap;gap:.3rem}
.preview__seg button{background:transparent;border:1px solid var(--linija);border-radius:2px;padding:.3rem .55rem;font-size:.78rem;font-weight:600}
.preview__seg button[aria-pressed="true"]{background:var(--grafit);color:var(--krec);border-color:var(--grafit)}

.tara-form{position:relative;background:var(--papir);border:1px solid var(--linija);box-shadow:inset 0 4px 0 var(--breza);padding:clamp(1.25rem, 3vw, 2.3rem)}
.wpforms-page-indicator{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin-bottom:1.6rem;font-size:.86rem;color:var(--mut)}
.wpforms-page-indicator-page-title{font:600 1.15rem/1.2 var(--fd);color:var(--grafit)}
.wpforms-page-indicator-page-title-sep{color:var(--linija)}
.wpforms-page-indicator-page-progress-wrap{flex-basis:100%;height:3px;background:var(--zid);margin-top:.7rem}
.wpforms-page-indicator-page-progress{height:100%;background:var(--omorika);transition:width .5s var(--e)}
.wpforms-page{display:none}
.wpforms-page.is-active{display:flex;flex-wrap:wrap;gap:0 1rem}
.wpforms-field{position:relative;display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.3rem;flex-basis:100%}
.wpforms-one-half{flex-basis:calc(50% - .5rem)}
.wpforms-field-label{font-weight:600;font-size:.95rem}
.wpforms-required-label{color:var(--err)}
.wpforms-field-description{font-size:.84rem;color:var(--mut)}
.tara-form input[type=text],.tara-form input[type=tel],.tara-form input[type=email],.tara-form input[type=number],.tara-form textarea,.tara-form select{width:100%;min-height:52px;padding:.8rem .95rem;background:#fff;border:1px solid var(--polje);border-radius:2px;font:400 1rem/1.4 var(--fb);color:var(--grafit);transition:border-color .2s,box-shadow .2s}
.tara-form textarea{min-height:96px;resize:vertical}
.tara-form input::placeholder,.tara-form textarea::placeholder{color:#6A7471}
.tara-form input:focus,.tara-form textarea:focus{outline:0;border-color:var(--omorika);box-shadow:0 0 0 2px var(--omorika-l), inset 0 -2px 0 var(--omorika)}
.wpforms-screen-reader-element{position:absolute !important;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wpforms-icon-choices{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:.6rem}
.wpforms-icon-choices-item label{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;height:100%;padding:1rem .6rem .9rem;background:#fff;border:1px solid var(--linija);border-radius:2px;text-align:center;font-weight:600;font-size:.9rem;line-height:1.25;cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s}
.fplan{width:64px;height:auto}
.fplan .pl-f{fill:var(--zid-2)}
.wpforms-icon-choices-item label:hover{border-color:var(--grafit)}
.wpforms-icon-choices-item label:hover .pl-f,.wpforms-selected .pl-f{fill:var(--breza)}
.wpforms-selected label{background:var(--omorika-l);border-color:var(--omorika);box-shadow:inset 0 0 0 1px var(--omorika), inset 0 -4px 0 var(--omorika)}
.wpforms-icon-choices-item label:focus-within{outline:2px solid var(--omorika);outline-offset:2px}
.wpforms-uploader{position:relative;display:grid;place-items:center;padding:1.4rem 1rem;background:#fff;border:1.5px dashed var(--polje);border-radius:2px;text-align:center;transition:border-color .25s,background .25s}
.wpforms-uploader input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.wpforms-uploader:focus-within{outline:2px solid var(--omorika);outline-offset:2px}
.wpforms-uploader.dz-drag-hover,.wpforms-uploader:hover{border-color:var(--omorika);background:var(--omorika-l)}
.dz-message{display:grid;justify-items:center;gap:.3rem;pointer-events:none}
.dz-message svg{width:26px;height:26px;color:var(--omorika)}
.modern-title{font-weight:600}
.modern-title u{text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:3px}
.modern-hint{font-size:.82rem;color:var(--mut)}
.dz-previews{display:grid;gap:.4rem}
.dz-preview{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;padding:.55rem .7rem;background:#fff;border:1px solid var(--linija);font-size:.88rem}
.dz-ext{font:700 .7rem/1 var(--fd);background:var(--zid);padding:.3rem .4rem;letter-spacing:.04em}
.dz-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-size{color:var(--mut);font-variant-numeric:tabular-nums}
.dz-remove{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--linija);border-radius:2px}
.dz-error{border-color:var(--err);background:var(--err-l)}
.dz-error .dz-size{color:var(--err);font-weight:600}
.dz-error .dz-ext{background:#F3CFC7}
.wpforms-field-gdpr-checkbox li{display:flex;gap:.7rem;align-items:flex-start}
.wpforms-field-gdpr-checkbox input{width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--omorika);flex:none}
.wpforms-field-gdpr-checkbox label{font-size:.92rem}
.tara-note{flex-basis:100%;font-size:.82rem;color:var(--mut);margin:-.5rem 0 1rem}
.wpforms-has-error input,.wpforms-has-error textarea{border-color:var(--err) !important;background:var(--err-l) !important}
.wpforms-has-error .wpforms-icon-choices-item label,.wpforms-has-error.wpforms-field-gdpr-checkbox li{border-color:var(--err)}
em.wpforms-error{display:flex;align-items:flex-start;gap:.4rem;font-style:normal;font-size:.87rem;font-weight:600;color:var(--err)}
em.wpforms-error::before{content:"!";display:grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;background:var(--err);color:#fff;font-size:.72rem;margin-top:.12rem}
.wpforms-field-pagebreak{flex-direction:row;flex-wrap:wrap;gap:.6rem;margin:.4rem 0 0}
.wpforms-page-button,.wpforms-submit{--edge:4px;min-height:52px;padding:.8rem 1.4rem calc(.8rem + 2px);border:0;border-radius:2px;font:600 1rem/1.2 var(--fb);background:var(--omorika);color:#fff;box-shadow:inset 0 calc(var(--edge) * -1) 0 var(--breza);transition:box-shadow .35s var(--e),background .35s var(--e)}
.wpforms-page-button:hover,.wpforms-submit:hover{--edge:8px;background:var(--omorika-d)}
.wpforms-page-prev{--edge:5px;background:transparent;color:var(--grafit);box-shadow:inset 0 0 0 1px var(--grafit),inset var(--edge) 0 0 var(--breza)}
.wpforms-page-prev:hover{background:var(--krec);--edge:10px}
.wpforms-page-prev{min-width:6.6rem}
.wpforms-field-pagebreak--last{pointer-events:none}
.wpforms-field-pagebreak--last button{pointer-events:auto}
.wpforms-submit-container{position:relative;z-index:1}
.wpforms-submit-container{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:-3.25rem;padding-left:7.2rem}
.wpforms-submit:disabled{opacity:.75;cursor:progress}
.tara-form__fine{font-size:.88rem;color:var(--mut);flex-basis:100%}
.tara-form__fine a{font-weight:650;color:var(--grafit)}
.wpforms-error-container{margin:1.2rem 0 0;padding:1rem 1.1rem;background:var(--err-l);border-left:4px solid var(--err);font-size:.94rem}
.wpforms-error-container a{font-weight:700;text-decoration:underline}
.tara-loading{position:absolute;inset:0;z-index:3;display:grid;align-content:center;gap:.8rem;padding:2rem;background:rgba(251,250,247,.9)}
.tara-loading i{display:block;height:14px;background:linear-gradient(90deg, var(--zid) 0 40%, #F0F2EE 50%, var(--zid) 60% 100%);background-size:250% 100%;animation:shim 1.3s linear infinite}
.tara-loading i:nth-child(2){width:78%}.tara-loading i:nth-child(3){width:56%}
.tara-loading span{font-weight:600;color:var(--omorika);margin-top:.4rem}
@keyframes shim{to{background-position:-150% 0}}
.wpforms-confirmation-container-full{padding:clamp(1.5rem, 3vw, 2.5rem);background:var(--papir);border:1px solid var(--linija);box-shadow:inset 0 4px 0 var(--omorika)}
.ok-plan{width:130px;margin-bottom:1.2rem;--w:2.5px}
.wpforms-confirmation-container-full h3{font-size:1.6rem;margin-bottom:.6rem}
.wpforms-confirmation-container-full p{color:#3F4948;margin-bottom:1.4rem;max-width:48ch}
.is-sent .wpforms-form{display:none}
.tara-form.is-sent{background:transparent;border:0;box-shadow:none;padding:0}

/* ---------- CTA traka (uvek svetla, ide iznad tamnog footera) ---------- */
.cta{background:var(--breza-l);padding-block:clamp(3rem, 6vw, 5rem)}
.cta__in{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;gap:clamp(1.5rem, 3vw, 3rem);align-items:center}
.cta__plan{width:120px;--w:2.5px}
.cta__plan .pl-f{fill:var(--papir)}
.cta__t h2{font-size:clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);margin-bottom:.5rem}
.cta__t p{max-width:50ch;color:#3F4948}
.cta__a{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;max-width:520px}
.cta__or{font-size:.9rem;color:var(--mut)}
.cta .tel{background:var(--papir)}

/* ---------- FAQ (Yoast FAQ blok kao harmonika) ---------- */
.faq__in{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:clamp(2rem, 5vw, 5rem);align-items:start}
.faq__h{position:sticky;top:calc(var(--hdr) + 2rem)}
.faq__h h2{margin-bottom:1rem}
.faq__h p{color:var(--mut);margin-bottom:1.4rem}
.schema-faq{border-bottom:1px solid var(--linija)}
.schema-faq-section{border-top:1px solid var(--linija);position:relative}
.schema-faq-section::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--breza);transition:width .5s var(--e)}
.schema-faq-section.is-open::before{width:100%}
.schema-faq-question{display:block;font:600 1.12rem/1.3 var(--fd)}
.faq-btn{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.35rem 0;background:none;border:0;text-align:left;font:inherit;color:inherit}
.faq-btn i{position:relative;flex:none;width:30px;height:30px;border:1px solid var(--grafit);border-radius:2px;transition:background .3s var(--e)}
.faq-btn i::before,.faq-btn i::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:1.5px;background:currentColor;transition:transform .35s var(--e)}
.faq-btn i::after{transform:rotate(90deg)}
.is-open .faq-btn i{background:var(--grafit);color:var(--krec)}
.is-open .faq-btn i::after{transform:rotate(0)}
.faq-btn:hover{color:var(--omorika)}
.schema-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--e);margin:0;color:#3F4948}
.schema-faq-answer > span{overflow:hidden}
.is-open .schema-faq-answer{grid-template-rows:1fr}
.is-open .schema-faq-answer > span{padding-bottom:1.5rem}
.no-js .schema-faq-answer{display:block;padding-bottom:1.3rem}
.no-js .schema-faq-question{padding-top:1.3rem;margin-bottom:.5rem}

/* ---------- stranica usluge ---------- */
.shero{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 6fr);gap:clamp(2rem, 5vw, 5rem);align-items:center;padding-top:clamp(1.5rem, 3vw, 2.5rem);max-width:1440px}
.shero__t h1{margin-bottom:1.3rem;max-width:13ch}
.shero__t > p:not(.lead):not(.kicker){color:#3F4948;max-width:56ch}
.shero__a{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.shero__img{position:relative;height:clamp(420px, 44vw, 640px)}
.shero__img > img{width:100%;height:100%;object-fit:cover}
.shero__img .plancard{left:clamp(-3.5rem, -2.5vw, -1.5rem);bottom:2rem}
.shero__img .plancard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--breza)}
.who__in{display:grid;grid-template-columns:minmax(0, 4fr) minmax(0, 8fr);gap:clamp(2rem, 5vw, 5rem)}
.who__l{display:grid;gap:0}
.who__i{display:grid;grid-template-columns:minmax(0, 4fr) minmax(0, 7fr);gap:1rem 2.5rem;padding:1.6rem 0;border-top:1px solid var(--linija)}
.who__i:last-child{border-bottom:1px solid var(--linija)}
.who__i p{color:#3F4948}
.probs{background:var(--zid)}
.probs h2{margin-bottom:clamp(2rem, 4vw, 3rem)}
.probs__l{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:clamp(1rem, 2vw, 1.5rem)}
.prob{background:var(--papir);padding:clamp(1.4rem, 2.5vw, 2.1rem);display:grid;gap:1.1rem;align-content:start}
.prob__q{font-size:clamp(1.15rem, 1.05rem + .4vw, 1.4rem)}
.prob__q span,.prob__a span{display:block;font:700 .75rem/1 var(--fd);font-stretch:80%;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.55rem}
.prob__q span{color:var(--mut)}
.prob__a{border-left:4px solid var(--breza);padding-left:1rem;color:#3F4948}
.prob__a span{color:var(--omorika)}
.probs + .price{padding-top:clamp(6rem, 9vw, 10rem)}
.price__in{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:clamp(2rem, 5vw, 5rem);align-items:start}
.price__h h2{margin-bottom:1rem}
.price__h > p{color:#3F4948}
.price__time{margin-top:2rem;padding:1.4rem 1.5rem;background:var(--papir);border:1px solid var(--linija);box-shadow:inset 4px 0 0 var(--omorika)}
.price__time h3{font-size:1.15rem;margin-bottom:.45rem}
.price__time p{font-size:.96rem;color:#3F4948}
.price__l li{display:grid;grid-template-columns:minmax(0, 4fr) minmax(0, 7fr);gap:.4rem 2rem;padding:1.35rem 0;border-top:1px solid var(--linija)}
.price__l li:last-child{border-bottom:1px solid var(--linija)}
.price__l h3{font-size:1.12rem}
.price__l p{color:#3F4948}
.price--hub{background:var(--zid)}
.proc--svc{background:var(--papir)}
.others__l{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:clamp(.8rem, 1.5vw, 1.25rem);margin-top:2rem}
.svc-o{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;gap:.4rem 1rem;padding:clamp(1.3rem, 2vw, 1.8rem);background:var(--papir);border:1px solid var(--linija);transition:border-color .3s var(--e),box-shadow .3s var(--e)}
.svc-o__plan{grid-column:1 / -1;width:96px;margin-bottom:1rem}
.svc-o__n{font:600 1.3rem/1.2 var(--fd)}
.svc-o__d{grid-column:1;color:var(--mut);font-size:.94rem}
.svc-o .i{grid-column:2;grid-row:2;transition:transform .35s var(--e)}
.svc-o:hover{border-color:var(--omorika);box-shadow:inset 0 -4px 0 var(--breza)}
.svc-o:hover .i{transform:translateX(5px)}
.svc-o:hover .pl-f{fill:var(--breza)}
.svc-o--all{background:var(--zid)}

/* ---------- arhiva ---------- */
.ahero{padding-top:clamp(2rem, 4vw, 3.5rem);padding-bottom:1rem}
.ahero h1{max-width:16ch;margin-bottom:1.2rem}
.ahero .lead + p{margin-top:1rem;max-width:62ch;color:#3F4948}
.pfilter{margin-top:2.2rem}
.pfilter ul{display:flex;flex-wrap:wrap;gap:.5rem}
.pfilter__i{display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:.4rem .9rem .4rem .7rem;background:var(--papir);border:1px solid var(--linija);border-radius:2px;font-weight:600;font-size:.94rem;transition:border-color .25s,background .25s,color .25s}
.pfilter__i span{font-size:.78rem;font-variant-numeric:tabular-nums;background:var(--zid);padding:.1rem .45rem;border-radius:2px}
.pfilter__plan{width:26px;height:21px}
.pfilter__i:hover{border-color:var(--grafit)}
.pfilter__i[aria-current="page"]{background:var(--grafit);color:var(--krec);border-color:var(--grafit)}
.pfilter__i[aria-current="page"] span{background:rgba(255,255,255,.16)}
.pfilter__i[aria-current="page"] .pl-w{stroke:var(--krec)}
.pfilter__i[aria-current="page"] .pl-f{fill:var(--breza)}
.pgrid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:clamp(1rem, 2.2vw, 2rem);row-gap:clamp(2.5rem, 4vw, 3.5rem);align-items:start}
.pcard{grid-column:span 5}
.pcard.is-w{grid-column:span 7}
.pcard:not(.is-w):not(.pcard--cta){margin-top:clamp(0rem, 5vw, 4.5rem)}
.pcard[hidden]{display:none}
.pcard__a{display:block}
.pcard__img{position:relative;overflow:hidden;background:var(--zid)}
.pcard__img img{width:100%;height:clamp(300px, 30vw, 440px);object-fit:cover;transition:transform 1.1s var(--e)}
.pcard.is-w .pcard__img img{height:clamp(320px, 36vw, 520px)}
.pcard__a:hover .pcard__img img{transform:scale(1.035)}
.pcard__b{position:relative;display:grid;grid-template-columns:48px 1fr;column-gap:1rem;padding-top:1.1rem}
.pcard__b::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--breza);transform:scaleX(.12);transform-origin:left;transition:transform .6s var(--e)}
.pcard__a:hover .pcard__b::before{transform:scaleX(1)}
.pcard__plan{width:48px;grid-row:span 3;margin-top:.25rem}
.pcard__a:hover .pcard__plan .pl-f{fill:var(--omorika-l)}
.pcard__cat{font-size:.84rem;font-weight:600;color:var(--omorika)}
.pcard__cat span{color:var(--mut);font-weight:500}
.pcard__cat span::before{content:"| ";color:var(--linija)}
.pcard__t{font:600 clamp(1.2rem, 1.1rem + .45vw, 1.5rem)/1.18 var(--fd);margin:.25rem 0 .3rem;letter-spacing:-.015em}
.pcard__a:hover .pcard__t{color:var(--omorika)}
.pcard__d{font-size:.92rem;color:var(--mut)}
.pcard--cta{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;padding:clamp(1.5rem, 3vw, 2.5rem);background:var(--zid);min-height:340px}
.pcard--cta .pcard__plan{width:120px;margin-bottom:auto}
.pcard--cta p:not(.pcard__t){color:#3F4948;max-width:34ch}
.pcard--cta .btn{align-self:flex-start;margin-top:.6rem}
.pempty{display:grid;justify-items:start;gap:1rem;padding:clamp(2rem, 5vw, 4rem);border:1.5px dashed var(--polje);background:var(--papir);max-width:760px}
.pempty .plan--empty{width:170px;--w:3px}
.pempty h2{font-size:clamp(1.4rem, 1.2rem + .8vw, 2rem)}
.pempty p{color:#3F4948;max-width:52ch}
.pempty__a{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.6rem}
.pempty[hidden]{display:none}

/* ---------- single projekat ---------- */
.phero{padding-top:clamp(1.5rem, 3vw, 2.5rem);max-width:1440px}
.phero__t{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);column-gap:clamp(2rem, 5vw, 5rem);align-items:end;margin-bottom:clamp(2rem, 4vw, 3rem)}
.phero__t .kicker,.phero__t h1{grid-column:1}
.phero__t h1{max-width:18ch}
.phero__t .lead{grid-column:2;grid-row:2 / span 2;align-self:end}
.phero__t .todo-line{grid-column:1;margin:1rem 0 0}
.phero__img{position:relative;height:clamp(380px, 62vh, 760px)}
.phero__img img{width:100%;height:100%;object-fit:cover}
.tr__row{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(1.5rem, 3vw, 3rem);align-items:center}
.tr__row + .tr__row{margin-top:clamp(3rem, 7vw, 6rem)}
.tr__img{grid-column:1 / 8;position:relative;overflow:hidden}
.tr__img img{width:100%;height:clamp(340px, 42vw, 600px);object-fit:cover}
.tr__t{grid-column:9 / 13}
.tr__row--r .tr__t{grid-column:1 / 5;grid-row:1}
.tr__row--r .tr__img{grid-column:6 / 13}
.tr__t h2{font-size:clamp(1.8rem, 1.3rem + 1.8vw, 2.8rem);margin-bottom:1rem;padding-top:1rem;position:relative}
.tr__t h2::before{content:"";position:absolute;left:0;top:0;width:48px;height:4px;background:var(--breza)}
.tr__t p{color:#3F4948;font-size:1.06rem}
.use{background:var(--zid)}
.use__in{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 6fr);gap:clamp(2rem, 5vw, 5rem);align-items:start}
.use__plan{background:var(--papir);padding:clamp(1.5rem, 4vw, 3rem);box-shadow:var(--sh)}
.use__plan .plan{width:100%;max-width:560px;margin:0 auto}
.use__leg{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin-top:1.5rem !important;font-size:.84rem;color:var(--mut)}
.use__leg i{display:inline-block;width:14px;height:14px;background:var(--breza);border:1px solid var(--grafit)}
.use__leg i.x{background:transparent;border:1px dashed var(--mut);margin-left:.8rem}
.use__t h2{margin-bottom:1rem}
.use__t > p{color:#3F4948}
.det__h{font-size:1.1rem;margin:2.2rem 0 .6rem}
.det{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--zid-2)}
.det div{padding:.9rem 1rem .9rem 0;border-bottom:1px solid var(--zid-2)}
.det dt{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);font-weight:600}
.det dd{margin:.2rem 0 0;font-weight:500}
.gal .shead{align-items:center}
.gal__nav{display:flex;align-items:center;gap:.5rem}
.gal__count{font-variant-numeric:tabular-nums;color:var(--mut);margin-right:.6rem}
.gal__count b{color:var(--grafit)}
.gslider{display:flex;gap:clamp(.7rem, 1.4vw, 1.2rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.2rem}
.gslider::-webkit-scrollbar{display:none}
.gslide{flex:0 0 min(74%, 920px);scroll-snap-align:start}
.gslide__b{position:relative;display:block;width:100%;padding:0;border:0;background:var(--zid);cursor:zoom-in;overflow:hidden}
.gslide__b img{width:100%;height:clamp(300px, 48vw, 640px);object-fit:cover;transition:transform 1s var(--e)}
.gslide__b:hover img{transform:scale(1.02)}
.gal__hint{margin-top:1rem;font-size:.86rem;color:var(--mut)}
.back{padding-block:0 clamp(3rem, 6vw, 5rem)}
.back__in{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem;border-top:1px solid var(--linija);padding-top:1.6rem}
.back__in p{color:var(--mut)}
.back__a{display:inline-flex;align-items:center;gap:.8rem;font:600 1.35rem/1.2 var(--fd)}
.back__plan{width:48px}
.back__a:hover{color:var(--omorika)}
.back__a:hover .pl-f{fill:var(--breza)}
.next{background:var(--krec);border-top:1px solid var(--linija)}
.next__a{display:grid;grid-template-columns:minmax(0, 1fr) clamp(160px, 24vw, 340px);grid-template-rows:auto auto 1fr;column-gap:2rem;padding-block:clamp(2.5rem, 5vw, 4rem)}
.next__l{font-size:.84rem;font-weight:600;color:var(--omorika);letter-spacing:.02em}
.next__n{font:600 clamp(1.7rem, 1.2rem + 2.2vw, 3.2rem)/1.04 var(--fd);letter-spacing:-.025em;margin:.4rem 0 .5rem;transition:color .3s var(--e)}
.next__w{color:var(--mut)}
.next__img{grid-column:2;grid-row:1 / span 3;overflow:hidden}
.next__img img{width:100%;height:clamp(140px, 16vw, 220px);object-fit:cover;transition:transform 1s var(--e)}
.next__a:hover .next__n{color:var(--omorika)}
.next__a:hover img{transform:scale(1.05)}

/* lightbox: cela fotografija bez sečenja, puna pozadina */
.lb{position:fixed;inset:0;overscroll-behavior:contain;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#111615;color:#E9ECE9}
.lb::backdrop{background:#111615}
.lb[open]{display:grid;grid-template-rows:auto minmax(0, 1fr) auto}
.lb__top,.lb__bot{display:flex;align-items:center;gap:1rem;padding:.9rem var(--g)}
.lb__top{justify-content:space-between;font-size:.9rem}
.lb__top #lbTitle{font:600 1rem var(--fd)}
.lb__top #lbCount{margin-left:auto;font-variant-numeric:tabular-nums;color:#AEB7B3}
.lb__x{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid rgba(255,255,255,.35);border-radius:2px;color:#fff}
.lb__x svg{width:20px}
.lb__stage{display:grid;place-items:center;min-height:0;padding:0 var(--g)}
.lb__stage img{max-width:100%;max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain}
.lb__bot{justify-content:space-between}
.lb__bot p{flex:1;text-align:center;font-size:.88rem;color:#C9D0CC}

/* ---------- kako radimo, o nama, kontakt, hvala ---------- */
.proc--page .steps{margin-top:clamp(2rem, 4vw, 3rem)}
.prep__in{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 6fr);gap:clamp(2rem, 5vw, 5rem);align-items:start}
.prep__t h2{margin-bottom:1rem}
.prep__t > p{color:#3F4948}
.prep__l{counter-reset:p;margin-top:1.6rem;display:grid;gap:0}
.prep__l li{counter-increment:p;position:relative;padding:1rem 0 1rem 3rem;border-top:1px solid var(--linija);color:#3F4948}
.prep__l li:last-child{border-bottom:1px solid var(--linija)}
.prep__l li::before{content:counter(p);position:absolute;left:0;top:1rem;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--grafit);font:700 .8rem/1 var(--fd);color:var(--grafit)}
.prep__l b{color:var(--grafit)}
.measure{background:var(--papir);padding:clamp(1.5rem, 3vw, 2.5rem);box-shadow:var(--sh);position:sticky;top:calc(var(--hdr) + 2rem)}
.plan--measure{width:100%;max-width:520px;margin:0 auto 1.6rem}
.measure figcaption{display:grid;gap:.55rem;font-size:.94rem;color:#3F4948}
.measure figcaption b{font:600 1.2rem var(--fd);color:var(--grafit);margin-bottom:.3rem}
.measure i{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:.55rem;background:var(--omorika);color:#fff;font:700 .75rem/1 var(--fd);font-style:normal}
.price--hub .price__l h3 a{text-decoration:underline;text-decoration-color:var(--breza);text-decoration-thickness:2px;text-underline-offset:4px}
.price--hub .price__l h3 a:hover{color:var(--omorika)}
.shop{padding-top:clamp(2rem, 4vw, 3rem)}
.shop__g{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-template-rows:auto auto;gap:clamp(.7rem, 1.4vw, 1.2rem)}
.shop__g figure{position:relative;overflow:hidden;background:var(--zid)}
.shop__a{grid-column:1 / 8;grid-row:1 / 3}
.shop__b{grid-column:8 / 13}
.shop__c{grid-column:8 / 13}
.shop__photo{width:100%;height:100%;object-fit:cover;min-height:280px}
.shop__a .shop__photo{height:clamp(420px, 46vw, 660px)}
.about__in{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);gap:clamp(2rem, 5vw, 5rem);align-items:start}
.about__t h2{margin-bottom:1rem}
.about__t > p{color:#3F4948;max-width:58ch}
.about__l{margin-top:1.6rem;columns:2;column-gap:2rem}
.about__l li{break-inside:avoid;padding:.6rem 0 .6rem 1.5rem;border-top:1px solid var(--linija);position:relative;font-weight:500}
.about__l li::before{content:"";position:absolute;left:0;top:1.05rem;width:10px;height:10px;background:var(--breza);border:1px solid var(--grafit)}
.about__side{display:grid;gap:1rem}
.fact{padding:1.4rem 1.5rem;background:var(--papir);border:1px solid var(--linija)}
.fact h3{font-size:1.12rem;margin-bottom:.5rem}
.fact p{font-size:.95rem;color:#3F4948}
.where{background:var(--zid)}
.where__in{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:clamp(2rem, 5vw, 5rem);align-items:center}
.where__plan{background:var(--papir);padding:clamp(1.5rem, 3vw, 2.5rem);box-shadow:var(--sh)}
.where__t h2{margin-bottom:1.2rem}
.where__t p{color:#3F4948}
.where__t .btn{margin-top:1.6rem}
.addr{display:inline-flex;gap:.5rem;align-items:center;font:600 1.25rem/1.3 var(--fd);color:var(--grafit) !important}
.addr .i{color:var(--omorika);width:22px;height:22px}
.upit--page{padding-top:clamp(2rem, 4vw, 3rem)}
.map{position:relative;display:grid;place-items:center;align-content:center;gap:1rem;min-height:clamp(320px, 38vw, 460px);padding:2rem;background:var(--zid);border:1px solid var(--linija);text-align:center;overflow:hidden}
.map__plan{width:150px;opacity:.9}
.map p{display:grid;gap:.3rem;max-width:44ch;color:var(--mut);font-size:.94rem}
.map p b{font:600 1.15rem var(--fd);color:var(--grafit)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.thanks{display:grid;grid-template-columns:minmax(0, 4fr) minmax(0, 8fr);gap:clamp(2rem, 6vw, 6rem);align-items:center;padding-block:clamp(3rem, 7vw, 6rem) clamp(4rem, 8vw, 7rem)}
.thanks__plan{width:100%;max-width:340px;background:var(--papir);padding:2rem;box-shadow:var(--sh)}
.thanks__t h1{margin-bottom:1rem}
.thanks__l{counter-reset:t;margin:2rem 0;display:grid;gap:0;max-width:60ch}
.thanks__l li{counter-increment:t;position:relative;padding:1rem 0 1rem 3rem;border-top:1px solid var(--linija);color:#3F4948}
.thanks__l li:last-child{border-bottom:1px solid var(--linija)}
.thanks__l li::before{content:counter(t);position:absolute;left:0;top:1rem;display:grid;place-items:center;width:28px;height:28px;background:var(--omorika);color:#fff;font:700 .8rem/1 var(--fd)}
.thanks__l b{color:var(--grafit)}
.thanks .phones{margin:1rem 0 2rem}
.thanks__a{display:flex;flex-wrap:wrap;gap:.7rem}

/* ---------- footer ---------- */
.ftr{background:var(--grafit);color:#C9D1CD;font-size:.95rem}
.ftr__top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:2.5rem;padding-block:clamp(3.5rem, 6vw, 5.5rem) clamp(2.5rem, 4vw, 3.5rem)}
.ftr__n{font:700 clamp(3rem, 2rem + 3vw, 4.6rem)/.9 var(--fd);letter-spacing:-.05em;color:var(--krec);margin-bottom:1rem;font-stretch:88%}
.ftr__brand p:not(.ftr__n){max-width:30ch}
.ftr__h{font:600 .74rem/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--breza);margin-bottom:1.1rem}
.ftr__col li{margin-bottom:.6rem}
.ftr li a{text-decoration-color:rgba(216,185,138,.45) !important}
.ftr__col a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--breza);text-underline-offset:3px}
.ftr__nap li{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.ftr__nap a{display:inline-flex;align-items:center;gap:.55rem}
.ftr__nap .i{color:var(--breza);width:16px;height:16px}
.ftr__time{gap:.55rem !important}
.ftr .copy-mail{color:#C9D1CD;font-weight:500}
.ftr .copy-mail.is-copied{color:#A6D7B6}
.ftr__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;border-top:1px solid rgba(255,255,255,.12);padding-block:1.4rem;font-size:.84rem;color:#9AA6A1}
.ftr__bot a{color:#E5EAE7;text-decoration:underline;text-decoration-color:var(--breza);text-underline-offset:3px}

/* ---------- mobilna traka ---------- */
.callbar{display:none}

/* ---------- responsive ---------- */
@media (max-width: 1320px){
  .logo__s{display:none}
}
@media (max-width: 1180px){
  :root{--hdr:66px}
  .nav,.hdr__tel{display:none}
  .burger{display:inline-flex}
  .hdr__cta{margin-left:auto}
  .burger{margin-left:0}
  .steps{grid-template-columns:repeat(3, minmax(0, 1fr));row-gap:2.5rem}
  .step:nth-child(3) .step__r::after{display:none}
  .ftr__top{grid-template-columns:1fr 1fr}
}
@media (max-width: 980px){
  .hero{grid-template-columns:1fr;grid-template-rows:auto}
  .hero__img{grid-column:1;grid-row:auto;height:62svh;min-height:380px;margin-inline:calc(var(--g) * -1)}
  .hero__t{padding-bottom:2rem}
  .hero__rooms{grid-column:1;margin-top:0}
  .plancard--hero{left:var(--g);bottom:1.2rem;max-width:calc(100% - var(--g) * 2)}
  .rgrid{grid-template-columns:1fr;gap:3rem}
  .room--k,.room--p,.room--o,.room--x{grid-column:1;grid-row:auto;margin-top:0}
  .room--x{order:4}
  .feat{grid-template-columns:1fr;gap:1.6rem}
  .feat__imgs,.feat--r .feat__imgs{grid-column:1;order:0;height:clamp(360px, 90vw, 560px)}
  .feat__t,.feat--r .feat__t{grid-column:1;padding-left:0}
  .feat__s:last-child,.feat--r .feat__s:last-child{margin:0}
  .arch__in,.upit__in,.faq__in,.shero,.who__in,.price__in,.use__in,.prep__in,.about__in,.where__in,.thanks{grid-template-columns:1fr}
  .faq__h,.measure{position:static}
  .shero__img{margin-inline:calc(var(--g) * -1);height:clamp(340px, 70vw, 520px)}
  .shero__img .plancard{left:var(--g)}
  .probs__l{grid-template-columns:1fr}
  .others__l{grid-template-columns:1fr}
  .pgrid{grid-template-columns:1fr}
  .pcard,.pcard.is-w{grid-column:1}
  .pcard:not(.is-w):not(.pcard--cta){margin-top:0}
  .phero__t{grid-template-columns:1fr}
  .phero__t .lead{grid-column:1;grid-row:auto;margin-top:1rem}
  .phero__img{margin-inline:calc(var(--g) * -1)}
  .tr__row,.tr__row--r{grid-template-columns:1fr}
  .tr__img,.tr__t,.tr__row--r .tr__img,.tr__row--r .tr__t{grid-column:1;grid-row:auto}
  .shop__g{grid-template-columns:1fr 1fr}
  .shop__a{grid-column:1 / -1;grid-row:auto}
  .shop__b,.shop__c{grid-column:auto}
  .cta__in{grid-template-columns:1fr}
  .cta__plan{width:90px}
  .thanks__plan{max-width:220px}
  .callbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1.4fr;padding-bottom:env(safe-area-inset-bottom);background:var(--papir);border-top:1px solid var(--linija);box-shadow:0 -12px 30px -18px rgba(27,34,36,.4);transition:transform .4s var(--e)}
  .callbar a{display:flex;align-items:center;justify-content:center;gap:.5rem;height:58px;font-weight:650}
  .callbar__tel .i{color:var(--omorika)}
  .callbar__up{background:var(--omorika);color:#fff;box-shadow:inset 0 -4px 0 var(--breza)}
  .callbar.is-hidden,.menu-open .callbar{transform:translateY(110%)}
  body{padding-bottom:58px}
}
@media (max-width: 640px){
  body{font-size:1rem}
  .hdr__cta{display:none}
  .burger{margin-left:auto}
  .logo__n{font-size:1.55rem}
  .hero__rooms{grid-template-columns:1fr}
  .hero__rooms a:nth-child(odd){border-right:0}
  .hero__rooms a:nth-child(even){padding-left:0}
  .plancard{padding:.75rem .9rem .75rem .75rem;gap:.75rem;font-size:.78rem}
  .plancard__plan{width:78px}
  .room__b{grid-template-columns:48px 1fr 20px}
  .room__plan{width:48px}
  .steps{grid-template-columns:1fr;row-gap:0}
  .step{display:grid;grid-template-columns:104px 1fr;column-gap:1rem;padding:1.2rem 0;border-top:1px solid var(--linija)}
  .step__img{grid-row:span 4;aspect-ratio:1;margin:0}
  .step .ilu{top:4px;right:4px;font-size:.5rem;padding:.25rem .3rem;letter-spacing:.05em}
  .step__r::after{display:none}
  .step__t{margin-top:.5rem}
  .who__i,.price__l li{grid-template-columns:1fr}
  .wpforms-icon-choices{grid-template-columns:1fr 1fr}
  .wpforms-one-half{flex-basis:100%}
  .csid__l li{grid-template-columns:1fr}
  .det{grid-template-columns:1fr}
  .gslide{flex-basis:86%}
  .gal__nav .sbtn{width:44px;height:44px}
  .shead{align-items:flex-start}
  .next__a{grid-template-columns:1fr;row-gap:.3rem}
  .next__img{grid-column:1;grid-row:auto;margin-top:1rem}
  .about__l{columns:1}
  .shop__g{grid-template-columns:1fr}
  .ftr__top{grid-template-columns:1fr}
  .mnav__rooms{grid-template-columns:1fr}
  .mnav__rooms a{flex-direction:row;align-items:center}
  .mnav__plan{max-width:56px}
  .preview span{flex-basis:100%}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .js .rv{opacity:1;transform:none}
  .js .rv .pl-f{opacity:1}
}