{"id":213,"date":"2026-04-02T08:55:35","date_gmt":"2026-04-02T08:55:35","guid":{"rendered":"https:\/\/www.modernihrast.com\/?post_type=avada_portfolio&#038;p=213"},"modified":"2026-04-14T21:07:14","modified_gmt":"2026-04-14T21:07:14","slug":"vertico","status":"publish","type":"avada_portfolio","link":"https:\/\/www.modernihrast.com\/index.php\/portfolio-items\/vertico\/","title":{"rendered":"Vertico"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-margin-bottom:25px;--awb-margin-bottom-small:25px;--awb-font-size:40px;\"><h1 class=\"fusion-title-heading title-heading-center\" style=\"margin:0;font-size:1em;\">Vertco<\/h1><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-content-alignment:justify;--awb-margin-bottom:40px;\"><p>Vertico je sto koji donosi mir, ravnote\u017eu i toplinu prirodnog drveta u savremeni enterijer. Njegova prepoznatljiva baza sa vertikalnim lamelama stvara ose\u0107aj ritma i dinamike, dok \u010dista, ravna plo\u010da nagla\u0161ava minimalizam i eleganciju forme. Ovaj model je idealan za prostore koji tra\u017ee jednostavnost bez gubitka karaktera. Zahvaljuju\u0107i masivnoj izradi i pa\u017eljivo obra\u0111enim detaljima, sto deluje lagano u prostoru, a istovremeno pru\u017ea izuzetnu stabilnost i dugotrajnost.<\/p>\n<p>Vertico je vi\u0161e od stola &#8211; to je centralni element prostora koji spaja dizajn i funkcionalnost u<br \/>\nsavr\u0161enoj ravnote\u017ei.<\/p>\n<\/div><style>\n  .vt-wrap { max-width: 600px; margin: 0 auto; }\n  .vt-selects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }\n  .vt-selects label { display: block; font-size: 13px; color: #888; margin-bottom: 6px; }\n  .vt-selects select { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; }\n  .vt-result { background: #f7f5f2; border-radius: 10px; padding: 20px 24px; }\n  .vt-result .label { font-size: 13px; color: #888; margin-bottom: 4px; }\n  .vt-prices { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }\n  .vt-result .price { font-size: 30px; font-weight: 500; color: #222; }\n  .vt-result .old { font-size: 15px; color: #999; text-decoration: line-through; }\n  .vt-result .badge { font-size: 12px; background: #fde8e8; color: #c0392b; padding: 2px 8px; border-radius: 4px; font-weight: 500; }\n  .vt-result .dims { font-size: 13px; color: #888; margin-top: 8px; }\n<\/style>\n\n<div class=\"vt-wrap\">\n  <div class=\"vt-selects\">\n    <div>\n      <label>Vrsta drveta<\/label>\n      <select id=\"vt-drvo\">\n        <option value=\"hrast\">Hrast<\/option>\n        <option value=\"orah\">Orah<\/option>\n        <option value=\"americki_orah\">Ameri\u010dki orah<\/option>\n        <option value=\"jasen\">Jasen<\/option>\n        <option value=\"pareni_orah\">Pareni orah<\/option>\n      <\/select>\n    <\/div>\n    <div>\n      <label>Veli\u010dina<\/label>\n      <select id=\"vt-vel\">\n        <option value=\"4\">120\u2013140 cm \u00b7 4 osobe<\/option>\n        <option value=\"6\">160\u2013180 cm \u00b7 6 osoba<\/option>\n        <option value=\"8\">200\u2013220 cm \u00b7 8 osoba<\/option>\n        <option value=\"10\">250\u2013270 cm \u00b7 10+ osoba<\/option>\n      <\/select>\n    <\/div>\n    <div>\n      <label>Klasa<\/label>\n      <select id=\"vt-kl\">\n        <option value=\"1\">1. klasa<\/option>\n        <option value=\"2\">2. klasa<\/option>\n      <\/select>\n    <\/div>\n  <\/div>\n\n  <div class=\"vt-result\">\n    <div class=\"label\">Cena<\/div>\n    <div class=\"vt-prices\">\n      <div class=\"price\" id=\"vt-cena\">\u2014<\/div>\n      <div class=\"old\" id=\"vt-stara\"><\/div>\n      <div class=\"badge\" id=\"vt-badge\" style=\"display:none\">-20%<\/div>\n    <\/div>\n    <div class=\"dims\" id=\"vt-dims\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var c = {\n    hrast:         {4:[76800,68800], 6:[89600,80000], 8:[104000,92000], 10:[128000,112000]},\n    orah:          {4:[80000,72000], 6:[96000,80000], 8:[108000,96000], 10:[136000,120000]},\n    americki_orah: {4:[106400,null],6:[122400,null],8:[140000,null],10:[156000,null]},\n    jasen:         {4:[64000,60000], 6:[76000,64000], 8:[88000,76000], 10:[108000,88000]},\n    pareni_orah:   {4:[88000,80000], 6:[104000,88000],8:[120000,104000],10:[140000,128000]}\n  };\n\n  var s = {\n    hrast:         {4:[96000,86000], 6:[112000,100000], 8:[130000,115000], 10:[160000,140000]},\n    orah:          {4:[100000,90000],6:[120000,100000], 8:[135000,120000], 10:[170000,150000]},\n    americki_orah: {4:[133000,null],6:[153000,null], 8:[175000,null], 10:[195000,null]},\n    jasen:         {4:[80000,75000], 6:[95000,80000], 8:[110000,95000], 10:[135000,110000]},\n    pareni_orah:   {4:[110000,100000],6:[130000,110000],8:[150000,130000],10:[175000,160000]}\n  };\n\n  var d = {\n    4:'du\u017eina 120\u2013140 cm \u00b7 \u0161irina 80\u201390 cm \u00b7 debljina plo\u010de 4 cm',\n    6:'du\u017eina 160\u2013180 cm \u00b7 \u0161irina 90\u2013100 cm \u00b7 debljina plo\u010de 4 cm',\n    8:'du\u017eina 200\u2013220 cm \u00b7 \u0161irina 100\u2013110 cm \u00b7 debljina plo\u010de 4 cm',\n    10:'du\u017eina 250\u2013270 cm \u00b7 \u0161irina 110\u2013120 cm \u00b7 debljina plo\u010de 4 cm'\n  };\n\n  function upd(){\n    var drvo = document.getElementById('vt-drvo').value;\n    var vel  = parseInt(document.getElementById('vt-vel').value);\n    var kl   = parseInt(document.getElementById('vt-kl').value);\n\n    var cena = c[drvo][vel][kl-1];\n    var stara = s[drvo][vel][kl-1];\n\n    document.getElementById('vt-dims').textContent = d[vel];\n\n    if (!cena) {\n      document.getElementById('vt-cena').textContent = 'Na upit';\n      document.getElementById('vt-stara').textContent = '';\n      document.getElementById('vt-badge').style.display = 'none';\n    } else {\n      document.getElementById('vt-cena').textContent = cena.toLocaleString('sr-RS') + ' RSD';\n      document.getElementById('vt-stara').textContent = stara.toLocaleString('sr-RS') + ' RSD';\n      document.getElementById('vt-badge').style.display = 'inline';\n    }\n  }\n\n  ['vt-drvo','vt-vel','vt-kl'].forEach(function(id){\n    document.getElementById(id).addEventListener('change', upd);\n  });\n\n  upd();\n})();\n<\/script><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":215,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[16],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-213","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-trpezarijski-sto"],"_links":{"self":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":11,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/213\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/213\/revisions\/387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/media\/215"}],"wp:attachment":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=213"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=213"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}