/* =========================================================
   LOKAL market (demo): dizajn sistem
   Boje: crvena (akcije, CTA, cijene), zelena (sekundarna),
         crna (tipografija, kontrast), bijela (dominantna), svijetlo siva
   Font: Archivo (varijabilni: širina + težina), jedna familija za sve
   ========================================================= */
:root{
  --red:#E30613; --red-d:#B80510; --red-l:#FFE9EA;
  --green:#00953B; --green-d:#0B6A31; --green-l:#E6F4EA; --green-x:#0C3B24;
  --black:#000; --ink:#161616; --ink-2:#5B5B58; --ink-3:#8C8C88;
  --white:#fff; --paper:#F3F3F0; --line:#E3E3DE;
  --font:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --gutter:clamp(20px,5vw,80px);
  --max:1480px;
  --hdr:76px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ph-bg:#0E3A24; --ph-dot:rgba(255,255,255,.16); --ph-ink:#fff; --ph-chip:rgba(0,0,0,.45);
}
/* Brend sajt: paleta je namjerno ista i u tamnom modu preglednika */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){ --white:#fff; --paper:#F3F3F0; --ink:#161616; --line:#E3E3DE; }
}
:root[data-theme="dark"]{ --white:#fff; --paper:#F3F3F0; --ink:#161616; --line:#E3E3DE; }

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);overflow-x:clip}
body{margin:0;font-family:var(--font);font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.55;color:var(--ink);background:var(--white);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure{margin:0}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--black);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;transition:top .2s}
.skip:focus{top:16px}

.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.section{padding-block:clamp(72px,9vw,140px)}
.section--tight{padding-block:clamp(56px,7vw,104px)}

/* ---------- tipografija ---------- */
.display{font-weight:900;font-stretch:112%;line-height:.9;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.h2{font-size:clamp(2.5rem,1.4rem + 4.8vw,5.4rem)}
.h3{font-size:clamp(1.35rem,1rem + 1.2vw,2rem);font-weight:800;line-height:1.1;letter-spacing:-.01em}
.lead{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);color:var(--ink-2);max-width:56ch}
.on-dark .lead{color:rgba(255,255,255,.78)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(32px,4vw,60px)}
.sec-head > div{max-width:720px;min-width:0}
.sec-head .lead{max-width:44ch}
.sec-head p{margin-top:14px}
.muted{color:var(--ink-3)}
.dopuni{color:var(--ink-3);font-style:italic}
.on-dark .dopuni{color:rgba(255,255,255,.45)}

/* ---------- dugmad ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:54px;padding:.85em 1.55em;border-radius:999px;font-weight:700;font-size:1rem;line-height:1;white-space:nowrap;transition:transform .35s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn svg{width:18px;height:18px;flex:0 0 auto}
.btn--red{background:var(--red);color:#fff}.btn--red:hover{background:var(--red-d)}
.btn--black{background:var(--black);color:#fff}.btn--black:hover{background:#222}
.btn--white{background:#fff;color:var(--ink)}.btn--white:hover{background:var(--paper)}
.btn--green{background:var(--green);color:#fff}.btn--green:hover{background:var(--green-d)}
.btn--ghost{border:2px solid rgba(255,255,255,.7);color:#fff}.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn--ghost-dark{border:2px solid var(--ink);color:var(--ink)}.btn--ghost-dark:hover{background:var(--ink);color:#fff}
.btn--caps{text-transform:uppercase;letter-spacing:.06em;font-size:.88rem}
.btn--sm{min-height:44px;padding:.7em 1.15em;font-size:.9rem}
.btn:disabled{opacity:.6;cursor:default;transform:none}

/* ---------- foto-slot (placeholder za stvarne fotografije) ----------
   Zamjena: <figure class="ph" data-foto="…"><img src="…" alt="…"></figure>
   Kad postoji <img>, tačkasta tekstura i oznaka se automatski sakrivaju. */
.ph{position:relative;overflow:hidden;background:var(--ph-bg);color:var(--ph-ink)}
.ph::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ph-dot) 1.1px,transparent 1.2px);background-size:14px 14px;pointer-events:none}
.ph[data-foto]::after{content:attr(data-foto);position:absolute;left:14px;bottom:12px;z-index:1;max-width:calc(100% - 28px);font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1.25;color:var(--ph-ink);background:var(--ph-chip);padding:6px 9px;border-radius:7px;pointer-events:none}
.ph > img{width:100%;height:100%;object-fit:cover}
.ph:has(> img)::before,.ph:has(> img)::after{display:none}
.ph--green{--ph-bg:#0E3A24}
.ph--deep{--ph-bg:#082418}
.ph--light{--ph-bg:#E8E8E3;--ph-dot:rgba(0,0,0,.11);--ph-ink:#161616;--ph-chip:rgba(255,255,255,.8)}
.ph--warm{--ph-bg:#2A2A27}
.ph--red{--ph-bg:#9B0A12}
.ph--paper{--ph-bg:#F3F3F0;--ph-dot:rgba(0,0,0,.09);--ph-ink:#161616;--ph-chip:rgba(255,255,255,.85)}

/* ---------- header ---------- */
.header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid transparent;transition:box-shadow .35s,border-color .35s}
.header.is-scrolled{border-color:var(--line);box-shadow:0 12px 32px -20px rgba(0,0,0,.3)}
.header__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--hdr);transition:height .35s var(--ease)}
.header.is-scrolled .header__in{height:64px}
.logo{display:inline-flex;align-items:baseline;gap:8px;font-weight:900;line-height:1;flex:0 0 auto}
.logo__mark{display:inline-block;background:var(--red);color:#fff;font-size:1.55rem;font-stretch:118%;letter-spacing:-.02em;padding:.28em .48em .3em;border-radius:9px;transform:skewX(-7deg);transition:transform .35s var(--ease)}
.logo:hover .logo__mark{transform:skewX(-7deg) translateY(-1px)}
.logo__sub{color:var(--green);font-weight:800;font-size:.92rem;letter-spacing:.02em}
.footer .logo__sub,.mmenu .logo__sub{color:var(--green)}
.nav{display:none}
@media (min-width:1024px){.nav{display:flex;flex:1;justify-content:center;gap:0;min-width:0}}
@media (min-width:1280px){.nav{gap:2px}}
.nav a{padding:10px 10px;border-radius:999px;font-weight:600;font-size:.9rem;white-space:nowrap;transition:background .2s,color .2s}
@media (min-width:1280px){.nav a{padding:10px 14px;font-size:.95rem}}
.nav a:hover{background:var(--paper)}
.nav a.is-active{color:var(--red)}
.header__cta{display:none}
@media (min-width:1180px){.header__cta{display:inline-flex}}
.burger{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--paper)}
.burger svg{width:24px;height:24px}
@media (min-width:1024px){.burger{display:none}}

/* mobilni meni */
.mmenu{position:fixed;inset:0;z-index:70;background:var(--white);color:var(--ink);display:flex;flex-direction:column;padding:0 var(--gutter) var(--gutter);transform:translateY(-102%);transition:transform .55s var(--ease);overflow:auto;visibility:hidden}
.mmenu.is-open{transform:none;visibility:visible}
.mmenu__top{display:flex;align-items:center;justify-content:space-between;height:var(--hdr)}
.mmenu__close{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--paper)}
.mmenu__close svg{width:22px;height:22px}
.mmenu__links{display:grid;gap:4px;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.mmenu__links a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:clamp(1.6rem,6.4vw,2.2rem);font-weight:800;font-stretch:108%;letter-spacing:-.02em;border-bottom:1px solid var(--line)}
.mmenu__links a svg{width:22px;height:22px;color:var(--red)}
.mmenu__foot{margin-top:auto;padding-top:28px;display:grid;gap:18px}
.mmenu__foot .btn{width:100%}
.mmenu__info{display:grid;gap:6px;font-size:.95rem;color:var(--ink-2)}
.mmenu__info b{color:var(--ink)}
.mmenu__soc{display:flex;gap:10px}
body.is-locked{overflow:hidden}

/* ---------- hero ---------- */
.hero{position:relative;display:grid;grid-template-columns:1fr;background:var(--white)}
@media (min-width:960px){.hero{grid-template-columns:56% 44%;min-height:calc(100svh - var(--hdr));max-height:960px}}
.hero__slab{position:relative;background:var(--red);color:#fff;padding:clamp(40px,7vw,96px) var(--gutter) clamp(44px,7vw,96px);display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,2.6vw,34px);border-radius:0 0 44px 0;z-index:2}
@media (min-width:960px){.hero__slab{padding-right:clamp(32px,4vw,64px);border-radius:0 0 56px 0}}
.hero__kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;opacity:.95}
.hero__kicker i{display:inline-block;width:12px;height:12px;background:var(--green);border-radius:3px;flex:0 0 auto}
.hero__title{font-size:clamp(3.35rem,1.2rem + 5.7vw,6.8rem);font-weight:900;font-stretch:110%;line-height:.92;letter-spacing:-.04em;text-wrap:balance}
.hero__title .l{display:block;overflow:hidden;padding:.04em 0 .16em;margin-bottom:-.16em}
.hero__title .l span{display:block;transform:translateY(112%);transition:transform 1.1s var(--ease)}
.is-loaded .hero__title .l span{transform:none}
.is-loaded .hero__title .l:nth-child(2) span{transition-delay:.09s}
.is-loaded .hero__title .l:nth-child(3) span{transition-delay:.18s}
.hero__lead{font-size:clamp(1.05rem,1rem + .5vw,1.3rem);max-width:36ch;line-height:1.45;opacity:.94}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.hero__cta .btn--white:hover{background:#fff}
.hero__lead,.hero__cta,.hero__kicker{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease) .35s,transform .9s var(--ease) .35s}
.hero__kicker{transition-delay:.15s}
.hero__cta{transition-delay:.5s}
.is-loaded .hero__lead,.is-loaded .hero__cta{opacity:.94;transform:none}
.is-loaded .hero__kicker{opacity:.95;transform:none}
.is-loaded .hero__cta{opacity:1}
.hero__media{position:relative;overflow:hidden;min-height:min(72vw,520px);background:var(--green-x)}
@media (min-width:960px){.hero__media{min-height:0}}
.hero__media .ph{position:absolute;inset:-14% 0;will-change:transform}
.hero__media .ph[data-foto]::after{bottom:auto;top:calc(11% + 16px);left:16px}
.sticker{position:absolute;right:clamp(16px,4vw,44px);bottom:clamp(18px,5vw,56px);z-index:3;background:var(--green);color:#fff;padding:16px 20px 18px;border-radius:16px;transform:rotate(5deg);box-shadow:0 24px 50px -20px rgba(0,0,0,.55);line-height:1.05;transition:transform .5s var(--ease)}
.sticker:hover{transform:rotate(0) scale(1.04)}
.sticker small{display:block;font-size:.8rem;font-weight:600;opacity:.9;margin-bottom:6px}
.sticker b{display:block;font-size:1.35rem;font-weight:900;font-stretch:110%;letter-spacing:-.02em}
.sticker span{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.85rem;font-weight:700;border-top:1px solid rgba(255,255,255,.35);padding-top:8px}
.sticker svg{width:16px;height:16px}

/* ---------- ticker ---------- */
.ticker{background:var(--black);color:#fff;overflow:hidden;padding:15px 0}
.ticker__track{display:flex;width:max-content;animation:tick 42s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-weight:700;font-size:.92rem;letter-spacing:.02em;white-space:nowrap}
.ticker__item i{width:10px;height:10px;background:var(--red);border-radius:2px;display:inline-block;transform:rotate(45deg)}
.ticker__item:nth-child(even) i{background:var(--green)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- akcije ---------- */
.akcije{background:var(--paper)}
.promo-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:680px){.promo-grid{grid-template-columns:repeat(2,1fr)}.promo--feature{grid-column:span 2}}
@media (min-width:1120px){.promo-grid{grid-template-columns:repeat(4,1fr)}.promo--feature{grid-column:span 2;grid-row:span 2}}
.promo{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.promo:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(0,0,0,.35)}
.promo.is-hidden{display:none}
.promo__media{aspect-ratio:4/3;overflow:hidden;position:relative}
.promo--feature .promo__media{aspect-ratio:auto;flex:1;min-height:300px}
@media (max-width:1119px){.promo--feature .promo__media{aspect-ratio:16/9;min-height:0}}
.promo__media .ph{position:absolute;inset:0;transition:transform .9s var(--ease)}
.promo:hover .promo__media .ph{transform:scale(1.04)}
.promo__tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--green);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:8px}
.promo__pct{position:absolute;top:14px;right:14px;z-index:2;background:var(--red);color:#fff;font-weight:800;font-size:.85rem;padding:8px 11px;border-radius:999px}
.promo__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}
.promo--feature .promo__body{padding:24px 26px 26px}
.promo__name{font-weight:700;font-size:1.12rem;line-height:1.2;letter-spacing:-.01em}
.promo--feature .promo__name{font-size:clamp(1.4rem,1.1rem + 1vw,2.1rem);font-weight:800}
.promo__desc{color:var(--ink-2);font-size:.92rem}
.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}
.price{display:inline-flex;align-items:flex-start;color:var(--red);font-weight:900;line-height:.85;letter-spacing:-.045em;font-stretch:108%}
.price__int{font-size:2.9rem}
.price__dec{font-size:1.15rem;margin:.12em 0 0 2px;letter-spacing:-.02em}
.price__cur{font-size:.8rem;font-weight:700;letter-spacing:.02em;margin:.42em 0 0 7px;font-stretch:100%}
.promo--feature .price{background:var(--red);color:#fff;padding:14px 18px 12px 16px;border-radius:14px}
.promo--feature .price__int{font-size:clamp(3.2rem,2.4rem + 2.6vw,5rem)}
.promo--feature .price__dec{font-size:1.6rem}
.promo--feature .price__cur{font-size:.95rem}
.price-old{display:flex;flex-direction:column;gap:2px;color:var(--ink-3);font-size:.85rem;font-weight:600}
.price-old s{color:var(--ink-2);font-size:1.1rem;font-weight:700}
.promo__period{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:10px;margin-top:6px}
.promo__period svg{width:15px;height:15px;color:var(--green)}
.akcije__more{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}
.akcije__note{text-align:center;margin-top:16px;font-size:.88rem;color:var(--ink-3);max-width:60ch;margin-inline:auto}

/* ---------- katalog ---------- */
.katalog__slab{position:relative;overflow:hidden;background:var(--green);color:#fff;border-radius:36px;padding:clamp(36px,6vw,96px) clamp(24px,6vw,96px);display:grid;gap:clamp(36px,5vw,72px);align-items:center}
@media (min-width:960px){.katalog__slab{grid-template-columns:5fr 6fr}}
.katalog__slab::before{content:"";position:absolute;right:-12%;top:-30%;width:52%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.14);pointer-events:none}
.katalog__slab .lead{color:rgba(255,255,255,.85)}
.katalog__text{position:relative}
.katalog__meta{display:grid;gap:10px;margin:28px 0 30px;padding:20px 0;border-block:1px solid rgba(255,255,255,.3);max-width:440px}
.katalog__meta div{display:flex;justify-content:space-between;gap:16px;font-size:1rem}
.katalog__meta b{font-weight:800}
.katalog__btns{display:flex;flex-wrap:wrap;gap:12px}
.book-wrap{position:relative;perspective:1200px}
.book{position:relative;aspect-ratio:3/4;max-width:400px;margin-inline:auto;background:#fff;color:var(--ink);border-radius:8px 18px 18px 8px;box-shadow:34px 44px 90px -26px rgba(0,0,0,.55);transform:rotate(-4deg);transition:transform .8s var(--ease);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;width:100%}
.book:hover,.book:focus-visible{transform:rotate(0) scale(1.02)}
.book__head{background:var(--red);color:#fff;padding:22px 24px 20px;font-weight:900;font-stretch:115%;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:.92;text-transform:uppercase;letter-spacing:-.03em}
.book__head small{display:block;font-size:.72rem;font-weight:600;letter-spacing:.06em;font-stretch:100%;opacity:.9;margin-bottom:8px}
.book__body{flex:1;padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.book__body .ph{border-radius:8px}
.book__body .ph:first-child{grid-column:1/-1}
.book__foot{background:var(--black);color:#fff;padding:14px 20px;font-weight:700;font-size:.85rem;display:flex;justify-content:space-between;gap:12px}
.book__foot span{color:var(--green)}
.book > img{width:100%;height:100%;object-fit:cover}

/* ---------- odjeli ---------- */
.odjeli{background:var(--white)}
.dept{display:grid;gap:28px;align-items:center;padding-block:clamp(32px,4.5vw,64px);border-top:1px solid var(--line)}
.dept:last-child{border-bottom:1px solid var(--line)}
@media (min-width:920px){.dept{grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px)}.dept:nth-child(even) .dept__media{order:2}}
.dept__media{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;--rr:28px}
.dept__media .ph{position:absolute;inset:0;transition:transform 1s var(--ease)}
.dept:hover .dept__media .ph{transform:scale(1.05)}
.dept__media::after{content:"";position:absolute;left:0;bottom:0;height:10px;width:0;background:var(--red);transition:width .7s var(--ease);z-index:2}
.dept:nth-child(even) .dept__media::after{background:var(--green)}
.dept:hover .dept__media::after{width:100%}
.dept__name{font-size:clamp(2.4rem,1rem + 3.8vw,4.6rem);overflow-wrap:break-word}
.dept__desc{margin-top:16px;color:var(--ink-2);max-width:48ch}
.dept__list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.dept__list li{padding:10px 16px;border:1.5px solid var(--ink);border-radius:999px;font-weight:600;font-size:.92rem;transition:background .2s,color .2s}
.dept:hover .dept__list li:first-child{background:var(--ink);color:#fff}

/* ---------- svježe ---------- */
.svjeze{position:relative;background:var(--green-x);color:#fff;overflow:hidden}
.svjeze__bg{position:absolute;inset:0;--ph-bg:#0C3B24;--ph-chip:rgba(0,0,0,.4)}
.svjeze__bg[data-foto]::after{left:auto;right:16px;top:16px;bottom:auto}
.svjeze__in{position:relative;padding-block:clamp(88px,13vw,200px)}
.svjeze__title{max-width:13ch}
.svjeze__lead{margin-top:22px;max-width:52ch;color:rgba(255,255,255,.82);font-size:1.1rem}
.svjeze__grid{display:grid;gap:2px;margin-top:clamp(44px,7vw,96px);background:rgba(255,255,255,.16);border-radius:22px;overflow:hidden}
@media (min-width:720px){.svjeze__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.svjeze__grid{grid-template-columns:repeat(4,1fr)}}
.svjeze__item{background:var(--green-x);padding:28px 24px 30px;transition:background .3s}
.svjeze__item:hover{background:var(--green)}
.svjeze__item h3{font-size:1.4rem;font-weight:800;letter-spacing:-.01em}
.svjeze__item p{color:rgba(255,255,255,.8);margin-top:8px;font-size:.95rem}
.svjeze__item i{display:block;width:34px;height:5px;background:var(--red);border-radius:3px;margin-bottom:18px}

/* ---------- kampanje ---------- */
.kampanje{background:var(--paper)}
.scroller{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:4px var(--gutter) 14px;margin-inline:calc(-1*var(--gutter));scrollbar-width:none;-webkit-overflow-scrolling:touch}
.scroller::-webkit-scrollbar{display:none}
.scroller__nav{display:flex;gap:8px}
.scroller__nav button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;transition:background .2s,color .2s}
.scroller__nav button:hover{background:var(--ink);color:#fff}
.scroller__nav svg{width:20px;height:20px}
.camp{flex:0 0 min(80vw,400px);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease)}
.camp:hover{transform:translateY(-4px)}
.camp__media{position:relative;aspect-ratio:4/5;overflow:hidden}
.camp__media .ph{position:absolute;inset:0;transition:transform .9s var(--ease)}
.camp:hover .camp__media .ph{transform:scale(1.04)}
.camp__badge{position:absolute;top:16px;left:16px;z-index:2;background:var(--red);color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;padding:8px 11px;border-radius:8px}
.camp__badge--green{background:var(--green)}
.camp__body{padding:22px 24px 26px}
.camp__body h3{font-size:1.5rem;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.camp__body p{color:var(--ink-2);margin-top:10px;font-size:.95rem}
.camp__body a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;color:var(--red)}
.camp__body a svg{width:16px;height:16px}

/* ---------- poslovnice ---------- */
.poslovnice{background:var(--black);color:#fff}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;margin-top:4px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:11px 18px;border-radius:999px;border:1.5px solid #3A3A3A;font-weight:600;font-size:.92rem;color:#fff;transition:border-color .2s,background .2s,color .2s}
.chip:hover{border-color:#fff}
.chip.is-active{background:#fff;color:var(--black);border-color:#fff}
.chip small{opacity:.55;margin-left:6px;font-weight:600}
.stores{display:grid;gap:clamp(28px,4vw,56px);margin-top:clamp(28px,4vw,48px)}
@media (min-width:1000px){.stores{grid-template-columns:5fr 7fr;align-items:start}}
.mapbox{position:relative;border-radius:28px;background:#111;border:1px solid #242424;padding:clamp(18px,3vw,36px)}
@media (min-width:1000px){.poslovnice .mapbox{position:sticky;top:calc(var(--hdr) + 20px)}}
.mapbox svg{width:100%;height:auto}
.mapbox__legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:.85rem;color:#bdbdb9}
.mapbox__legend span{display:inline-flex;align-items:center;gap:8px}
.mapbox__legend i{width:10px;height:10px;border-radius:50%;background:var(--red);display:inline-block}
.mapbox__legend i.g{background:var(--green)}
.mapbox__note{margin-top:10px;font-size:.8rem;color:#7d7d79}
.pin{cursor:pointer}
.pin .dot{fill:var(--red);transition:fill .25s}
.pin .ring{fill:var(--red);opacity:.35;transform-origin:center;transform-box:fill-box;animation:ring 2.6s ease-out infinite;pointer-events:none}
.pin.is-active .dot,.pin.is-active .ring{fill:var(--green)}
.pin.is-hi .dot{fill:#fff}
.pin text{fill:#fff;font-weight:700;font-size:11.5px;font-family:var(--font);paint-order:stroke;stroke:#000;stroke-width:3px;stroke-linejoin:round}
.mapbox--light .pin text{stroke:#fff;fill:var(--ink)}
.mapbox--light .pin .ring{opacity:.2}
@keyframes ring{0%{transform:scale(1);opacity:.45}100%{transform:scale(4);opacity:0}}
.store-list{display:grid;gap:14px}
.store{display:grid;grid-template-columns:1fr;background:#111;border:1px solid #242424;border-radius:24px;overflow:hidden;transition:border-color .3s,transform .45s var(--ease)}
.store:hover,.store.is-hi{border-color:#4a4a4a;transform:translateY(-2px)}
.store.is-hidden{display:none}
@media (min-width:640px){.store{grid-template-columns:38% 1fr}}
.store__media{position:relative;min-height:210px}
.store__media .ph{position:absolute;inset:0}
.store__body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px}
.store__type{display:inline-block;width:fit-content;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:6px 9px;border-radius:6px;background:var(--red);color:#fff}
.store__type--market{background:var(--green)}
.store__name{font-size:1.45rem;font-weight:800;line-height:1.1;letter-spacing:-.015em}
.store__rows{display:grid;gap:8px;color:#cfcfcb;font-size:.95rem}
.store__rows div{display:flex;gap:10px;align-items:flex-start}
.store__rows svg{width:17px;height:17px;flex:0 0 auto;margin-top:3px;color:var(--green)}
.store__rows b{color:#fff;font-weight:600}
.store__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.store--featured{grid-template-columns:1fr;border-color:#3a3a3a}
.store--featured .store__body{padding:clamp(24px,3vw,36px)}
.store--featured .store__name{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.6rem)}
.store__gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;min-height:320px}
.store__gallery .ph{position:relative;min-height:140px}
.store__gallery .ph:first-child{grid-row:span 2}
@media (max-width:640px){.store__gallery{grid-template-columns:1fr 1fr;min-height:0}.store__gallery .ph:first-child{grid-column:1/-1;min-height:220px}}
.store__feat{display:flex;flex-wrap:wrap;gap:8px}
.store__feat li{padding:8px 12px;border-radius:999px;background:#1f1f1f;font-size:.85rem;font-weight:600;color:#e8e8e4}
.stores__empty{padding:32px;border:1px dashed #3a3a3a;border-radius:20px;color:#bdbdb9}

/* ---------- zašto LOKAL ---------- */
.zasto{background:var(--white)}
.zasto__statement{font-size:clamp(3.2rem,1rem + 9.4vw,10.5rem)}
.zasto__statement .l{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.zasto__statement .l span{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease)}
.zasto__statement.is-in .l span{transform:none}
.zasto__statement.is-in .l:nth-child(2) span{transition-delay:.1s}
.zasto__statement.is-in .l:nth-child(3) span{transition-delay:.2s}
.zasto__grid{display:grid;gap:36px;margin-top:clamp(36px,5vw,72px)}
@media (min-width:1000px){.zasto__grid{grid-template-columns:2fr 3fr;gap:clamp(40px,6vw,96px);align-items:start}}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 20px;border-top:4px solid var(--black);padding-top:26px}
.stat b{display:block;font-size:clamp(2.8rem,2rem + 2.6vw,4.8rem);font-weight:900;font-stretch:110%;line-height:1;letter-spacing:-.045em;color:var(--red)}
.stat:nth-child(even) b{color:var(--green)}
.stat > span{display:block;margin-top:8px;font-weight:600;color:var(--ink-2);font-size:.95rem}
.facts{display:grid;gap:10px 28px}
@media (min-width:640px){.facts{grid-template-columns:repeat(2,1fr)}}
.fact{padding:20px 0 20px 22px;border-left:4px solid var(--red)}
.fact:nth-child(even){border-color:var(--green)}
.fact h3{font-size:1.2rem;font-weight:800;letter-spacing:-.01em}
.fact p{color:var(--ink-2);margin-top:6px;font-size:.95rem}

/* ---------- o nama ---------- */
.onama{background:var(--paper)}
.onama__grid{display:grid;gap:40px}
@media (min-width:960px){.onama__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px)}}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.collage .ph{border-radius:22px;position:relative}
.collage .ph:first-child{grid-column:1/-1;aspect-ratio:16/9}
.collage .ph:nth-child(2),.collage .ph:nth-child(3){aspect-ratio:1}
.onama__text p{max-width:54ch;color:var(--ink-2);font-size:1.08rem;margin-top:16px}
.onama__text p:first-of-type{color:var(--ink);font-weight:500;font-size:1.2rem;margin-top:22px}
.onama__hq{display:flex;align-items:center;gap:12px;margin-top:26px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;width:fit-content;font-size:.95rem}
.onama__hq svg{width:20px;height:20px;color:var(--red);flex:0 0 auto}
.timeline{display:flex;gap:14px;overflow-x:auto;scroll-padding-inline:var(--gutter);margin-top:clamp(44px,6vw,80px);padding:0 var(--gutter) 12px;margin-inline:calc(-1*var(--gutter));scrollbar-width:none;scroll-snap-type:x proximity}
.timeline::-webkit-scrollbar{display:none}
.tl{flex:0 0 min(72vw,300px);scroll-snap-align:start;border-top:3px solid var(--black);padding-top:18px}
.tl b{display:block;font-size:2.4rem;font-weight:900;font-stretch:110%;color:var(--red);line-height:1;letter-spacing:-.03em;min-height:2.4rem}
.tl b.dot{width:16px;height:16px;background:var(--green);border-radius:4px;min-height:0;margin:.6rem 0 1.05rem}
.tl h3{font-weight:800;margin-top:12px;font-size:1.15rem;letter-spacing:-.01em}
.tl p{color:var(--ink-2);margin-top:6px;font-size:.95rem}
.tl small{display:block;color:var(--ink-3);font-size:.78rem;margin-top:8px}

/* ---------- posao ---------- */
.posao{background:var(--red);color:#fff}
.posao .lead{color:rgba(255,255,255,.85)}
.posao__grid{display:grid;gap:40px}
@media (min-width:1000px){.posao__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}}
.posao__grid .sec-head{margin-bottom:0;display:block}
.posao__grid .sec-head .lead{max-width:44ch}
.posao__pos{margin-top:32px}
.posao__pos{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.posao__pos li{padding:9px 14px;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;font-weight:600;font-size:.9rem}
.jobs{display:grid;gap:10px;margin-top:28px}
.jobs__title{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.05rem}
.jobs__title span{background:#fff;color:var(--red);font-weight:900;padding:4px 10px;border-radius:999px;font-size:.9rem}
.job{background:#fff;color:var(--ink);border-radius:18px;overflow:hidden}
.job__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;text-align:left}
.job__btn h3{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.job__btn p{color:var(--ink-2);font-size:.9rem;margin-top:3px}
.job__btn .plus{width:38px;height:38px;border-radius:50%;background:var(--paper);display:grid;place-items:center;flex:0 0 auto;transition:transform .4s var(--ease),background .25s,color .25s}
.job__btn .plus svg{width:18px;height:18px}
.job.is-open .plus{transform:rotate(45deg);background:var(--red);color:#fff}
.job__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.job.is-open .job__panel{grid-template-rows:1fr}
.job__panel > div{overflow:hidden}
.job__content{padding:0 22px 24px;display:grid;gap:14px;font-size:.97rem}
.job__content h4{font-weight:800;font-size:.95rem;margin-bottom:4px}
.job__content ul{display:grid;gap:4px;color:var(--ink-2)}
.job__content ul li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:10px;vertical-align:middle}
.job__content .btn{width:fit-content;margin-top:4px}
.demo-tag{background:var(--green-l);color:var(--green-d);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 7px;border-radius:6px}
.jobs__empty{background:rgba(0,0,0,.18);border:1px dashed rgba(255,255,255,.5);border-radius:18px;padding:22px 24px;font-size:.98rem}
.form{background:#fff;color:var(--ink);border-radius:26px;padding:clamp(22px,3.2vw,40px)}
.form h3{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}
.form > p{color:var(--ink-2);margin-top:6px;font-size:.95rem}
.field{display:grid;gap:6px;margin-top:16px}
.field label{font-weight:600;font-size:.92rem}
.field input,.field select,.field textarea{width:100%;font:inherit;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);transition:border-color .2s;-webkit-appearance:none;appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:none}
.field textarea{min-height:130px;resize:vertical}
.form__row{display:grid;gap:0 14px}
@media (min-width:560px){.form__row{grid-template-columns:1fr 1fr}}
.file{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.file input{position:absolute;width:1px;height:1px;opacity:0}
.file label.btn{cursor:pointer}
.file span{font-size:.9rem;color:var(--ink-2)}
.form__submit{margin-top:22px;width:100%}
.form__ok{display:none;background:var(--green-l);color:var(--green-d);padding:16px 18px;border-radius:12px;font-weight:600;margin-top:16px}
.form.is-sent .form__ok{display:block}
.form__note{font-size:.8rem;color:var(--ink-3);margin-top:12px}

/* ---------- društvene mreže ---------- */
.social{background:var(--white)}
.social__btns{display:flex;flex-wrap:wrap;gap:12px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (min-width:760px){.ig-grid{grid-template-columns:repeat(6,1fr)}}
.ig-grid .ph{aspect-ratio:1;border-radius:14px;transition:transform .5s var(--ease)}
.ig-grid .ph:hover{transform:scale(1.03)}
.ig-grid .ph[data-foto]::after{font-size:.68rem;left:10px;bottom:10px}
.social__note{margin-top:16px;font-size:.88rem;color:var(--ink-3)}

/* ---------- kontakt ---------- */
.kontakt{background:var(--paper)}
.kontakt__grid{display:grid;gap:32px}
@media (min-width:1000px){.kontakt__grid{grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,72px);align-items:start}}
.kinfo{display:grid;gap:26px}
.kinfo h3{font-size:1rem;font-weight:800;margin-bottom:8px}
.kinfo .big{font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);font-weight:800;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:10px}
.kinfo .big svg{width:22px;height:22px;color:var(--red)}
.kinfo ul{display:grid;gap:8px;color:var(--ink-2);font-size:.98rem}
.kinfo ul b{color:var(--ink);font-weight:600}
.kinfo__soc{display:flex;gap:10px}
.mapbox--light{background:#fff;border-color:var(--line);color:var(--ink)}
.mapbox--light .mapbox__legend{color:var(--ink-2)}
.mapbox--light .mapbox__note{color:var(--ink-3)}
.kontakt .form{margin-top:32px}

/* ---------- footer ---------- */
.footer{background:var(--black);color:#fff;padding:clamp(56px,7vw,100px) 0 32px}
.footer__grid{display:grid;gap:40px}
@media (min-width:900px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}}
.footer__brand p{margin-top:18px;max-width:34ch;color:#bdbdb9;font-size:.98rem}
.footer h4{font-weight:800;margin-bottom:16px;font-size:1rem}
.footer li{margin-top:10px;color:#bdbdb9;font-size:.95rem}
.footer li a:hover{color:#fff}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;padding-top:24px;border-top:1px solid #262626;color:#8a8a86;font-size:.86rem}
.footer__bottom nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer__bottom a:hover{color:#fff}

/* ---------- katalog viewer ---------- */
.viewer{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);color:#fff;display:none;flex-direction:column}
.viewer.is-open{display:flex}
.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--gutter);border-bottom:1px solid #222;min-height:64px}
.viewer__bar b{font-weight:800}
.viewer__bar small{color:#9a9a96;margin-left:10px;font-weight:600}
.viewer__tools{display:flex;gap:8px;align-items:center}
.viewer__ico{width:44px;height:44px;border-radius:50%;background:#1d1d1d;display:grid;place-items:center;transition:background .2s}
.viewer__ico:hover{background:#333}
.viewer__ico svg{width:20px;height:20px}
.viewer__stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:14px 72px;min-height:0;touch-action:pan-y;user-select:none}
@media (max-width:640px){.viewer__stage{padding:12px}}
.viewer__page{position:relative;height:100%;max-width:100%;aspect-ratio:3/4;background:#fff;color:var(--ink);border-radius:6px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.7);display:flex;flex-direction:column}
.viewer__page img{width:100%;height:100%;object-fit:contain}
.viewer__page.is-anim{animation:pagein .35s var(--ease)}
@keyframes pagein{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.vpage{flex:1;display:flex;flex-direction:column}
.vpage__head{background:var(--red);color:#fff;padding:5% 6%;font-weight:900;font-stretch:115%;text-transform:uppercase;font-size:clamp(1rem,3.5vmin,2rem);line-height:.95;letter-spacing:-.03em}
.vpage__body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:3%;padding:5% 6%}
.vpage__body .ph{border-radius:6px}
.vpage__foot{padding:3% 6%;font-weight:700;font-size:clamp(.7rem,2vmin,1rem);color:var(--ink-2);display:flex;justify-content:space-between}
.viewer__nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:transform .2s,background .2s}
.viewer__nav:hover{background:var(--paper);transform:translateY(-50%) scale(1.06)}
.viewer__nav svg{width:22px;height:22px}
.viewer__nav--prev{left:14px}.viewer__nav--next{right:14px}
@media (max-width:640px){.viewer__nav{width:44px;height:44px;top:auto;bottom:12px;transform:none}.viewer__nav:hover{transform:none}.viewer__nav--prev{left:12px}.viewer__nav--next{right:12px}}
.viewer__thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px var(--gutter);border-top:1px solid #222;scrollbar-width:none}
.viewer__thumbs::-webkit-scrollbar{display:none}
.viewer__thumbs button{flex:0 0 46px;aspect-ratio:3/4;border-radius:4px;background:#2a2a2a;border:2px solid transparent;font-size:.72rem;font-weight:700;color:#ddd;overflow:hidden;transition:border-color .2s}
.viewer__thumbs button img{width:100%;height:100%;object-fit:cover}
.viewer__thumbs button.is-active{border-color:var(--red)}

/* ---------- animacije pri skrolu ---------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="img"]{opacity:1;transform:none;transition:none}
[data-reveal="img"] > .ph,[data-reveal="img"] > img{clip-path:inset(0 0 100% 0 round var(--rr,0px));transition:clip-path 1.15s var(--ease);transition-delay:var(--d,0s)}
[data-reveal="img"].is-in > .ph,[data-reveal="img"].is-in > img{clip-path:inset(0 0 0 0 round var(--rr,0px))}
.totop{position:fixed;right:18px;bottom:18px;z-index:40;width:48px;height:48px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s,transform .3s;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.totop.is-on{opacity:1;pointer-events:auto;transform:none}
.totop svg{width:20px;height:20px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal],[data-reveal="img"]{opacity:1;transform:none;clip-path:none}
  [data-reveal="img"] > .ph,[data-reveal="img"] > img{clip-path:none}
  .hero__title .l span,.zasto__statement .l span{transform:none}
  .hero__lead,.hero__cta,.hero__kicker{opacity:1;transform:none}
  .ticker__track{animation:none}
}

/* ---------- dopune ---------- */
.akcije__period{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.92rem}
.akcije__period svg{width:16px;height:16px;color:var(--red)}
.field .field__label{font-weight:600;font-size:.92rem}
.vpage__head small{display:block;font-size:.48em;font-stretch:100%;font-weight:600;letter-spacing:.06em;opacity:.9;margin-bottom:.45em}
.ig-grid .ph{display:block}
.kinfo .big .dopuni{font-size:1rem;font-weight:500}
.store__rows a:hover b{text-decoration:underline}
.mmenu__info a:hover{text-decoration:underline}

/* ---------- forme: honeypot i greška ---------- */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form__err{display:none;background:var(--red-l);color:var(--red-d);padding:14px 18px;border-radius:12px;font-weight:600;margin-top:16px;font-size:.95rem}
.form.is-error .form__err{display:block}

/* ---------- podstranice (poslovnice, pravne stranice, 404) ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.88rem;color:#bdbdb9;margin-bottom:22px}
.crumbs a:hover{color:#fff;text-decoration:underline}
.crumbs [aria-current]{color:#fff;font-weight:600}
.pos-hero{background:var(--black);color:#fff;padding:clamp(48px,7vw,96px) 0 clamp(44px,6vw,80px)}
.pos-hero .display{margin-top:16px;max-width:14ch}
.pos-hero .lead{margin-top:18px;color:rgba(255,255,255,.8)}
.pos-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pos-grid{display:grid;gap:32px}
@media (min-width:960px){.pos-grid{grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,72px);align-items:start}}
.pos-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:340px;border-radius:26px;overflow:hidden}
.pos-gallery .ph{position:relative;min-height:150px}
.pos-gallery .ph:first-child{grid-row:span 2}
@media (max-width:640px){.pos-gallery{grid-template-columns:1fr 1fr;min-height:0}.pos-gallery .ph:first-child{grid-column:1/-1;min-height:220px}}
.pos-info{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,32px)}
.pos-info dl{display:grid;gap:14px;margin:0}
.pos-info dt{font-size:.85rem;font-weight:700;color:var(--ink-3)}
.pos-info dd{margin:2px 0 0;font-size:1.05rem;font-weight:600}
.pos-info dd a:hover{text-decoration:underline}
.pos-info .store__feat{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.pos-info .store__feat li{background:var(--paper);color:var(--ink)}
.pos-info .store__actions{padding-top:20px}
.pos-text{max-width:70ch;margin-top:clamp(40px,6vw,72px)}
.pos-text h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.pos-text p{color:var(--ink-2);margin-top:12px;font-size:1.05rem}
.pos-ponuda{margin-top:clamp(40px,6vw,72px)}
.pos-ponuda h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.pos-ponuda__grid{display:grid;gap:14px}
@media (min-width:760px){.pos-ponuda__grid{grid-template-columns:repeat(3,1fr)}}
.pos-ponuda__item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.pos-ponuda__item h3{font-size:1.2rem;font-weight:800}
.pos-ponuda__item ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pos-ponuda__item li{padding:7px 12px;border-radius:999px;background:var(--paper);font-size:.88rem;font-weight:600}
.pos-row{display:grid;gap:32px;margin-top:clamp(40px,6vw,72px)}
@media (min-width:1000px){.pos-row{grid-template-columns:5fr 7fr;gap:clamp(32px,4vw,56px);align-items:start}}
.pos-map{margin-top:0}
.pos-others{margin-top:0}
.pos-others h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.pos-others ul{display:grid;gap:10px}
@media (min-width:640px){.pos-others ul{grid-template-columns:repeat(2,1fr)}}

.pos-others a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:600;transition:border-color .2s,transform .3s var(--ease)}
.pos-others a:hover{border-color:var(--ink);transform:translateY(-2px)}
.pos-others a small{display:block;color:var(--ink-3);font-weight:500;margin-top:2px}
.pos-others a svg{width:18px;height:18px;color:var(--red);flex:0 0 auto}
.pos-cta{margin-top:clamp(40px,6vw,72px);background:var(--red);color:#fff;border-radius:28px;padding:clamp(28px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.pos-cta h2{font-size:clamp(1.5rem,1.2rem+1.4vw,2.2rem);font-weight:900;letter-spacing:-.02em;max-width:22ch}
.pos-cta .btn--white:hover{background:#fff}
.page{max-width:72ch;padding-block:clamp(48px,7vw,96px)}
.page h1{font-size:clamp(2.2rem,1.6rem+2.4vw,3.6rem);font-weight:900;letter-spacing:-.03em;line-height:1}
.page h2{font-size:1.35rem;font-weight:800;margin-top:36px;letter-spacing:-.01em}
.page p,.page li{color:var(--ink-2);margin-top:12px;font-size:1.02rem}
.page ul{list-style:disc;padding-left:22px}
.page .draft{background:var(--green-l);color:var(--green-d);padding:14px 18px;border-radius:12px;font-weight:600;margin-top:22px;font-size:.95rem}
.page .updated{color:var(--ink-3);font-size:.9rem;margin-top:10px}
.p404{text-align:center;padding-block:clamp(72px,12vw,160px)}
.p404 b{display:block;font-size:clamp(6rem,20vw,14rem);font-weight:900;font-stretch:112%;line-height:.9;letter-spacing:-.05em;color:var(--red)}
.p404 p{margin-top:16px;color:var(--ink-2);font-size:1.1rem}
.p404 .btn{margin-top:28px}