{"id":100,"date":"2026-07-10T12:30:55","date_gmt":"2026-07-10T12:30:55","guid":{"rendered":"https:\/\/plaznimobilijar.com\/?page_id=100"},"modified":"2026-07-10T15:31:50","modified_gmt":"2026-07-10T15:31:50","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/plaznimobilijar.com\/?page_id=100","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"100\" class=\"elementor elementor-100\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c25a026 e-con-full e-flex e-con e-parent\" data-id=\"c25a026\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7089cf4 elementor-widget elementor-widget-html\" data-id=\"7089cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"dmq-page\">\r\n\r\n  <!-- HERO \/ KONTAKT -->\r\n  <section class=\"dmq-hero\">\r\n\r\n    <div class=\"dmq-hero__grid\"><\/div>\r\n    <div class=\"dmq-hero__glow\"><\/div>\r\n\r\n    <div class=\"dmq-hero__ring dmq-hero__ring--one\">\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"dmq-hero__ring dmq-hero__ring--two\">\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"dmq-hero__light dmq-hero__light--one\"><\/div>\r\n    <div class=\"dmq-hero__light dmq-hero__light--two\"><\/div>\r\n\r\n    <div class=\"dmq-hero__waves\" aria-hidden=\"true\">\r\n      <i><\/i>\r\n      <i><\/i>\r\n      <i><\/i>\r\n      <i><\/i>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dmq-container dmq-hero__inner\">\r\n\r\n      <div class=\"dmq-hero__content\">\r\n\r\n        <div class=\"dmq-eyebrow dmq-eyebrow--light\">\r\n          <span><\/span>\r\n          Dolce Mare Outdoor\r\n        <\/div>\r\n\r\n        <h1>\r\n          Kreirajmo prostor\r\n          <em>koji se pamti.<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"dmq-hero__lead\">\r\n          Po\u0161aljite nam detalje projekta ili re\u0161ite kratak kviz\r\n          i saznajte koji model baldahina najbolje odgovara\r\n          va\u0161em prostoru, uslovima i stilu.\r\n        <\/p>\r\n\r\n        <div class=\"dmq-hero__actions\">\r\n\r\n          <a href=\"#dmq-quiz\" class=\"dmq-button dmq-button--sand\">\r\n            Pokrenite kviz\r\n            <span>\u2193<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"mailto:office@plaznimobilijar.com\"\r\n            class=\"dmq-button dmq-button--glass\"\r\n          >\r\n            Po\u0161aljite upit\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dmq-hero__mini\">\r\n\r\n          <div>\r\n            <strong>4<\/strong>\r\n            <span>vrste konstrukcije<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>5<\/strong>\r\n            <span>kratkih pitanja<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>1<\/strong>\r\n            <span>preporu\u010den model<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dmq-contact-panel\">\r\n\r\n        <div class=\"dmq-contact-panel__top\">\r\n          <span>Kontakt<\/span>\r\n          <small>Odgovaramo u najkra\u0107em roku<\/small>\r\n        <\/div>\r\n\r\n\r\n        <a\r\n          href=\"mailto:office@plaznimobilijar.com\"\r\n          class=\"dmq-contact-card\"\r\n        >\r\n          <span class=\"dmq-contact-card__icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M3 5h18v14H3V5Zm2 2v.6l7 5 7-5V7H5Zm14 10V10l-7 5-7-5v7h14Z\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"dmq-contact-card__text\">\r\n            <small>Email<\/small>\r\n            <strong>office@plaznimobilijar.com<\/strong>\r\n          <\/span>\r\n\r\n          <span class=\"dmq-contact-card__arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"https:\/\/www.instagram.com\/dolcemare.outdoor\/?__pwa=1#\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          class=\"dmq-contact-card\"\r\n        >\r\n          <span class=\"dmq-contact-card__icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.4-3.2a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"dmq-contact-card__text\">\r\n            <small>Instagram<\/small>\r\n            <strong>@dolcemare.outdoor<\/strong>\r\n          <\/span>\r\n\r\n          <span class=\"dmq-contact-card__arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <div class=\"dmq-contact-panel__note\">\r\n          <span><\/span>\r\n\r\n          <p>\r\n            Za pripremu ponude po\u0161aljite lokaciju, potrebnu koli\u010dinu,\r\n            \u017eeljeni model i planirani rok realizacije.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dmq-hero__bottom\">\r\n\r\n      <svg viewBox=\"0 0 1440 110\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n        <path\r\n          d=\"M0,69 C260,119 500,28 770,68 C1030,108 1220,36 1440,65 L1440,110 L0,110 Z\"\r\n          fill=\"#f8f3eb\"\r\n        ><\/path>\r\n      <\/svg>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- UVOD U KVIZ -->\r\n  <section class=\"dmq-quiz-section\" id=\"dmq-quiz\">\r\n\r\n    <div class=\"dmq-quiz-section__sun\"><\/div>\r\n\r\n    <div class=\"dmq-container\">\r\n\r\n      <div class=\"dmq-section-heading\">\r\n\r\n        <div>\r\n\r\n          <div class=\"dmq-eyebrow dmq-eyebrow--dark\">\r\n            <span><\/span>\r\n            Prona\u0111ite idealan model\r\n          <\/div>\r\n\r\n          <h2>\r\n            Koji baldahin odgovara\r\n            <em>va\u0161em prostoru?<\/em>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Odgovorite na pet kratkih pitanja. Na osnovu lokacije,\r\n          stila, uslova i na\u010dina kori\u0161\u0107enja dobi\u0107ete na\u0161u preporuku.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- KVIZ -->\r\n      <div class=\"dmq-quiz\">\r\n\r\n        <div class=\"dmq-quiz__header\">\r\n\r\n          <div>\r\n            <small>Dolce Mare selektor<\/small>\r\n            <strong id=\"dmqProgressText\">Pitanje 1 od 5<\/strong>\r\n          <\/div>\r\n\r\n          <span id=\"dmqProgressNumber\">20%<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dmq-progress\">\r\n          <span id=\"dmqProgressBar\"><\/span>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dmq-quiz__body\">\r\n\r\n          <!-- PITANJE 1 -->\r\n          <section class=\"dmq-step is-active\" data-step=\"0\">\r\n\r\n            <span class=\"dmq-step__number\">01<\/span>\r\n\r\n            <h3>Gde planirate da postavite baldahin?<\/h3>\r\n\r\n            <p>\r\n              Lokacija je va\u017ena zbog vetra, vlage, soli,\r\n              na\u010dina kori\u0161\u0107enja i odr\u017eavanja konstrukcije.\r\n            <\/p>\r\n\r\n            <div class=\"dmq-options\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"inox:4,steel:2,aluminum:1\"\r\n                data-label=\"Pla\u017ea ili prostor uz more\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2248<\/span>\r\n\r\n                <span>\r\n                  <strong>Pla\u017ea ili more<\/strong>\r\n                  <small>Slan vazduh, sunce i otvoren prostor<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"aluminum:4,inox:2,steel:1\"\r\n                data-label=\"Bazen ili spa zona\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25cc<\/span>\r\n\r\n                <span>\r\n                  <strong>Bazen ili spa zona<\/strong>\r\n                  <small>Vlaga, moderan izgled i lako odr\u017eavanje<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"wood:4,aluminum:1\"\r\n                data-label=\"Dvori\u0161te, vila ili terasa\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2302<\/span>\r\n\r\n                <span>\r\n                  <strong>Dvori\u0161te ili vila<\/strong>\r\n                  <small>Topao, prirodan i intiman ambijent<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"steel:4,inox:2,aluminum:1\"\r\n                data-label=\"Hotel, resort ili prometan objekat\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25c7<\/span>\r\n\r\n                <span>\r\n                  <strong>Hotel ili resort<\/strong>\r\n                  <small>Intenzivna profesionalna upotreba<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/section>\r\n\r\n\r\n          <!-- PITANJE 2 -->\r\n          <section class=\"dmq-step\" data-step=\"1\">\r\n\r\n            <span class=\"dmq-step__number\">02<\/span>\r\n\r\n            <h3>Koji stil najbolje opisuje va\u0161 prostor?<\/h3>\r\n\r\n            <p>\r\n              Odaberite estetiku koju \u017eelite da baldahin\r\n              dodatno naglasi.\r\n            <\/p>\r\n\r\n            <div class=\"dmq-options\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"wood:4\"\r\n                data-label=\"Prirodan, topao i mediteranski stil\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2726<\/span>\r\n\r\n                <span>\r\n                  <strong>Prirodan i topao<\/strong>\r\n                  <small>Drvo, kamen, zelenilo i zemljane nijanse<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"aluminum:4,inox:1\"\r\n                data-label=\"Moderan i minimalisti\u010dki stil\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25a1<\/span>\r\n\r\n                <span>\r\n                  <strong>Moderan i minimalisti\u010dki<\/strong>\r\n                  <small>\u010ciste linije i savremena arhitektura<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"inox:4,aluminum:1\"\r\n                data-label=\"Luksuzan i presti\u017ean stil\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25c6<\/span>\r\n\r\n                <span>\r\n                  <strong>Luksuzan i presti\u017ean<\/strong>\r\n                  <small>Premium resort i ekskluzivan izgled<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"steel:4\"\r\n                data-label=\"Robustan i bezvremenski stil\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\uff0b<\/span>\r\n\r\n                <span>\r\n                  <strong>Robustan i bezvremenski<\/strong>\r\n                  <small>Sna\u017ena konstrukcija i dominantan izgled<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/section>\r\n\r\n\r\n          <!-- PITANJE 3 -->\r\n          <section class=\"dmq-step\" data-step=\"2\">\r\n\r\n            <span class=\"dmq-step__number\">03<\/span>\r\n\r\n            <h3>Kakvim uslovima \u0107e baldahin biti izlo\u017een?<\/h3>\r\n\r\n            <p>\r\n              Uslovi na lokaciji imaju veliki uticaj\r\n              na izbor idealne konstrukcije.\r\n            <\/p>\r\n\r\n            <div class=\"dmq-options\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"steel:4,inox:1\"\r\n                data-label=\"Jak vetar i intenzivna upotreba\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u224b<\/span>\r\n\r\n                <span>\r\n                  <strong>Jak vetar i frekventna upotreba<\/strong>\r\n                  <small>Potrebna je maksimalna stabilnost<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"inox:4,aluminum:2\"\r\n                data-label=\"Slan vazduh i neposredna blizina mora\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2248<\/span>\r\n\r\n                <span>\r\n                  <strong>Slan vazduh i more<\/strong>\r\n                  <small>Primorje i neposredna blizina vode<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"aluminum:4,inox:2\"\r\n                data-label=\"Vlaga i bazenska zona\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25cb<\/span>\r\n\r\n                <span>\r\n                  <strong>Vlaga i bazenska zona<\/strong>\r\n                  <small>Jednostavno odr\u017eavanje je va\u017eno<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"wood:4,aluminum:1\"\r\n                data-label=\"Zaklonjena terasa ili ure\u0111eno dvori\u0161te\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2301<\/span>\r\n\r\n                <span>\r\n                  <strong>Zaklonjen prostor<\/strong>\r\n                  <small>Terasa, ba\u0161ta ili ure\u0111eno dvori\u0161te<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/section>\r\n\r\n\r\n          <!-- PITANJE 4 -->\r\n          <section class=\"dmq-step\" data-step=\"3\">\r\n\r\n            <span class=\"dmq-step__number\">04<\/span>\r\n\r\n            <h3>\u0160ta vam je najva\u017enije kod baldahina?<\/h3>\r\n\r\n            <p>\r\n              Odaberite osobinu koja ima najve\u0107i zna\u010daj\r\n              za va\u0161 projekat.\r\n            <\/p>\r\n\r\n            <div class=\"dmq-options\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"aluminum:3,inox:3\"\r\n                data-label=\"Jednostavno odr\u017eavanje\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2713<\/span>\r\n\r\n                <span>\r\n                  <strong>Jednostavno odr\u017eavanje<\/strong>\r\n                  <small>Prakti\u010dnost i uredan izgled<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"steel:4\"\r\n                data-label=\"Maksimalna stabilnost\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25a6<\/span>\r\n\r\n                <span>\r\n                  <strong>Maksimalna stabilnost<\/strong>\r\n                  <small>Masivna i pouzdana konstrukcija<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"wood:4\"\r\n                data-label=\"Prirodna toplina materijala\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2727<\/span>\r\n\r\n                <span>\r\n                  <strong>Prirodna toplina<\/strong>\r\n                  <small>Autenti\u010dan izgled prirodnog materijala<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"inox:4\"\r\n                data-label=\"Presti\u017ean premium izgled\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25c7<\/span>\r\n\r\n                <span>\r\n                  <strong>Presti\u017ean izgled<\/strong>\r\n                  <small>Ekskluzivna i upe\u010datljiva zavr\u0161nica<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/section>\r\n\r\n\r\n          <!-- PITANJE 5 -->\r\n          <section class=\"dmq-step\" data-step=\"4\">\r\n\r\n            <span class=\"dmq-step__number\">05<\/span>\r\n\r\n            <h3>Kako planirate da koristite baldahin?<\/h3>\r\n\r\n            <p>\r\n              Poslednji odgovor poma\u017ee nam da preciznije\r\n              odredimo konstrukciju.\r\n            <\/p>\r\n\r\n            <div class=\"dmq-options\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"aluminum:4\"\r\n                data-label=\"Potrebna je lak\u0161a i fleksibilnija konstrukcija\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2194<\/span>\r\n\r\n                <span>\r\n                  <strong>Fleksibilnost i lak\u0161e pomeranje<\/strong>\r\n                  <small>Prakti\u010dna promena rasporeda prostora<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"steel:4\"\r\n                data-label=\"Baldahin ostaje trajno na jednoj poziciji\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2295<\/span>\r\n\r\n                <span>\r\n                  <strong>Trajno na jednoj poziciji<\/strong>\r\n                  <small>Prioritet su masa i stabilnost<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"wood:4\"\r\n                data-label=\"Baldahin je deo boutique ambijenta\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u2726<\/span>\r\n\r\n                <span>\r\n                  <strong>Boutique ambijent<\/strong>\r\n                  <small>Atmosfera i prirodan izgled su presudni<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-option\"\r\n                data-score=\"inox:4\"\r\n                data-label=\"\u017delim najpresti\u017enije premium re\u0161enje\"\r\n              >\r\n                <span class=\"dmq-option__icon\">\u25c6<\/span>\r\n\r\n                <span>\r\n                  <strong>Najpresti\u017enije re\u0161enje<\/strong>\r\n                  <small>Premium utisak i dugoro\u010dna investicija<\/small>\r\n                <\/span>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/section>\r\n\r\n\r\n          <!-- REZULTAT -->\r\n          <section class=\"dmq-result\" id=\"dmqResult\">\r\n\r\n            <div class=\"dmq-result__top\">\r\n\r\n              <span class=\"dmq-result__label\">\r\n                Va\u0161a Dolce Mare preporuka\r\n              <\/span>\r\n\r\n              <span class=\"dmq-result__match\" id=\"dmqMatch\">\r\n                Najbolje poklapanje\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dmq-result__main\">\r\n\r\n              <div class=\"dmq-result__symbol\" id=\"dmqResultSymbol\">\r\n                DM\r\n              <\/div>\r\n\r\n              <div>\r\n\r\n                <small>Preporu\u010deni model<\/small>\r\n\r\n                <h3 id=\"dmqResultTitle\">\r\n                  Aluminijumski baldahin\r\n                <\/h3>\r\n\r\n                <p id=\"dmqResultDescription\"><\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dmq-result__reasons\">\r\n\r\n              <strong>Za\u0161to je ovo dobar izbor za vas?<\/strong>\r\n\r\n              <div id=\"dmqResultReasons\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dmq-result__actions\">\r\n\r\n              <a\r\n                href=\"mailto:office@plaznimobilijar.com\"\r\n                id=\"dmqSendResult\"\r\n                class=\"dmq-button dmq-button--result\"\r\n              >\r\n                Po\u0161aljite rezultat\r\n                <span>\u2197<\/span>\r\n              <\/a>\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"dmq-button dmq-button--restart\"\r\n                id=\"dmqRestart\"\r\n              >\r\n                Ponovite kviz\r\n                <span>\u21bb<\/span>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          <\/section>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dmq-quiz__footer\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"dmq-back\"\r\n            id=\"dmqBack\"\r\n            disabled\r\n          >\r\n            \u2190 Prethodno pitanje\r\n          <\/button>\r\n\r\n          <p>\r\n            Odaberite odgovor koji najbli\u017ee opisuje va\u0161 projekat.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- DIREKTAN KONTAKT -->\r\n  <section class=\"dmq-final\">\r\n\r\n    <div class=\"dmq-final__circle dmq-final__circle--one\"><\/div>\r\n    <div class=\"dmq-final__circle dmq-final__circle--two\"><\/div>\r\n\r\n    <div class=\"dmq-container dmq-final__grid\">\r\n\r\n      <div>\r\n\r\n        <div class=\"dmq-eyebrow dmq-eyebrow--dark\">\r\n          <span><\/span>\r\n          Imate konkretan projekat?\r\n        <\/div>\r\n\r\n        <h2>\r\n          Po\u0161aljite nam detalje.\r\n          <em>Mi pripremamo re\u0161enje.<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dmq-final__content\">\r\n\r\n        <p>\r\n          Za preciznu ponudu navedite lokaciju, koli\u010dinu, \u017eeljeni model,\r\n          boju konstrukcije i planirani rok isporuke.\r\n        <\/p>\r\n\r\n        <div class=\"dmq-final__buttons\">\r\n\r\n          <a\r\n            href=\"mailto:office@plaznimobilijar.com?subject=Upit%20za%20Dolce%20Mare%20baldahine\"\r\n            class=\"dmq-button dmq-button--dark\"\r\n          >\r\n            office@plaznimobilijar.com\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"https:\/\/www.instagram.com\/dolcemare.outdoor\/?__pwa=1#\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"dmq-button dmq-button--light-outline\"\r\n          >\r\n            @dolcemare.outdoor\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n  html,\r\n  body {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  .elementor-widget-html,\r\n  .elementor-widget-html > .elementor-widget-container,\r\n  .elementor-widget-container,\r\n  .elementor-element,\r\n  .elementor-section,\r\n  .elementor-container,\r\n  .elementor-widget-wrap,\r\n  .e-con,\r\n  .e-con-inner {\r\n    margin-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  .elementor-widget-html > .elementor-widget-container {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .dmq-page {\r\n    --dmq-night: #04252e;\r\n    --dmq-deep: #073b46;\r\n    --dmq-sea: #0b6570;\r\n    --dmq-aqua: #77bdb7;\r\n    --dmq-sand: #ead7b7;\r\n    --dmq-cream: #f8f0e3;\r\n    --dmq-shell: #f8f3eb;\r\n    --dmq-white: #fffdf8;\r\n    --dmq-text: #173a40;\r\n    --dmq-muted: #6c7d7e;\r\n\r\n    position: relative;\r\n\r\n    width: 100vw !important;\r\n    max-width: none !important;\r\n\r\n    margin:\r\n      0\r\n      calc(50% - 50vw)\r\n      0\r\n      calc(50% - 50vw) !important;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--dmq-shell);\r\n    color: var(--dmq-text);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .dmq-page,\r\n  .dmq-page * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dmq-page h1,\r\n  .dmq-page h2,\r\n  .dmq-page h3,\r\n  .dmq-page p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .dmq-page h1,\r\n  .dmq-page h2,\r\n  .dmq-page h3 {\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .dmq-container {\r\n    width: min(1240px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n\r\n  \/* EYEBROW *\/\r\n\r\n  .dmq-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-eyebrow span {\r\n    width: 40px;\r\n    height: 1px;\r\n    flex: 0 0 40px;\r\n\r\n    background: currentColor;\r\n  }\r\n\r\n  .dmq-eyebrow--light {\r\n    color: var(--dmq-sand);\r\n  }\r\n\r\n  .dmq-eyebrow--dark {\r\n    color: #9b7657;\r\n  }\r\n\r\n\r\n  \/* BUTTONS *\/\r\n\r\n  .dmq-button {\r\n    min-height: 55px;\r\n    padding: 0 25px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n\r\n    border: 0;\r\n    border-radius: 999px;\r\n\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.09em;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n      transform 0.25s ease,\r\n      background 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .dmq-button:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .dmq-button--sand {\r\n    border: 1px solid rgba(255,255,255,.45);\r\n\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        #f7ead5,\r\n        #d7b17f\r\n      );\r\n\r\n    color: var(--dmq-night);\r\n\r\n    box-shadow:\r\n      0 18px 42px rgba(0,0,0,.24),\r\n      inset 0 1px 0 rgba(255,255,255,.82);\r\n  }\r\n\r\n  .dmq-button--glass {\r\n    border: 1px solid rgba(255,255,255,.27);\r\n\r\n    background: rgba(255,255,255,.055);\r\n    color: #ffffff;\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n\r\n  .dmq-button--dark {\r\n    background: var(--dmq-night);\r\n    color: #ffffff;\r\n\r\n    box-shadow: 0 16px 36px rgba(4,37,46,.2);\r\n  }\r\n\r\n  .dmq-button--light-outline {\r\n    border: 1px solid rgba(4,37,46,.18);\r\n\r\n    background: rgba(255,255,255,.28);\r\n    color: var(--dmq-night);\r\n  }\r\n\r\n  .dmq-button--result {\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        #f5e5ca,\r\n        #cfaa76\r\n      );\r\n\r\n    color: var(--dmq-night);\r\n\r\n    box-shadow: 0 16px 36px rgba(4,37,46,.18);\r\n  }\r\n\r\n  .dmq-button--restart {\r\n    border: 1px solid rgba(4,37,46,.13);\r\n\r\n    background: transparent;\r\n    color: var(--dmq-night);\r\n  }\r\n\r\n\r\n  \/* HERO *\/\r\n\r\n  .dmq-hero {\r\n    position: relative;\r\n\r\n    min-height: 735px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 81% 12%,\r\n        rgba(119,189,183,.28),\r\n        transparent 29%\r\n      ),\r\n      radial-gradient(\r\n        circle at 8% 92%,\r\n        rgba(234,215,183,.12),\r\n        transparent 34%\r\n      ),\r\n      linear-gradient(\r\n        125deg,\r\n        #03222b 0%,\r\n        #06414c 45%,\r\n        #0a6972 76%,\r\n        #07323c 100%\r\n      );\r\n  }\r\n\r\n  .dmq-hero__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(255,255,255,.018) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,.018) 1px,\r\n        transparent 1px\r\n      );\r\n\r\n    background-size: 56px 56px;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .dmq-hero__glow {\r\n    position: absolute;\r\n\r\n    top: -310px;\r\n    right: -80px;\r\n\r\n    width: 720px;\r\n    height: 720px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,232,193,.34),\r\n        rgba(119,189,183,.08) 43%,\r\n        transparent 72%\r\n      );\r\n\r\n    animation: dmqPulse 7s ease-in-out infinite;\r\n  }\r\n\r\n  .dmq-hero__ring {\r\n    position: absolute;\r\n\r\n    border: 1px solid rgba(255,255,255,.13);\r\n    border-radius: 50%;\r\n\r\n    animation: dmqRotate 34s linear infinite;\r\n  }\r\n\r\n  .dmq-hero__ring span {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: -5px;\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--dmq-sand);\r\n\r\n    box-shadow:\r\n      0 0 0 8px rgba(234,215,183,.07),\r\n      0 0 26px rgba(234,215,183,.35);\r\n  }\r\n\r\n  .dmq-hero__ring--one {\r\n    top: 95px;\r\n    right: 8%;\r\n\r\n    width: 470px;\r\n    height: 470px;\r\n  }\r\n\r\n  .dmq-hero__ring--two {\r\n    top: 25px;\r\n    right: 1%;\r\n\r\n    width: 610px;\r\n    height: 610px;\r\n\r\n    animation-duration: 47s;\r\n    animation-direction: reverse;\r\n  }\r\n\r\n  .dmq-hero__light {\r\n    position: absolute;\r\n\r\n    top: -35%;\r\n\r\n    width: 175px;\r\n    height: 180%;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.075),\r\n        transparent\r\n      );\r\n\r\n    transform: rotate(18deg);\r\n\r\n    animation: dmqLight 11s ease-in-out infinite;\r\n  }\r\n\r\n  .dmq-hero__light--one {\r\n    left: -30%;\r\n  }\r\n\r\n  .dmq-hero__light--two {\r\n    left: -55%;\r\n    animation-delay: -5.5s;\r\n  }\r\n\r\n  .dmq-hero__waves {\r\n    position: absolute;\r\n\r\n    right: -8%;\r\n    bottom: 15px;\r\n\r\n    width: 70%;\r\n    height: 215px;\r\n\r\n    opacity: .16;\r\n    transform: rotate(-4deg);\r\n  }\r\n\r\n  .dmq-hero__waves i {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 105px;\r\n\r\n    border-top: 1px solid rgba(255,255,255,.8);\r\n    border-radius: 50%;\r\n\r\n    animation: dmqWave 8s ease-in-out infinite;\r\n  }\r\n\r\n  .dmq-hero__waves i:nth-child(1) {\r\n    top: 0;\r\n  }\r\n\r\n  .dmq-hero__waves i:nth-child(2) {\r\n    top: 42px;\r\n    animation-delay: -2s;\r\n  }\r\n\r\n  .dmq-hero__waves i:nth-child(3) {\r\n    top: 84px;\r\n    animation-delay: -4s;\r\n  }\r\n\r\n  .dmq-hero__waves i:nth-child(4) {\r\n    top: 126px;\r\n    animation-delay: -6s;\r\n  }\r\n\r\n  .dmq-hero__inner {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    min-height: 700px;\r\n    padding: 88px 0 115px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.05fr .95fr;\r\n    gap: 82px;\r\n    align-items: center;\r\n  }\r\n\r\n  .dmq-hero h1 {\r\n    max-width: 720px;\r\n\r\n    margin: 22px 0 27px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(58px, 6.5vw, 95px);\r\n    line-height: .92;\r\n    letter-spacing: -.052em;\r\n  }\r\n\r\n  .dmq-hero h1 em {\r\n    display: block;\r\n\r\n    margin-top: 9px;\r\n\r\n    color: var(--dmq-sand);\r\n    font-style: italic;\r\n  }\r\n\r\n  .dmq-hero__lead {\r\n    max-width: 610px;\r\n    margin-bottom: 33px;\r\n\r\n    color: rgba(255,255,255,.7);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.82;\r\n  }\r\n\r\n  .dmq-hero__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n  }\r\n\r\n  .dmq-hero__mini {\r\n    max-width: 610px;\r\n\r\n    margin-top: 44px;\r\n    padding-top: 22px;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n\r\n    border-top: 1px solid rgba(255,255,255,.12);\r\n  }\r\n\r\n  .dmq-hero__mini strong,\r\n  .dmq-hero__mini span {\r\n    display: block;\r\n  }\r\n\r\n  .dmq-hero__mini strong {\r\n    color: #ffffff;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .dmq-hero__mini span {\r\n    margin-top: 5px;\r\n\r\n    color: rgba(255,255,255,.45);\r\n\r\n    font-size: 9px;\r\n    letter-spacing: .09em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n\r\n  \/* KONTAKT PANEL *\/\r\n\r\n  .dmq-contact-panel {\r\n    position: relative;\r\n\r\n    padding: 31px;\r\n\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    border-radius: 28px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.105),\r\n        rgba(255,255,255,.035)\r\n      );\r\n\r\n    box-shadow:\r\n      0 35px 85px rgba(0,0,0,.25),\r\n      inset 0 1px 0 rgba(255,255,255,.11);\r\n\r\n    backdrop-filter: blur(17px);\r\n    -webkit-backdrop-filter: blur(17px);\r\n  }\r\n\r\n  .dmq-contact-panel__top {\r\n    margin-bottom: 21px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n  }\r\n\r\n  .dmq-contact-panel__top > span {\r\n    color: #ffffff;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 31px;\r\n  }\r\n\r\n  .dmq-contact-panel__top small {\r\n    color: rgba(255,255,255,.48);\r\n\r\n    font-size: 9px;\r\n    letter-spacing: .09em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-contact-card {\r\n    padding: 18px 0;\r\n\r\n    display: grid;\r\n    grid-template-columns: 48px minmax(0,1fr) 24px;\r\n    gap: 15px;\r\n    align-items: center;\r\n\r\n    border-bottom: 1px solid rgba(255,255,255,.11);\r\n\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n\r\n    transition:\r\n      transform .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .dmq-contact-card:hover {\r\n    transform: translateX(5px);\r\n    border-color: rgba(234,215,183,.4);\r\n  }\r\n\r\n  .dmq-contact-card__icon {\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border: 1px solid rgba(234,215,183,.3);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.055);\r\n  }\r\n\r\n  .dmq-contact-card__icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: var(--dmq-sand);\r\n  }\r\n\r\n  .dmq-contact-card__text {\r\n    min-width: 0;\r\n  }\r\n\r\n  .dmq-contact-card__text small,\r\n  .dmq-contact-card__text strong {\r\n    display: block;\r\n  }\r\n\r\n  .dmq-contact-card__text small {\r\n    margin-bottom: 5px;\r\n\r\n    color: rgba(234,215,183,.68);\r\n\r\n    font-size: 8px;\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-contact-card__text strong {\r\n    overflow-wrap: anywhere;\r\n\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .dmq-contact-card__arrow {\r\n    color: var(--dmq-sand);\r\n    font-size: 18px;\r\n  }\r\n\r\n  .dmq-contact-panel__note {\r\n    margin-top: 24px;\r\n    padding: 18px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 8px 1fr;\r\n    gap: 13px;\r\n\r\n    border-radius: 17px;\r\n\r\n    background: rgba(3,31,38,.42);\r\n  }\r\n\r\n  .dmq-contact-panel__note > span {\r\n    width: 7px;\r\n    height: 7px;\r\n    margin-top: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--dmq-sand);\r\n\r\n    box-shadow: 0 0 18px rgba(234,215,183,.5);\r\n  }\r\n\r\n  .dmq-contact-panel__note p {\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.62);\r\n\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .dmq-hero__bottom {\r\n    position: absolute;\r\n    z-index: 7;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n\r\n    height: 82px;\r\n  }\r\n\r\n  .dmq-hero__bottom svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n\r\n  \/* QUIZ SECTION *\/\r\n\r\n  .dmq-quiz-section {\r\n    position: relative;\r\n\r\n    padding: 92px 0 105px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 8%,\r\n        rgba(234,215,183,.3),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        #f8f3eb,\r\n        #ede7dd\r\n      );\r\n  }\r\n\r\n  .dmq-quiz-section__sun {\r\n    position: absolute;\r\n\r\n    top: -250px;\r\n    right: -100px;\r\n\r\n    width: 530px;\r\n    height: 530px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255,236,202,.52),\r\n        transparent 70%\r\n      );\r\n\r\n    animation: dmqPulse 7s ease-in-out infinite;\r\n  }\r\n\r\n  .dmq-section-heading {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-bottom: 44px;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: end;\r\n    gap: 55px;\r\n  }\r\n\r\n  .dmq-section-heading h2 {\r\n    max-width: 750px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    color: var(--dmq-night);\r\n\r\n    font-size: clamp(42px,5vw,65px);\r\n    line-height: 1.02;\r\n    letter-spacing: -.04em;\r\n  }\r\n\r\n  .dmq-section-heading h2 em {\r\n    display: block;\r\n\r\n    color: #a17859;\r\n    font-style: italic;\r\n  }\r\n\r\n  .dmq-section-heading > p {\r\n    max-width: 370px;\r\n    margin: 0;\r\n\r\n    color: var(--dmq-muted);\r\n    line-height: 1.77;\r\n  }\r\n\r\n\r\n  \/* QUIZ CARD *\/\r\n\r\n  .dmq-quiz {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    max-width: 1040px;\r\n    margin: 0 auto;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(7,59,70,.08);\r\n    border-radius: 31px;\r\n\r\n    background: rgba(255,253,248,.9);\r\n\r\n    box-shadow:\r\n      0 35px 90px rgba(4,37,46,.12),\r\n      inset 0 1px 0 rgba(255,255,255,.8);\r\n\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n  }\r\n\r\n  .dmq-quiz__header {\r\n    padding: 24px 29px 18px;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .dmq-quiz__header small,\r\n  .dmq-quiz__header strong {\r\n    display: block;\r\n  }\r\n\r\n  .dmq-quiz__header small {\r\n    margin-bottom: 4px;\r\n\r\n    color: #9a775a;\r\n\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-quiz__header strong {\r\n    color: var(--dmq-night);\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .dmq-quiz__header > span {\r\n    color: #9a775a;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n  }\r\n\r\n  .dmq-progress {\r\n    height: 4px;\r\n\r\n    background: rgba(7,59,70,.08);\r\n  }\r\n\r\n  .dmq-progress span {\r\n    width: 20%;\r\n    height: 100%;\r\n    display: block;\r\n\r\n    border-radius: 0 999px 999px 0;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        #0a5d68,\r\n        #83c0b9,\r\n        #c7a170\r\n      );\r\n\r\n    transition: width .45s ease;\r\n  }\r\n\r\n  .dmq-quiz__body {\r\n    min-height: 610px;\r\n    padding: 46px 46px 34px;\r\n  }\r\n\r\n  .dmq-step {\r\n    display: none;\r\n  }\r\n\r\n  .dmq-step.is-active {\r\n    display: block;\r\n\r\n    animation: dmqStepIn .4s ease both;\r\n  }\r\n\r\n  .dmq-step__number {\r\n    color: #b58b68;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: .18em;\r\n  }\r\n\r\n  .dmq-step h3 {\r\n    max-width: 760px;\r\n\r\n    margin: 13px 0 13px;\r\n\r\n    color: var(--dmq-night);\r\n\r\n    font-size: clamp(31px,4vw,47px);\r\n    line-height: 1.05;\r\n    letter-spacing: -.03em;\r\n  }\r\n\r\n  .dmq-step > p {\r\n    max-width: 650px;\r\n    margin-bottom: 29px;\r\n\r\n    color: var(--dmq-muted);\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .dmq-options {\r\n    display: grid;\r\n    grid-template-columns: repeat(2,1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .dmq-option {\r\n    width: 100%;\r\n    min-height: 107px;\r\n    padding: 18px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 47px 1fr;\r\n    gap: 15px;\r\n    align-items: center;\r\n\r\n    border: 1px solid rgba(7,59,70,.09);\r\n    border-radius: 19px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.92),\r\n        rgba(248,241,231,.72)\r\n      );\r\n\r\n    color: var(--dmq-text);\r\n    text-align: left;\r\n    cursor: pointer;\r\n\r\n    box-shadow: 0 13px 30px rgba(4,37,46,.04);\r\n\r\n    transition:\r\n      transform .25s ease,\r\n      border-color .25s ease,\r\n      background .25s ease,\r\n      box-shadow .25s ease;\r\n  }\r\n\r\n  .dmq-option:hover {\r\n    transform: translateY(-4px);\r\n\r\n    border-color: rgba(10,101,112,.31);\r\n\r\n    box-shadow: 0 20px 42px rgba(4,37,46,.09);\r\n  }\r\n\r\n  .dmq-option.is-selected {\r\n    border-color: rgba(10,101,112,.55);\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(225,242,238,.95),\r\n        rgba(246,230,204,.78)\r\n      );\r\n\r\n    box-shadow:\r\n      0 0 0 3px rgba(10,101,112,.07),\r\n      0 20px 42px rgba(4,37,46,.09);\r\n  }\r\n\r\n  .dmq-option__icon {\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border: 1px solid rgba(10,101,112,.16);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.75);\r\n\r\n    color: #8f6c52;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .dmq-option strong,\r\n  .dmq-option small {\r\n    display: block;\r\n  }\r\n\r\n  .dmq-option strong {\r\n    margin-bottom: 6px;\r\n\r\n    color: var(--dmq-night);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .dmq-option small {\r\n    color: var(--dmq-muted);\r\n\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .dmq-quiz__footer {\r\n    padding: 20px 29px 23px;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n\r\n    border-top: 1px solid rgba(7,59,70,.08);\r\n  }\r\n\r\n  .dmq-back {\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    background: transparent;\r\n\r\n    color: var(--dmq-night);\r\n    cursor: pointer;\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: .07em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-back:disabled {\r\n    opacity: .3;\r\n    cursor: default;\r\n  }\r\n\r\n  .dmq-quiz__footer p {\r\n    margin: 0;\r\n\r\n    color: var(--dmq-muted);\r\n\r\n    font-size: 11px;\r\n  }\r\n\r\n\r\n  \/* RESULT *\/\r\n\r\n  .dmq-result {\r\n    display: none;\r\n  }\r\n\r\n  .dmq-result.is-active {\r\n    display: block;\r\n\r\n    animation: dmqStepIn .45s ease both;\r\n  }\r\n\r\n  .dmq-result__top {\r\n    margin-bottom: 26px;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .dmq-result__label {\r\n    color: #9b7657;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: .17em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-result__match {\r\n    padding: 8px 12px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background: rgba(10,101,112,.08);\r\n    color: #0a5f6b;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-result__main {\r\n    padding: 26px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 115px 1fr;\r\n    gap: 27px;\r\n    align-items: center;\r\n\r\n    border-radius: 23px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0,\r\n        rgba(234,215,183,.42),\r\n        transparent 36%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        #073b46,\r\n        #0b6570\r\n      );\r\n\r\n    color: #ffffff;\r\n  }\r\n\r\n  .dmq-result__symbol {\r\n    width: 110px;\r\n    height: 110px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border: 1px solid rgba(255,255,255,.25);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.08);\r\n\r\n    color: var(--dmq-sand);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 31px;\r\n\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,.14),\r\n      0 20px 40px rgba(0,0,0,.12);\r\n  }\r\n\r\n  .dmq-result__main small {\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color: rgba(234,215,183,.72);\r\n\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dmq-result__main h3 {\r\n    margin: 0 0 11px;\r\n\r\n    font-size: clamp(31px,4vw,49px);\r\n    line-height: 1;\r\n  }\r\n\r\n  .dmq-result__main p {\r\n    max-width: 690px;\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.7);\r\n\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .dmq-result__reasons {\r\n    margin-top: 22px;\r\n    padding: 23px;\r\n\r\n    border: 1px solid rgba(7,59,70,.08);\r\n    border-radius: 20px;\r\n\r\n    background: rgba(255,255,255,.52);\r\n  }\r\n\r\n  .dmq-result__reasons > strong {\r\n    display: block;\r\n\r\n    margin-bottom: 16px;\r\n\r\n    color: var(--dmq-night);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .dmq-result__reasons #dmqResultReasons {\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .dmq-result-reason {\r\n    padding: 15px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background: rgba(236,228,215,.58);\r\n\r\n    color: var(--dmq-muted);\r\n\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .dmq-result-reason span {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #9a775a;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: .13em;\r\n  }\r\n\r\n  .dmq-result__actions {\r\n    margin-top: 23px;\r\n\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n\r\n  \/* FINAL CTA *\/\r\n\r\n  .dmq-final {\r\n    position: relative;\r\n\r\n    padding: 90px 0;\r\n    overflow: hidden;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 86% 8%,\r\n        rgba(255,255,255,.42),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        #eadcc8,\r\n        #b8d0cb\r\n      );\r\n  }\r\n\r\n  .dmq-final__circle {\r\n    position: absolute;\r\n\r\n    border: 1px solid rgba(4,37,46,.09);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .dmq-final__circle--one {\r\n    top: -220px;\r\n    right: -100px;\r\n\r\n    width: 480px;\r\n    height: 480px;\r\n  }\r\n\r\n  .dmq-final__circle--two {\r\n    top: -150px;\r\n    right: -30px;\r\n\r\n    width: 335px;\r\n    height: 335px;\r\n  }\r\n\r\n  .dmq-final__grid {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.08fr .92fr;\r\n    gap: 80px;\r\n    align-items: end;\r\n  }\r\n\r\n  .dmq-final h2 {\r\n    max-width: 720px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    color: var(--dmq-night);\r\n\r\n    font-size: clamp(43px,5vw,67px);\r\n    line-height: 1;\r\n    letter-spacing: -.04em;\r\n  }\r\n\r\n  .dmq-final h2 em {\r\n    display: block;\r\n\r\n    color: #8f6b51;\r\n    font-style: italic;\r\n  }\r\n\r\n  .dmq-final__content p {\r\n    margin-bottom: 24px;\r\n\r\n    color: #4f6465;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .dmq-final__buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n\r\n  \/* ANIMATIONS *\/\r\n\r\n  @keyframes dmqPulse {\r\n    0%,\r\n    100% {\r\n      transform: scale(1);\r\n      opacity: .82;\r\n    }\r\n\r\n    50% {\r\n      transform: scale(1.06);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes dmqRotate {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes dmqLight {\r\n    0%,\r\n    25% {\r\n      left: -30%;\r\n    }\r\n\r\n    72%,\r\n    100% {\r\n      left: 125%;\r\n    }\r\n  }\r\n\r\n  @keyframes dmqWave {\r\n    0%,\r\n    100% {\r\n      transform: translateX(0) scaleY(1);\r\n    }\r\n\r\n    50% {\r\n      transform: translateX(-24px) scaleY(1.18);\r\n    }\r\n  }\r\n\r\n  @keyframes dmqStepIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(17px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n\r\n  \/* TABLET *\/\r\n\r\n  @media (max-width: 980px) {\r\n\r\n    .dmq-hero__inner,\r\n    .dmq-final__grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dmq-contact-panel {\r\n      max-width: 680px;\r\n    }\r\n\r\n    .dmq-section-heading {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .dmq-section-heading > p {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .dmq-result__reasons #dmqResultReasons {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* TELEFON *\/\r\n\r\n  @media (max-width: 700px) {\r\n\r\n    .dmq-page {\r\n      width: 100vw !important;\r\n\r\n      margin-right: calc(50% - 50vw) !important;\r\n      margin-left: calc(50% - 50vw) !important;\r\n    }\r\n\r\n    .dmq-container {\r\n      width: 100%;\r\n\r\n      padding-right: 21px;\r\n      padding-left: 21px;\r\n    }\r\n\r\n    .dmq-hero {\r\n      min-height: auto;\r\n    }\r\n\r\n    .dmq-hero__ring,\r\n    .dmq-hero__light,\r\n    .dmq-hero__waves {\r\n      display: none;\r\n    }\r\n\r\n    .dmq-hero__inner {\r\n      min-height: auto;\r\n\r\n      padding: 58px 0 82px;\r\n\r\n      display: block;\r\n    }\r\n\r\n    .dmq-eyebrow {\r\n      gap: 9px;\r\n\r\n      font-size: 8px;\r\n      letter-spacing: .16em;\r\n    }\r\n\r\n    .dmq-eyebrow span {\r\n      width: 27px;\r\n      flex-basis: 27px;\r\n    }\r\n\r\n    .dmq-hero h1 {\r\n      margin: 18px 0 22px;\r\n\r\n      font-size: clamp(43px,12vw,55px);\r\n      line-height: .97;\r\n      letter-spacing: -.045em;\r\n    }\r\n\r\n    .dmq-hero__lead {\r\n      font-size: 14px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    .dmq-hero__actions {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dmq-button {\r\n      width: 100%;\r\n      min-height: 51px;\r\n      padding: 0 17px;\r\n\r\n      font-size: 10px;\r\n    }\r\n\r\n    .dmq-hero__mini {\r\n      margin-top: 32px;\r\n      padding-top: 19px;\r\n\r\n      gap: 5px;\r\n    }\r\n\r\n    .dmq-hero__mini div {\r\n      text-align: center;\r\n    }\r\n\r\n    .dmq-hero__mini strong {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .dmq-hero__mini span {\r\n      font-size: 7px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .dmq-contact-panel {\r\n      margin-top: 39px;\r\n      padding: 22px;\r\n\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .dmq-contact-panel__top {\r\n      display: block;\r\n    }\r\n\r\n    .dmq-contact-panel__top small {\r\n      display: block;\r\n      margin-top: 7px;\r\n    }\r\n\r\n    .dmq-contact-card {\r\n      grid-template-columns: 43px minmax(0,1fr) 18px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .dmq-contact-card__icon {\r\n      width: 42px;\r\n      height: 42px;\r\n    }\r\n\r\n    .dmq-contact-card__text strong {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .dmq-hero__bottom {\r\n      height: 38px;\r\n    }\r\n\r\n    .dmq-quiz-section,\r\n    .dmq-final {\r\n      padding: 63px 0;\r\n    }\r\n\r\n    .dmq-section-heading {\r\n      display: block;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .dmq-section-heading h2,\r\n    .dmq-final h2 {\r\n      font-size: 36px;\r\n      line-height: 1.04;\r\n    }\r\n\r\n    .dmq-section-heading > p {\r\n      margin-top: 18px;\r\n\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dmq-quiz {\r\n      border-radius: 23px;\r\n    }\r\n\r\n    .dmq-quiz__header {\r\n      padding: 19px 19px 15px;\r\n    }\r\n\r\n    .dmq-quiz__body {\r\n      min-height: 0;\r\n\r\n      padding: 31px 19px 25px;\r\n    }\r\n\r\n    .dmq-step h3 {\r\n      font-size: 31px;\r\n    }\r\n\r\n    .dmq-step > p {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dmq-options {\r\n      grid-template-columns: 1fr;\r\n      gap: 11px;\r\n    }\r\n\r\n    .dmq-option {\r\n      min-height: 94px;\r\n      padding: 15px;\r\n\r\n      grid-template-columns: 42px 1fr;\r\n      gap: 12px;\r\n\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .dmq-option__icon {\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .dmq-option strong {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .dmq-option small {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .dmq-quiz__footer {\r\n      padding: 17px 19px 19px;\r\n    }\r\n\r\n    .dmq-quiz__footer p {\r\n      display: none;\r\n    }\r\n\r\n    .dmq-result__top {\r\n      display: block;\r\n    }\r\n\r\n    .dmq-result__match {\r\n      display: inline-block;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .dmq-result__main {\r\n      padding: 22px;\r\n\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dmq-result__symbol {\r\n      width: 82px;\r\n      height: 82px;\r\n\r\n      font-size: 24px;\r\n    }\r\n\r\n    .dmq-result__main h3 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .dmq-result__main p {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dmq-result__actions {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dmq-final__grid {\r\n      display: block;\r\n    }\r\n\r\n    .dmq-final__content {\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .dmq-final__buttons {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dmq-final__circle {\r\n      display: none;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n\r\n    .dmq-hero__glow,\r\n    .dmq-hero__ring,\r\n    .dmq-hero__light,\r\n    .dmq-hero__waves i,\r\n    .dmq-quiz-section__sun {\r\n      animation: none;\r\n    }\r\n\r\n  }\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function () {\r\n    function initDolceMareQuiz() {\r\n      const root = document.querySelector(\".dmq-page\");\r\n\r\n      if (!root || root.dataset.quizReady === \"true\") {\r\n        return;\r\n      }\r\n\r\n      root.dataset.quizReady = \"true\";\r\n\r\n      const steps = Array.from(root.querySelectorAll(\".dmq-step\"));\r\n      const options = Array.from(root.querySelectorAll(\".dmq-option\"));\r\n\r\n      const progressText = root.querySelector(\"#dmqProgressText\");\r\n      const progressNumber = root.querySelector(\"#dmqProgressNumber\");\r\n      const progressBar = root.querySelector(\"#dmqProgressBar\");\r\n\r\n      const backButton = root.querySelector(\"#dmqBack\");\r\n      const resultSection = root.querySelector(\"#dmqResult\");\r\n      const restartButton = root.querySelector(\"#dmqRestart\");\r\n\r\n      const resultTitle = root.querySelector(\"#dmqResultTitle\");\r\n      const resultDescription = root.querySelector(\"#dmqResultDescription\");\r\n      const resultSymbol = root.querySelector(\"#dmqResultSymbol\");\r\n      const resultReasons = root.querySelector(\"#dmqResultReasons\");\r\n      const resultMatch = root.querySelector(\"#dmqMatch\");\r\n      const sendResult = root.querySelector(\"#dmqSendResult\");\r\n\r\n      let currentStep = 0;\r\n\r\n      const scores = {\r\n        steel: 0,\r\n        wood: 0,\r\n        aluminum: 0,\r\n        inox: 0\r\n      };\r\n\r\n      const selections = new Array(steps.length).fill(null);\r\n\r\n\r\n      const recommendations = {\r\n        steel: {\r\n          title: \"\u010celi\u010dni baldahin\",\r\n          symbol: \"\u010c\",\r\n          description:\r\n            \"\u010celi\u010dni baldahin je preporuka za prostore kojima su potrebni maksimalna stabilnost, masivna konstrukcija i pouzdana profesionalna outdoor upotreba.\",\r\n          reasons: [\r\n            \"Pocinkovana i plastificirana \u010deli\u010dna konstrukcija\",\r\n            \"Odli\u010dan izbor za vetar i intenzivno kori\u0161\u0107enje\",\r\n            \"Mercis tekstil i kompletna izrada po projektu\"\r\n          ]\r\n        },\r\n\r\n        wood: {\r\n          title: \"Drveni baldahin\",\r\n          symbol: \"D\",\r\n          description:\r\n            \"Drveni baldahin najbolje odgovara vilama, dvori\u0161tima, boutique objektima i prostorima u kojima su prirodna toplina i mediteranski karakter najva\u017eniji.\",\r\n          reasons: [\r\n            \"Prirodna i elegantna estetika drveta\",\r\n            \"Odli\u010dan izbor za vile, ba\u0161te i zaklonjene terase\",\r\n            \"Topao boutique izgled uz premium Mercis tekstil\"\r\n          ]\r\n        },\r\n\r\n        aluminum: {\r\n          title: \"Aluminijumski baldahin\",\r\n          symbol: \"AL\",\r\n          description:\r\n            \"Aluminijumski baldahin je idealan za moderne bazene, hotele i savremene eksterijere u kojima su va\u017ene \u010diste linije, lak\u0161a konstrukcija i jednostavno odr\u017eavanje.\",\r\n          reasons: [\r\n            \"Lagana i savremena aluminijumska konstrukcija\",\r\n            \"Odli\u010dan izbor za bazene i moderne objekte\",\r\n            \"RAL boje, inox detalji i Mercis outdoor tekstil\"\r\n          ]\r\n        },\r\n\r\n        inox: {\r\n          title: \"Prohromski baldahin\",\r\n          symbol: \"IN\",\r\n          description:\r\n            \"Prohromski baldahin predstavlja premium izbor za obalu, luksuzne resorte i ekskluzivne projekte kojima su potrebni presti\u017ean izgled i otpornost ner\u0111aju\u0107eg \u010delika.\",\r\n          reasons: [\r\n            \"Ner\u0111aju\u0107i \u010delik za premium outdoor projekte\",\r\n            \"Odli\u010dan izbor za more, vlagu i slan vazduh\",\r\n            \"Ekskluzivna zavr\u0161nica i dugoro\u010dna investicija\"\r\n          ]\r\n        }\r\n      };\r\n\r\n\r\n      function parseScores(value) {\r\n        const parsed = {\r\n          steel: 0,\r\n          wood: 0,\r\n          aluminum: 0,\r\n          inox: 0\r\n        };\r\n\r\n        if (!value) {\r\n          return parsed;\r\n        }\r\n\r\n        value.split(\",\").forEach(function (entry) {\r\n          const parts = entry.split(\":\");\r\n          const key = parts[0] ? parts[0].trim() : \"\";\r\n          const amount = Number(parts[1]);\r\n\r\n          if (Object.prototype.hasOwnProperty.call(parsed, key)) {\r\n            parsed[key] = Number.isFinite(amount) ? amount : 0;\r\n          }\r\n        });\r\n\r\n        return parsed;\r\n      }\r\n\r\n\r\n      function subtractScores(scoreObject) {\r\n        Object.keys(scores).forEach(function (key) {\r\n          scores[key] -= scoreObject[key] || 0;\r\n        });\r\n      }\r\n\r\n\r\n      function addScores(scoreObject) {\r\n        Object.keys(scores).forEach(function (key) {\r\n          scores[key] += scoreObject[key] || 0;\r\n        });\r\n      }\r\n\r\n\r\n      function updateProgress() {\r\n        const visibleStep = Math.min(currentStep + 1, steps.length);\r\n        const percentage =\r\n          currentStep >= steps.length\r\n            ? 100\r\n            : Math.round((visibleStep \/ steps.length) * 100);\r\n\r\n        progressText.textContent =\r\n          currentStep >= steps.length\r\n            ? \"Va\u0161 rezultat\"\r\n            : \"Pitanje \" + visibleStep + \" od \" + steps.length;\r\n\r\n        progressNumber.textContent = percentage + \"%\";\r\n        progressBar.style.width = percentage + \"%\";\r\n\r\n        backButton.disabled = currentStep === 0;\r\n        backButton.style.visibility =\r\n          currentStep >= steps.length ? \"hidden\" : \"visible\";\r\n      }\r\n\r\n\r\n      function showCurrentStep() {\r\n        steps.forEach(function (step, index) {\r\n          step.classList.toggle(\"is-active\", index === currentStep);\r\n        });\r\n\r\n        resultSection.classList.toggle(\r\n          \"is-active\",\r\n          currentStep >= steps.length\r\n        );\r\n\r\n        updateProgress();\r\n\r\n        const quizTop =\r\n          root.querySelector(\"#dmq-quiz\").getBoundingClientRect().top +\r\n          window.pageYOffset -\r\n          30;\r\n\r\n        window.scrollTo({\r\n          top: quizTop,\r\n          behavior: \"smooth\"\r\n        });\r\n      }\r\n\r\n\r\n      function calculateResult() {\r\n        const ordered = Object.entries(scores).sort(function (a, b) {\r\n          return b[1] - a[1];\r\n        });\r\n\r\n        const winner = ordered[0][0];\r\n        const winnerScore = ordered[0][1];\r\n        const secondScore = ordered[1][1];\r\n\r\n        const recommendation = recommendations[winner];\r\n\r\n        const percentage = Math.min(\r\n          98,\r\n          Math.max(\r\n            76,\r\n            80 + winnerScore - secondScore\r\n          )\r\n        );\r\n\r\n        resultTitle.textContent = recommendation.title;\r\n        resultDescription.textContent = recommendation.description;\r\n        resultSymbol.textContent = recommendation.symbol;\r\n        resultMatch.textContent = percentage + \"% poklapanje\";\r\n\r\n        resultReasons.innerHTML = recommendation.reasons\r\n          .map(function (reason, index) {\r\n            return (\r\n              '<div class=\"dmq-result-reason\">' +\r\n                \"<span>0\" + (index + 1) + \"<\/span>\" +\r\n                reason +\r\n              \"<\/div>\"\r\n            );\r\n          })\r\n          .join(\"\");\r\n\r\n        const answers = selections\r\n          .map(function (selection, index) {\r\n            if (!selection) {\r\n              return \"\";\r\n            }\r\n\r\n            return (\r\n              (index + 1) +\r\n              \". \" +\r\n              selection.label\r\n            );\r\n          })\r\n          .filter(Boolean)\r\n          .join(\"\\n\");\r\n\r\n        const subject =\r\n          \"Rezultat kviza \u2013 \" + recommendation.title;\r\n\r\n        const body =\r\n          \"Po\u0161tovani,\\n\\n\" +\r\n          \"Re\u0161io\/la sam Dolce Mare kviz.\\n\\n\" +\r\n          \"Preporu\u010deni model: \" +\r\n          recommendation.title +\r\n          \"\\n\\n\" +\r\n          \"Moji odgovori:\\n\" +\r\n          answers +\r\n          \"\\n\\n\" +\r\n          \"Molim Vas da mi po\u0161aljete vi\u0161e informacija i ponudu.\\n\\n\" +\r\n          \"Lokacija projekta:\\n\" +\r\n          \"Potrebna koli\u010dina:\\n\" +\r\n          \"Planirani rok:\\n\";\r\n\r\n        sendResult.href =\r\n          \"mailto:office@plaznimobilijar.com\" +\r\n          \"?subject=\" +\r\n          encodeURIComponent(subject) +\r\n          \"&body=\" +\r\n          encodeURIComponent(body);\r\n      }\r\n\r\n\r\n      options.forEach(function (option) {\r\n        option.addEventListener(\"click\", function () {\r\n          const stepElement = option.closest(\".dmq-step\");\r\n          const stepIndex = Number(stepElement.dataset.step);\r\n\r\n          const newScores = parseScores(option.dataset.score);\r\n          const label = option.dataset.label || option.innerText.trim();\r\n\r\n          if (selections[stepIndex]) {\r\n            subtractScores(selections[stepIndex].scores);\r\n          }\r\n\r\n          selections[stepIndex] = {\r\n            scores: newScores,\r\n            label: label\r\n          };\r\n\r\n          addScores(newScores);\r\n\r\n          stepElement\r\n            .querySelectorAll(\".dmq-option\")\r\n            .forEach(function (button) {\r\n              button.classList.remove(\"is-selected\");\r\n            });\r\n\r\n          option.classList.add(\"is-selected\");\r\n\r\n          window.setTimeout(function () {\r\n            currentStep = stepIndex + 1;\r\n\r\n            if (currentStep >= steps.length) {\r\n              calculateResult();\r\n            }\r\n\r\n            showCurrentStep();\r\n          }, 240);\r\n        });\r\n      });\r\n\r\n\r\n      backButton.addEventListener(\"click\", function () {\r\n        if (currentStep <= 0) {\r\n          return;\r\n        }\r\n\r\n        currentStep -= 1;\r\n        showCurrentStep();\r\n      });\r\n\r\n\r\n      restartButton.addEventListener(\"click\", function () {\r\n        currentStep = 0;\r\n\r\n        Object.keys(scores).forEach(function (key) {\r\n          scores[key] = 0;\r\n        });\r\n\r\n        selections.fill(null);\r\n\r\n        options.forEach(function (option) {\r\n          option.classList.remove(\"is-selected\");\r\n        });\r\n\r\n        resultSection.classList.remove(\"is-active\");\r\n\r\n        showCurrentStep();\r\n      });\r\n\r\n\r\n      updateProgress();\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        initDolceMareQuiz\r\n      );\r\n    } else {\r\n      initDolceMareQuiz();\r\n    }\r\n\r\n    window.setTimeout(initDolceMareQuiz, 700);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dolce Mare Outdoor Kreirajmo prostor koji se pamti. Po\u0161aljite nam detalje projekta ili re\u0161ite kratak kviz i saznajte koji model [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100"}],"version-history":[{"count":4,"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages\/100\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}