{"id":87,"date":"2026-07-10T12:28:35","date_gmt":"2026-07-10T12:28:35","guid":{"rendered":"https:\/\/plaznimobilijar.com\/?page_id=87"},"modified":"2026-07-10T15:31:38","modified_gmt":"2026-07-10T15:31:38","slug":"drveni","status":"publish","type":"page","link":"https:\/\/plaznimobilijar.com\/?page_id=87","title":{"rendered":"Drveni"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"87\" class=\"elementor elementor-87\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-012ce96 e-con-full e-flex e-con e-parent\" data-id=\"012ce96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1de4a1b elementor-widget elementor-widget-html\" data-id=\"1de4a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dw-page\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"dw-hero\">\r\n    <div class=\"dw-hero__grain\"><\/div>\r\n    <div class=\"dw-hero__glow\"><\/div>\r\n\r\n    <div class=\"dw-hero__ring dw-hero__ring--one\"><\/div>\r\n    <div class=\"dw-hero__ring dw-hero__ring--two\"><\/div>\r\n\r\n    <div class=\"dw-shell dw-hero__inner\">\r\n\r\n      <div class=\"dw-hero__copy dw-reveal\">\r\n        <div class=\"dw-eyebrow\">\r\n          <span><\/span>\r\n          Dolce Mare kolekcija\r\n        <\/div>\r\n\r\n        <h1>\r\n          Drveni baldahini\r\n          <em>sa karakterom Mediterana.<\/em>\r\n        <\/h1>\r\n\r\n        <p>\r\n          Prirodna toplina drveta, \u010diste linije i potpuna udobnost\r\n          za hotele, vile, bazene i ekskluzivne outdoor prostore.\r\n        <\/p>\r\n\r\n        <div class=\"dw-hero__buttons\">\r\n          <a href=\"#dw-detalji\" class=\"dw-btn dw-btn--primary\">\r\n            Pogledajte detalje\r\n            <span>\u2193<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"mailto:office@plaznimobilijar.com?subject=Upit%20za%20drveni%20baldahin\"\r\n            class=\"dw-btn dw-btn--outline\"\r\n          >\r\n            Zatra\u017eite ponudu\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dw-hero__meta\">\r\n          <div>\r\n            <strong>200 \u00d7 200 cm<\/strong>\r\n            <span>standardna dimenzija<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Po meri<\/strong>\r\n            <span>boje i tekstil<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Kompletno<\/strong>\r\n            <span>isporuka i monta\u017ea<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dw-hero__visual dw-reveal\">\r\n        <div class=\"dw-slider\">\r\n\r\n          <div class=\"dw-slide is-active\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/plaznimobilijar.com\/wp-content\/uploads\/2026\/07\/1-11.png\"\r\n              alt=\"Drveni baldahin Dolce Mare\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"dw-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/plaznimobilijar.com\/wp-content\/uploads\/2026\/07\/11894a16-9738-4641-b433-8ef4f0967556.png\"\r\n              alt=\"Drveni baldahin u outdoor prostoru\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"dw-slide\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/plaznimobilijar.com\/wp-content\/uploads\/2026\/07\/Drvo.png\"\r\n              alt=\"Detalj drveta Dolce Mare\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"dw-slider__shine\"><\/div>\r\n\r\n          <div class=\"dw-slider__badge\">\r\n            <small>Materijal<\/small>\r\n            <strong>Lamelirano drvo<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"dw-slider__controls\">\r\n            <button class=\"dw-dot is-active\" aria-label=\"Slika 1\"><\/button>\r\n            <button class=\"dw-dot\" aria-label=\"Slika 2\"><\/button>\r\n            <button class=\"dw-dot\" aria-label=\"Slika 3\"><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dw-hero__wave\">\r\n      <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\r\n        <path\r\n          d=\"M0,62 C250,102 520,28 780,64 C1040,100 1240,38 1440,58 L1440,100 L0,100 Z\"\r\n          fill=\"#f7efe3\"\r\n        ><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- DETALJI -->\r\n  <section class=\"dw-details\" id=\"dw-detalji\">\r\n    <div class=\"dw-shell\">\r\n\r\n      <div class=\"dw-section-head dw-reveal\">\r\n        <div>\r\n          <div class=\"dw-eyebrow dw-eyebrow--dark\">\r\n            <span><\/span>\r\n            Prirodna elegancija\r\n          <\/div>\r\n\r\n          <h2>\r\n            Dizajniran da oplemeni prostor.\r\n            <em>Napravljen da traje.<\/em>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p>\r\n          Drveni baldahin pru\u017ea toplinu prirodnog materijala,\r\n          uz stabilnu konstrukciju i premium zavr\u0161nu obradu.\r\n        <\/p>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dw-feature-grid\">\r\n\r\n        <article class=\"dw-feature dw-reveal\">\r\n          <span>01<\/span>\r\n          <h3>Premium drvo<\/h3>\r\n          <p>\r\n            Pa\u017eljivo obra\u0111ena konstrukcija od kvalitetnog\r\n            lameliranog drveta.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dw-feature dw-reveal\">\r\n          <span>02<\/span>\r\n          <h3>Outdoor tekstil<\/h3>\r\n          <p>\r\n            Du\u0161eci, jastuci, zavese i krovno platno\r\n            u bojama po izboru.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dw-feature dw-reveal\">\r\n          <span>03<\/span>\r\n          <h3>Izrada po meri<\/h3>\r\n          <p>\r\n            Dimenzije, nijansa drveta i detalji\r\n            prilago\u0111eni va\u0161em projektu.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- KOMPLET -->\r\n  <section class=\"dw-set\">\r\n    <div class=\"dw-shell dw-set__inner\">\r\n\r\n      <div class=\"dw-set__image dw-reveal\">\r\n        <div class=\"dw-set__image-frame\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/plaznimobilijar.com\/wp-content\/uploads\/2026\/07\/11894a16-9738-4641-b433-8ef4f0967556.png\"\r\n            alt=\"Drveni baldahin Dolce Mare\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"dw-set__stamp\">\r\n          <strong>Dolce Mare<\/strong>\r\n          <span>Outdoor living<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dw-set__content dw-reveal\">\r\n        <div class=\"dw-eyebrow\">\r\n          <span><\/span>\r\n          Kompletna isporuka\r\n        <\/div>\r\n\r\n        <h2>\r\n          Sve \u0161to je potrebno\r\n          za potpuni do\u017eivljaj.\r\n        <\/h2>\r\n\r\n        <div class=\"dw-list\">\r\n          <div>\r\n            <span>01<\/span>\r\n            <p>Drvena konstrukcija<\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>02<\/span>\r\n            <p>Vodootporni du\u0161eci i jastuci<\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>03<\/span>\r\n            <p>Zavese i krovno platno<\/p>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>04<\/span>\r\n            <p>Isporuka i profesionalna monta\u017ea<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a\r\n          href=\"mailto:office@plaznimobilijar.com?subject=Ponuda%20za%20drveni%20baldahin\"\r\n          class=\"dw-btn dw-btn--sand\"\r\n        >\r\n          Po\u0161aljite upit\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA -->\r\n  <section class=\"dw-cta\">\r\n    <div class=\"dw-cta__circle\"><\/div>\r\n\r\n    <div class=\"dw-shell dw-cta__inner dw-reveal\">\r\n      <div>\r\n        <div class=\"dw-eyebrow dw-eyebrow--dark\">\r\n          <span><\/span>\r\n          Va\u0161 prostor. Na\u0161 potpis.\r\n        <\/div>\r\n\r\n        <h2>Drveni baldahin kreiran za va\u0161 ambijent.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"dw-cta__action\">\r\n        <p>\r\n          Po\u0161aljite nam lokaciju, \u017eeljenu koli\u010dinu i dimenzije,\r\n          a na\u0161 tim \u0107e pripremiti kompletnu ponudu.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"mailto:office@plaznimobilijar.com?subject=Upit%20za%20drveni%20baldahin\"\r\n          class=\"dw-btn dw-btn--dark\"\r\n        >\r\n          Zatra\u017eite ponudu\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\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;\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  .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  .dw-page {\r\n    --dw-deep: #17382f;\r\n    --dw-forest: #234d3f;\r\n    --dw-olive: #73816b;\r\n    --dw-wood: #a87845;\r\n    --dw-wood-dark: #6f482b;\r\n    --dw-sand: #ead8bc;\r\n    --dw-cream: #f7efe3;\r\n    --dw-shell: #fffaf2;\r\n    --dw-text: #263f39;\r\n    --dw-muted: #6b7974;\r\n\r\n    width: 100vw;\r\n    max-width: none;\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    background: var(--dw-cream);\r\n    color: var(--dw-text);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .dw-page,\r\n  .dw-page * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dw-page img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .dw-page h1,\r\n  .dw-page h2,\r\n  .dw-page h3,\r\n  .dw-page p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .dw-page h1,\r\n  .dw-page h2,\r\n  .dw-page h3 {\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .dw-page em {\r\n    color: var(--dw-wood);\r\n    font-style: italic;\r\n  }\r\n\r\n  .dw-shell {\r\n    width: min(1220px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .dw-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    color: var(--dw-sand);\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.23em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dw-eyebrow span {\r\n    width: 38px;\r\n    height: 1px;\r\n    flex: 0 0 38px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .dw-eyebrow--dark {\r\n    color: var(--dw-wood);\r\n  }\r\n\r\n\r\n  \/* DUGMAD *\/\r\n\r\n  .dw-btn {\r\n    min-height: 54px;\r\n    padding: 0 24px;\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-radius: 999px;\r\n\r\n    text-decoration: none;\r\n\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      box-shadow 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .dw-btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .dw-btn--primary,\r\n  .dw-btn--sand {\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        #f3e3ca,\r\n        #d8b67f\r\n      );\r\n\r\n    color: var(--dw-deep);\r\n\r\n    box-shadow:\r\n      0 17px 38px rgba(0, 0, 0, 0.18),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.75);\r\n  }\r\n\r\n  .dw-btn--outline {\r\n    border: 1px solid rgba(255, 255, 255, 0.25);\r\n    background: rgba(255, 255, 255, 0.055);\r\n    color: #fffaf2;\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n\r\n  .dw-btn--dark {\r\n    background: var(--dw-deep);\r\n    color: #ffffff;\r\n\r\n    box-shadow: 0 15px 32px rgba(23, 56, 47, 0.2);\r\n  }\r\n\r\n\r\n  \/* HERO *\/\r\n\r\n  .dw-hero {\r\n    position: relative;\r\n    min-height: 730px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 77% 14%,\r\n        rgba(196, 159, 105, 0.22),\r\n        transparent 29%\r\n      ),\r\n      radial-gradient(\r\n        circle at 10% 88%,\r\n        rgba(105, 137, 116, 0.18),\r\n        transparent 35%\r\n      ),\r\n      linear-gradient(\r\n        125deg,\r\n        #102f29 0%,\r\n        #21493c 50%,\r\n        #355e4a 75%,\r\n        #18372f 100%\r\n      );\r\n  }\r\n\r\n  .dw-hero__grain {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(255, 255, 255, 0.018) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255, 255, 255, 0.018) 1px,\r\n        transparent 1px\r\n      );\r\n\r\n    background-size: 52px 52px;\r\n    opacity: 0.65;\r\n  }\r\n\r\n  .dw-hero__glow {\r\n    position: absolute;\r\n    top: -270px;\r\n    right: -40px;\r\n\r\n    width: 620px;\r\n    height: 620px;\r\n    border-radius: 50%;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(255, 232, 196, 0.3),\r\n        rgba(168, 120, 69, 0.09) 44%,\r\n        transparent 72%\r\n      );\r\n  }\r\n\r\n  .dw-hero__ring {\r\n    position: absolute;\r\n    border: 1px solid rgba(234, 216, 188, 0.14);\r\n    border-radius: 50%;\r\n\r\n    animation: dwSpin 28s linear infinite;\r\n  }\r\n\r\n  .dw-hero__ring::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: -5px;\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n\r\n    background: var(--dw-sand);\r\n\r\n    box-shadow:\r\n      0 0 0 7px rgba(234, 216, 188, 0.08),\r\n      0 0 22px rgba(234, 216, 188, 0.35);\r\n  }\r\n\r\n  .dw-hero__ring--one {\r\n    width: 470px;\r\n    height: 470px;\r\n    top: 120px;\r\n    right: 7%;\r\n  }\r\n\r\n  .dw-hero__ring--two {\r\n    width: 590px;\r\n    height: 590px;\r\n    top: 60px;\r\n    right: 2%;\r\n\r\n    animation-duration: 38s;\r\n    animation-direction: reverse;\r\n  }\r\n\r\n  @keyframes dwSpin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  .dw-hero__inner {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    min-height: 690px;\r\n    padding: 75px 0 105px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n  }\r\n\r\n  .dw-hero__copy {\r\n    position: relative;\r\n    z-index: 6;\r\n  }\r\n\r\n  .dw-hero h1 {\r\n    max-width: 620px;\r\n    margin: 22px 0 25px;\r\n\r\n    color: #fffaf2;\r\n\r\n    font-size: clamp(49px, 6vw, 78px);\r\n    line-height: 0.96;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .dw-hero h1 em {\r\n    display: block;\r\n    margin-top: 10px;\r\n    color: var(--dw-sand);\r\n  }\r\n\r\n  .dw-hero__copy > p {\r\n    max-width: 560px;\r\n    margin-bottom: 32px;\r\n\r\n    color: rgba(255, 250, 242, 0.72);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .dw-hero__buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n  }\r\n\r\n  .dw-hero__meta {\r\n    margin-top: 43px;\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, 0.12);\r\n  }\r\n\r\n  .dw-hero__meta strong,\r\n  .dw-hero__meta span {\r\n    display: block;\r\n  }\r\n\r\n  .dw-hero__meta strong {\r\n    color: #ffffff;\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  .dw-hero__meta span {\r\n    margin-top: 5px;\r\n\r\n    color: rgba(255, 255, 255, 0.48);\r\n\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n\r\n  \/* SLIDER *\/\r\n\r\n  .dw-hero__visual {\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  .dw-slider {\r\n    position: relative;\r\n\r\n    height: 550px;\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: 260px 260px 28px 28px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 0.1),\r\n        rgba(255, 255, 255, 0.035)\r\n      );\r\n\r\n    box-shadow:\r\n      0 35px 80px rgba(0, 0, 0, 0.26),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .dw-slide {\r\n    position: absolute;\r\n    inset: 14px;\r\n\r\n    opacity: 0;\r\n    transform: scale(1.04);\r\n\r\n    transition:\r\n      opacity 0.8s ease,\r\n      transform 1.2s ease;\r\n  }\r\n\r\n  .dw-slide.is-active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .dw-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n\r\n    border-radius: 245px 245px 20px 20px;\r\n\r\n    filter:\r\n      drop-shadow(0 28px 35px rgba(0, 0, 0, 0.24));\r\n  }\r\n\r\n  .dw-slider__shine {\r\n    position: absolute;\r\n    z-index: 4;\r\n    top: -40%;\r\n    left: -65%;\r\n\r\n    width: 45%;\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, 0.13),\r\n        transparent\r\n      );\r\n\r\n    transform: rotate(18deg);\r\n    animation: dwShine 7s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes dwShine {\r\n    0%,\r\n    35% {\r\n      left: -65%;\r\n    }\r\n\r\n    70%,\r\n    100% {\r\n      left: 130%;\r\n    }\r\n  }\r\n\r\n  .dw-slider__badge {\r\n    position: absolute;\r\n    z-index: 5;\r\n    right: 24px;\r\n    bottom: 58px;\r\n\r\n    padding: 14px 18px;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 15px;\r\n\r\n    background: rgba(19, 50, 42, 0.72);\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  .dw-slider__badge small,\r\n  .dw-slider__badge strong {\r\n    display: block;\r\n  }\r\n\r\n  .dw-slider__badge small {\r\n    margin-bottom: 4px;\r\n\r\n    color: var(--dw-sand);\r\n\r\n    font-size: 8px;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dw-slider__badge strong {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .dw-slider__controls {\r\n    position: absolute;\r\n    z-index: 6;\r\n    left: 50%;\r\n    bottom: 20px;\r\n\r\n    display: flex;\r\n    gap: 8px;\r\n\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .dw-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255, 255, 255, 0.35);\r\n    cursor: pointer;\r\n\r\n    transition:\r\n      width 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  .dw-dot.is-active {\r\n    width: 28px;\r\n    border-radius: 999px;\r\n    background: var(--dw-sand);\r\n  }\r\n\r\n  .dw-hero__wave {\r\n    position: absolute;\r\n    z-index: 6;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n\r\n    height: 80px;\r\n  }\r\n\r\n  .dw-hero__wave svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n\r\n  \/* DETALJI *\/\r\n\r\n  .dw-details {\r\n    padding: 90px 0;\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 12%,\r\n        rgba(168, 120, 69, 0.09),\r\n        transparent 28%\r\n      ),\r\n      var(--dw-cream);\r\n  }\r\n\r\n  .dw-section-head {\r\n    margin-bottom: 42px;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: end;\r\n    gap: 50px;\r\n  }\r\n\r\n  .dw-section-head h2 {\r\n    max-width: 690px;\r\n    margin: 16px 0 0;\r\n\r\n    color: var(--dw-deep);\r\n\r\n    font-size: clamp(39px, 5vw, 58px);\r\n    line-height: 1.04;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .dw-section-head h2 em {\r\n    display: block;\r\n  }\r\n\r\n  .dw-section-head > p {\r\n    max-width: 360px;\r\n    margin: 0;\r\n\r\n    color: var(--dw-muted);\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .dw-feature-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  .dw-feature {\r\n    min-height: 245px;\r\n    padding: 27px;\r\n\r\n    border: 1px solid rgba(23, 56, 47, 0.08);\r\n    border-radius: 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 0.84),\r\n        rgba(255, 250, 242, 0.65)\r\n      );\r\n\r\n    box-shadow: 0 18px 42px rgba(23, 56, 47, 0.06);\r\n\r\n    transition:\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .dw-feature:hover {\r\n    transform: translateY(-6px);\r\n\r\n    box-shadow: 0 26px 55px rgba(23, 56, 47, 0.11);\r\n  }\r\n\r\n  .dw-feature > span {\r\n    color: var(--dw-wood);\r\n\r\n    font-size: 10px;\r\n    letter-spacing: 0.18em;\r\n  }\r\n\r\n  .dw-feature h3 {\r\n    margin: 54px 0 14px;\r\n\r\n    color: var(--dw-deep);\r\n    font-size: 27px;\r\n  }\r\n\r\n  .dw-feature p {\r\n    margin-bottom: 0;\r\n\r\n    color: var(--dw-muted);\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  \/* KOMPLET *\/\r\n\r\n  .dw-set {\r\n    padding: 95px 0;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 82% 14%,\r\n        rgba(196, 159, 105, 0.16),\r\n        transparent 31%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        #17382f,\r\n        #285445\r\n      );\r\n  }\r\n\r\n  .dw-set__inner {\r\n    display: grid;\r\n    grid-template-columns: 1.04fr 0.96fr;\r\n    gap: 75px;\r\n    align-items: center;\r\n  }\r\n\r\n  .dw-set__image {\r\n    position: relative;\r\n  }\r\n\r\n  .dw-set__image-frame {\r\n    height: 500px;\r\n    overflow: hidden;\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.24);\r\n  }\r\n\r\n  .dw-set__image-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n\r\n    transition: transform 0.7s ease;\r\n  }\r\n\r\n  .dw-set__image-frame:hover img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .dw-set__stamp {\r\n    position: absolute;\r\n    right: -28px;\r\n    bottom: 28px;\r\n\r\n    width: 135px;\r\n    height: 135px;\r\n\r\n    display: grid;\r\n    place-content: center;\r\n    text-align: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        #f0dfc2,\r\n        #d3aa6f\r\n      );\r\n\r\n    color: var(--dw-deep);\r\n\r\n    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);\r\n  }\r\n\r\n  .dw-set__stamp strong {\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .dw-set__stamp span {\r\n    margin-top: 5px;\r\n\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dw-set__content h2 {\r\n    margin: 17px 0 25px;\r\n\r\n    color: #fffaf2;\r\n\r\n    font-size: clamp(41px, 5vw, 61px);\r\n    line-height: 1.03;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .dw-list {\r\n    margin: 28px 0 32px;\r\n\r\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .dw-list div {\r\n    padding: 16px 0;\r\n\r\n    display: grid;\r\n    grid-template-columns: 42px 1fr;\r\n\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .dw-list span {\r\n    color: var(--dw-sand);\r\n    font-size: 10px;\r\n  }\r\n\r\n  .dw-list p {\r\n    margin: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n\r\n  \/* CTA *\/\r\n\r\n  .dw-cta {\r\n    position: relative;\r\n    padding: 85px 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, 0.35),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        #ead8bc,\r\n        #dcb988\r\n      );\r\n  }\r\n\r\n  .dw-cta__circle {\r\n    position: absolute;\r\n    top: -230px;\r\n    right: -120px;\r\n\r\n    width: 470px;\r\n    height: 470px;\r\n\r\n    border: 1px solid rgba(23, 56, 47, 0.09);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .dw-cta__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.08fr 0.92fr;\r\n    gap: 80px;\r\n    align-items: end;\r\n  }\r\n\r\n  .dw-cta h2 {\r\n    max-width: 700px;\r\n    margin: 16px 0 0;\r\n\r\n    color: var(--dw-deep);\r\n\r\n    font-size: clamp(41px, 5vw, 65px);\r\n    line-height: 1;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .dw-cta__action p {\r\n    margin-bottom: 23px;\r\n\r\n    color: #4f625c;\r\n    line-height: 1.75;\r\n  }\r\n\r\n\r\n  \/* REVEAL *\/\r\n\r\n  .dw-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n\r\n    transition:\r\n      opacity 0.75s ease,\r\n      transform 0.75s ease;\r\n  }\r\n\r\n  .dw-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n\r\n  \/* TABLET *\/\r\n\r\n  @media (max-width: 980px) {\r\n    .dw-hero__inner,\r\n    .dw-set__inner,\r\n    .dw-cta__inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dw-hero__inner {\r\n      padding-top: 75px;\r\n      padding-bottom: 120px;\r\n    }\r\n\r\n    .dw-slider {\r\n      height: 520px;\r\n    }\r\n\r\n    .dw-section-head {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .dw-section-head > p {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .dw-feature-grid {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n\r\n\r\n  \/* MOBILNI *\/\r\n\r\n  @media (max-width: 700px) {\r\n    .dw-shell {\r\n      width: min(100% - 32px, 1220px);\r\n    }\r\n\r\n    .dw-hero {\r\n      min-height: auto;\r\n    }\r\n\r\n    .dw-hero__inner {\r\n      padding: 66px 0 110px;\r\n      gap: 35px;\r\n    }\r\n\r\n    .dw-hero h1 {\r\n      font-size: 45px;\r\n      line-height: 0.98;\r\n    }\r\n\r\n    .dw-hero__copy > p {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .dw-hero__buttons {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .dw-btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .dw-hero__meta {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .dw-hero__meta div {\r\n      padding-bottom: 14px;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n    }\r\n\r\n    .dw-slider {\r\n      height: 410px;\r\n      border-radius: 190px 190px 24px 24px;\r\n    }\r\n\r\n    .dw-slide img {\r\n      border-radius: 180px 180px 17px 17px;\r\n    }\r\n\r\n    .dw-slider__badge {\r\n      right: 15px;\r\n      bottom: 54px;\r\n    }\r\n\r\n    .dw-hero__ring--one {\r\n      width: 320px;\r\n      height: 320px;\r\n      right: -170px;\r\n    }\r\n\r\n    .dw-hero__ring--two {\r\n      width: 410px;\r\n      height: 410px;\r\n      right: -250px;\r\n    }\r\n\r\n    .dw-details,\r\n    .dw-set,\r\n    .dw-cta {\r\n      padding: 75px 0;\r\n    }\r\n\r\n    .dw-section-head h2,\r\n    .dw-set__content h2,\r\n    .dw-cta h2 {\r\n      font-size: 39px;\r\n    }\r\n\r\n    .dw-feature-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dw-feature {\r\n      min-height: auto;\r\n    }\r\n\r\n    .dw-feature h3 {\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .dw-set__image-frame {\r\n      height: 390px;\r\n    }\r\n\r\n    .dw-set__stamp {\r\n      right: 12px;\r\n      width: 115px;\r\n      height: 115px;\r\n    }\r\n  }\r\n\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .dw-hero__ring,\r\n    .dw-slider__shine {\r\n      animation: none;\r\n    }\r\n\r\n    .dw-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const slides = document.querySelectorAll(\".dw-slide\");\r\n    const dots = document.querySelectorAll(\".dw-dot\");\r\n    const slider = document.querySelector(\".dw-slider\");\r\n    let currentSlide = 0;\r\n    let sliderTimer;\r\n\r\n    function showSlide(index) {\r\n      slides.forEach((slide, i) => {\r\n        slide.classList.toggle(\"is-active\", i === index);\r\n      });\r\n\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle(\"is-active\", i === index);\r\n      });\r\n\r\n      currentSlide = index;\r\n    }\r\n\r\n    function startSlider() {\r\n      sliderTimer = setInterval(() => {\r\n        showSlide((currentSlide + 1) % slides.length);\r\n      }, 4200);\r\n    }\r\n\r\n    dots.forEach((dot, index) => {\r\n      dot.addEventListener(\"click\", function () {\r\n        clearInterval(sliderTimer);\r\n        showSlide(index);\r\n        startSlider();\r\n      });\r\n    });\r\n\r\n    startSlider();\r\n\r\n    const revealElements = document.querySelectorAll(\".dw-reveal\");\r\n\r\n    const revealObserver = new IntersectionObserver(\r\n      function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"is-visible\");\r\n            revealObserver.unobserve(entry.target);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold: 0.14\r\n      }\r\n    );\r\n\r\n    revealElements.forEach(function (element) {\r\n      revealObserver.observe(element);\r\n    });\r\n\r\n    if (slider && window.matchMedia(\"(pointer: fine)\").matches) {\r\n      slider.addEventListener(\"mousemove\", function (event) {\r\n        const rect = slider.getBoundingClientRect();\r\n        const x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n        const y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n        slider.style.transform =\r\n          \"perspective(1000px) rotateY(\" +\r\n          x * 5 +\r\n          \"deg) rotateX(\" +\r\n          y * -5 +\r\n          \"deg)\";\r\n      });\r\n\r\n      slider.addEventListener(\"mouseleave\", function () {\r\n        slider.style.transform =\r\n          \"perspective(1000px) rotateY(0deg) rotateX(0deg)\";\r\n      });\r\n    }\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 kolekcija Drveni baldahini sa karakterom Mediterana. Prirodna toplina drveta, \u010diste linije i potpuna udobnost za hotele, vile, bazene [&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-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages\/87","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=87"}],"version-history":[{"count":13,"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/plaznimobilijar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}