{"id":28,"date":"2026-08-20T13:42:42","date_gmt":"2026-08-20T13:42:42","guid":{"rendered":"https:\/\/opg-stranic.hr\/?page_id=28"},"modified":"2026-08-20T14:00:06","modified_gmt":"2026-08-20T14:00:06","slug":"home","status":"publish","type":"page","link":"https:\/\/opg-stranic.hr\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!--\n  OPG STRANI\u0106 \u2013 ONE-PAGE WEB\n  U Twenty Twenty-Five temi zalijepiti cijeli sadr\u017eaj u jedan blok \"Prilago\u0111eni HTML\".\n  Za ovu stranicu koristiti prazan predlo\u017eak bez standardnog WordPress headera i footera.\n  Prije objave provjeriti: e-mail, lokaciju\/adresu i RS Tech poveznicu.\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');\n\nhtml{scroll-behavior:smooth;scroll-padding-top:105px}\nbody .wp-site-blocks{padding-top:0;padding-bottom:0}\n.entry-content:has(#opg-stranic){margin-block-start:0}\n#opg-stranic,#opg-stranic *{box-sizing:border-box}\n#opg-stranic{--forest:#14370f;--forest-2:#1d4a18;--green:#77c83d;--gold:#d9b45d;--gold-light:#f0d58a;--cream:#f4f0e6;--paper:#fbf9f3;--ink:#17301a;--muted:#6c756a;width:100vw;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5;overflow:hidden}\n#opg-stranic img,#opg-stranic video{max-width:100%}\n#opg-stranic .opg-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}\n\n#opg-stranic .opg-header{position:fixed;z-index:9999;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));min-height:74px;padding:11px 13px 11px 21px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(12,45,10,.76);box-shadow:0 20px 55px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;transition:background .25s,top .25s}\n#opg-stranic .opg-header.is-scrolled{top:10px;background:rgba(12,45,10,.94)}\n#opg-stranic .opg-brand,#opg-stranic .footer-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;letter-spacing:.04em}\n#opg-stranic .opg-brand img{width:42px;height:42px;object-fit:contain;filter:brightness(0) saturate(100%) invert(82%) sepia(34%) saturate(678%) hue-rotate(359deg) brightness(94%)}\n#opg-stranic .opg-brand span,#opg-stranic .footer-brand span{font-family:'Fraunces',Georgia,serif;font-size:20px}\n#opg-stranic .opg-brand b,#opg-stranic .footer-brand b{font-weight:600;color:var(--gold-light)}\n#opg-stranic .opg-nav{display:flex;align-items:center;gap:31px}\n#opg-stranic .opg-nav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:14px;font-weight:600;transition:.2s}\n#opg-stranic .opg-nav a:hover{color:#fff}\n#opg-stranic .opg-nav .nav-cta{padding:14px 21px;border-radius:11px;background:var(--gold);color:var(--forest)}\n#opg-stranic .menu-toggle{display:none;border:0;background:transparent;color:#fff;padding:10px;cursor:pointer}\n#opg-stranic .menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:#fff}\n\n#opg-stranic .opg-hero{position:relative;min-height:840px;height:100svh;max-height:980px;background-image:url('https:\/\/opg-stranic.hr\/wp-content\/uploads\/2026\/08\/Sadnja2020_dron.jpg');background-size:cover;background-position:center;display:grid;align-items:center;color:#fff}\n#opg-stranic .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,7,.93) 0%,rgba(13,47,10,.77) 45%,rgba(8,30,5,.3) 100%),linear-gradient(0deg,rgba(8,29,5,.55),transparent 55%)}\n#opg-stranic .hero-grid{position:relative;z-index:1;padding-top:96px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);align-items:center;gap:90px}\n#opg-stranic .eyebrow,#opg-stranic .section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}\n#opg-stranic .eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold-light)}\n#opg-stranic .eyebrow span{width:30px;height:1px;background:var(--gold)}\n#opg-stranic .hero-copy h1,#opg-stranic .story-copy h2,#opg-stranic .values-heading h2,#opg-stranic .contact-intro h2{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:.98;margin:24px 0}\n#opg-stranic .hero-copy h1{max-width:720px;font-size:clamp(58px,7vw,104px);color:#fff}\n#opg-stranic .hero-copy h1 em,#opg-stranic .contact-intro h2 em{color:var(--gold-light);font-weight:500}\n#opg-stranic .hero-lead{max-width:620px;color:rgba(255,255,255,.78);font-size:19px;line-height:1.75}\n#opg-stranic .hero-actions{margin-top:38px;display:flex;flex-wrap:wrap;gap:13px}\n#opg-stranic .button{min-height:54px;padding:0 24px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:30px;text-decoration:none;font:700 14px\/1 'DM Sans',Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}\n#opg-stranic .button:hover{transform:translateY(-2px)}\n#opg-stranic .button-gold{background:var(--gold);color:var(--forest)}\n#opg-stranic .button-ghost{border:1px solid rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.06)}\n#opg-stranic .hero-brand-card{justify-self:end;width:100%;max-width:390px;padding:13px 13px 19px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:25px;box-shadow:0 30px 90px rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:rotate(1.5deg)}\n#opg-stranic .hero-brand-card video{display:block;width:100%;aspect-ratio:16\/9;object-fit:cover;border-radius:16px}\n#opg-stranic .hero-brand-card p{margin:16px 8px 1px;text-align:center;color:rgba(255,255,255,.72);font-size:11px;text-transform:uppercase;letter-spacing:.15em}\n#opg-stranic .scroll-cue{position:absolute;z-index:2;bottom:30px;left:50%;width:28px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:20px}\n#opg-stranic .scroll-cue i{position:absolute;top:9px;left:12px;width:3px;height:8px;background:var(--gold);border-radius:3px;animation:opg-scroll 1.7s infinite}\n@keyframes opg-scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(15px)}}\n\n#opg-stranic .story-section{padding:132px 0;background:var(--paper)}\n#opg-stranic .story-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:96px;align-items:center}\n#opg-stranic .section-kicker{color:#8b6f32;margin:0 0 20px}\n#opg-stranic .story-copy h2,#opg-stranic .contact-intro h2{font-size:clamp(44px,5vw,70px);color:var(--ink)}\n#opg-stranic .story-copy p{color:var(--muted);font-size:16px;line-height:1.8}\n#opg-stranic .story-copy .large-copy{color:var(--ink);font-family:'Fraunces',Georgia,serif;font-size:22px;line-height:1.55}\n#opg-stranic .text-link{display:inline-flex;gap:12px;margin-top:19px;padding-bottom:7px;border-bottom:1px solid #b58e39;color:var(--forest);font-weight:700;text-decoration:none}\n#opg-stranic .story-image{position:relative;margin:0}\n#opg-stranic .story-image:before{content:\"\";position:absolute;z-index:-1;inset:-22px 50px 45px -22px;background:#e4ddca;border-radius:30px}\n#opg-stranic .story-image img{display:block;width:100%;min-height:500px;object-fit:cover;border-radius:28px;box-shadow:0 28px 75px rgba(38,50,29,.17)}\n#opg-stranic .story-image figcaption{position:absolute;right:-18px;bottom:-24px;width:235px;padding:20px 22px;background:var(--forest);color:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(13,40,11,.22)}\n#opg-stranic .story-image figcaption span,#opg-stranic .story-image figcaption small{display:block}\n#opg-stranic .story-image figcaption span{font-family:'Fraunces',Georgia,serif;font-size:20px}\n#opg-stranic .story-image figcaption small{margin-top:5px;color:rgba(255,255,255,.62)}\n\n#opg-stranic .values-section{padding:118px 0;background:var(--forest);color:#fff;position:relative}\n#opg-stranic .values-section:after{content:\"\";position:absolute;top:-160px;right:-150px;width:460px;height:460px;border:1px solid rgba(217,180,93,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(217,180,93,.035),0 0 0 110px rgba(217,180,93,.025)}\n#opg-stranic .section-kicker.light{color:var(--gold-light)}\n#opg-stranic .values-heading{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px}\n#opg-stranic .values-heading h2{font-size:clamp(44px,5vw,68px);margin-bottom:0;color:#fff}\n#opg-stranic .values-heading>p{max-width:420px;color:rgba(255,255,255,.65);line-height:1.8}\n#opg-stranic .values-grid{position:relative;z-index:1;margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16)}\n#opg-stranic .values-grid article{padding:38px 42px 15px 0}\n#opg-stranic .values-grid article+article{padding-left:42px;border-left:1px solid rgba(255,255,255,.16)}\n#opg-stranic .values-grid span{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em}\n#opg-stranic .values-grid h3{font-family:'Fraunces',Georgia,serif;font-size:28px;font-weight:500;margin:30px 0 12px;color:#fff}\n#opg-stranic .values-grid p{color:rgba(255,255,255,.62);line-height:1.75;font-size:14px}\n\n#opg-stranic .contact-section{padding:130px 0;background:var(--cream)}\n#opg-stranic .contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start}\n#opg-stranic .contact-intro h2{margin-top:17px}\n#opg-stranic .contact-intro p{color:var(--muted);line-height:1.8}\n#opg-stranic .contact-lines{margin-top:42px;display:grid;gap:20px}\n#opg-stranic .contact-lines a,#opg-stranic .contact-lines>div{text-decoration:none}\n#opg-stranic .contact-lines small,#opg-stranic .contact-lines strong{display:block}\n#opg-stranic .contact-lines small{margin-bottom:5px;color:#8c806b;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}\n#opg-stranic .contact-lines strong{color:var(--forest);font-size:17px}\n#opg-stranic .contact-form{padding:44px;background:var(--paper);border:1px solid rgba(23,48,26,.08);border-radius:25px;box-shadow:0 25px 70px rgba(53,61,38,.1)}\n#opg-stranic .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n#opg-stranic .contact-form label{display:block;margin-bottom:20px;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.03em}\n#opg-stranic .contact-form label small{font-weight:400;color:#8c8c80}\n#opg-stranic .contact-form input:not([type=checkbox]),#opg-stranic .contact-form select,#opg-stranic .contact-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #d8d7cb;border-radius:10px;background:#fff;padding:15px;color:var(--ink);font:500 14px 'DM Sans',Arial,sans-serif;outline:none;transition:.2s}\n#opg-stranic .contact-form input:focus,#opg-stranic .contact-form select:focus,#opg-stranic .contact-form textarea:focus{border-color:#9d7d36;box-shadow:0 0 0 3px rgba(217,180,93,.16)}\n#opg-stranic .contact-form textarea{resize:vertical;min-height:130px}\n#opg-stranic .hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}\n#opg-stranic .consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;color:var(--muted)!important;line-height:1.5}\n#opg-stranic .consent input{margin-top:3px;accent-color:var(--forest)}\n#opg-stranic .button-dark{background:var(--forest);color:#fff;margin-top:5px;min-width:215px}\n\n#opg-stranic .opg-footer{background:#0d280b;color:#fff}\n#opg-stranic .footer-top{padding:66px 0 55px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;border-bottom:1px solid rgba(255,255,255,.12)}\n#opg-stranic .footer-brand img{width:54px;filter:brightness(0) saturate(100%) invert(82%) sepia(34%) saturate(678%) hue-rotate(359deg) brightness(94%)}\n#opg-stranic .footer-brand span{font-size:24px}\n#opg-stranic .footer-top>p{margin:0;color:rgba(255,255,255,.6);line-height:1.7}\n#opg-stranic .footer-links{display:grid;justify-content:end;text-align:right;gap:9px}\n#opg-stranic .footer-links a,#opg-stranic .footer-bottom a{color:#fff;text-decoration:none}\n#opg-stranic .footer-bottom{padding:23px 0 28px;display:flex;justify-content:space-between;color:rgba(255,255,255,.47);font-size:12px}\n#opg-stranic .footer-bottom a,#opg-stranic .footer-bottom b{color:var(--gold-light);font-weight:700}\n\n#opg-stranic .status-modal{position:fixed;z-index:10000;inset:0;padding:20px;background:rgba(7,29,6,.74);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center}\n#opg-stranic .status-modal.is-open{display:flex}\n#opg-stranic .status-card{position:relative;width:min(470px,100%);padding:44px 38px;background:var(--paper);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.35);text-align:center}\n#opg-stranic .status-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:var(--forest);color:var(--gold-light);display:grid;place-items:center;font-size:28px}\n#opg-stranic .status-card h3{margin:0 0 11px;font:500 30px\/1.1 'Fraunces',Georgia,serif;color:var(--ink)}\n#opg-stranic .status-card p{margin:0;color:var(--muted);line-height:1.7}\n#opg-stranic .status-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}\n\n@media(max-width:900px){\n  #opg-stranic .menu-toggle{display:block}\n  #opg-stranic .opg-nav{display:none;position:absolute;top:78px;left:0;right:0;padding:15px;background:rgba(12,45,10,.98);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.25);align-items:stretch}\n  #opg-stranic .opg-nav.is-open{display:grid;gap:5px}\n  #opg-stranic .opg-nav a{padding:13px 10px}\n  #opg-stranic .opg-nav .nav-cta{text-align:center;margin-top:5px}\n  #opg-stranic .hero-grid,#opg-stranic .story-grid,#opg-stranic .contact-grid{grid-template-columns:1fr;gap:60px}\n  #opg-stranic .opg-hero{height:auto;max-height:none;min-height:900px;padding:150px 0 110px}\n  #opg-stranic .hero-brand-card{justify-self:start;max-width:470px}\n  #opg-stranic .story-grid{gap:80px}\n  #opg-stranic .values-heading{grid-template-columns:1fr;gap:20px}\n  #opg-stranic .values-grid{grid-template-columns:1fr}\n  #opg-stranic .values-grid article{padding:30px 0}\n  #opg-stranic .values-grid article+article{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}\n  #opg-stranic .contact-grid{gap:55px}\n}\n@media(max-width:600px){\n  #opg-stranic .opg-shell{width:min(100% - 30px,1180px)}\n  #opg-stranic .opg-header{top:10px;min-height:64px}\n  #opg-stranic .opg-brand img{width:36px;height:36px}\n  #opg-stranic .opg-brand span{font-size:17px}\n  #opg-stranic .opg-hero{min-height:860px}\n  #opg-stranic .hero-grid{padding-top:30px}\n  #opg-stranic .hero-copy h1{font-size:54px}\n  #opg-stranic .hero-lead{font-size:16px}\n  #opg-stranic .hero-actions .button{width:100%}\n  #opg-stranic .hero-brand-card{max-width:100%}\n  #opg-stranic .story-section,#opg-stranic .values-section,#opg-stranic .contact-section{padding:88px 0}\n  #opg-stranic .story-copy h2,#opg-stranic .contact-intro h2,#opg-stranic .values-heading h2{font-size:43px}\n  #opg-stranic .story-image img{min-height:330px}\n  #opg-stranic .story-image figcaption{right:10px}\n  #opg-stranic .field-row{grid-template-columns:1fr;gap:0}\n  #opg-stranic .contact-form{padding:27px 20px}\n  #opg-stranic .button-dark{width:100%}\n  #opg-stranic .footer-top{grid-template-columns:1fr;gap:31px}\n  #opg-stranic .footer-links{justify-content:start;text-align:left}\n  #opg-stranic .footer-bottom{flex-direction:column;gap:8px;line-height:1.6}\n}\n@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#opg-stranic .scroll-cue i{animation:none}#opg-stranic .button{transition:none}}\n<\/style>\n\n<div id=\"opg-stranic\">\n  <header class=\"opg-header\" id=\"opg-header\">\n    <a class=\"opg-brand\" href=\"#pocetna\" aria-label=\"OPG Strani\u0107 \u2013 po\u010detna\">\n      <img decoding=\"async\" src=\"https:\/\/opg-stranic.hr\/wp-content\/uploads\/2026\/08\/Logo.png\" alt=\"\">\n      <span><b>OPG<\/b> STRANI\u0106<\/span>\n    <\/a>\n    <button class=\"menu-toggle\" type=\"button\" aria-label=\"Otvori izbornik\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\n    <nav class=\"opg-nav\" aria-label=\"Glavna navigacija\">\n      <a href=\"#o-nama\">O nama<\/a>\n      <a href=\"#vrijednosti\">Na\u0161 pristup<\/a>\n      <a class=\"nav-cta\" href=\"#kontakt\">Kontakt<\/a>\n    <\/nav>\n  <\/header>\n\n  <section class=\"opg-hero\" id=\"pocetna\">\n    <div class=\"hero-overlay\"><\/div>\n    <div class=\"opg-shell hero-grid\">\n      <div class=\"hero-copy\">\n        <p class=\"eyebrow\"><span><\/span> OPG Strani\u0107 \u00b7 Borut, Istra<\/p>\n        <h1>Iz zemlje koju <em>poznajemo.<\/em><\/h1>\n        <p class=\"hero-lead\">Na na\u0161em gospodarstvu svaki novi red po\u010dinje istom idejom: raditi po\u0161teno, pa\u017eljivo i u skladu s ritmom zemlje.<\/p>\n        <div class=\"hero-actions\">\n          <a class=\"button button-gold\" href=\"#o-nama\">Upoznajte nas <span>\u2192<\/span><\/a>\n          <a class=\"button button-ghost\" href=\"#kontakt\">Javite nam se<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-brand-card\" aria-label=\"OPG Strani\u0107 logotip\">\n        <video autoplay muted loop playsinline poster=\"https:\/\/opg-stranic.hr\/wp-content\/uploads\/2026\/08\/OPG-3.png\">\n          <source src=\"https:\/\/opg-stranic.hr\/wp-content\/uploads\/2026\/08\/OPG-3.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <p>Obiteljsko poljoprivredno gospodarstvo<\/p>\n      <\/div>\n    <\/div>\n    <a class=\"scroll-cue\" href=\"#o-nama\" aria-label=\"Pomakni se na sadr\u017eaj\"><i><\/i><\/a>\n  <\/section>\n\n  <section class=\"story-section\" id=\"o-nama\">\n    <div class=\"opg-shell story-grid\">\n      <div class=\"story-copy\">\n        <p class=\"section-kicker\">Na\u0161a pri\u010da<\/p>\n        <h2>Zemlja koja nas u\u010di strpljenju.<\/h2>\n        <p class=\"large-copy\">OPG Strani\u0107 nastao je iz povezanosti s krajem u kojem \u017eivimo i \u017eelje da ono \u0161to radimo ima stvarnu vrijednost.<\/p>\n        <p>Od pripreme tla i sadnje do navodnjavanja i svakodnevne brige, iza svakog koraka stoje rad, iskustvo i osobna odgovornost. Ne \u017eurimo prirodu \u2013 pratimo je i u\u010dimo od nje iz sezone u sezonu.<\/p>\n        <a class=\"text-link\" href=\"#kontakt\">Razgovarajmo <span>\u2197<\/span><\/a>\n      <\/div>\n      <figure class=\"story-image\">\n        <img decoding=\"async\" src=\"https:\/\/opg-stranic.hr\/wp-content\/uploads\/2026\/08\/Navodnajvanje2020_dron.jpg\" alt=\"Polje OPG-a Strani\u0107 tijekom navodnjavanja\" loading=\"lazy\">\n        <figcaption><span>Na\u0161a polja<\/span><small>Borut \u00b7 sredi\u0161nja Istra<\/small><\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <section class=\"values-section\" id=\"vrijednosti\">\n    <div class=\"opg-shell\">\n      <div class=\"values-heading\">\n        <div>\n          <p class=\"section-kicker light\">Ono u \u0161to vjerujemo<\/p>\n          <h2>Jednostavne vrijednosti.<br>Ozbiljan pristup.<\/h2>\n        <\/div>\n        <p>Dobar rezultat ne nastaje preko no\u0107i. Nastaje dosljedno\u0161\u0107u, pa\u017enjom i po\u0161tovanjem prema zemlji.<\/p>\n      <\/div>\n      <div class=\"values-grid\">\n        <article><span>01<\/span><h3>Doma\u0107e<\/h3><p>Radimo tamo gdje \u017eivimo, povezani s na\u0161im krajem i ljudima oko nas.<\/p><\/article>\n        <article><span>02<\/span><h3>Odgovorno<\/h3><p>Svakoj fazi proizvodnje pristupamo promi\u0161ljeno, uredno i s punom pa\u017enjom.<\/p><\/article>\n        <article><span>03<\/span><h3>Osobno<\/h3><p>Iza na\u0161eg imena stoje stvarni ljudi, izravan razgovor i povjerenje.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"contact-section\" id=\"kontakt\">\n    <div class=\"opg-shell contact-grid\">\n      <div class=\"contact-intro\">\n        <p class=\"section-kicker\">Kontakt<\/p>\n        <h2>Imate pitanje?<br><em>Javite nam se.<\/em><\/h2>\n        <p>Za informacije o gospodarstvu, dostupnosti ili mogu\u0107oj suradnji po\u0161aljite nam poruku. Odgovorit \u0107emo u najkra\u0107em mogu\u0107em roku.<\/p>\n        <div class=\"contact-lines\">\n          <!-- UREDI: zamijeni adresu e-po\u0161te ako koristi\u0161 drugu -->\n          <a href=\"mailto:info@opg-stranic.hr\"><small>E-mail<\/small><strong>info@opg-stranic.hr<\/strong><\/a>\n          <!-- UREDI: po \u017eelji dodaj ulicu i ku\u0107ni broj -->\n          <div><small>Lokacija<\/small><strong>Borut, Istra<\/strong><\/div>\n        <\/div>\n      <\/div>\n\n      <form class=\"contact-form\" action=\"\/posalji-opg.php\" method=\"post\" accept-charset=\"UTF-8\">\n        <div class=\"hp-field\" aria-hidden=\"true\"><label>Web stranica<input name=\"web_stranica\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/div>\n        <div class=\"field-row\">\n          <label>Ime i prezime<input name=\"ime_prezime\" type=\"text\" placeholder=\"Va\u0161e ime i prezime\" maxlength=\"100\" autocomplete=\"name\" required><\/label>\n          <label>E-mail<input name=\"email\" type=\"email\" placeholder=\"vas@email.hr\" maxlength=\"150\" autocomplete=\"email\" required><\/label>\n        <\/div>\n        <div class=\"field-row\">\n          <label>Telefon <small>(nije obavezno)<\/small><input name=\"telefon\" type=\"tel\" placeholder=\"+385 ...\" maxlength=\"40\" autocomplete=\"tel\"><\/label>\n          <label>Predmet upita\n            <select name=\"predmet\" required>\n              <option value=\"\" selected disabled>Odaberite<\/option>\n              <option value=\"Op\u0107i upit\">Op\u0107i upit<\/option>\n              <option value=\"Proizvodi i dostupnost\">Proizvodi i dostupnost<\/option>\n              <option value=\"Poslovna suradnja\">Poslovna suradnja<\/option>\n            <\/select>\n          <\/label>\n        <\/div>\n        <label>Poruka<textarea name=\"poruka\" rows=\"5\" placeholder=\"Kako vam mo\u017eemo pomo\u0107i?\" minlength=\"10\" maxlength=\"3000\" required><\/textarea><\/label>\n        <label class=\"consent\"><input type=\"checkbox\" name=\"privola\" value=\"da\" required><span>Prihva\u0107am da se moji podaci koriste isklju\u010divo za odgovor na ovaj upit.<\/span><\/label>\n        <button class=\"button button-dark\" type=\"submit\">Po\u0161alji poruku <span>\u2192<\/span><\/button>\n      <\/form>\n    <\/div>\n  <\/section>\n\n  <footer class=\"opg-footer\">\n    <div class=\"opg-shell footer-top\">\n      <a class=\"footer-brand\" href=\"#pocetna\">\n        <img decoding=\"async\" src=\"https:\/\/opg-stranic.hr\/wp-content\/uploads\/2026\/08\/Logo.png\" alt=\"\">\n        <span><b>OPG<\/b> STRANI\u0106<\/span>\n      <\/a>\n      <!-- UREDI: ovdje mo\u017ee\u0161 upisati punu adresu -->\n      <p>Obiteljsko poljoprivredno gospodarstvo<br>Borut, Istra \u00b7 Hrvatska<\/p>\n      <div class=\"footer-links\">\n        <a href=\"mailto:info@opg-stranic.hr\">info@opg-stranic.hr<\/a>\n        <a href=\"#kontakt\">Kontakt obrazac<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"opg-shell footer-bottom\">\n      <span>\u00a9 <span class=\"current-year\">2026<\/span> OPG Strani\u0107. Sva prava pridr\u017eana.<\/span>\n      <!-- UREDI: kada postoji adresa RS Tech stranice, zamijeni # stvarnim URL-om -->\n      <span>Partner u izradi web stranice: <a href=\"#\" rel=\"noopener\">RS Tech<\/a><\/span>\n    <\/div>\n  <\/footer>\n\n  <div class=\"status-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"status-title\">\n    <div class=\"status-card\">\n      <button class=\"status-close\" type=\"button\" aria-label=\"Zatvori\">\u00d7<\/button>\n      <div class=\"status-icon\">\u2713<\/div>\n      <h3 id=\"status-title\">Poruka je poslana.<\/h3>\n      <p>Hvala \u0161to ste nam se javili. Odgovorit \u0107emo u najkra\u0107em mogu\u0107em roku.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const root=document.getElementById('opg-stranic');\n  if(!root)return;\n  const header=root.querySelector('.opg-header');\n  const toggle=root.querySelector('.menu-toggle');\n  const nav=root.querySelector('.opg-nav');\n  const modal=root.querySelector('.status-modal');\n\n  function updateHeader(){header.classList.toggle('is-scrolled',window.scrollY>40)}\n  updateHeader();\n  window.addEventListener('scroll',updateHeader,{passive:true});\n\n  toggle.addEventListener('click',function(){\n    const open=nav.classList.toggle('is-open');\n    toggle.setAttribute('aria-expanded',open?'true':'false');\n  });\n  nav.querySelectorAll('a').forEach(function(link){link.addEventListener('click',function(){nav.classList.remove('is-open');toggle.setAttribute('aria-expanded','false')})});\n\n  root.querySelectorAll('.current-year').forEach(function(el){el.textContent=new Date().getFullYear()});\n\n  const status=new URLSearchParams(window.location.search).get('opg_status');\n  if(status==='uspjeh'||status==='greska'){\n    const ok=status==='uspjeh';\n    modal.querySelector('.status-icon').textContent=ok?'\u2713':'!';\n    modal.querySelector('h3').textContent=ok?'Poruka je poslana.':'Poruka nije poslana.';\n    modal.querySelector('p').textContent=ok?'Hvala \u0161to ste nam se javili. Odgovorit \u0107emo u najkra\u0107em mogu\u0107em roku.':'Provjerite unesene podatke ili nam se javite izravno putem e-maila.';\n    modal.classList.add('is-open');\n    document.body.style.overflow='hidden';\n    if(history.replaceState){history.replaceState({},document.title,window.location.pathname+window.location.hash)}\n  }\n  function closeModal(){modal.classList.remove('is-open');document.body.style.overflow=''}\n  modal.querySelector('.status-close').addEventListener('click',closeModal);\n  modal.addEventListener('click',function(e){if(e.target===modal)closeModal()});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')closeModal()});\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>OPG STRANI\u0106 O nama Na\u0161 pristup Kontakt OPG Strani\u0107 \u00b7 Borut, Istra Iz zemlje koju poznajemo. Na na\u0161em gospodarstvu svaki novi red po\u010dinje istom idejom: raditi po\u0161teno, pa\u017eljivo i u skladu s ritmom zemlje. Upoznajte nas \u2192 Javite nam se Obiteljsko poljoprivredno gospodarstvo Na\u0161a pri\u010da Zemlja koja nas u\u010di strpljenju. OPG Strani\u0107 nastao je iz [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":5,"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/opg-stranic.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}