/* O meni / FAQ: Gutenberg HTML blokovi za osoban i jasan prodajni nastup. */
.ws9-page .site-main,.ws9-page .page-shell { width:100%; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.ws9-page .entry-content { font-size:1rem; line-height:1.6; }
.ws9 { --ws9-navy:#062940; --ws9-deep:#041d2e; --ws9-ink:#0a2a42; --ws9-muted:#4e6b7c; --ws9-gold:#f2c94f; --ws9-aqua:#eaf4f2; --ws9-line:#cfdfdc; box-sizing:border-box; color:var(--ws9-ink); }
.ws9 *, .ws9 *::before, .ws9 *::after { box-sizing:border-box; }
.ws9-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.ws9 h1,.ws9 h2,.ws9 h3,.ws9 p { margin:0; }
.ws9 h1,.ws9 h2,.ws9 h3 { font-weight:800; letter-spacing:0; line-height:1.06; }
.ws9-kicker { margin-bottom:14px!important; color:#a86e00; font-size:12px; font-weight:800; letter-spacing:1.2px; line-height:1.2; text-transform:uppercase; }
.ws9-kicker--light { color:var(--ws9-gold); }
.ws9-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:12px 24px; border:1px solid transparent; border-radius:4px; font-size:15px; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; transition:transform 180ms ease,background-color 180ms ease; }
.ws9-button:hover,.ws9-button:focus-visible { transform:translateY(-2px); }
.ws9-button--gold { color:var(--ws9-ink); background:var(--ws9-gold); }
.ws9-button--light { color:var(--ws9-ink); background:#fff; }

.ws9-hero { padding:80px 0; background:var(--ws9-navy); }
.ws9-hero__grid { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1fr); gap:95px; align-items:center; }
.ws9-hero__portrait { position:relative; max-width:390px; margin-inline:auto; padding:14px; border:1px solid rgba(242,201,79,.58); background:#dcebe7; box-shadow:18px 20px 0 rgba(242,201,79,.86),0 24px 44px rgba(0,9,20,.35); }
.ws9-hero__portrait img { display:block; width:100%; aspect-ratio:4 / 4.45; object-fit:cover; object-position:center top; background:#e8f3f0; }
.ws9-hero__tag { position:absolute; right:-55px; bottom:34px; padding:10px 13px; color:#fff; background:#087d85; font-size:12px; font-weight:800; line-height:1.3; text-transform:uppercase; }
.ws9-hero__copy { max-width:680px; color:#fff; }
.ws9-hero h1 { max-width:710px; font-size:58px; }
.ws9-hero__copy > p:not(.ws9-kicker) { max-width:660px; margin-top:26px; color:#d9e7ea; font-size:19px; line-height:1.65; }
.ws9-hero__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:31px; }
.ws9-hero__mail { display:inline-flex; min-height:50px; align-items:center; padding:10px 4px; color:#fff; font-size:15px; font-weight:800; text-decoration:none; }
.ws9-hero__mail:hover,.ws9-hero__mail:focus-visible { color:var(--ws9-gold); }

.ws9-approach { padding:88px 0 92px; background:#fff; }
.ws9-heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(300px,.55fr); gap:70px; align-items:end; margin-bottom:44px; }
.ws9-heading h2,.ws9-faq__heading h2,.ws9-contact h2 { font-size:43px; }
.ws9-heading > p { max-width:470px; margin-bottom:4px; color:var(--ws9-muted); font-size:17px; line-height:1.65; }
.ws9-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--ws9-line); border-bottom:1px solid var(--ws9-line); }
.ws9-step { min-height:250px; padding:31px 31px 29px; border-right:1px solid var(--ws9-line); }
.ws9-step:last-child { border-right:0; }
.ws9-step__mark { display:block; width:37px; height:37px; margin-bottom:27px; border:1px solid #d7b13e; color:#916000; font-size:14px; font-weight:800; line-height:35px; text-align:center; }
.ws9-step h3 { margin-bottom:13px; font-size:23px; }
.ws9-step p { color:var(--ws9-muted); font-size:16px; line-height:1.6; }

.ws9-faq { padding:88px 0 96px; background:var(--ws9-aqua); }
.ws9-faq__heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(300px,.55fr); gap:70px; align-items:end; margin-bottom:42px; }
.ws9-faq__heading > p { max-width:450px; margin-bottom:4px; color:var(--ws9-muted); font-size:17px; line-height:1.65; }
.ws9-faq__list { border-top:1px solid #bdcfcb; }
.ws9-faq details { border-bottom:1px solid #bdcfcb; }
.ws9-faq summary { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:26px; padding:18px 24px 18px 0; color:var(--ws9-ink); cursor:pointer; font-size:21px; font-weight:800; line-height:1.35; list-style:none; }
.ws9-faq summary::-webkit-details-marker { display:none; }
.ws9-faq summary::after { content:'+'; display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border:1px solid #cfab3b; color:#936000; font-size:24px; font-weight:400; line-height:1; }
.ws9-faq details[open] summary::after { content:'-'; color:#fff; background:#087d85; border-color:#087d85; }
.ws9-answer { max-width:860px; padding:0 70px 27px 0; color:var(--ws9-muted); font-size:17px; line-height:1.7; }
.ws9-answer p + p { margin-top:12px; }

.ws9-contact { padding:66px 0; color:#fff; background:#087d85; }
.ws9-contact__inner { display:flex; gap:50px; align-items:center; justify-content:space-between; }
.ws9-contact h2 { max-width:750px; }
.ws9-contact__inner .ws9-button { flex:0 0 auto; }

@media (max-width:980px) {
  .ws9-hero__grid { gap:55px; }
  .ws9-hero h1 { font-size:48px; }
  .ws9-heading,.ws9-faq__heading { gap:42px; }
  .ws9-step { padding:26px 23px; }
}
@media (max-width:760px) {
  .ws9-wrap { width:min(100% - 32px,560px); }
  .ws9-hero { padding:54px 0 56px; }
  .ws9-hero__grid,.ws9-heading,.ws9-faq__heading { grid-template-columns:1fr; gap:31px; }
  .ws9-hero__portrait { width:min(100% - 20px,330px); margin:0 auto; }
  .ws9-hero__tag { right:-12px; bottom:22px; }
  .ws9-hero h1 { font-size:39px; }
  .ws9-hero__copy > p:not(.ws9-kicker) { margin-top:20px; font-size:16px; }
  .ws9-hero__actions { display:grid; grid-template-columns:1fr; margin-top:26px; }
  .ws9-hero__actions .ws9-button,.ws9-hero__mail { width:100%; justify-content:center; }
  .ws9-approach,.ws9-faq { padding:61px 0 65px; }
  .ws9-heading,.ws9-faq__heading { margin-bottom:30px; }
  .ws9-heading h2,.ws9-faq__heading h2,.ws9-contact h2 { font-size:32px; }
  .ws9-heading > p,.ws9-faq__heading > p { font-size:16px; }
  .ws9-steps { grid-template-columns:1fr; }
  .ws9-step { min-height:0; border-right:0; border-bottom:1px solid var(--ws9-line); }
  .ws9-step:last-child { border-bottom:0; }
  .ws9-step__mark { margin-bottom:18px; }
  .ws9-step h3 { font-size:21px; }
  .ws9-faq summary { min-height:70px; padding-right:0; font-size:18px; }
  .ws9-answer { padding:0 0 23px; font-size:16px; }
  .ws9-contact { padding:49px 0; }
  .ws9-contact__inner { align-items:flex-start; flex-direction:column; gap:27px; }
  .ws9-contact__inner .ws9-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .ws9-button { transition:none; } }