/* ============================================================
   Advokat — dizajn 3 „Pečat" (24.10.2026)
   Petrolej i slonovača; okrugli pečat sa inicijalom i gradom, nacrtan u samom HTML-u (SVG,
   bez slika). Zamena za „Čelik" (prodat Simić Draganu 24.10, advsimic.com) — drugačiji
   raspored, ne ista strana u drugoj boji: naslovna strana u sredini, kartica kancelarije sa
   utisnutim pečatom, oblasti kao pločice sa paragrafom, koraci rimskim brojevima, pitanja
   numerisana u jednoj koloni, forma levo.
   Pisma su sistemska: Charter (naslovi i tekst) i Seravek (oznake, meni, dugmad) — oba imaju
   sva naša slova. Gill Sans je odbačen jer nema č i đ (provereno u fajlu fonta, 24.10).
   ============================================================ */

:root{
  --petrolej:      #0f4c56;   /* jedini akcenat */
  --petrolej-dub:  #0b3b43;
  --petrolej-noc:  #082d33;
  --pena:          #e1edeb;   /* svetla traka */
  --magla:         #eef4f3;
  --slonovaca:     #f6f4ef;   /* podloga strane */
  --bela:          #ffffff;
  --mastilo:       #152326;
  --tekst:         #38454a;
  --tiho:          #5c6b71;
  --linija:        #d3dcdb;
  --na-tamnom:     #d2e4e1;
  --na-tamnom-tiho:#9fbcb8;
  --naslov: Charter, "Bitstream Charter", "Sitka Heading", "Sitka Text", Cambria, Georgia, serif;
  --serif:  Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --sans:   Seravek, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --wrap: 1160px;
  --zaglavlje: 72px;
}

*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }   /* gotcha #37 — mobilni meni koristi `hidden` */
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--slonovaca); color:var(--tekst); font-family:var(--serif); font-size:1.0625rem; line-height:1.65; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
img, svg{ display:block; max-width:100%; }
a{ color:var(--petrolej); text-decoration-thickness:1px; text-underline-offset:3px; }
a:hover{ color:var(--petrolej-dub); }
:focus-visible{ outline:2px solid var(--petrolej); outline-offset:3px; }
h1, h2, h3{ font-family:var(--naslov); color:var(--mastilo); font-weight:700; line-height:1.15; margin:0; text-wrap:balance; }
p{ margin:0 0 1rem; }
.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:22px; }
section[id]{ scroll-margin-top:calc(var(--zaglavlje) + 8px); }
.ico{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }

/* ---------- Mala oznaka iznad naslova ---------- */
.eyebrow,
.section-kicker{ display:block; margin:0 0 .7rem; font-family:var(--sans); font-size:.76rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--petrolej); }
.section-head{ max-width:640px; margin-bottom:clamp(1.8rem, 3.5vw, 2.6rem); }
.section-head h2{ font-size:clamp(1.8rem, 3.4vw, 2.5rem); letter-spacing:-.005em; }
.section-head-sredina{ text-align:center; margin-inline:auto; }

/* ---------- Dugmad: zaobljena kao pečat ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:48px; padding:.75rem 1.55rem; font-family:var(--sans); font-size:.95rem; font-weight:600; letter-spacing:.02em; line-height:1.2; text-decoration:none; border:1.5px solid var(--petrolej); border-radius:999px; cursor:pointer; transition:background-color .2s ease, color .2s ease, border-color .2s ease; }
.btn-primary{ background:var(--petrolej); color:var(--slonovaca); }
.btn-primary:hover{ background:var(--petrolej-dub); border-color:var(--petrolej-dub); color:var(--bela); }
.btn-secondary{ background:transparent; color:var(--petrolej); }
.btn-secondary:hover{ background:var(--pena); color:var(--petrolej-dub); }
.btn-block{ width:100%; }

/* ---------- Zaglavlje ---------- */
.site-header{ position:sticky; top:0; z-index:100; background:rgba(246,244,239,.95); -webkit-backdrop-filter:saturate(1.2) blur(8px); backdrop-filter:saturate(1.2) blur(8px); border-bottom:1px solid var(--linija); }
.header-inner{ max-width:var(--wrap); margin-inline:auto; padding:0 22px; height:var(--zaglavlje); display:flex; align-items:center; gap:1.5rem; }
.brand{ display:flex; align-items:center; gap:.8rem; min-width:0; margin-right:auto; color:var(--mastilo); text-decoration:none; }
.brand:hover{ color:var(--mastilo); }
/* inicijal u dvostrukom krugu — mali pečat */
.brand-mark{ width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:50%; background:var(--slonovaca); border:1.5px solid var(--petrolej); box-shadow:inset 0 0 0 3px var(--slonovaca), inset 0 0 0 4px var(--petrolej); color:var(--petrolej); font-family:var(--naslov); font-weight:700; font-size:1.2rem; line-height:1; }
.brand-text{ display:flex; flex-direction:column; min-width:0; }
.brand-name{ font-family:var(--naslov); font-weight:700; font-size:1.12rem; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.brand-sub{ margin-top:.1rem; font-family:var(--sans); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--tiho); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.nav{ display:flex; gap:1.35rem; }
.nav a{ padding:.4rem 0; font-family:var(--sans); font-size:.88rem; font-weight:500; color:var(--mastilo); text-decoration:none; }
.nav a:hover{ color:var(--petrolej); text-decoration:underline; text-underline-offset:6px; }

.header-phone{ display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1.05rem; border:1.5px solid var(--petrolej); border-radius:999px; font-family:var(--sans); font-size:.92rem; font-weight:600; color:var(--petrolej); text-decoration:none; white-space:nowrap; }
.header-phone:hover{ background:var(--petrolej); color:var(--slonovaca); }
.header-phone .ico{ width:17px; height:17px; }

.hamburger{ display:none; align-items:center; gap:.45rem; min-height:40px; padding:.4rem .95rem; background:none; border:1.5px solid var(--petrolej); border-radius:999px; color:var(--petrolej); font-family:var(--sans); font-size:.86rem; font-weight:600; cursor:pointer; flex-shrink:0; }
.hamburger .ico{ width:18px; height:18px; }

.mobile-nav{ display:none; flex-direction:column; padding:.4rem 22px 1.2rem; background:var(--slonovaca); border-top:1px solid var(--linija); }
.mobile-nav:not([hidden]){ display:flex; }
.mobile-nav a{ padding:.85rem 0; border-bottom:1px solid var(--linija); font-family:var(--sans); font-size:1rem; color:var(--mastilo); text-decoration:none; }
.mobile-nav .mobile-phone{ margin-top:.6rem; border-bottom:0; color:var(--petrolej); font-weight:700; }

/* ---------- Vrh strane (hero): ime levo, kartica kancelarije desno ----------
   27.10.2026 (vlasnik): veliki pečat u sredini sa krugovima u pozadini je zauzimao prostor bez informacije —
   sada su na vrhu ime, poziv i podaci kancelarije (telefon odmah vidljiv); pečat je mali medaljon na kartici */
.hero{ padding:clamp(2.6rem, 6vw, 4.6rem) 0 clamp(3rem, 6vw, 4.8rem); background:var(--slonovaca); border-bottom:1px solid var(--linija); overflow-x:clip; }
.hero-inner{ display:grid; grid-template-columns:minmax(0, 1.12fr) minmax(0, .88fr); gap:clamp(2rem, 5vw, 4.5rem); align-items:center; }
.hero .eyebrow{ margin-bottom:1rem; }
.hero h1{ margin:0 0 .35em; font-size:clamp(2.3rem, 5.2vw, 3.9rem); letter-spacing:-.012em; }
.hero-lead{ max-width:34rem; margin:0 0 1.8rem; font-size:clamp(1.05rem, 1.6vw, 1.2rem); color:var(--tekst); }
.hero-actions{ display:flex; flex-wrap:wrap; gap:.8rem; }

/* ---------- Pečat (SVG u HTML-u) ---------- */
.pecat{ overflow:visible; }
.pecat circle{ fill:none; stroke:currentColor; }
.pecat .p-debelo{ stroke-width:3.2; }
.pecat .p-tanko{ stroke-width:1.1; }
.pecat .p-srednje{ stroke-width:2; }
.pecat .p-tacka{ fill:currentColor; stroke:none; }
.pecat text{ fill:currentColor; font-family:var(--naslov); }
.pecat .p-natpis{ font-family:var(--sans); font-weight:600; text-transform:uppercase; }
.pecat .p-gore{ font-size:19px; letter-spacing:8px; }
.pecat .p-dole{ font-size:15px; letter-spacing:2.6px; }
.pecat .p-slovo{ font-size:76px; font-weight:700; }
.pecat .p-paragraf{ font-size:19px; font-style:italic; }

/* ---------- O kancelariji: petrolej traka, samo tekst ---------- */
.about{ padding:clamp(3.4rem, 7vw, 5.6rem) 0; background:var(--petrolej); color:var(--na-tamnom); }
.about-text{ max-width:860px; }
.about .section-kicker{ color:var(--na-tamnom-tiho); }
.about h2{ margin-bottom:1.2rem; font-size:clamp(1.8rem, 3.4vw, 2.5rem); color:var(--bela); }
.about-lead{ font-size:clamp(1.16rem, 2vw, 1.4rem); line-height:1.55; font-style:italic; color:var(--bela); }
.about-text p{ max-width:60ch; }
.about-text p:last-child{ margin-bottom:0; }

.karta{ position:relative; padding:2rem 2rem 1.6rem; background:var(--bela); color:var(--tekst); border-radius:4px; box-shadow:0 18px 44px rgba(8,45,51,.12); outline:1px solid rgba(15,76,86,.16); outline-offset:-10px; }
/* pečat kao medaljon na gornjem uglu kartice — izlazi preko ivice, pa ne pokriva podatke (u uglu
   unutar kartice je prekrivao adresu) */
.karta-pecat{ position:absolute; top:-32px; right:-14px; width:104px; height:auto; padding:3px; color:var(--petrolej); background:var(--slonovaca); border-radius:50%; box-shadow:0 8px 20px rgba(8,45,51,.2); transform:rotate(12deg); }
.karta-naslov{ margin:0 0 1.1rem; padding:0 64px .9rem 0; border-bottom:1px solid var(--linija); font-family:var(--naslov); font-size:1.3rem; font-weight:700; line-height:1.25; color:var(--mastilo); }
.karta-podaci{ display:grid; gap:.85rem; margin:0; }
.karta-podaci div{ display:grid; gap:.12rem; }
.karta-podaci dt{ font-family:var(--sans); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--tiho); }
.karta-podaci dd{ margin:0; color:var(--mastilo); overflow-wrap:anywhere; }
.karta-podaci a{ color:var(--petrolej); text-decoration:none; }
.karta-podaci a:hover{ text-decoration:underline; }
.karta-status{ margin:1.2rem 0 0; padding-top:.9rem; border-top:1px solid var(--linija); font-family:var(--sans); font-size:.84rem; letter-spacing:.04em; color:var(--tiho); }

/* ---------- Oblasti prava: pločice ---------- */
.areas{ padding:clamp(3.6rem, 7vw, 5.8rem) 0; }
.area-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem; margin:0; padding:0; list-style:none; }
.area-card{ display:flex; flex-direction:column; gap:.65rem; padding:1.3rem 1.25rem 1.35rem; background:var(--bela); border:1px solid var(--linija); border-top:3px solid var(--petrolej); border-radius:0 0 4px 4px; transition:transform .2s ease, box-shadow .2s ease; }
.area-card:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(8,45,51,.1); }
.area-num{ font-family:var(--naslov); font-size:1.05rem; font-style:italic; color:var(--petrolej); }
.area-main h3{ min-height:2.5em; margin-bottom:.7rem; font-size:1.16rem; line-height:1.25; }
.area-list{ margin:0; padding:0; list-style:none; font-size:.95rem; }
.area-list li{ padding:.45rem 0; border-top:1px solid var(--linija); line-height:1.4; color:var(--tekst); }

/* ---------- Pristup radu: četiri načela ---------- */
.approach{ padding:clamp(3.4rem, 7vw, 5.4rem) 0; background:var(--pena); border-block:1px solid #cfe0dd; }
.approach-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:2rem 1.8rem; text-align:center; }
.value-ico{ width:64px; height:64px; margin:0 auto 1rem; display:grid; place-items:center; border-radius:50%; background:var(--pena); border:1.5px solid var(--petrolej); box-shadow:inset 0 0 0 4px var(--pena), inset 0 0 0 5px var(--petrolej); color:var(--petrolej); }
.value-ico svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.value-item h3{ margin-bottom:.45rem; font-size:1.2rem; }
.value-item p{ max-width:24ch; margin:0 auto; font-size:.98rem; }

/* ---------- Saradnja: rimski brojevi ---------- */
.process{ padding:clamp(3.6rem, 7vw, 5.8rem) 0; }
.koraci{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); margin:0; padding:0; list-style:none; border-top:1px solid var(--linija); }
.korak{ padding:1.6rem 1.4rem 0 0; }
.korak + .korak{ padding-left:1.4rem; border-left:1px solid var(--linija); }
.korak-br{ display:block; margin-bottom:1rem; font-family:var(--naslov); font-size:2.6rem; line-height:1; color:var(--petrolej); }
.korak h3{ margin-bottom:.5rem; font-size:1.15rem; }
.korak p{ margin:0; font-size:.97rem; }

/* ---------- Česta pitanja: jedna kolona, numerisano ---------- */
.faq{ padding:clamp(3.6rem, 7vw, 5.6rem) 0; background:var(--bela); border-top:1px solid var(--linija); }
.faq-inner{ max-width:880px; }
.faq-list{ counter-reset:pitanje; border-top:1px solid var(--linija); }
.faq-item{ border-bottom:1px solid var(--linija); }
.faq-item summary{ position:relative; display:block; padding:1.15rem 3.2rem 1.15rem 2.5rem; list-style:none; cursor:pointer; counter-increment:pitanje; font-family:var(--naslov); font-size:1.12rem; font-weight:700; line-height:1.35; color:var(--mastilo); }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::before{ content:counter(pitanje) "."; position:absolute; left:0; top:1.15rem; font-style:italic; font-weight:400; color:var(--petrolej); }
.faq-item summary::after{ content:"+"; position:absolute; right:0; top:50%; width:30px; height:30px; margin-top:-15px; display:grid; place-items:center; border:1.5px solid var(--petrolej); border-radius:50%; font-family:var(--sans); font-size:1.1rem; font-weight:500; line-height:1; color:var(--petrolej); transition:background-color .2s ease, color .2s ease; }
.faq-item[open] summary::after{ content:"−"; background:var(--petrolej); color:var(--slonovaca); }
.faq-item summary:hover{ color:var(--petrolej); }
.faq-item p{ max-width:62ch; margin:0 0 1.3rem 2.5rem; }
.faq-note{ margin:1.8rem auto 0; text-align:center; color:var(--tiho); }
.faq-note a{ font-weight:600; text-decoration:none; white-space:nowrap; }
.faq-note a:hover{ text-decoration:underline; }

/* ---------- Kontakt ---------- */
.contact{ padding:clamp(3.6rem, 7vw, 5.6rem) 0; background:var(--petrolej-dub); color:var(--na-tamnom); }
.contact .section-kicker{ color:var(--na-tamnom-tiho); }
.contact h2{ color:var(--bela); }
.contact-grid{ display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr); grid-template-areas:"forma podaci" "forma mapa"; gap:1.8rem clamp(2rem, 5vw, 4rem); align-items:start; }
.contact-info{ grid-area:podaci; }
.contact-form-wrap{ grid-area:forma; }
.contact-map{ grid-area:mapa; }

.info-list{ display:grid; gap:1.1rem; margin:0; padding:0; list-style:none; }
.info-list li{ display:grid; grid-template-columns:44px minmax(0, 1fr); gap:.9rem; align-items:start; }
.info-ico{ width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(210,228,225,.45); border-radius:50%; color:var(--na-tamnom); }
.info-ico svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.info-body{ display:flex; flex-direction:column; padding-top:.15rem; color:var(--bela); overflow-wrap:anywhere; }
.info-label{ margin-bottom:.1rem; font-family:var(--sans); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--na-tamnom-tiho); }
.info-body a{ color:var(--bela); text-decoration:none; }
.info-body a:hover{ text-decoration:underline; }

.map-wrap{ aspect-ratio:16 / 10; overflow:hidden; background:#0a333a; border:1px solid rgba(210,228,225,.25); border-radius:4px; }
.map-wrap iframe{ display:block; width:100%; height:100%; border:0; }
.map-link{ display:inline-block; margin-top:.7rem; font-family:var(--sans); font-size:.9rem; font-weight:600; color:var(--na-tamnom); }
.map-link:hover{ color:var(--bela); }

.contact-form{ position:relative; padding:clamp(1.5rem, 3vw, 2.2rem); background:var(--slonovaca); color:var(--tekst); border-radius:4px; box-shadow:0 22px 50px rgba(3,24,28,.35); }
.contact-form h3{ margin-bottom:1.2rem; padding-bottom:.9rem; border-bottom:1px solid var(--linija); font-size:1.4rem; }
.field{ margin-bottom:1rem; }
.field label{ display:block; margin-bottom:.35rem; font-family:var(--sans); font-size:.82rem; font-weight:600; letter-spacing:.03em; color:var(--mastilo); }
.field input,
.field textarea{ width:100%; padding:.75rem .85rem; background:var(--bela); border:1px solid #c5d1cf; border-radius:4px; font-family:var(--sans); font-size:1rem; color:var(--mastilo); }
.field input:focus,
.field textarea:focus{ outline:none; border-color:var(--petrolej); box-shadow:0 0 0 3px rgba(15,76,86,.18); }
.field textarea{ min-height:130px; resize:vertical; }
.form-status{ margin:1rem 0 0; padding:.8rem 1rem; background:var(--pena); border-radius:4px; font-family:var(--sans); font-size:.92rem; color:var(--petrolej-dub); }
.form-error{ margin:1rem 0 0; padding:.8rem 1rem; background:#fbeaea; border-radius:4px; font-family:var(--sans); font-size:.92rem; color:#7a1d1d; }
.form-error p{ margin:0; }
.form-error a{ color:#7a1d1d; font-weight:700; }
.form-disclaimer{ margin:1rem 0 0; font-family:var(--sans); font-size:.82rem; line-height:1.5; color:var(--tiho); }

/* ---------- Podnožje ---------- */
.site-footer{ padding:2.4rem 0 2.6rem; background:var(--petrolej-noc); color:var(--na-tamnom-tiho); text-align:center; font-family:var(--sans); }
.footer-line{ margin:0 0 .5rem; font-size:.95rem; color:var(--na-tamnom); overflow-wrap:anywhere; }
.footer-note{ margin:0 0 .8rem; font-size:.86rem; }
.footer-copy{ margin:0; font-size:.8rem; color:#7fa19d; }

/* ---------- Pojavljivanje sekcija ---------- */
.reveal{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
.reveal.is-visible,
.reveal.in{ opacity:1; transform:none; }

/* ---------- Prelomi ---------- */
@media (max-width:1060px){
  .nav{ display:none; }
  .hamburger{ display:inline-flex; }
  .area-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .approach-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:2.4rem 2rem; }
}
@media (min-width:1061px){
  .mobile-nav:not([hidden]){ display:none; }
}
@media (max-width:900px){
  .hero-inner{ grid-template-columns:1fr; }
  .karta-podaci{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.9rem 1.6rem; }
  .contact-grid{ grid-template-columns:1fr; grid-template-areas:"podaci" "forma" "mapa"; }
  .koraci{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .korak{ padding-bottom:1.6rem; }
  .korak:nth-child(3){ padding-left:0; border-left:0; }
  .korak:nth-child(n+3){ border-top:1px solid var(--linija); }
}
@media (max-width:640px){
  :root{ --zaglavlje:62px; }
  .header-inner{ gap:.8rem; padding:0 16px; }
  .header-phone{ display:none; }
  .brand{ gap:.6rem; }
  .brand-mark{ width:38px; height:38px; flex-basis:38px; font-size:1.05rem; }
  .brand-name{ font-size:1.02rem; }
  .brand-sub{ display:none; }
  .mobile-nav{ padding-inline:16px; }
  .wrap{ padding-inline:16px; }
  /* oblasti zbijeno: stavke u jednom pasusu sa tačkicom — osam pločica jedna ispod druge inače traje dva ekrana */
  .area-grid{ grid-template-columns:1fr; gap:.7rem; }
  .area-card{ gap:.3rem; padding:1rem 1.1rem 1.05rem; }
  .area-main h3{ min-height:0; margin-bottom:.35rem; font-size:1.1rem; }
  .area-list{ font-size:.93rem; line-height:1.5; }
  .area-list li{ display:inline; padding:0; border:0; }
  .area-list li + li::before{ content:" · "; color:var(--petrolej); }
  .approach-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.8rem 1rem; }
  .value-ico{ width:52px; height:52px; margin-bottom:.7rem; box-shadow:inset 0 0 0 3px var(--pena), inset 0 0 0 4px var(--petrolej); }
  .value-ico svg{ width:21px; height:21px; }
  .value-item h3{ font-size:1.05rem; }
  .value-item p{ font-size:.9rem; }
  .koraci{ grid-template-columns:1fr; border-top:0; }
  .korak,
  .korak + .korak{ display:grid; grid-template-columns:3.4rem minmax(0, 1fr); gap:0 .8rem; padding:1.2rem 0; border-left:0; border-top:1px solid var(--linija); }
  .korak:last-child{ border-bottom:1px solid var(--linija); }
  .korak-br{ margin:0; font-size:2rem; }
  .hero-actions{ gap:.6rem; }
  .hero-actions .btn{ padding-inline:1.1rem; font-size:.9rem; }
  .karta{ padding:1.6rem 1.25rem 1.3rem; }
  .karta-podaci{ grid-template-columns:1fr; gap:.85rem; }
  .karta-pecat{ width:84px; top:-28px; right:-6px; }
  .karta-naslov{ padding-right:64px; }
  .faq-item summary{ padding-left:2rem; font-size:1.04rem; }
  .faq-item p{ margin-left:2rem; }
}

@media (max-width:360px){
  .approach-grid{ grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; transition:none; }
  .area-card, .btn, .faq-item summary::after{ transition:none; }
  .area-card:hover{ transform:none; }
}

/* Potpis izrađivača — dodaje ga napravi-live.py (demo verzija ga nema). Boje futera dizajna 3 „Pečat". */
.footer-made{ margin:.45rem 0 0; font-size:.78rem; color:#7fa19d; }
.footer-made a{ color:var(--na-tamnom-tiho); text-decoration:underline; text-underline-offset:2px; }
.footer-made a:hover{ color:var(--na-tamnom); }