{"id":168,"date":"2026-04-02T08:16:24","date_gmt":"2026-04-02T08:16:24","guid":{"rendered":"https:\/\/www.modernihrast.com\/?post_type=avada_portfolio&#038;p=168"},"modified":"2026-04-14T21:08:08","modified_gmt":"2026-04-14T21:08:08","slug":"scala","status":"publish","type":"avada_portfolio","link":"https:\/\/www.modernihrast.com\/index.php\/portfolio-items\/scala\/","title":{"rendered":"Scala"},"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:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--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;\">Scala<\/h1><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-content-alignment:justify;--awb-margin-bottom:40px;\"><p>SCALA klub sto predstavlja savr\u0161en spoj modernog dizajna i prirodne elegancije. Njegova jednostavna forma, \u010diste linije i topli tonovi drveta \u010dine ga idealnim izborom za savremene enterijere koji te\u017ee minimalizmu i harmoniji.<\/p>\n<p>\nPlo\u010da stola izra\u0111ena je od kvalitetnog prirodnog drveta koje nagla\u0161ava autenti\u010dnu teksturu i daje ose\u0107aj topline svakom prostoru. Prepoznatljiva baza sa cilindri\u010dnim nogama ne samo da pru\u017ea stabilnost, ve\u0107 SCALA modelu daje jedinstven i sofisticiran izgled. Zaobljene ivice doprinose sigurnosti i dodatno isti\u010du njegovu elegantnu, meku estetiku.<\/p>\n<p>\nSCALA je savr\u0161en izbor za dnevnu sobu \u2013 bilo da ga koristite za dekoraciju, knjige ili<br \/>\nopu\u0161tanje uz kafu.<\/p>\n<\/div><style>\n  .sc-wrap { max-width: 600px; margin: 0 auto; }\n  .sc-selects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }\n  .sc-selects label { display: block; font-size: 13px; color: #888; margin-bottom: 6px; }\n  .sc-selects select { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; }\n  .sc-result { background: #f7f5f2; border-radius: 10px; padding: 20px 24px; }\n  .sc-result .label { font-size: 13px; color: #888; margin-bottom: 4px; }\n  .sc-prices { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }\n  .sc-result .price { font-size: 30px; font-weight: 500; color: #222; }\n  .sc-result .old { font-size: 15px; color: #999; text-decoration: line-through; }\n  .sc-result .badge { font-size: 12px; background: #fde8e8; color: #c0392b; padding: 2px 8px; border-radius: 4px; font-weight: 500; }\n  .sc-result .dims { font-size: 13px; color: #888; margin-top: 8px; }\n<\/style>\n\n<div class=\"sc-wrap\">\n  <div class=\"sc-selects\">\n    <div>\n      <label>Vrsta drveta<\/label>\n      <select id=\"sc-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=\"sc-vel\">\n        <option value=\"110\">110 \u00d7 65 cm<\/option>\n        <option value=\"130\">130 \u00d7 80 cm<\/option>\n      <\/select>\n    <\/div>\n    <div>\n      <label>Klasa<\/label>\n      <select id=\"sc-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=\"sc-result\">\n    <div class=\"label\">Cena<\/div>\n    <div class=\"sc-prices\">\n      <div class=\"price\" id=\"sc-cena\">\u2014<\/div>\n      <div class=\"old\" id=\"sc-stara\"><\/div>\n      <div class=\"badge\" id=\"sc-badge\" style=\"display:none\">-20%<\/div>\n    <\/div>\n    <div class=\"dims\" id=\"sc-dims\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var c = {\n    hrast:         {110:[48800,40000], 130:[50400,44000]},\n    orah:          {110:[52000,41600], 130:[57600,50400]},\n    americki_orah: {110:[76000,null],  130:[96000,null]},\n    jasen:         {110:[36000,31200], 130:[36800,32800]},\n    pareni_orah:   {110:[54400,44000], 130:[60800,54400]}\n  };\n\n  var s = {\n    hrast:         {110:[61000,50000], 130:[63000,55000]},\n    orah:          {110:[65000,52000], 130:[72000,63000]},\n    americki_orah: {110:[95000,null],  130:[120000,null]},\n    jasen:         {110:[45000,39000], 130:[46000,41000]},\n    pareni_orah:   {110:[68000,55000], 130:[76000,68000]}\n  };\n\n  var d = {\n    110:'du\u017eina 110 cm \u00b7 \u0161irina 65 cm \u00b7 debljina plo\u010de 4 cm',\n    130:'du\u017eina 130 cm \u00b7 \u0161irina 80 cm \u00b7 debljina plo\u010de 4 cm'\n  };\n\n  function upd(){\n    var drvo = document.getElementById('sc-drvo').value;\n    var vel  = parseInt(document.getElementById('sc-vel').value);\n    var kl   = parseInt(document.getElementById('sc-kl').value);\n\n    var cena = c[drvo][vel][kl-1];\n    var stara = s[drvo][vel][kl-1];\n\n    document.getElementById('sc-dims').textContent = d[vel];\n\n    if (!cena) {\n      document.getElementById('sc-cena').textContent = 'Na upit';\n      document.getElementById('sc-stara').textContent = '';\n      document.getElementById('sc-badge').style.display = 'none';\n    } else {\n      document.getElementById('sc-cena').textContent = cena.toLocaleString('sr-RS') + ' RSD';\n      document.getElementById('sc-stara').textContent = stara.toLocaleString('sr-RS') + ' RSD';\n      document.getElementById('sc-badge').style.display = 'inline';\n    }\n  }\n\n  ['sc-drvo','sc-vel','sc-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":232,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[15],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-168","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-klub-sto"],"_links":{"self":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/168","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=168"}],"version-history":[{"count":5,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/168\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/168\/revisions\/388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/media\/232"}],"wp:attachment":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/media?parent=168"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=168"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=168"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}