/* =====================================================
   Ustanova AUDIO — premium verzija (index2.html)
   Paleta: duboka pinija/teal + topli off-white + clay akcent
   Tipografija: Fraunces (naslovi) + Inter (tekst)
   ===================================================== */
:root{
  /* Paleta izvedena iz logotipa (srce + puls): teal-cyan #3DC0BD -> plava #317AC7.
     Dvotonski sustav: teal baza (struktura) + plavi akcent (pop), hladni off-white. */
  --pine:#0e3a4a;          /* duboka teal-plava baza (tamni kraj loga) */
  --pine-deep:#0a2c39;
  --pine-soft:#155a6e;
  --sea:#1c7488;           /* mid teal — linkovi, eyebrow */
  --clay:#2f77c4;          /* akcent = logo plava (čitljiv kao tekst ~4.6:1) */
  --clay-soft:#dcebfa;     /* svijetli plavi ton */
  --paper:#f5f8fa;         /* hladni off-white */
  --paper-2:#e9f1f4;
  --white:#ffffff;
  --ink:#122c34;
  --muted:#54686f;
  --hair:#dbe6ea;
  --radius:22px;
  --shadow:0 10px 40px rgba(14,58,74,.10);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.7;
  font-size:16.5px;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-.01em}
img{max-width:100%;display:block}
a{color:var(--sea)}
a:hover{color:var(--pine)}
/* Prijelaz između stranica (cross-document View Transitions) — Chrome + Safari, graciozan pad u starijima */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .26s var(--ease) both}
::view-transition-new(root){animation:vtIn .36s var(--ease) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.container{max-width:1180px;margin:0 auto;padding:0 28px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ---------- Hero slider ---------- */
.hero-slider{position:relative;width:100%;height:clamp(500px,78vh,720px);overflow:hidden;background:var(--pine-deep)}
.hs-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 1s}
.hs-slide.active{opacity:1;visibility:visible}
.hs-bg{position:absolute;inset:0;background-size:cover;background-position:center right;transform:scale(1.05);will-change:transform}
.hs-slide.active .hs-bg{animation:hsZoom 12s var(--ease) both}
@keyframes hsZoom{from{transform:scale(1.05)}to{transform:scale(1.13)}}
.hs-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,26,33,.9),rgba(6,26,33,.55) 42%,rgba(6,26,33,.12) 72%,rgba(6,26,33,.24)),linear-gradient(0deg,rgba(6,26,33,.5),transparent 26%)}
.hs-content{position:relative;z-index:2;width:100%;color:#fff}
.hs-text{max-width:640px}
.hs-title{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.04;letter-spacing:-.01em;color:#fff;margin:0 0 18px;text-wrap:balance}
.hs-sub{font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.55;color:#e6eff1;max-width:46ch;margin:0 0 32px}
.hs-actions{display:flex;gap:14px;flex-wrap:wrap}
.hs-actions .cta.ghost{color:#fff!important;border-color:rgba(255,255,255,.5)}
.hs-actions .cta.ghost:hover{background:#fff;color:var(--pine)!important;border-color:#fff}
.hs-slide.active .hs-title{animation:hsUp .8s .1s both var(--ease)}
.hs-slide.active .hs-sub{animation:hsUp .8s .38s both var(--ease)}
.hs-slide.active .hs-actions{animation:hsUp .8s .52s both var(--ease)}
@keyframes hsUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s}
.hs-arrow:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.6)}
.hs-prev{left:22px}
.hs-next{right:22px}
.hs-bar{position:absolute;left:0;right:0;bottom:28px;z-index:3;display:flex;align-items:center;justify-content:flex-start;gap:20px}
.hs-dots{display:flex;gap:9px}
.hs-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;transition:.25s var(--ease)}
.hs-dot.active{background:#fff;width:28px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.hs-slide{transition:none}.hs-bg{transform:none;animation:none}.hs-slide.active .hs-title,.hs-slide.active .hs-sub,.hs-slide.active .hs-actions{animation:none}}
@media(max-width:740px){
  .hero-slider{height:86vh;min-height:560px;max-height:760px}
  .hs-slide{flex-direction:column;align-items:stretch;background:var(--pine-deep)}
  .hs-bg{position:relative;inset:auto;flex:0 0 50%;transform:none;background-position:var(--mob-pos, right) center}
  .hs-slide.active .hs-bg{animation:none}
  .hs-overlay{display:none}
  .hs-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding-top:30px;padding-bottom:78px;background:var(--pine-deep)}
  .hs-text{max-width:100%}
  .hs-title{font-size:clamp(1.9rem,7vw,2.5rem);margin-bottom:12px}
  .hs-sub{font-size:1rem;max-width:100%;margin-bottom:22px}
  .hs-arrow{width:40px;height:40px;font-size:1.4rem;top:25%;transform:translateY(-50%)}
  .hs-prev{left:12px;right:auto}
  .hs-next{right:12px;left:auto}
  .hs-bar{bottom:24px}
}

::selection{background:var(--clay-soft);color:var(--pine)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--clay);outline-offset:3px;border-radius:4px;
}

/* ---------- Scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.22s}.reveal.d3{transition-delay:.34s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Obavijest (announcement bar) ---------- */
.announce{position:relative;z-index:201;background:var(--clay);color:#eef4fb;font-size:.93rem}
.announce .container{display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 54px 11px 28px;text-align:center;flex-wrap:wrap}
.announce .pill{flex:0 0 auto;background:#eef4fb;color:var(--clay);font-family:'Fraunces',serif;font-style:italic;font-size:.78rem;font-weight:600;padding:3px 13px;border-radius:999px}
.announce strong{font-weight:700;color:#fff}
.announce a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.announce a:hover{color:#fff}
.announce .close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255,247,242,.18);border:0;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;color:#eef4fb;font-weight:700;transition:.2s}
.announce .close:hover{background:rgba(255,247,242,.35)}
@media(max-width:740px){.announce .container{font-size:.84rem;padding:10px 50px 10px 18px}}

/* ---------- Header ---------- */
.hd{position:sticky;top:0;z-index:200;background:rgba(250,247,242,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.hd .container{display:flex;align-items:center;height:78px;gap:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--pine)}
.brand img{width:42px;height:42px}
.brand b{font-family:'Fraunces',serif;font-weight:600;font-size:1.12rem;line-height:1.15;display:block}
.brand small{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.93rem;position:relative}
.nav a:not(.cta)::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--clay);transition:width .25s var(--ease)}
.nav a:not(.cta):hover::after{width:100%}
.cta{background:var(--pine);color:var(--paper)!important;padding:13px 26px;border-radius:999px;transition:.25s var(--ease)}
.cta:hover{background:var(--pine-soft);transform:translateY(-2px)}
.cta.ghost{background:transparent;color:var(--pine)!important;border:1.5px solid var(--pine)}
.cta.ghost:hover{background:var(--pine);color:var(--paper)!important}
.burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:10px}
.burger span{display:block;width:25px;height:2.5px;background:var(--pine);margin:5px 0;border-radius:2px}
.nav-contact{display:none}
body.nav-lock{overflow:hidden}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:84px 0 96px}
.hero::before{content:"";position:absolute;right:-220px;top:-180px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,var(--paper-2),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sea);margin-bottom:26px}
.eyebrow::before{content:"";width:34px;height:1.5px;background:var(--clay)}
.hero h1{font-size:clamp(2.7rem,5.8vw,4.6rem);line-height:1.04;color:var(--pine);font-weight:560}
.hero h1 em{font-style:italic;color:var(--clay)}
.hero .lede{margin-top:26px;font-size:1.12rem;color:var(--muted);max-width:520px}
.hero-actions{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}
.trust{margin-top:54px;display:flex;gap:0;border-top:1px solid var(--hair);padding-top:26px}
.trust div{padding-right:36px;margin-right:36px;border-right:1px solid var(--hair)}
.trust div:last-child{border:0;margin:0;padding-right:0}
.trust b{font-family:'Fraunces',serif;font-size:1.65rem;color:var(--pine);display:block;line-height:1.1}
.trust span{font-size:.8rem;color:var(--muted);letter-spacing:.04em}

.hero-visual{position:relative}
.arch{width:min(380px,100%);margin-left:auto;aspect-ratio:4/5;border-radius:300px 300px var(--radius) var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}
.arch img{width:100%;height:100%;object-fit:cover}
.arch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,58,60,0) 55%,rgba(14,58,60,.35));}
.float-card{position:absolute;background:var(--white);border-radius:16px;box-shadow:var(--shadow);padding:16px 20px;font-size:.85rem}
.float-card.fc1{left:-12px;bottom:64px;max-width:230px}
.float-card.fc2{right:-6px;top:38px}
.float-card b{display:block;font-size:.92rem;color:var(--pine)}
.float-card .tag{display:inline-block;background:var(--clay-soft);color:var(--clay);font-weight:700;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-bottom:8px}

/* ---------- Section scaffolding ---------- */
section{padding:96px 0}
.sec-head{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:end;margin-bottom:56px}
.sec-head .right{max-width:540px;justify-self:end;color:var(--muted)}
h2.t{font-size:clamp(1.9rem,4vw,3rem);color:var(--pine);line-height:1.12;font-weight:560;max-width:560px}
h2.t em{font-style:italic;color:var(--clay)}

/* ---------- O nama ---------- */
.about{background:var(--white);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}
.about-grid .copy p{color:var(--muted);margin-bottom:18px}
.about-grid .copy strong{color:var(--ink)}
.badge-card{align-self:start;background:var(--pine);color:var(--paper);border-radius:var(--radius);padding:40px 36px;position:sticky;top:110px}
.badge-card h3{font-size:1.7rem;margin-bottom:12px;color:var(--paper)}
.badge-card p{color:#bcd3d0;font-size:.97rem}
.badge-card .ic{width:56px;height:56px;border-radius:50%;background:var(--clay);display:grid;place-items:center;margin-bottom:22px}
.badge-card .ic svg{width:26px;height:26px;fill:var(--paper)}
.badge-card a{display:inline-block;margin-top:24px;color:var(--paper);font-weight:600}

/* ---------- Lokacije ---------- */
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}
.loc{background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.loc:hover{box-shadow:var(--shadow);transform:translateY(-5px);border-color:transparent}
.loc>.ft-map{margin:0;border:0;border-bottom:1px solid var(--hair);border-radius:0}
.loc>.ft-map svg{height:152px}
.loc-body{display:flex;flex-direction:column;flex:1;padding:32px 36px 34px}
.loc .label{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--clay)}
.loc h3{font-size:1.5rem;color:var(--pine);margin:8px 0 0;font-family:'Fraunces',serif;font-weight:600}
.loc h4{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sea);margin:26px 0 8px;font-family:'Inter',sans-serif;font-weight:700}
.hours{width:100%;border-collapse:collapse}
.hours td{padding:11px 0;border-bottom:1px dashed var(--hair);font-size:.93rem;vertical-align:top;line-height:1.4}
.hours tr:last-child td{border-bottom:0}
.hours td:first-child{color:var(--muted);width:42%;padding-right:14px}
.hours td:last-child{font-weight:600;color:var(--pine)}
.hours .note{display:block;font-weight:400;color:var(--muted);font-size:.78rem;margin-top:3px}
.loc .contact{margin-top:auto;padding-top:22px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:7px;font-size:.94rem;color:var(--muted)}
.loc .contact a{font-weight:600;text-decoration:none}
.loc .contact a:hover{text-decoration:underline}

/* ---------- Usluge (editorial lista) ---------- */
.svc{background:var(--pine);color:var(--paper)}
.svc h2.t,.svc h2.t em{color:var(--paper)}
.svc h2.t em{color:var(--clay-soft)}
.svc .sec-head .right{color:#a9c4c1}
.svc-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.svc-copy p{color:#bcd3d0;margin-bottom:18px}
.svc-copy strong{color:var(--paper)}
.svc-copy .cta{margin-top:18px;background:var(--clay);display:inline-block;text-decoration:none}
.svc-copy .cta:hover{background:#245ea3}
.svc-list{list-style:none}
.svc-list li{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid rgba(250,247,242,.14);align-items:baseline}
.svc-list li:first-child{padding-top:0}
.svc-list .no{font-family:'Fraunces',serif;font-size:1.15rem;color:var(--clay-soft);font-style:italic}
.svc-list h3{font-size:1.22rem;color:var(--paper);font-weight:560}
.svc-list p{color:#a9c4c1;font-size:.92rem;margin-top:6px}

/* ---------- Privatne ---------- */
.priv .phone{display:inline-flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--hair);border-radius:999px;padding:12px 26px 12px 14px;margin-top:26px;box-shadow:var(--shadow)}
.priv .phone .ic{width:42px;height:42px;border-radius:50%;background:var(--clay-soft);display:grid;place-items:center}
.priv .phone .ic svg{width:18px;height:18px;fill:var(--clay)}
.priv .phone a{font-family:'Fraunces',serif;font-size:1.3rem;color:var(--pine);text-decoration:none;font-weight:600}
.priv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.pcard{background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);padding:34px 30px;transition:.3s var(--ease)}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
.pcard .no{font-family:'Fraunces',serif;font-style:italic;color:var(--clay);font-size:1rem}
.pcard h3{font-size:1.18rem;color:var(--pine);margin:10px 0 10px;font-weight:560}
.pcard p{color:var(--muted);font-size:.93rem}
.priv-grid .pcard:nth-child(2),.priv-grid .pcard:nth-child(5){transform:translateY(22px)}
.priv-grid .pcard:nth-child(2):hover,.priv-grid .pcard:nth-child(5):hover{transform:translateY(17px)}

/* ---------- Zašto ---------- */
.why{background:var(--paper-2)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.wcard{background:var(--white);border-radius:var(--radius);padding:34px 30px;border:1px solid var(--hair)}
.wcard .ic{width:46px;height:46px;border-radius:14px;background:var(--pine);display:grid;place-items:center;margin-bottom:18px}
.wcard .ic svg{width:21px;height:21px;fill:var(--clay-soft)}
.wcard h3{font-size:1.16rem;color:var(--pine);margin-bottom:10px;font-weight:560}
.wcard p{color:var(--muted);font-size:.93rem}

.partners{margin-top:70px;border-top:1px solid var(--hair);padding-top:44px}
.partners .lbl{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:22px}
.partners-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.partner{display:flex;align-items:center;gap:18px;background:var(--white);border:1px solid var(--hair);border-radius:16px;padding:22px 26px;text-decoration:none;color:var(--ink);font-weight:600;line-height:1.45;transition:.25s var(--ease)}
.partner:hover{box-shadow:var(--shadow);transform:translateY(-3px);color:var(--pine)}
.partner .ic{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--clay-soft);display:grid;place-items:center}
.partner .ic svg{width:20px;height:20px;fill:var(--clay)}
.partner span small{display:block;font-weight:400;color:var(--muted);font-size:.8rem;margin-top:2px}

/* ---------- Tim ---------- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.tm{background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);padding:40px 26px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.tm:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.tm .av{width:96px;height:96px;border-radius:50%;background:var(--pine);color:var(--clay-soft);display:grid;place-items:center;font-family:'Fraunces',serif;font-size:1.9rem;margin-bottom:18px;box-shadow:0 0 0 4px var(--white),0 0 0 5px var(--sea)}
.tm img.av{object-fit:cover;background:none;padding:0}
.tm h3{font-size:1.14rem;color:var(--pine);font-weight:600}
.tm p{font-size:.85rem;color:var(--muted)}
.tm .tm-tag{margin-top:7px;display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--clay);background:var(--clay-soft);padding:3px 10px;border-radius:999px}
.hp{display:none}
.form-status{margin-top:12px;font-size:.9rem;line-height:1.5}
.form-status.ok{color:#1f7a3d}
.form-status.err{color:#b3261e}
.tsr{padding:60px 0;border-top:1px solid var(--hair)}
.tsr .container{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.tsr .tsr-txt p{color:var(--muted);margin:0 0 22px;max-width:48ch}
@media (max-width:760px){.tsr .container{grid-template-columns:1fr;gap:18px}.tsr{padding:44px 0}}

/* ---------- Stats band ---------- */
.stats{padding:0}
.stats-band{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.stat{text-align:center;padding:58px 20px;border-right:1px solid var(--hair)}
.stat:last-child{border-right:0}
.stat .n{font-family:'Fraunces',serif;font-size:clamp(2.6rem,5vw,4rem);color:var(--pine);line-height:1;font-weight:560}
.stat .n em{color:var(--clay);font-style:italic}
.stat p{color:var(--muted);margin-top:10px;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}

/* ---------- Kontakt ---------- */
#kontakt{background:var(--paper-2);border-top:1px solid var(--hair)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:stretch}
.cinfo{display:flex;flex-direction:column;justify-content:center}
.cinfo .item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--hair);align-items:center}
.cinfo .item:first-child{padding-top:0}
.cinfo .item:last-child{border-bottom:0}
.cinfo .ic{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--pine);display:grid;place-items:center;box-shadow:0 0 0 4px var(--white),0 0 0 5px var(--hair)}
.cinfo .ic svg{width:19px;height:19px;fill:var(--clay-soft)}
.cinfo h4{font-size:1rem;color:var(--pine);font-family:'Fraunces',serif;font-weight:600}
.cinfo p{color:var(--muted);font-size:.92rem;margin-top:3px}
.cinfo a{font-weight:600;text-decoration:none}
.form{position:relative;background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);padding:44px;box-shadow:0 20px 60px rgba(14,58,74,.12);overflow:hidden}
.form::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sea),var(--clay))}
.form label{display:block;font-weight:600;font-size:.86rem;margin:20px 0 7px;color:var(--pine)}
.form label:first-of-type{margin-top:0}
.form input,.form select,.form textarea{width:100%;padding:14px 16px;border:1.5px solid var(--hair);border-radius:12px;font:inherit;font-size:.95rem;background:var(--paper);transition:border-color .2s,box-shadow .2s,background .2s}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--sea);background:var(--white);outline:none;box-shadow:0 0 0 3px rgba(28,116,136,.14)}
.form textarea{min-height:130px;resize:vertical}
.form button{margin-top:28px;width:100%;background:var(--pine);color:var(--paper);border:0;padding:17px;border-radius:999px;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:.25s var(--ease)}
.form button:hover{background:var(--pine-soft);transform:translateY(-2px)}
.form .note{font-size:.8rem;color:var(--muted);text-align:center;margin-top:14px}
.radio-row{display:flex;gap:26px}
.radio-row label{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:400;color:var(--ink)}
.radio-row input{width:auto}

/* ---------- Footer ---------- */
.ft{background:var(--pine-deep);color:#9fbcb9;padding:74px 0 0;position:relative}
.ft::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sea),var(--clay))}
.ft-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;padding-bottom:46px;border-bottom:1px solid rgba(250,247,242,.1)}
.ft-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:20px}
.ft-logo img{width:42px;height:42px}
.ft-logo b{display:block;color:var(--paper);font-size:.97rem;line-height:1.25;font-weight:700}
.ft-logo small{display:block;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#7fa0a0;font-weight:600;margin-top:3px}
.ft-tag{font-size:.9rem;line-height:1.65;max-width:40ch;margin-bottom:22px}
.ft-links{display:flex;flex-wrap:wrap;gap:9px 22px}
.ft-links a{color:#c3d7d5;font-size:.9rem;font-weight:600}
.ft-links a:hover{color:var(--paper)}
.ft h4{color:var(--paper);font-family:'Fraunces',serif;font-size:1.12rem;font-weight:600;margin-bottom:12px}
.ft-loc .ft-addr{font-size:.9rem;margin-bottom:7px;color:#b6cdcb}
.ft-loc .ft-line{font-size:.9rem;margin-bottom:15px}
.ft-loc a{color:var(--clay-soft)}
.ft-loc a:hover{color:var(--paper)}
.ft-map{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(250,247,242,.14);margin-top:2px;line-height:0;text-decoration:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.ft-map:hover{border-color:rgba(28,116,136,.8);box-shadow:0 8px 26px rgba(6,26,33,.4)}
.ft-map svg{display:block;width:100%;height:158px;position:relative;z-index:0}
.ft-map::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(14,58,74,.09)}
.ft-map .pin{transition:transform .3s var(--ease);transform-box:fill-box;transform-origin:center bottom}
.ft-map:hover .pin{transform:translateY(-3px) scale(1.05)}
.ft-map-cta{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:7px;padding:26px 14px 11px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#dcebfa;background:linear-gradient(0deg,rgba(6,26,33,.9),transparent)}
.ft-map:hover .ft-map-cta{color:#fff}
.ft-base{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 22px;padding-top:24px;padding-bottom:32px;font-size:.82rem;color:#7fa0a0}
.ft-base-links{display:flex;gap:22px}
.ft-base a{color:#9fbcb9}
.ft-base a:hover{color:var(--paper)}

/* ---------- Responsive ---------- */
@media(max-width:1020px){
  .hero-grid,.about-grid,.svc-grid,.contact-grid{grid-template-columns:1fr}
  .hero-visual{order:-1}
  .arch{margin:0 auto}
  .badge-card{position:static}
  .loc-grid,.partners-row{grid-template-columns:1fr}
  .priv-grid,.why-grid{grid-template-columns:1fr 1fr}
  .priv-grid .pcard:nth-child(2n),.priv-grid .pcard:nth-child(5){transform:none}
  .team-grid{grid-template-columns:1fr 1fr}
  .sec-head{grid-template-columns:1fr;align-items:start}
  .sec-head .right{justify-self:start}
}
@media(max-width:740px){
  .burger{display:block}
  .burger span{transition:transform .35s var(--ease),opacity .2s var(--ease)}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .nav{display:flex;position:absolute;top:78px;left:0;right:0;height:calc(100vh - 78px);height:calc(100dvh - 78px);background:var(--paper);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px 30px 30px;gap:0;border-top:1px solid var(--hair);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .35s var(--ease),transform .42s var(--ease),visibility .35s}
  .nav.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .nav>a:not(.cta){font-family:'Fraunces',serif;font-weight:500;font-size:1.7rem;color:var(--pine);padding:20px 2px;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease),color .2s}
  .nav>a:not(.cta)::after{content:"→";position:static;width:auto;height:auto;background:none;color:var(--sea);opacity:.45;font-size:1.15rem;transition:transform .25s var(--ease),opacity .25s}
  .nav>a:not(.cta):hover,.nav>a:not(.cta):active{color:var(--sea)}
  .nav>a:not(.cta):hover::after,.nav>a:not(.cta):active::after{transform:translateX(5px);opacity:1}
  .nav>.cta{margin-top:26px;align-self:stretch;text-align:center;font-size:1.05rem;padding:16px 26px;opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease),background .25s}
  .nav-contact{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:30px;opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
  .nav-contact .lbl{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
  .nav-contact a{font-size:1.02rem;color:var(--pine);font-weight:600}
  .nav-contact a small{display:block;font-weight:400;color:var(--muted);font-size:.8rem;margin-top:2px}
  .nav.open>a,.nav.open>.cta,.nav.open .nav-contact{opacity:1;transform:none}
  .nav.open>a:nth-of-type(1){transition-delay:.06s}
  .nav.open>a:nth-of-type(2){transition-delay:.11s}
  .nav.open>a:nth-of-type(3){transition-delay:.16s}
  .nav.open>a:nth-of-type(4){transition-delay:.21s}
  .nav.open>a:nth-of-type(5){transition-delay:.26s}
  .nav.open>.cta{transition-delay:.32s}
  .nav.open .nav-contact{transition-delay:.42s}
  section{padding:64px 0}
  .hero{padding:48px 0 64px}
  .trust{flex-wrap:wrap;gap:18px}
  .trust div{border:0;padding:0;margin:0}
  .priv-grid,.why-grid,.team-grid{grid-template-columns:1fr}
  .stats-band{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--hair);padding:38px 16px}
  .stat:last-child{border-bottom:0}
  .ft-top{grid-template-columns:1fr;gap:38px}
  .ft-base{flex-direction:column;align-items:flex-start;gap:14px;padding-top:22px;padding-bottom:28px}
  .form{padding:30px 22px}
  .float-card.fc2{display:none}
}

/* =====================================================
   Podstranice + novosti (usklađeno s v2 dizajnom)
   ===================================================== */

/* ---------- Page hero (usluge / pravila / novosti) ---------- */
.page-hero{background:var(--pine);color:var(--paper);padding:74px 0 66px;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;right:-160px;top:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(46,111,114,.55),transparent 70%);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero .crumb{font-size:.82rem;letter-spacing:.04em;color:#a9c4c1;margin-bottom:14px}
.page-hero .crumb a{color:var(--clay-soft);text-decoration:none}
.page-hero .crumb a:hover{text-decoration:underline}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);color:var(--paper);line-height:1.08;font-weight:560}
.page-hero .date{margin-top:12px;color:#a9c4c1;font-size:.95rem}
.page-hero .actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.page-hero .cta{background:var(--paper);color:var(--pine)!important}
.page-hero .cta:hover{background:#fff}
.page-hero .cta.ghost{background:transparent;color:var(--paper)!important;border:1.5px solid rgba(250,247,242,.55)}
.page-hero .cta.ghost:hover{background:var(--paper);color:var(--pine)!important;border-color:var(--paper)}
/* Tematski medicinski uzorak u naslovnoj traci — po podstranici drugi set ikona */
.page-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-repeat:repeat;background-size:150px 150px;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 30%,#000 88%);mask-image:linear-gradient(90deg,transparent 0,transparent 30%,#000 88%)}
.ph-onama::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 20v20M20 30h20'/%3E%3Ccircle cx='116' cy='34' r='14'/%3E%3Cpath d='M116 27v14M109 34h14'/%3E%3Cpath d='M10 96h14l6-16 9 30 6-14h20'/%3E%3Cpath d='M104 108c-6-9-19-4-19 4 0 8 11 12 19 19 8-7 19-11 19-19 0-8-13-13-19-4z'/%3E%3C/svg%3E")}
.ph-usluge::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 22c-9 0-15 6-15 14 0 9 3 18 6 26 1 3 5 3 6 0l3-11c1-3 3-3 4 0l3 11c1 3 5 3 6 0 3-8 6-17 6-26 0-8-6-14-15-14z'/%3E%3Crect x='99' y='26' width='36' height='16' rx='8' transform='rotate(40 117 34)'/%3E%3Cpath d='M112 40l10-12'/%3E%3Cpath d='M10 96h14l6-16 9 30 6-14h18'/%3E%3Ccircle cx='116' cy='112' r='14'/%3E%3Cpath d='M116 105v14M109 112h14'/%3E%3C/svg%3E")}
.ph-ordinacije::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 16c-9 0-16 7-16 16 0 11 16 28 16 28s16-17 16-28c0-9-7-16-16-16z'/%3E%3Ccircle cx='32' cy='32' r='6'/%3E%3Ccircle cx='116' cy='32' r='15'/%3E%3Cpath d='M116 32V23M116 32l8 5'/%3E%3Cpath d='M18 104c0 16 13 29 29 29 2 0 4-1 5-4l1-4c1-2 0-4-2-5l-6-2c-2-1-4 0-5 1l-1 2c-6-3-10-7-13-13l2-1c1-1 2-3 1-5l-2-6c-1-2-3-3-5-2l-4 1c-3 1-4 3-4 6z'/%3E%3Cpath d='M98 104h38v26H98z M98 104l19 14 19-14'/%3E%3C/svg%3E")}
.ph-novosti::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 18c-8 0-13 5-13 13 0 11-3 15-6 19h38c-3-4-6-8-6-19 0-8-5-13-13-13z'/%3E%3Cpath d='M27 50a5 5 0 0010 0'/%3E%3Cpath d='M102 18h22l12 12v36h-34z'/%3E%3Cpath d='M124 18v12h12'/%3E%3Cpath d='M108 44h20M108 52h20M108 60h13'/%3E%3Cpath d='M14 112l20-7v22l-20-7z M34 105l12-5v34l-12-5z'/%3E%3Cpath d='M98 100h38v34H98z M98 112h38 M108 96v8 M126 96v8'/%3E%3C/svg%3E")}
.ph-tim::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='28' r='11'/%3E%3Cpath d='M14 60c0-11 8-19 18-19s18 8 18 19'/%3E%3Ccircle cx='106' cy='28' r='9'/%3E%3Ccircle cx='126' cy='30' r='9'/%3E%3Cpath d='M92 58c0-9 6-15 14-15M116 43c8 0 14 6 14 15'/%3E%3Cpath d='M30 108c-6-9-19-4-19 4 0 8 11 12 19 19 8-7 19-11 19-19 0-8-13-13-19-4z'/%3E%3Cpath d='M100 100h36v34h-36z'/%3E%3Ccircle cx='118' cy='113' r='7'/%3E%3Cpath d='M108 128c1-6 19-6 20 0'/%3E%3C/svg%3E")}
.ph-pravila::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 14l16 6v14c0 14-16 22-16 22s-16-8-16-22V20z'/%3E%3Cpath d='M24 34l6 6 11-12'/%3E%3Cpath d='M104 36h26v22h-26z'/%3E%3Cpath d='M108 36v-7a9 9 0 0118 0v7'/%3E%3Cpath d='M117 44v7'/%3E%3Cpath d='M10 112c8-12 30-12 38 0-8 12-30 12-38 0z'/%3E%3Ccircle cx='29' cy='112' r='5'/%3E%3Cpath d='M100 100h22l12 12v22h-34z'/%3E%3Cpath d='M122 100v12h12'/%3E%3C/svg%3E")}

/* ---------- Intro / lead ---------- */
.lead-copy{max-width:820px}
.lead-copy p{color:var(--muted);margin-bottom:14px}
.lead-copy strong{color:var(--ink)}
.page-hero .ph-lead{margin-top:14px;color:#cfe0de;font-size:1.06rem;line-height:1.5;max-width:52ch}
/* Privatne usluge — kartice */
.priv-main{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pmcard{display:flex;flex-direction:column;justify-content:center;min-height:112px;background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);padding:24px 28px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.pmcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.pmcard h3{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--pine);font-weight:600;margin:0;line-height:1.2}
.pmcard p{color:var(--muted);font-size:.93rem;line-height:1.5;margin:8px 0 0}
/* Privatne usluge — dijagnostika grupa */
.priv-diag{margin-top:28px}
.priv-diag .pd-lbl{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);margin:0 0 16px}
.priv-diag .priv-main{margin-top:0}
.priv-diag .pd-note{margin:16px 0 0;font-size:.86rem;color:var(--muted);font-style:italic}
@media(max-width:740px){.priv-main{grid-template-columns:1fr;margin-top:30px}.pmcard{padding:22px 24px;min-height:0}}

/* ---------- HZZO detalji ---------- */
.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:52px}
.detail-card{background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);padding:36px 34px}
.detail-card.wide{grid-column:1/-1}
.detail-card .ic{width:50px;height:50px;border-radius:14px;background:var(--pine);display:grid;place-items:center;margin-bottom:18px}
.detail-card .ic svg{width:22px;height:22px;fill:var(--clay-soft)}
.detail-card h3{font-size:1.24rem;color:var(--pine);font-weight:560;margin-bottom:10px}
.detail-card p{color:var(--muted);font-size:.94rem;margin-bottom:10px}
.detail-card p:last-child{margin-bottom:0}
.detail-card a{font-weight:600;text-decoration:none}
.detail-card a:hover{text-decoration:underline}
/* HZZO usluge — akordeon (preglednije) */
.svc-acc-list{margin-top:52px;display:flex;flex-direction:column;gap:12px}
.svc-acc{background:var(--white);border:1px solid var(--hair);border-radius:16px;overflow:hidden;transition:box-shadow .25s var(--ease),border-color .25s}
.svc-acc[open]{box-shadow:var(--shadow);border-color:transparent}
.svc-acc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;padding:18px 24px;font-weight:600;color:var(--pine);font-size:1.08rem}
.svc-acc summary::-webkit-details-marker{display:none}
.svc-acc summary::after{content:"+";margin-left:auto;font-family:'Fraunces',serif;font-size:1.5rem;color:var(--clay);line-height:1;transition:transform .2s;flex:0 0 auto}
.svc-acc[open] summary::after{transform:rotate(45deg)}
.svc-acc .ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--pine);display:grid;place-items:center}
.svc-acc .ic svg{width:20px;height:20px;fill:var(--clay-soft)}
.svc-acc-body{padding:0 24px 22px 84px;color:var(--muted);font-size:.95rem}
.svc-acc-body p{margin-bottom:10px}
.svc-acc-body p:last-child{margin-bottom:0}
.svc-acc-body a{font-weight:600;text-decoration:none}
.svc-acc-body a:hover{text-decoration:underline}
@media(max-width:740px){.svc-acc summary{font-size:1rem;padding:16px 18px;gap:12px}.svc-acc .ic{flex-basis:38px;width:38px;height:38px}.svc-acc-body{padding:0 20px 20px 20px}}

/* ---------- FAQ ---------- */
.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start;margin-top:52px}
.faq-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:72% center;border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:110px}
details.faq{background:var(--white);border:1px solid var(--hair);border-radius:16px;margin-bottom:14px;overflow:hidden;transition:box-shadow .25s var(--ease)}
details.faq[open]{box-shadow:var(--shadow)}
details.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:600;color:var(--pine);display:flex;justify-content:space-between;align-items:center;gap:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-family:'Fraunces',serif;font-size:1.5rem;color:var(--clay);line-height:1;transition:transform .2s}
details.faq[open] summary::after{transform:rotate(45deg)}
details.faq .answer{padding:0 24px 20px;color:var(--muted);font-size:.95rem}
/* Glatko otvaranje/zatvaranje FAQ-a (progresivno: bez podrške samo trenutačno) */
:root{interpolate-size:allow-keywords}
details.faq::details-content,details.svc-acc::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .32s var(--ease),opacity .28s var(--ease),content-visibility .32s allow-discrete}
details.faq[open]::details-content,details.svc-acc[open]::details-content{block-size:auto;opacity:1}

/* ---------- Prose (pravila / novosti) ---------- */
.prose{max-width:820px;margin:0 auto;color:var(--ink)}
.prose h2{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:600;color:var(--pine);margin:40px 0 14px}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose h3{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--pine);margin:28px 0 10px}
.prose p{color:#43585a;margin-bottom:14px}
.prose ul,.prose ol{padding-left:24px;margin-bottom:14px;color:#43585a}
.prose li{margin-bottom:8px}
.prose a{font-weight:600}
.prose img{border-radius:14px;margin:20px 0}
.prose strong{color:var(--ink)}
.prose blockquote{border-left:3px solid var(--clay);padding-left:20px;margin:20px 0;color:var(--muted);font-style:italic}

/* ---------- Novosti (popis + naslovnica) ---------- */
.news-home{background:var(--white);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ncard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.news-home .ncard{background:var(--paper)}
.ncard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.nthumb{display:block;aspect-ratio:16/10;overflow:hidden}
.nthumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.ncard:hover .nthumb img{transform:scale(1.05)}
.nbody{padding:26px 26px 30px}
.ndate{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);font-weight:700;margin-bottom:10px}
.nbody h3{font-size:1.2rem;line-height:1.25;font-weight:560}
.nbody h3 a{color:var(--pine);text-decoration:none}
.nbody h3 a:hover{color:var(--sea)}
.nbody p{color:var(--muted);font-size:.92rem;margin-top:10px}

@media(max-width:1020px){
  .detail-list{grid-template-columns:1fr}
  .faq-wrap{grid-template-columns:1fr}
  .faq-wrap img{position:static}
  .news-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:740px){
  .news-grid{grid-template-columns:1fr}
  .page-hero{padding:52px 0 46px}
}