/* Vinarija 4 praseta - strana „Posetite nas" (prodajna brošura). Deljeno: hp.css, shop.css, rezervacija.css; obilazak: tura.css. */
.str-posetite main{display:block}
.pn-w{max-width:1240px;margin:0 auto}

/* ===== 2. CEO PROSTOR SAMO ZA VAS (šta dobijate) ===== */
.pn-dob{background:var(--bg);padding:clamp(50px,6vw,84px) var(--ram) 0}
.pn-ik{width:30px;height:30px;margin-bottom:10px;fill:none;stroke:var(--acc);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* ===== 3. POSETITE NAS - dva CTA ===== */
.pn-uvod{position:relative;overflow:hidden;background:var(--bg);padding:clamp(60px,6vw,90px) var(--ram)}
.pn-loza{--o:.1}
.pn-uvod-in{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:30px clamp(40px,6vw,100px);align-items:end}
.pn-uvod h1{font-family:var(--fd);font-size:clamp(2.5rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.01em;color:var(--ink);max-width:16ch}
.pn-uvod-d>p{color:var(--ink2);margin-bottom:26px;max-width:42ch}
.pn-traka{position:relative;z-index:1;list-style:none;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pn-traka li{position:relative;padding:26px 22px 24px;display:flex;flex-direction:column;gap:4px}
.pn-traka li+li{border-left:1px solid var(--line)}
.pn-traka li+li::before{content:"";position:absolute;left:-4px;top:50%;width:7px;height:7px;margin-top:-3.5px;transform:rotate(45deg);background:var(--acc)}
.pn-traka b{font:400 clamp(1.1rem,1.35vw,1.25rem)/1.18 var(--fd);color:var(--ink)}
.pn-traka span{font-size:.84rem;color:var(--ink2)}

/* ===== 5. REZERVACIJA ===== */
.pn-rez{position:relative;overflow:hidden;background:var(--acc);color:var(--on);padding:clamp(56px,7vw,100px) var(--ram)}
.pn-grozd{--c:var(--on);--o:.06;width:min(460px,38vw);left:-60px;right:auto;bottom:-60px}
.pn-rez-in{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
.pn-rez-t{position:sticky;top:calc(var(--hdr) + 30px)}
.pn-rez .h2{color:var(--on)}
.pn-rez-t>p{color:rgba(246,239,226,.84);max-width:42ch}
.pn-koraci{list-style:none;margin:30px 0 22px;display:flex;flex-direction:column;gap:14px}
.pn-koraci li{display:flex;gap:16px;align-items:flex-start;font-size:.95rem;color:rgba(246,239,226,.9)}
.pn-koraci b{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(246,239,226,.6);display:grid;place-content:center;font:400 1rem/1 var(--fd)}
.pn-koraci span{padding-top:4px}
.pn-rez-uslovi{font-size:.84rem;color:rgba(246,239,226,.7)!important;padding-top:16px;border-top:1px solid rgba(246,239,226,.18)}
.pn-poziv{display:inline-flex;align-items:center;gap:18px;margin-top:34px;padding:10px 34px 10px 10px;border-radius:999px;border:1.5px solid rgba(246,239,226,.4);color:var(--on);text-decoration:none;font-size:.84rem;transition:background .35s,color .35s,border-color .35s}
.pn-poziv b{display:block;font:400 clamp(1.5rem,2.2vw,2rem)/1.15 var(--fd);white-space:nowrap}
.pn-poziv-z{flex:none;width:78px;height:78px;border-radius:50%;background:var(--on);color:var(--acc);display:grid;place-items:center;position:relative;transition:transform .5s var(--ease)}
.pn-poziv-z::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(246,239,226,.45);animation:talas 2.8s cubic-bezier(.2,.6,.3,1) infinite}
.pn-poziv-z svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pn-poziv:hover{background:var(--on);color:var(--acc);border-color:var(--on)}
.pn-adr{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:22px;font-size:.88rem;color:rgba(246,239,226,.8)}
.pn-adr svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pn-adr a{color:var(--on);text-decoration:underline;text-underline-offset:3px}
.pn-poziv:hover .pn-poziv-z{background:var(--acc);color:var(--on);transform:rotate(-12deg)}
.pn-forma{background:var(--card);color:var(--ink);border-radius:6px;padding:clamp(24px,3.4vw,46px);box-shadow:0 40px 80px -40px rgba(20,8,10,.6);scroll-margin-top:calc(var(--hdr) + 20px)}

/* ===== 6. ČESTA PITANJA ===== */
.pn-faq{background:var(--bg);padding:clamp(80px,9vw,130px) var(--ram)}
.pn-faq-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:30px clamp(40px,6vw,100px)}
.pn-faq-lista{border-bottom:1px solid var(--line)}
.pn-faq details{border-top:1px solid var(--line)}
.pn-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:400 clamp(1.25rem,1.7vw,1.5rem)/1.25 var(--fd);color:var(--ink);transition:color .3s}
.pn-faq summary::-webkit-details-marker{display:none}
.pn-faq summary:hover{color:var(--acc)}
.pn-faq summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--acc)}
.pn-faq summary i::before,.pn-faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1.5px;margin-top:-.75px;background:var(--acc);transition:transform .4s var(--ease)}
.pn-faq summary i::after{transform:rotate(90deg)}
.pn-faq details[open] summary i::after{transform:rotate(0)}
.pn-faq details p{color:var(--ink2);max-width:58ch;padding:0 50px 24px 0}

/* ===== 7. ZA FIRME ===== */
.pn-firme{background:var(--leaf);color:var(--on);padding:30px var(--ram)}
.pn-firme-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:18px 40px}
.pn-firme .nad{margin:0;flex:none}
.pn-firme-t{flex:1;font:400 clamp(1.15rem,1.6vw,1.45rem)/1.3 var(--fd)}
.pn-firme .b-inv{color:var(--leaf)}
.pn-firme .b-inv .bc{background:var(--leaf)}

/* ===== RESPONSIVE ===== */
@media (max-width:1100px){
  .pn-traka{grid-template-columns:repeat(3,1fr)}
  .pn-traka li:nth-child(4){border-left:0}
  .pn-traka li:nth-child(n+4){border-top:1px solid var(--line)}
  .pn-traka li:nth-child(4)::before{display:none}
}
@media (max-width:980px){
  .pn-uvod-in,.pn-rez-in,.pn-faq-in{grid-template-columns:1fr}
  .pn-rez-t{position:relative;top:auto}
  .pn-firme-in{flex-wrap:wrap}
}
@media (max-width:760px){
  .pn-dob{padding-top:44px}
  .pn-uvod h1{font-size:clamp(2.2rem,9.4vw,2.9rem)}
  .pn-traka{grid-template-columns:1fr}
  .pn-traka li{flex-direction:row;align-items:center;gap:12px;padding:14px 0;border-left:0!important;border-top:0!important}
  .pn-ik{flex:none;width:24px;height:24px;margin:0}
  .pn-traka b{flex:1}
  .pn-traka li+li{border-top:1px solid var(--line)!important}
  .pn-traka li::before{display:none}
  .pn-traka b{font-size:1.12rem}
  .pn-traka span{text-align:right;font-size:.8rem}
  .pn-poziv{display:flex;padding-right:18px;gap:14px}
  .pn-poziv-z{width:60px;height:60px}
  .pn-poziv b{font-size:1.4rem}
  .pn-forma{padding:22px 16px;margin:0 calc(-1 * var(--ram) + 6px)}
  .pn-faq details p{padding-right:0}
  .pn-firme-in{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){.pn-poziv-z::after{animation:none}}