{"id":8570,"date":"2026-09-24T20:59:14","date_gmt":"2026-09-24T20:59:14","guid":{"rendered":"https:\/\/svetlanabrkic.rs\/?page_id=8570"},"modified":"2026-09-24T21:24:13","modified_gmt":"2026-09-24T21:24:13","slug":"energetska-mapa-doma","status":"publish","type":"page","link":"https:\/\/svetlanabrkic.rs\/index.php\/energetska-mapa-doma\/","title":{"rendered":"Energetska mapa doma"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8570\" class=\"elementor elementor-8570\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cde6ac e-con e-atomic-element e-flexbox-base e-default-div e-0520d4a \" data-id=\"2cde6ac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2cde6ac\">\n    \t\t<div class=\"elementor-element elementor-element-314f319 elementor-widget elementor-widget-html\" data-id=\"314f319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.sb-energy-hero,\r\n.sb-energy-hero *,\r\n.sb-energy-hero *::before,\r\n.sb-energy-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-hero {\r\n    --sb-green: #445236;\r\n    --sb-green-soft: #5B6B4A;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-hero__grid {\r\n    display: grid;\r\n    grid-template-columns: 52% 48%;\r\n    min-height: 760px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-hero__content {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding:\r\n        clamp(90px, 8vw, 140px)\r\n        clamp(48px, 7vw, 118px)\r\n        clamp(90px, 8vw, 140px)\r\n        max(48px, calc((100vw - 1440px) \/ 2));\r\n\r\n    background: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-hero__content-inner {\r\n    width: 100%;\r\n    max-width: 690px;\r\n}\r\n\r\n.sb-energy-hero__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 27px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-hero__eyebrow::before {\r\n    content: \"\";\r\n    width: 38px;\r\n    height: 1px;\r\n    flex: 0 0 38px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-hero__title {\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(58px, 6vw, 88px);\r\n    font-weight: 400;\r\n    line-height: 0.93;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-energy-hero__copy {\r\n    max-width: 575px;\r\n\r\n    margin: 31px 0 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n\r\n    color: rgba(68, 82, 54, 0.88);\r\n}\r\n\r\n.sb-energy-hero__action {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n\r\n    margin-top: 39px;\r\n}\r\n\r\n.sb-energy-hero__button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n\r\n    min-height: 50px;\r\n    padding: 15px 25px;\r\n\r\n    border: 1px solid var(--sb-green);\r\n    border-radius: 0;\r\n\r\n    background: var(--sb-green);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.09em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n\r\n    color: var(--sb-light);\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        color 0.25s ease;\r\n}\r\n\r\n.sb-energy-hero__button::after {\r\n    content: \"\u2192\";\r\n\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.sb-energy-hero__button:hover {\r\n    border-color: var(--sb-rust);\r\n    background: var(--sb-rust);\r\n    color: var(--sb-light);\r\n}\r\n\r\n.sb-energy-hero__button:hover::after {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* Donja editorial linija *\/\r\n\r\n.sb-energy-hero__detail {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    margin-top: 34px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68, 82, 54, 0.58);\r\n}\r\n\r\n.sb-energy-hero__detail::before {\r\n    content: \"\";\r\n    width: 54px;\r\n    height: 1px;\r\n\r\n    background: rgba(68, 82, 54, 0.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA \/ MOCKUP\r\n   ========================================================= *\/\r\n\r\n.sb-energy-hero__visual {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 70px 7vw 64px;\r\n\r\n    background: var(--sb-green);\r\n}\r\n\r\n\/* Rust vertikalna linija *\/\r\n\r\n.sb-energy-hero__visual::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 5px;\r\n    height: 100%;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\/* Diskretan dekorativni krug iza knjige *\/\r\n\r\n.sb-energy-hero__visual::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    width: min(38vw, 510px);\r\n    height: min(38vw, 510px);\r\n\r\n    border: 1px solid rgba(245, 241, 229, 0.13);\r\n    border-radius: 50%;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    transform: translate(-48%, -51%);\r\n}\r\n\r\n.sb-energy-hero__mockup-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(100%, 520px);\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.sb-energy-hero__mockup {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n    height: auto;\r\n\r\n    object-fit: contain;\r\n\r\n    filter:\r\n        drop-shadow(0 28px 25px rgba(20, 25, 18, 0.16))\r\n        drop-shadow(0 45px 55px rgba(20, 25, 18, 0.18));\r\n}\r\n\r\n\r\n\/* Mali editorial detalj *\/\r\n\r\n.sb-energy-hero__edition {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    top: 47px;\r\n    right: 42px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.62);\r\n}\r\n\r\n.sb-energy-hero__vertical-text {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    right: 34px;\r\n    bottom: 43px;\r\n\r\n    writing-mode: vertical-rl;\r\n    transform: rotate(180deg);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.40);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-energy-hero__grid {\r\n        grid-template-columns: 54% 46%;\r\n        min-height: 700px;\r\n    }\r\n\r\n    .sb-energy-hero__content {\r\n        padding:\r\n            90px\r\n            50px\r\n            90px\r\n            44px;\r\n    }\r\n\r\n    .sb-energy-hero__title {\r\n        font-size: clamp(55px, 7vw, 74px);\r\n    }\r\n\r\n    .sb-energy-hero__copy {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .sb-energy-hero__visual {\r\n        padding: 70px 42px;\r\n    }\r\n\r\n    .sb-energy-hero__mockup {\r\n        max-width: 430px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-hero__grid {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n    \/*\r\n       Vizuelni proizvod ide PRVI na telefonu,\r\n       jer \u017eelimo da prvi pogled bude e-book.\r\n    *\/\r\n\r\n    .sb-energy-hero__visual {\r\n        order: 1;\r\n\r\n        min-height: 440px;\r\n\r\n        padding: 50px 50px 42px;\r\n\r\n        border-bottom: 1px solid rgba(245, 241, 229, 0.14);\r\n    }\r\n\r\n    .sb-energy-hero__visual::before {\r\n        top: auto;\r\n        bottom: 0;\r\n        left: 0;\r\n\r\n        width: 100%;\r\n        height: 4px;\r\n    }\r\n\r\n    .sb-energy-hero__visual::after {\r\n        width: 330px;\r\n        height: 330px;\r\n\r\n        max-width: 78vw;\r\n        max-height: 78vw;\r\n    }\r\n\r\n    .sb-energy-hero__mockup-wrap {\r\n        width: min(100%, 330px);\r\n    }\r\n\r\n    .sb-energy-hero__mockup {\r\n        max-width: 330px;\r\n    }\r\n\r\n    .sb-energy-hero__edition {\r\n        top: 25px;\r\n        right: 23px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-energy-hero__vertical-text {\r\n        display: none;\r\n    }\r\n\r\n    .sb-energy-hero__content {\r\n        order: 2;\r\n\r\n        padding: 52px 24px 58px;\r\n    }\r\n\r\n    .sb-energy-hero__content-inner {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-energy-hero__eyebrow {\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-energy-hero__eyebrow::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .sb-energy-hero__title {\r\n        max-width: 500px;\r\n\r\n        font-size: clamp(48px, 14vw, 62px);\r\n        line-height: 0.94;\r\n    }\r\n\r\n    .sb-energy-hero__copy {\r\n        max-width: 100%;\r\n\r\n        margin-top: 23px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .sb-energy-hero__action {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .sb-energy-hero__button {\r\n        min-height: 48px;\r\n        padding: 14px 22px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n    .sb-energy-hero__detail {\r\n        margin-top: 27px;\r\n\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-hero__visual {\r\n        min-height: 390px;\r\n        padding: 48px 42px 38px;\r\n    }\r\n\r\n    .sb-energy-hero__mockup-wrap {\r\n        width: 285px;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-energy-hero__content {\r\n        padding: 47px 20px 52px;\r\n    }\r\n\r\n    .sb-energy-hero__title {\r\n        font-size: 48px;\r\n    }\r\n\r\n    .sb-energy-hero__copy {\r\n        font-size: 14.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-hero\">\r\n\r\n    <div class=\"sb-energy-hero__grid\">\r\n\r\n        <!-- TEKST -->\r\n\r\n        <div class=\"sb-energy-hero__content\">\r\n\r\n            <div class=\"sb-energy-hero__content-inner\">\r\n\r\n                <div class=\"sb-energy-hero__eyebrow\">\r\n                    Energetska mapa doma\r\n                <\/div>\r\n\r\n                <h1 class=\"sb-energy-hero__title\">\r\n                    Prostor kao<br>\r\n                    ogledalo du\u0161e.\r\n                <\/h1>\r\n\r\n                <p class=\"sb-energy-hero__copy\">\r\n                    Vodi\u010d za svakoga ko \u017eeli da razume zbog \u010dega se u odre\u0111enim\r\n                    delovima doma ose\u0107a mirno, a u drugima nemirno - i \u0161ta prostor\r\n                    mo\u017ee da mu otkrije o sopstvenim potrebama.\r\n                <\/p>\r\n\r\n                <div class=\"sb-energy-hero__action\">\r\n\r\n                    <a\r\n                        class=\"sb-energy-hero__button\"\r\n                        href=\"https:\/\/svetlanabrkic.rs\/checkout-link\/?products=8526:1\"\r\n                    >\r\n                        Kupi e-book\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"sb-energy-hero__detail\">\r\n                    Digitalni vodi\u010d\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MOCKUP -->\r\n\r\n        <div class=\"sb-energy-hero__visual\">\r\n\r\n            <div class=\"sb-energy-hero__edition\">\r\n                Arhitektura du\u0161e\r\n            <\/div>\r\n\r\n            <div class=\"sb-energy-hero__mockup-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"sb-energy-hero__mockup\"\r\n                    src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/Svetlana-Brkic-Ebook-Energetska-mapa-doma-1_radna-verzija.jpg\"\r\n                    alt=\"Energetska mapa doma - Svetlana Brki\u0107\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sb-energy-hero__vertical-text\">\r\n                Svetlana Brki\u0107\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ea3960e e-con e-atomic-element e-flexbox-base e-default-div e-0f187ce \" data-id=\"ea3960e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea3960e\">\n    \t\t<div class=\"elementor-element elementor-element-6ac1f18 elementor-widget elementor-widget-html\" data-id=\"6ac1f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   SEKCIJA 2\r\n   ========================================================= *\/\r\n\r\n.sb-energy-intro,\r\n.sb-energy-intro *,\r\n.sb-energy-intro *::before,\r\n.sb-energy-intro *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-intro {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: clamp(90px, 9vw, 145px) 0;\r\n\r\n    background: var(--sb-light);\r\n}\r\n\r\n.sb-energy-intro__wrap {\r\n    width: min(1240px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n}\r\n\r\n.sb-energy-intro__grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);\r\n    gap: clamp(70px, 9vw, 150px);\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEVA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-intro__left {\r\n    position: relative;\r\n    padding-top: 8px;\r\n}\r\n\r\n.sb-energy-intro__number {\r\n    margin: 0 0 24px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-intro__line {\r\n    width: 52px;\r\n    height: 1px;\r\n    margin-bottom: 31px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-intro__title {\r\n    max-width: 430px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(46px, 4.7vw, 68px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-intro__right {\r\n    position: relative;\r\n\r\n    padding-left: clamp(32px, 4vw, 64px);\r\n\r\n    border-left: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-energy-intro__text {\r\n    max-width: 680px;\r\n}\r\n\r\n.sb-energy-intro__text p {\r\n    margin: 0 0 20px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.78;\r\n\r\n    color: rgba(68, 82, 54, 0.86);\r\n}\r\n\r\n.sb-energy-intro__text p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* \"NE OD DEKORACIJE\" *\/\r\n\r\n.sb-energy-intro__break {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 17px;\r\n\r\n    margin: 33px 0 30px;\r\n}\r\n\r\n.sb-energy-intro__break-line {\r\n    width: 42px;\r\n    height: 1px;\r\n    flex: 0 0 42px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-intro__break-text {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* ZAVR\u0160NO PITANJE *\/\r\n\r\n.sb-energy-intro__question {\r\n    position: relative;\r\n\r\n    max-width: 720px;\r\n\r\n    margin-top: 31px;\r\n    padding: 32px 0 0;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-energy-intro__question-label {\r\n    margin-bottom: 15px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68, 82, 54, 0.50);\r\n}\r\n\r\n.sb-energy-intro__question-text {\r\n    max-width: 690px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(37px, 3.8vw, 53px);\r\n    font-weight: 400;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.018em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-energy-intro__question-text em {\r\n    font-style: normal;\r\n    color: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sb-energy-intro__wrap {\r\n        width: min(100% - 64px, 1100px);\r\n    }\r\n\r\n    .sb-energy-intro__grid {\r\n        grid-template-columns: 0.8fr 1.2fr;\r\n        gap: 60px;\r\n    }\r\n\r\n    .sb-energy-intro__right {\r\n        padding-left: 38px;\r\n    }\r\n\r\n    .sb-energy-intro__text p {\r\n        font-size: 15.5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-intro {\r\n        padding: 76px 0 82px;\r\n    }\r\n\r\n    .sb-energy-intro__wrap {\r\n        width: calc(100% - 48px);\r\n    }\r\n\r\n    .sb-energy-intro__grid {\r\n        display: block;\r\n    }\r\n\r\n    .sb-energy-intro__left {\r\n        padding-top: 0;\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .sb-energy-intro__number {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .sb-energy-intro__line {\r\n        width: 38px;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .sb-energy-intro__title {\r\n        max-width: 520px;\r\n\r\n        font-size: clamp(44px, 12vw, 57px);\r\n        line-height: 0.98;\r\n    }\r\n\r\n    .sb-energy-intro__right {\r\n        padding-left: 0;\r\n\r\n        border-left: 0;\r\n    }\r\n\r\n    .sb-energy-intro__text p {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.72;\r\n    }\r\n\r\n    .sb-energy-intro__break {\r\n        margin: 29px 0 27px;\r\n    }\r\n\r\n    .sb-energy-intro__question {\r\n        margin-top: 28px;\r\n        padding-top: 27px;\r\n    }\r\n\r\n    .sb-energy-intro__question-text {\r\n        font-size: clamp(36px, 10.5vw, 48px);\r\n        line-height: 1.01;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-intro {\r\n        padding: 64px 0 70px;\r\n    }\r\n\r\n    .sb-energy-intro__wrap {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .sb-energy-intro__left {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .sb-energy-intro__title {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .sb-energy-intro__text p {\r\n        font-size: 14.5px;\r\n    }\r\n\r\n    .sb-energy-intro__question-text {\r\n        font-size: 37px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-intro\">\r\n\r\n    <div class=\"sb-energy-intro__wrap\">\r\n\r\n        <div class=\"sb-energy-intro__grid\">\r\n\r\n            <!-- LEVA STRANA -->\r\n\r\n            <div class=\"sb-energy-intro__left\">\r\n\r\n                <div class=\"sb-energy-intro__number\">\r\n                    Energetska mapa doma\r\n                <\/div>\r\n\r\n                <div class=\"sb-energy-intro__line\"><\/div>\r\n\r\n                <h2 class=\"sb-energy-intro__title\">\r\n                    Tvoj dom nikada nije samo zbir zidova.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DESNA STRANA -->\r\n\r\n            <div class=\"sb-energy-intro__right\">\r\n\r\n                <div class=\"sb-energy-intro__text\">\r\n\r\n                    <p>\r\n                        U njemu odmara\u0161, stvara\u0161, jede\u0161, voli\u0161, razgovara\u0161,\r\n                        povla\u010di\u0161 se, okuplja\u0161 druge i svakodnevno ponavlja\u0161\r\n                        desetine malih rituala.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Zato prostor vrlo brzo po\u010dinje da nosi trag na\u010dina\r\n                        na koji \u017eivimo.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        I upravo odatle kre\u0107e ovaj e-book.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-energy-intro__break\">\r\n\r\n                    <span class=\"sb-energy-intro__break-line\"><\/span>\r\n\r\n                    <span class=\"sb-energy-intro__break-text\">\r\n                        Ne od dekoracije\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-energy-intro__question\">\r\n\r\n                    <div class=\"sb-energy-intro__question-label\">\r\n                        Ve\u0107 od pitanja\r\n                    <\/div>\r\n\r\n                    <p class=\"sb-energy-intro__question-text\">\r\n                        \u0160ta se izme\u0111u mene i mog doma\r\n                        <em>zapravo doga\u0111a?<\/em>\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9c74394 e-flex e-con-boxed e-con e-parent\" data-id=\"9c74394\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c15b63d elementor-widget elementor-widget-html\" data-id=\"c15b63d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   SEKCIJA 3\r\n   ========================================================= *\/\r\n\r\n.sb-energy-guide,\r\n.sb-energy-guide *,\r\n.sb-energy-guide *::before,\r\n.sb-energy-guide *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-guide {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: clamp(90px, 8vw, 130px) 0;\r\n\r\n    background: var(--sb-green);\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-guide__wrap {\r\n    width: min(1240px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI DEO\r\n   ========================================================= *\/\r\n\r\n.sb-energy-guide__top {\r\n    display: grid;\r\n    grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);\r\n    gap: clamp(70px, 9vw, 145px);\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-energy-guide__heading {\r\n    position: relative;\r\n}\r\n\r\n.sb-energy-guide__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 27px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: #D89470;\r\n}\r\n\r\n.sb-energy-guide__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n    flex: 0 0 38px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-guide__title {\r\n    max-width: 510px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 5vw, 70px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESNA STRANA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-guide__content {\r\n    position: relative;\r\n\r\n    padding-left: clamp(32px, 4vw, 64px);\r\n\r\n    border-left: 1px solid rgba(245, 241, 229, 0.18);\r\n}\r\n\r\n\r\n\/* \u0160TA OVAJ E-BOOK NIJE *\/\r\n\r\n.sb-energy-guide__not {\r\n    max-width: 670px;\r\n\r\n    margin-bottom: 34px;\r\n    padding-bottom: 30px;\r\n\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.16);\r\n}\r\n\r\n.sb-energy-guide__not-item {\r\n    position: relative;\r\n\r\n    margin: 0 0 12px;\r\n    padding-left: 24px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n\r\n    color: rgba(245, 241, 229, 0.72);\r\n}\r\n\r\n.sb-energy-guide__not-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.sb-energy-guide__not-item::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0.76em;\r\n    left: 0;\r\n\r\n    width: 10px;\r\n    height: 1px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* CENTRALNA PORUKA *\/\r\n\r\n.sb-energy-guide__definition {\r\n    max-width: 690px;\r\n\r\n    margin: 0 0 25px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(28px, 2.7vw, 39px);\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.015em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-guide__definition em {\r\n    font-style: normal;\r\n    color: #D89470;\r\n}\r\n\r\n.sb-energy-guide__body {\r\n    max-width: 680px;\r\n}\r\n\r\n.sb-energy-guide__body p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.76;\r\n\r\n    color: rgba(245, 241, 229, 0.84);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAVR\u0160NI AKCENAT\r\n   ========================================================= *\/\r\n\r\n.sb-energy-guide__closing {\r\n    display: grid;\r\n    grid-template-columns: 150px minmax(0, 1fr);\r\n    gap: 44px;\r\n\r\n    margin-top: clamp(62px, 7vw, 92px);\r\n    padding-top: 31px;\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.20);\r\n}\r\n\r\n.sb-energy-guide__closing-label {\r\n    padding-top: 6px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.46);\r\n}\r\n\r\n.sb-energy-guide__closing-content {\r\n    max-width: 760px;\r\n}\r\n\r\n.sb-energy-guide__closing-first {\r\n    margin: 0 0 10px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n\r\n    color: rgba(245, 241, 229, 0.68);\r\n}\r\n\r\n.sb-energy-guide__closing-main {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(36px, 4vw, 54px);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: -0.02em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-guide__closing-main span {\r\n    color: #D89470;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sb-energy-guide__wrap {\r\n        width: min(100% - 64px, 1100px);\r\n    }\r\n\r\n    .sb-energy-guide__top {\r\n        grid-template-columns: 0.88fr 1.12fr;\r\n        gap: 58px;\r\n    }\r\n\r\n    .sb-energy-guide__content {\r\n        padding-left: 38px;\r\n    }\r\n\r\n    .sb-energy-guide__body p {\r\n        font-size: 15.5px;\r\n    }\r\n\r\n    .sb-energy-guide__closing {\r\n        grid-template-columns: 120px minmax(0, 1fr);\r\n        gap: 34px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-guide {\r\n        padding: 76px 0 80px;\r\n    }\r\n\r\n    .sb-energy-guide__wrap {\r\n        width: calc(100% - 48px);\r\n    }\r\n\r\n    .sb-energy-guide__top {\r\n        display: block;\r\n    }\r\n\r\n    .sb-energy-guide__heading {\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .sb-energy-guide__eyebrow {\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-energy-guide__eyebrow::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .sb-energy-guide__title {\r\n        max-width: 520px;\r\n\r\n        font-size: clamp(44px, 12vw, 57px);\r\n    }\r\n\r\n    .sb-energy-guide__content {\r\n        padding-left: 0;\r\n        border-left: 0;\r\n    }\r\n\r\n    .sb-energy-guide__not {\r\n        margin-bottom: 28px;\r\n        padding-bottom: 26px;\r\n    }\r\n\r\n    .sb-energy-guide__not-item {\r\n        font-size: 14.5px;\r\n    }\r\n\r\n    .sb-energy-guide__definition {\r\n        margin-bottom: 22px;\r\n\r\n        font-size: clamp(29px, 8vw, 36px);\r\n    }\r\n\r\n    .sb-energy-guide__body p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .sb-energy-guide__closing {\r\n        display: block;\r\n\r\n        margin-top: 54px;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .sb-energy-guide__closing-label {\r\n        margin-bottom: 18px;\r\n        padding-top: 0;\r\n    }\r\n\r\n    .sb-energy-guide__closing-first {\r\n        margin-bottom: 9px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .sb-energy-guide__closing-main {\r\n        max-width: 500px;\r\n\r\n        font-size: clamp(35px, 10vw, 46px);\r\n        line-height: 1.01;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-guide {\r\n        padding: 65px 0 68px;\r\n    }\r\n\r\n    .sb-energy-guide__wrap {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .sb-energy-guide__heading {\r\n        margin-bottom: 37px;\r\n    }\r\n\r\n    .sb-energy-guide__title {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .sb-energy-guide__definition {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .sb-energy-guide__body p,\r\n    .sb-energy-guide__not-item {\r\n        font-size: 14.5px;\r\n    }\r\n\r\n    .sb-energy-guide__closing {\r\n        margin-top: 48px;\r\n    }\r\n\r\n    .sb-energy-guide__closing-main {\r\n        font-size: 37px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-guide\">\r\n\r\n    <div class=\"sb-energy-guide__wrap\">\r\n\r\n        <div class=\"sb-energy-guide__top\">\r\n\r\n            <!-- NASLOV -->\r\n\r\n            <div class=\"sb-energy-guide__heading\">\r\n\r\n                <div class=\"sb-energy-guide__eyebrow\">\r\n                    Druga\u010diji pogled na prostor\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-energy-guide__title\">\r\n                    Ovo nije klasi\u010dan vodi\u010d za ure\u0111enje.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- SADR\u017dAJ -->\r\n\r\n            <div class=\"sb-energy-guide__content\">\r\n\r\n                <div class=\"sb-energy-guide__not\">\r\n\r\n                    <p class=\"sb-energy-guide__not-item\">\r\n                        Ne\u0107e\u0161 dobiti listu trendova koje treba da prati\u0161.\r\n                    <\/p>\r\n\r\n                    <p class=\"sb-energy-guide__not-item\">\r\n                        Niti deset univerzalnih predmeta koje \u201esvaki dom mora da ima\".\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"sb-energy-guide__definition\">\r\n                    <em>Energetska mapa doma<\/em> zami\u0161ljena je kao vodi\u010d\r\n                    za samoposmatranje kroz prostor.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sb-energy-guide__body\">\r\n\r\n                    <p>\r\n                        Poma\u017ee ti da zastane\u0161 pred stvarima koje svakodnevno uzima\u0161\r\n                        zdravo za gotovo - od ulaza i na\u010dina na koji dolazi\u0161 ku\u0107i,\r\n                        do prostorija u kojima radi\u0161, odmara\u0161 i susre\u0107e\u0161 druge.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ZAVR\u0160NI AKCENAT -->\r\n\r\n        <div class=\"sb-energy-guide__closing\">\r\n\r\n            <div class=\"sb-energy-guide__closing-label\">\r\n                Su\u0161tina\r\n            <\/div>\r\n\r\n            <div class=\"sb-energy-guide__closing-content\">\r\n\r\n                <p class=\"sb-energy-guide__closing-first\">\r\n                    Cilj nije da napravi\u0161 savr\u0161en dom.\r\n                <\/p>\r\n\r\n                <p class=\"sb-energy-guide__closing-main\">\r\n                    Cilj je da po\u010dne\u0161 da pravi\u0161 <span>svoj.<\/span>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42f715a e-con e-atomic-element e-flexbox-base e-default-div e-2edc693 \" data-id=\"42f715a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"42f715a\">\n    \t\t<div class=\"elementor-element elementor-element-c107772 elementor-widget elementor-widget-html\" data-id=\"c107772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   \u0160TA ISTRA\u017dUJEMO - CAROUSEL\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel,\r\n.sb-topics-carousel *,\r\n.sb-topics-carousel *::before,\r\n.sb-topics-carousel *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-topics-carousel {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: clamp(86px, 8vw, 128px) 0 clamp(82px, 8vw, 118px);\r\n\r\n    background: #FDFBF5;\r\n}\r\n\r\n.sb-topics-carousel__wrap {\r\n    width: min(1280px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel__header {\r\n    display: grid;\r\n    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);\r\n    gap: clamp(60px, 8vw, 130px);\r\n    align-items: end;\r\n\r\n    margin-bottom: clamp(48px, 5vw, 68px);\r\n}\r\n\r\n.sb-topics-carousel__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 23px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-topics-carousel__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n    flex: 0 0 38px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-topics-carousel__title {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 5vw, 72px);\r\n    font-weight: 400;\r\n    line-height: 0.96;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-topics-carousel__lead {\r\n    max-width: 590px;\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n\r\n    color: rgba(68, 82, 54, 0.70);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL TOOLBAR\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel__toolbar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 19px;\r\n    padding-bottom: 16px;\r\n\r\n    border-bottom: 1px solid rgba(176, 83, 48, 0.22);\r\n}\r\n\r\n.sb-topics-carousel__instruction {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(176, 83, 48, 0.72);\r\n}\r\n\r\n.sb-topics-carousel__nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n}\r\n\r\n.sb-topics-carousel__arrow {\r\n    position: relative;\r\n\r\n    width: 46px;\r\n    height: 42px;\r\n\r\n    padding: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(176, 83, 48, 0.40);\r\n    border-radius: 0;\r\n\r\n    background: transparent;\r\n    color: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease;\r\n}\r\n\r\n.sb-topics-carousel__arrow:hover {\r\n    background: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n    color: var(--sb-light);\r\n}\r\n\r\n.sb-topics-carousel__arrow:disabled {\r\n    opacity: 0.30;\r\n    cursor: default;\r\n}\r\n\r\n.sb-topics-carousel__arrow:disabled:hover {\r\n    background: transparent;\r\n    color: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel__viewport {\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.sb-topics-carousel__track {\r\n    display: flex;\r\n    gap: 18px;\r\n\r\n    width: 100%;\r\n\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n\r\n    -webkit-overflow-scrolling: touch;\r\n\r\n    scrollbar-width: none;\r\n\r\n    cursor: grab;\r\n}\r\n\r\n.sb-topics-carousel__track::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.sb-topics-carousel__track.is-dragging {\r\n    cursor: grabbing;\r\n    scroll-behavior: auto;\r\n    user-select: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel__slide {\r\n    position: relative;\r\n\r\n    flex: 0 0 calc((100% - 36px) \/ 3);\r\n    min-width: 0;\r\n    min-height: 360px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n    padding: 28px 28px 30px;\r\n\r\n    scroll-snap-align: start;\r\n\r\n    border: 1px solid rgba(176, 83, 48, 0.22);\r\n    border-radius: 0;\r\n\r\n    background: var(--sb-cream);\r\n\r\n    transition:\r\n        background-color 0.28s ease,\r\n        border-color 0.28s ease,\r\n        transform 0.28s ease;\r\n}\r\n\r\n.sb-topics-carousel__slide:nth-child(even) {\r\n    background: #FDFBF5;\r\n}\r\n\r\n.sb-topics-carousel__slide::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 0;\r\n    height: 3px;\r\n\r\n    background: var(--sb-rust);\r\n\r\n    transition: width 0.35s ease;\r\n}\r\n\r\n.sb-topics-carousel__number {\r\n    display: block;\r\n\r\n    margin-bottom: 65px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: 68px;\r\n    font-weight: 400;\r\n    line-height: 0.8;\r\n\r\n    color: rgba(176, 83, 48, 0.22);\r\n\r\n    transition:\r\n        color 0.28s ease,\r\n        transform 0.28s ease;\r\n}\r\n\r\n.sb-topics-carousel__slide-content {\r\n    position: relative;\r\n}\r\n\r\n.sb-topics-carousel__category {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-topics-carousel__text {\r\n    max-width: 320px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(28px, 2.35vw, 36px);\r\n    font-weight: 400;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.012em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-topics-carousel__slide-footer {\r\n    width: 100%;\r\n\r\n    margin-top: 35px;\r\n    padding-top: 17px;\r\n\r\n    border-top: 1px solid rgba(176, 83, 48, 0.18);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(176, 83, 48, 0.58);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE HOVER\r\n   ========================================================= *\/\r\n\r\n@media (hover: hover) {\r\n\r\n    .sb-topics-carousel__slide:hover {\r\n        background: #F9F3EA;\r\n        border-color: rgba(176, 83, 48, 0.48);\r\n\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .sb-topics-carousel__slide:hover::before {\r\n        width: 100%;\r\n    }\r\n\r\n    .sb-topics-carousel__slide:hover .sb-topics-carousel__number {\r\n        color: rgba(176, 83, 48, 0.60);\r\n\r\n        transform: translateY(-3px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel__progress {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 1px;\r\n\r\n    margin-top: 30px;\r\n\r\n    background: rgba(176, 83, 48, 0.16);\r\n}\r\n\r\n.sb-topics-carousel__progress-bar {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 30%;\r\n    height: 2px;\r\n\r\n    background: var(--sb-rust);\r\n\r\n    transform-origin: left center;\r\n\r\n    transition: width 0.25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DONJI TEKST\r\n   ========================================================= *\/\r\n\r\n.sb-topics-carousel__closing {\r\n    display: grid;\r\n    grid-template-columns: 165px minmax(0, 1fr);\r\n    gap: 42px;\r\n    align-items: start;\r\n\r\n    margin-top: clamp(50px, 6vw, 76px);\r\n    padding-top: 27px;\r\n\r\n    border-top: 1px solid rgba(176, 83, 48, 0.20);\r\n}\r\n\r\n.sb-topics-carousel__closing-label {\r\n    padding-top: 4px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.35;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-topics-carousel__closing-text {\r\n    max-width: 760px;\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n\r\n    color: rgba(68, 82, 54, 0.76);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sb-topics-carousel__wrap {\r\n        width: calc(100% - 64px);\r\n    }\r\n\r\n    .sb-topics-carousel__header {\r\n        grid-template-columns: 0.8fr 1.2fr;\r\n        gap: 55px;\r\n    }\r\n\r\n    .sb-topics-carousel__slide {\r\n        flex-basis: calc((100% - 18px) \/ 2);\r\n        min-height: 340px;\r\n    }\r\n\r\n    .sb-topics-carousel__text {\r\n        font-size: 31px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-topics-carousel {\r\n        padding: 72px 0 76px;\r\n    }\r\n\r\n    .sb-topics-carousel__wrap {\r\n        width: calc(100% - 48px);\r\n    }\r\n\r\n    .sb-topics-carousel__header {\r\n        display: block;\r\n\r\n        margin-bottom: 39px;\r\n    }\r\n\r\n    .sb-topics-carousel__eyebrow {\r\n        margin-bottom: 19px;\r\n    }\r\n\r\n    .sb-topics-carousel__eyebrow::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .sb-topics-carousel__title {\r\n        font-size: clamp(45px, 12vw, 58px);\r\n    }\r\n\r\n    .sb-topics-carousel__lead {\r\n        max-width: 100%;\r\n\r\n        margin-top: 20px;\r\n\r\n        font-size: 14.5px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .sb-topics-carousel__toolbar {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .sb-topics-carousel__instruction {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-topics-carousel__arrow {\r\n        width: 40px;\r\n        height: 38px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n    \/*\r\n       Namerno ostavljamo deo slede\u0107e kartice vidljivim\r\n       kako bi bilo jasno da carousel mo\u017ee da se prevu\u010de.\r\n    *\/\r\n\r\n    .sb-topics-carousel__viewport {\r\n        overflow: visible;\r\n    }\r\n\r\n    .sb-topics-carousel__track {\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .sb-topics-carousel__slide {\r\n        flex: 0 0 84%;\r\n\r\n        min-height: 325px;\r\n\r\n        padding: 24px 22px 25px;\r\n    }\r\n\r\n    .sb-topics-carousel__number {\r\n        margin-bottom: 58px;\r\n\r\n        font-size: 59px;\r\n    }\r\n\r\n    .sb-topics-carousel__text {\r\n        max-width: 280px;\r\n\r\n        font-size: 29px;\r\n    }\r\n\r\n    .sb-topics-carousel__closing {\r\n        display: block;\r\n\r\n        margin-top: 48px;\r\n        padding-top: 23px;\r\n    }\r\n\r\n    .sb-topics-carousel__closing-label {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .sb-topics-carousel__closing-text {\r\n        max-width: 100%;\r\n\r\n        font-size: 14.5px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-topics-carousel {\r\n        padding: 62px 0 68px;\r\n    }\r\n\r\n    .sb-topics-carousel__wrap {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .sb-topics-carousel__title {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .sb-topics-carousel__slide {\r\n        flex-basis: 88%;\r\n\r\n        min-height: 315px;\r\n    }\r\n\r\n    .sb-topics-carousel__text {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .sb-topics-carousel__number {\r\n        font-size: 56px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-topics-carousel\">\r\n\r\n    <div class=\"sb-topics-carousel__wrap\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"sb-topics-carousel__header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"sb-topics-carousel__eyebrow\">\r\n                    Sadr\u017eaj e-booka\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-topics-carousel__title\">\r\n                    \u0160ta istra\u017eujemo?\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"sb-topics-carousel__lead\">\r\n                U e-booku prolazimo kroz teme koje povezuju svakodnevni \u017eivot,\r\n                unutra\u0161nje potrebe i prostor u kojem se one odvijaju.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTROLS -->\r\n\r\n        <div class=\"sb-topics-carousel__toolbar\">\r\n\r\n            <p class=\"sb-topics-carousel__instruction\">\r\n                Istra\u017ei teme\r\n            <\/p>\r\n\r\n            <div class=\"sb-topics-carousel__nav\">\r\n\r\n                <button\r\n                    class=\"sb-topics-carousel__arrow sb-topics-carousel__prev\"\r\n                    type=\"button\"\r\n                    aria-label=\"Prethodne teme\"\r\n                >\r\n                    \u2190\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"sb-topics-carousel__arrow sb-topics-carousel__next\"\r\n                    type=\"button\"\r\n                    aria-label=\"Slede\u0107e teme\"\r\n                >\r\n                    \u2192\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CAROUSEL -->\r\n\r\n        <div class=\"sb-topics-carousel__viewport\">\r\n\r\n            <div class=\"sb-topics-carousel__track\">\r\n\r\n\r\n                <!-- 01 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Osnova\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Dom kao energetsko telo\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 02 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Posmatranje\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Na\u010dini posmatranja energije sopstvenog prostora\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 03 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Energetski centri\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Osnovni koncept energetskih centara - \u010dakri\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 04 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Simbolika\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Simboli\u010dka veza izme\u0111u \u010dakri i pojedinih funkcija doma\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 05 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Ulaz\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Ulaz i tema sigurnosti\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 06 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        06\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Kupatilo\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Kupatilo i otpu\u0161tanje\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 07 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        07\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Kuhinja\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Kuhinja i u\u017eivanje\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 08 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        08\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Radni prostor\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Radni prostor i samopouzdanje\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 09 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        09\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Dnevna soba\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Dnevna soba, susret i bliskost\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 10 -->\r\n\r\n                <article class=\"sb-topics-carousel__slide\">\r\n\r\n                    <span class=\"sb-topics-carousel__number\">\r\n                        10\r\n                    <\/span>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-content\">\r\n\r\n                        <span class=\"sb-topics-carousel__category\">\r\n                            Komunikacija\r\n                        <\/span>\r\n\r\n                        <h3 class=\"sb-topics-carousel__text\">\r\n                            Prostor komunikacije i istine\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"sb-topics-carousel__slide-footer\">\r\n                        Energetska mapa doma\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROGRESS -->\r\n\r\n        <div class=\"sb-topics-carousel__progress\">\r\n            <div class=\"sb-topics-carousel__progress-bar\"><\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- ZAVR\u0160NI TEKST -->\r\n\r\n        <div class=\"sb-topics-carousel__closing\">\r\n\r\n            <div class=\"sb-topics-carousel__closing-label\">\r\n                Teorija + li\u010dno posmatranje\r\n            <\/div>\r\n\r\n            <p class=\"sb-topics-carousel__closing-text\">\r\n                Uz teoriju dobija\u0161 okvir kroz koji mo\u017ee\u0161 da posmatra\u0161 sopstveni\r\n                dom i prepoznaje\u0161 pitanja koja su za tebe li\u010dno najva\u017enija.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const section = document.querySelector(\".sb-topics-carousel\");\r\n\r\n    if (!section) return;\r\n\r\n    const track = section.querySelector(\".sb-topics-carousel__track\");\r\n    const prev = section.querySelector(\".sb-topics-carousel__prev\");\r\n    const next = section.querySelector(\".sb-topics-carousel__next\");\r\n    const progress = section.querySelector(\".sb-topics-carousel__progress-bar\");\r\n\r\n    if (!track || !prev || !next) return;\r\n\r\n\r\n    \/* =====================================================\r\n       KOLIKO SE POMERA CAROUSEL\r\n       ===================================================== *\/\r\n\r\n    function getScrollAmount() {\r\n\r\n        const firstSlide = track.querySelector(\".sb-topics-carousel__slide\");\r\n\r\n        if (!firstSlide) return 300;\r\n\r\n        const styles = window.getComputedStyle(track);\r\n        const gap = parseFloat(styles.columnGap || styles.gap) || 0;\r\n\r\n        return firstSlide.getBoundingClientRect().width + gap;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       STRELICE\r\n       ===================================================== *\/\r\n\r\n    prev.addEventListener(\"click\", function () {\r\n\r\n        track.scrollBy({\r\n            left: -getScrollAmount(),\r\n            behavior: \"smooth\"\r\n        });\r\n\r\n    });\r\n\r\n\r\n    next.addEventListener(\"click\", function () {\r\n\r\n        track.scrollBy({\r\n            left: getScrollAmount(),\r\n            behavior: \"smooth\"\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       PROGRESS + DISABLED STATE\r\n       ===================================================== *\/\r\n\r\n    function updateCarousel() {\r\n\r\n        const maxScroll = track.scrollWidth - track.clientWidth;\r\n\r\n        if (maxScroll <= 0) {\r\n\r\n            progress.style.width = \"100%\";\r\n\r\n            prev.disabled = true;\r\n            next.disabled = true;\r\n\r\n            return;\r\n        }\r\n\r\n        const ratio = track.scrollLeft \/ maxScroll;\r\n\r\n        const minimum = window.innerWidth <= 767 ? 18 : 30;\r\n        const width = minimum + ratio * (100 - minimum);\r\n\r\n        progress.style.width = width + \"%\";\r\n\r\n        prev.disabled = track.scrollLeft <= 4;\r\n        next.disabled = track.scrollLeft >= maxScroll - 4;\r\n    }\r\n\r\n    track.addEventListener(\"scroll\", updateCarousel, {\r\n        passive: true\r\n    });\r\n\r\n    window.addEventListener(\"resize\", updateCarousel);\r\n\r\n    updateCarousel();\r\n\r\n\r\n    \/* =====================================================\r\n       DRAG MI\u0160EM\r\n       ===================================================== *\/\r\n\r\n    let isDown = false;\r\n    let startX = 0;\r\n    let startScrollLeft = 0;\r\n\r\n    track.addEventListener(\"mousedown\", function (e) {\r\n\r\n        isDown = true;\r\n\r\n        track.classList.add(\"is-dragging\");\r\n\r\n        startX = e.pageX;\r\n        startScrollLeft = track.scrollLeft;\r\n\r\n    });\r\n\r\n    window.addEventListener(\"mouseup\", function () {\r\n\r\n        isDown = false;\r\n        track.classList.remove(\"is-dragging\");\r\n\r\n    });\r\n\r\n    track.addEventListener(\"mouseleave\", function () {\r\n\r\n        isDown = false;\r\n        track.classList.remove(\"is-dragging\");\r\n\r\n    });\r\n\r\n    track.addEventListener(\"mousemove\", function (e) {\r\n\r\n        if (!isDown) return;\r\n\r\n        e.preventDefault();\r\n\r\n        const distance = e.pageX - startX;\r\n\r\n        track.scrollLeft = startScrollLeft - distance;\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-389d4d8 e-flex e-con-boxed e-con e-parent\" data-id=\"389d4d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18e9109 elementor-widget elementor-widget-html\" data-id=\"18e9109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   NA\u010cIN \u010cITANJA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading,\r\n.sb-energy-reading *,\r\n.sb-energy-reading *::before,\r\n.sb-energy-reading *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-reading {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--sb-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__grid {\r\n    display: grid;\r\n    grid-template-columns: 50% 50%;\r\n    min-height: 790px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOTOGRAFIJA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__visual {\r\n    position: relative;\r\n    min-height: 790px;\r\n    overflow: hidden;\r\n}\r\n\r\n.sb-energy-reading__photo {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n\r\n    display: block;\r\n}\r\n\r\n.sb-energy-reading__visual::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(42, 52, 34, 0.02) 0%,\r\n            rgba(42, 52, 34, 0.07) 55%,\r\n            rgba(42, 52, 34, 0.28) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* Mali editorial potpis preko fotografije *\/\r\n\r\n.sb-energy-reading__photo-label {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 40px;\r\n    bottom: 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(253, 251, 245, 0.82);\r\n}\r\n\r\n.sb-energy-reading__photo-label::before {\r\n    content: \"\";\r\n\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SADR\u017dAJ\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__content {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding:\r\n        clamp(80px, 7vw, 120px)\r\n        max(48px, calc((100vw - 1440px) \/ 2))\r\n        clamp(80px, 7vw, 120px)\r\n        clamp(60px, 7vw, 105px);\r\n\r\n    background: var(--sb-green);\r\n}\r\n\r\n.sb-energy-reading__inner {\r\n    width: 100%;\r\n    max-width: 680px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 27px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: #D89470;\r\n}\r\n\r\n.sb-energy-reading__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n    flex: 0 0 38px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__title {\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 5vw, 70px);\r\n    font-weight: 400;\r\n    line-height: 0.97;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UVOD\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__intro {\r\n    max-width: 610px;\r\n\r\n    margin: 29px 0 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n\r\n    color: rgba(245, 241, 229, 0.82);\r\n}\r\n\r\n.sb-energy-reading__intro p {\r\n    margin: 0 0 17px;\r\n}\r\n\r\n.sb-energy-reading__intro p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \"MO\u017dDA\"\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__choices {\r\n    margin-top: 37px;\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.18);\r\n}\r\n\r\n.sb-energy-reading__choice {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: 92px minmax(0, 1fr);\r\n    gap: 18px;\r\n    align-items: center;\r\n\r\n    padding: 17px 0;\r\n\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.15);\r\n\r\n    transition: padding-left 0.25s ease;\r\n}\r\n\r\n.sb-energy-reading__choice::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: -1px;\r\n\r\n    width: 0;\r\n    height: 1px;\r\n\r\n    background: #D89470;\r\n\r\n    transition: width 0.32s ease;\r\n}\r\n\r\n.sb-energy-reading__choice-label {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.42);\r\n}\r\n\r\n.sb-energy-reading__choice-name {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: 30px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n\r\n    color: var(--sb-cream);\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n\/* Hover - samo desktop *\/\r\n\r\n@media (hover: hover) {\r\n\r\n    .sb-energy-reading__choice:hover {\r\n        padding-left: 9px;\r\n    }\r\n\r\n    .sb-energy-reading__choice:hover::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .sb-energy-reading__choice:hover .sb-energy-reading__choice-name {\r\n        color: #D89470;\r\n        transform: translateX(4px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAKLJU\u010cAK\r\n   ========================================================= *\/\r\n\r\n.sb-energy-reading__closing {\r\n    position: relative;\r\n\r\n    max-width: 610px;\r\n\r\n    margin-top: 35px;\r\n    padding-left: 24px;\r\n}\r\n\r\n.sb-energy-reading__closing::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    left: 0;\r\n\r\n    width: 2px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-reading__closing p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n\r\n    color: rgba(245, 241, 229, 0.76);\r\n}\r\n\r\n.sb-energy-reading__closing strong {\r\n    font-weight: 500;\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-energy-reading__grid {\r\n        grid-template-columns: 50% 50%;\r\n        min-height: 730px;\r\n    }\r\n\r\n    .sb-energy-reading__visual {\r\n        min-height: 730px;\r\n    }\r\n\r\n    .sb-energy-reading__content {\r\n        padding:\r\n            75px\r\n            44px\r\n            75px\r\n            55px;\r\n    }\r\n\r\n    .sb-energy-reading__title {\r\n        font-size: clamp(46px, 6vw, 62px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-reading__grid {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n    .sb-energy-reading__visual {\r\n        min-height: 520px;\r\n    }\r\n\r\n    .sb-energy-reading__photo {\r\n        object-position: center center;\r\n    }\r\n\r\n    .sb-energy-reading__photo-label {\r\n        left: 24px;\r\n        bottom: 24px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-energy-reading__photo-label::before {\r\n        width: 28px;\r\n    }\r\n\r\n    .sb-energy-reading__content {\r\n        padding: 66px 24px 72px;\r\n    }\r\n\r\n    .sb-energy-reading__inner {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-energy-reading__eyebrow {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sb-energy-reading__eyebrow::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .sb-energy-reading__title {\r\n        max-width: 540px;\r\n\r\n        font-size: clamp(43px, 12vw, 56px);\r\n        line-height: 0.98;\r\n    }\r\n\r\n    .sb-energy-reading__intro {\r\n        margin-top: 23px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .sb-energy-reading__choices {\r\n        margin-top: 31px;\r\n    }\r\n\r\n    .sb-energy-reading__choice {\r\n        grid-template-columns: 73px minmax(0, 1fr);\r\n        gap: 13px;\r\n\r\n        padding: 15px 0;\r\n    }\r\n\r\n    .sb-energy-reading__choice-label {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-energy-reading__choice-name {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .sb-energy-reading__closing {\r\n        margin-top: 30px;\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .sb-energy-reading__closing p {\r\n        font-size: 14.5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-reading__visual {\r\n        min-height: 440px;\r\n    }\r\n\r\n    .sb-energy-reading__content {\r\n        padding: 58px 20px 64px;\r\n    }\r\n\r\n    .sb-energy-reading__title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .sb-energy-reading__intro {\r\n        font-size: 14.5px;\r\n    }\r\n\r\n    .sb-energy-reading__choice {\r\n        grid-template-columns: 66px minmax(0, 1fr);\r\n    }\r\n\r\n    .sb-energy-reading__choice-name {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .sb-energy-reading__closing p {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-reading\">\r\n\r\n    <div class=\"sb-energy-reading__grid\">\r\n\r\n\r\n        <!-- SVETLANA -->\r\n\r\n        <div class=\"sb-energy-reading__visual\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"sb-energy-reading__photo\"\r\n                src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0390-scaled.jpg\"\r\n                alt=\"Svetlana Brki\u0107\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n            <div class=\"sb-energy-reading__photo-label\">\r\n                Arhitektura du\u0161e\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SADR\u017dAJ -->\r\n\r\n        <div class=\"sb-energy-reading__content\">\r\n\r\n            <div class=\"sb-energy-reading__inner\">\r\n\r\n                <div class=\"sb-energy-reading__eyebrow\">\r\n                    Na\u010din \u010ditanja\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-energy-reading__title\">\r\n                    Ovaj e-book ne mora\u0161 da \u010dita\u0161 od prve do poslednje stranice.\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sb-energy-reading__intro\">\r\n\r\n                    <p>\r\n                        \u010cak i na\u010din \u010ditanja mo\u017ee biti mali eksperiment.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Umesto da disciplinovano prolazi\u0161 poglavlje po poglavlje,\r\n                        mo\u017ee\u0161 da otvori\u0161 ono koje ti trenutno privu\u010de pa\u017enju.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-energy-reading__choices\">\r\n\r\n                    <div class=\"sb-energy-reading__choice\">\r\n\r\n                        <span class=\"sb-energy-reading__choice-label\">\r\n                            Mo\u017eda je to\r\n                        <\/span>\r\n\r\n                        <p class=\"sb-energy-reading__choice-name\">\r\n                            kuhinja.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-energy-reading__choice\">\r\n\r\n                        <span class=\"sb-energy-reading__choice-label\">\r\n                            Mo\u017eda\r\n                        <\/span>\r\n\r\n                        <p class=\"sb-energy-reading__choice-name\">\r\n                            ulaz.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sb-energy-reading__choice\">\r\n\r\n                        <span class=\"sb-energy-reading__choice-label\">\r\n                            Mo\u017eda\r\n                        <\/span>\r\n\r\n                        <p class=\"sb-energy-reading__choice-name\">\r\n                            radni prostor.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sb-energy-reading__closing\">\r\n\r\n                    <p>\r\n                        <strong>Posmatraj gde se javlja radoznalost.<\/strong>\r\n                        Ponekad upravo ona vrlo dobro zna gde treba prvo da pogledamo.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f10b09c e-flex e-con-boxed e-con e-parent\" data-id=\"f10b09c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-463db73 elementor-widget elementor-widget-html\" data-id=\"463db73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   ZA TEBE JE AKO...\r\n   ========================================================= *\/\r\n\r\n.sb-energy-for-you,\r\n.sb-energy-for-you *,\r\n.sb-energy-for-you *::before,\r\n.sb-energy-for-you *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-for-you {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: clamp(90px, 8vw, 130px) 0;\r\n\r\n    background: #FDFBF5;\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-energy-for-you__wrap {\r\n    width: min(1240px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.sb-energy-for-you__header {\r\n    display: grid;\r\n    grid-template-columns: 0.72fr 1.28fr;\r\n    gap: clamp(70px, 9vw, 145px);\r\n    align-items: end;\r\n\r\n    margin-bottom: clamp(52px, 6vw, 80px);\r\n}\r\n\r\n.sb-energy-for-you__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-for-you__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n    flex: 0 0 38px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-for-you__title {\r\n    max-width: 480px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(52px, 5vw, 72px);\r\n    font-weight: 400;\r\n    line-height: 0.96;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-energy-for-you__intro {\r\n    max-width: 600px;\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n\r\n    color: rgba(68, 82, 54, 0.66);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.sb-energy-for-you__list {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n.sb-energy-for-you__item {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: 42px minmax(0, 1fr);\r\n    gap: 20px;\r\n    align-items: start;\r\n\r\n    min-height: 145px;\r\n\r\n    padding: 29px 34px 29px 0;\r\n\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.16);\r\n\r\n    transition:\r\n        padding-left 0.28s ease,\r\n        background-color 0.28s ease;\r\n}\r\n\r\n.sb-energy-for-you__item:nth-child(even) {\r\n    padding-left: 34px;\r\n    padding-right: 0;\r\n\r\n    border-left: 1px solid rgba(68, 82, 54, 0.16);\r\n}\r\n\r\n.sb-energy-for-you__item::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -1px;\r\n\r\n    width: 0;\r\n    height: 1px;\r\n\r\n    background: var(--sb-rust);\r\n\r\n    transition: width 0.35s ease;\r\n}\r\n\r\n.sb-energy-for-you__item:nth-child(even)::after {\r\n    left: 34px;\r\n}\r\n\r\n.sb-energy-for-you__number {\r\n    padding-top: 3px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.12em;\r\n\r\n    color: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-for-you__text {\r\n    max-width: 470px;\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n\r\n    color: rgba(68, 82, 54, 0.84);\r\n\r\n    transition:\r\n        color 0.28s ease,\r\n        transform 0.28s ease;\r\n}\r\n\r\n\r\n\/* poslednji element *\/\r\n\r\n.sb-energy-for-you__item:last-child {\r\n    grid-column: 1 \/ -1;\r\n\r\n    min-height: 0;\r\n\r\n    padding-right: 0;\r\n}\r\n\r\n.sb-energy-for-you__item:last-child .sb-energy-for-you__text {\r\n    max-width: 760px;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n@media (hover: hover) {\r\n\r\n    .sb-energy-for-you__item:hover::after {\r\n        width: calc(100% - 34px);\r\n    }\r\n\r\n    .sb-energy-for-you__item:nth-child(odd):hover::after {\r\n        width: calc(100% - 34px);\r\n    }\r\n\r\n    .sb-energy-for-you__item:last-child:hover::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .sb-energy-for-you__item:hover .sb-energy-for-you__text {\r\n        color: var(--sb-green);\r\n        transform: translateX(4px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-for-you {\r\n        padding: 72px 0 78px;\r\n    }\r\n\r\n    .sb-energy-for-you__wrap {\r\n        width: calc(100% - 48px);\r\n    }\r\n\r\n    .sb-energy-for-you__header {\r\n        display: block;\r\n\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .sb-energy-for-you__eyebrow {\r\n        margin-bottom: 19px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-energy-for-you__eyebrow::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .sb-energy-for-you__title {\r\n        font-size: clamp(46px, 13vw, 58px);\r\n    }\r\n\r\n    .sb-energy-for-you__intro {\r\n        max-width: 100%;\r\n\r\n        margin-top: 21px;\r\n\r\n        font-size: 14.5px;\r\n    }\r\n\r\n    .sb-energy-for-you__list {\r\n        display: block;\r\n    }\r\n\r\n    .sb-energy-for-you__item,\r\n    .sb-energy-for-you__item:nth-child(even),\r\n    .sb-energy-for-you__item:last-child {\r\n        grid-template-columns: 32px minmax(0, 1fr);\r\n\r\n        min-height: 0;\r\n\r\n        padding: 20px 0;\r\n\r\n        border-left: 0;\r\n    }\r\n\r\n    .sb-energy-for-you__item:nth-child(even)::after {\r\n        left: 0;\r\n    }\r\n\r\n    .sb-energy-for-you__text {\r\n        max-width: 100%;\r\n\r\n        font-size: 14.5px;\r\n        line-height: 1.62;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-for-you {\r\n        padding: 62px 0 68px;\r\n    }\r\n\r\n    .sb-energy-for-you__wrap {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .sb-energy-for-you__title {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .sb-energy-for-you__item {\r\n        grid-template-columns: 28px minmax(0, 1fr);\r\n        gap: 10px;\r\n    }\r\n\r\n    .sb-energy-for-you__text {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-for-you\">\r\n\r\n    <div class=\"sb-energy-for-you__wrap\">\r\n\r\n        <div class=\"sb-energy-for-you__header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"sb-energy-for-you__eyebrow\">\r\n                    Da li je ovo za tebe?\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-energy-for-you__title\">\r\n                    Za tebe je ako...\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"sb-energy-for-you__intro\">\r\n                Ne mora\u0161 da zna\u0161 ni\u0161ta o energetici prostora da bi po\u010deo\/la.\r\n                Dovoljno je da postoji radoznalost prema odnosu izme\u0111u tebe i doma u kojem \u017eivi\u0161.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sb-energy-for-you__list\">\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    Ose\u0107a\u0161 da se kod ku\u0107e ne odmara\u0161 onoliko koliko bi \u017eeleo\/la.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    Intuitivno prime\u0107uje\u0161 da ti neki deo prostora prija vi\u0161e od drugog.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    \u017deli\u0161 da razume\u0161 dom iz perspektive koja ide dalje od estetike.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    04\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    Interesuju te energija prostora i \u010dakre.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    05\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    Voli\u0161 li\u010dni razvoj, ali ga do sada nisi povezivao\/la sa svojim domom.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    06\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    \u017deli\u0161 da menja\u0161 prostor svesnije, a ne samo zato \u0161to ti je dosadio.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-for-you__item\">\r\n\r\n                <span class=\"sb-energy-for-you__number\">\r\n                    07\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-for-you__text\">\r\n                    Spreman\/na si da postavlja\u0161 pitanja i sebi, ne samo enterijeru.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b0cdf7 e-con e-atomic-element e-flexbox-base e-default-div e-1dd4898 \" data-id=\"4b0cdf7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b0cdf7\">\n    \t\t<div class=\"elementor-element elementor-element-25f513a elementor-widget elementor-widget-html\" data-id=\"25f513a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   \u0160TA \u017dELIM DA SE PROMENI?\r\n   ========================================================= *\/\r\n\r\n.sb-energy-change,\r\n.sb-energy-change *,\r\n.sb-energy-change *::before,\r\n.sb-energy-change *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-change {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: clamp(95px, 9vw, 145px) 0;\r\n\r\n    background: var(--sb-green);\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-change__wrap {\r\n    width: min(1240px, calc(100% - 96px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GORNJI DEO\r\n   ========================================================= *\/\r\n\r\n.sb-energy-change__top {\r\n    display: grid;\r\n    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);\r\n    gap: clamp(75px, 10vw, 155px);\r\n    align-items: start;\r\n}\r\n\r\n.sb-energy-change__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 27px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n\r\n    color: #D89470;\r\n}\r\n\r\n.sb-energy-change__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-change__title {\r\n    max-width: 520px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(48px, 5vw, 70px);\r\n    font-weight: 400;\r\n    line-height: 0.97;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UVOD\r\n   ========================================================= *\/\r\n\r\n.sb-energy-change__intro {\r\n    max-width: 650px;\r\n\r\n    padding-top: 5px;\r\n}\r\n\r\n.sb-energy-change__intro p {\r\n    margin: 0 0 18px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.76;\r\n\r\n    color: rgba(245, 241, 229, 0.80);\r\n}\r\n\r\n.sb-energy-change__intro p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNE RE\u010cENICE\r\n   ========================================================= *\/\r\n\r\n.sb-energy-change__statements {\r\n    margin-top: clamp(65px, 8vw, 105px);\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.20);\r\n}\r\n\r\n.sb-energy-change__statement {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: 90px minmax(0, 1fr);\r\n    gap: 30px;\r\n    align-items: center;\r\n\r\n    padding: 24px 0;\r\n\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.16);\r\n}\r\n\r\n.sb-energy-change__statement-label {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: #D89470;\r\n}\r\n\r\n.sb-energy-change__statement-text {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(34px, 3.6vw, 50px);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: -0.018em;\r\n\r\n    color: var(--sb-cream);\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n.sb-energy-change__statement::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -1px;\r\n\r\n    width: 0;\r\n    height: 1px;\r\n\r\n    background: #D89470;\r\n\r\n    transition: width 0.35s ease;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n@media (hover: hover) {\r\n\r\n    .sb-energy-change__statement:hover::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .sb-energy-change__statement:hover .sb-energy-change__statement-text {\r\n        color: #D89470;\r\n        transform: translateX(6px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZAVR\u0160NI PASUS\r\n   ========================================================= *\/\r\n\r\n.sb-energy-change__closing {\r\n    display: grid;\r\n    grid-template-columns: 160px minmax(0, 1fr);\r\n    gap: 44px;\r\n\r\n    margin-top: clamp(58px, 7vw, 85px);\r\n    padding-top: 30px;\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.20);\r\n}\r\n\r\n.sb-energy-change__closing-label {\r\n    padding-top: 5px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.44);\r\n}\r\n\r\n.sb-energy-change__closing-text {\r\n    position: relative;\r\n\r\n    max-width: 780px;\r\n\r\n    margin: 0;\r\n    padding-left: 25px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n\r\n    color: rgba(245, 241, 229, 0.82);\r\n}\r\n\r\n.sb-energy-change__closing-text::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 5px;\r\n    bottom: 5px;\r\n    left: 0;\r\n\r\n    width: 2px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-energy-change__closing-text strong {\r\n    font-weight: 600;\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sb-energy-change__wrap {\r\n        width: min(100% - 64px, 1100px);\r\n    }\r\n\r\n    .sb-energy-change__top {\r\n        grid-template-columns: 0.82fr 1.18fr;\r\n        gap: 60px;\r\n    }\r\n\r\n    .sb-energy-change__statement {\r\n        grid-template-columns: 76px minmax(0, 1fr);\r\n        gap: 22px;\r\n    }\r\n\r\n    .sb-energy-change__closing {\r\n        grid-template-columns: 125px minmax(0, 1fr);\r\n        gap: 34px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-change {\r\n        padding: 74px 0 80px;\r\n    }\r\n\r\n    .sb-energy-change__wrap {\r\n        width: calc(100% - 48px);\r\n    }\r\n\r\n    .sb-energy-change__top {\r\n        display: block;\r\n    }\r\n\r\n    .sb-energy-change__title-wrap {\r\n        margin-bottom: 37px;\r\n    }\r\n\r\n    .sb-energy-change__eyebrow {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sb-energy-change__eyebrow::before {\r\n        width: 30px;\r\n    }\r\n\r\n    .sb-energy-change__title {\r\n        max-width: 520px;\r\n\r\n        font-size: clamp(43px, 12vw, 56px);\r\n    }\r\n\r\n    .sb-energy-change__intro p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .sb-energy-change__statements {\r\n        margin-top: 52px;\r\n    }\r\n\r\n    .sb-energy-change__statement {\r\n        grid-template-columns: 58px minmax(0, 1fr);\r\n        gap: 14px;\r\n\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .sb-energy-change__statement-label {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-energy-change__statement-text {\r\n        font-size: clamp(29px, 8.5vw, 39px);\r\n    }\r\n\r\n    .sb-energy-change__closing {\r\n        display: block;\r\n\r\n        margin-top: 48px;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .sb-energy-change__closing-label {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .sb-energy-change__closing-text {\r\n        padding-left: 20px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-change {\r\n        padding: 64px 0 70px;\r\n    }\r\n\r\n    .sb-energy-change__wrap {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .sb-energy-change__title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .sb-energy-change__statement {\r\n        grid-template-columns: 50px minmax(0, 1fr);\r\n    }\r\n\r\n    .sb-energy-change__statement-text {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .sb-energy-change__closing-text {\r\n        font-size: 14.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-change\">\r\n\r\n    <div class=\"sb-energy-change__wrap\">\r\n\r\n        <div class=\"sb-energy-change__top\">\r\n\r\n\r\n            <!-- NASLOV -->\r\n\r\n            <div class=\"sb-energy-change__title-wrap\">\r\n\r\n                <div class=\"sb-energy-change__eyebrow\">\r\n                    Posle poslednje stranice\r\n                <\/div>\r\n\r\n                <h2 class=\"sb-energy-change__title\">\r\n                    \u0160ta \u017eelim da se promeni nakon \u010ditanja?\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- UVOD -->\r\n\r\n            <div class=\"sb-energy-change__intro\">\r\n\r\n                <p>\r\n                    Ne o\u010dekujem da nakon poslednje stranice odmah promeni\u0161 ceo dom.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Volela bih da se promeni na\u010din na koji ga gleda\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GLAVNE RE\u010cENICE -->\r\n\r\n        <div class=\"sb-energy-change__statements\">\r\n\r\n\r\n            <div class=\"sb-energy-change__statement\">\r\n\r\n                <span class=\"sb-energy-change__statement-label\">\r\n                    01\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-change__statement-text\">\r\n                    Da po\u010dne\u0161 da prime\u0107uje\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-change__statement\">\r\n\r\n                <span class=\"sb-energy-change__statement-label\">\r\n                    02\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-change__statement-text\">\r\n                    Da se pita\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-change__statement\">\r\n\r\n                <span class=\"sb-energy-change__statement-label\">\r\n                    03\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-change__statement-text\">\r\n                    Da manje automatski tra\u017ei\u0161 spolja\u0161nje odgovore.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sb-energy-change__statement\">\r\n\r\n                <span class=\"sb-energy-change__statement-label\">\r\n                    04\r\n                <\/span>\r\n\r\n                <p class=\"sb-energy-change__statement-text\">\r\n                    Da vi\u0161e proverava\u0161 \u0161ta odre\u0111ena odluka radi tebi.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ZAVR\u0160ETAK -->\r\n\r\n        <div class=\"sb-energy-change__closing\">\r\n\r\n            <div class=\"sb-energy-change__closing-label\">\r\n                Ono najva\u017enije\r\n            <\/div>\r\n\r\n            <p class=\"sb-energy-change__closing-text\">\r\n                Jer kada razume\u0161 <strong>za koga stvara\u0161 prostor<\/strong>,\r\n                mnogo lak\u0161e razume\u0161 i \u0161ta tom prostoru treba.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a3d56d9 e-con e-atomic-element e-flexbox-base e-default-div e-a3d56d9-bd3d65d \" data-id=\"a3d56d9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a3d56d9\">\n    \t\t<div class=\"elementor-element elementor-element-9e86ea9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9e86ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - ENERGETSKA MAPA DOMA\r\n   ZAVR\u0160NI HERO CTA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final,\r\n.sb-energy-final *,\r\n.sb-energy-final *::before,\r\n.sb-energy-final *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-energy-final {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 760px;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(35, 43, 29, 0.83) 0%,\r\n            rgba(35, 43, 29, 0.70) 30%,\r\n            rgba(35, 43, 29, 0.43) 50%,\r\n            rgba(35, 43, 29, 0.14) 72%,\r\n            rgba(35, 43, 29, 0.04) 100%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(35, 43, 29, 0.05) 0%,\r\n            rgba(35, 43, 29, 0.07) 55%,\r\n            rgba(35, 43, 29, 0.30) 100%\r\n        ),\r\n        url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0895-scaled.jpg\");\r\n\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: 56% center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLAVNI SADR\u017dAJ\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final__wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1320px, calc(100% - 100px));\r\n    margin: 0 auto;\r\n\r\n    padding: 90px 0 115px;\r\n}\r\n\r\n.sb-energy-final__content {\r\n    width: 100%;\r\n    max-width: 770px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    margin: 0 0 34px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: #D89470;\r\n}\r\n\r\n.sb-energy-final__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 48px;\r\n    height: 1px;\r\n    flex: 0 0 48px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final__title {\r\n    max-width: 760px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(62px, 5.3vw, 78px);\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-energy-final__title-line {\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final__price {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 12px;\r\n\r\n    margin-top: 34px;\r\n}\r\n\r\n.sb-energy-final__price-label {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.58);\r\n}\r\n\r\n.sb-energy-final__price-value {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final__action {\r\n    margin-top: 19px;\r\n}\r\n\r\n.sb-energy-final__button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 23px;\r\n\r\n    min-height: 58px;\r\n    padding: 18px 30px;\r\n\r\n    border: 1px solid var(--sb-rust);\r\n    border-radius: 0;\r\n\r\n    background: var(--sb-rust);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n\r\n    color: var(--sb-light);\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        color 0.25s ease;\r\n}\r\n\r\n.sb-energy-final__button::after {\r\n    content: \"\u2192\";\r\n\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.sb-energy-final__button:hover {\r\n    background: var(--sb-cream);\r\n    border-color: var(--sb-cream);\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-energy-final__button:hover::after {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DONJI POTPIS\r\n   ========================================================= *\/\r\n\r\n.sb-energy-final__footer {\r\n    position: absolute;\r\n    z-index: 2;\r\n\r\n    left: max(50px, calc((100vw - 1320px) \/ 2));\r\n    bottom: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 17px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.62);\r\n}\r\n\r\n.sb-energy-final__footer::before {\r\n    content: \"\";\r\n\r\n    width: 48px;\r\n    height: 1px;\r\n    flex: 0 0 48px;\r\n\r\n    background: rgba(245, 241, 229, 0.58);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VE\u0106I DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n\r\n    .sb-energy-final {\r\n        min-height: 780px;\r\n    }\r\n\r\n    .sb-energy-final__wrap {\r\n        width: min(1320px, calc(100% - 120px));\r\n    }\r\n\r\n    .sb-energy-final__content {\r\n        max-width: 800px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .sb-energy-final {\r\n        min-height: 720px;\r\n\r\n        background-position: 59% center;\r\n    }\r\n\r\n    .sb-energy-final__wrap {\r\n        width: calc(100% - 70px);\r\n\r\n        padding: 80px 0 105px;\r\n    }\r\n\r\n    .sb-energy-final__content {\r\n        max-width: 650px;\r\n    }\r\n\r\n    .sb-energy-final__title {\r\n        max-width: 650px;\r\n\r\n        font-size: clamp(54px, 7vw, 68px);\r\n    }\r\n\r\n    .sb-energy-final__footer {\r\n        left: 35px;\r\n        bottom: 38px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .sb-energy-final {\r\n        min-height: 760px;\r\n\r\n        align-items: flex-end;\r\n\r\n        background-position: 62% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(35, 43, 29, 0.02) 0%,\r\n                rgba(35, 43, 29, 0.08) 28%,\r\n                rgba(35, 43, 29, 0.48) 58%,\r\n                rgba(35, 43, 29, 0.92) 100%\r\n            ),\r\n            url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0895-scaled.jpg\");\r\n    }\r\n\r\n    .sb-energy-final__wrap {\r\n        width: calc(100% - 48px);\r\n\r\n        padding: 80px 0 105px;\r\n    }\r\n\r\n    .sb-energy-final__content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sb-energy-final__eyebrow {\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-energy-final__eyebrow::before {\r\n        width: 30px;\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .sb-energy-final__title {\r\n        max-width: 540px;\r\n\r\n        font-size: clamp(46px, 12.8vw, 59px);\r\n        line-height: 0.97;\r\n    }\r\n\r\n    .sb-energy-final__title-line {\r\n        display: inline;\r\n    }\r\n\r\n    .sb-energy-final__price {\r\n        margin-top: 27px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .sb-energy-final__price-label {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-energy-final__price-value {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .sb-energy-final__action {\r\n        margin-top: 17px;\r\n    }\r\n\r\n    .sb-energy-final__button {\r\n        min-height: 50px;\r\n\r\n        padding: 15px 22px;\r\n\r\n        gap: 18px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n    .sb-energy-final__footer {\r\n        left: 24px;\r\n        bottom: 25px;\r\n\r\n        gap: 12px;\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n    .sb-energy-final__footer::before {\r\n        width: 28px;\r\n        flex-basis: 28px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MALI TELEFONI\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .sb-energy-final {\r\n        min-height: 700px;\r\n\r\n        background-position: 61% center;\r\n    }\r\n\r\n    .sb-energy-final__wrap {\r\n        width: calc(100% - 40px);\r\n\r\n        padding-bottom: 92px;\r\n    }\r\n\r\n    .sb-energy-final__title {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .sb-energy-final__price-value {\r\n        font-size: 17px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sb-energy-final\">\r\n\r\n    <div class=\"sb-energy-final__wrap\">\r\n\r\n        <div class=\"sb-energy-final__content\">\r\n\r\n            <div class=\"sb-energy-final__eyebrow\">\r\n                Energetska mapa doma\r\n            <\/div>\r\n\r\n            <h2 class=\"sb-energy-final__title\">\r\n                <span class=\"sb-energy-final__title-line\">\r\n                    Mo\u017eda je vreme da prvi put\r\n                <\/span>\r\n                <span class=\"sb-energy-final__title-line\">\r\n                    upozna\u0161 svoj dom iznutra.\r\n                <\/span>\r\n            <\/h2>\r\n\r\n\r\n            <!-- CENA -->\r\n\r\n            <div class=\"sb-energy-final__price\">\r\n\r\n                <span class=\"sb-energy-final__price-label\">\r\n                    Cena\r\n                <\/span>\r\n\r\n                <span class=\"sb-energy-final__price-value\">\r\n                    6.240 RSD \/ 52 EUR\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CTA -->\r\n\r\n            <div class=\"sb-energy-final__action\">\r\n\r\n                <a\r\n                    class=\"sb-energy-final__button\"\r\n                    href=\"https:\/\/svetlanabrkic.rs\/checkout-link\/?products=8526:1\"\r\n                >\r\n                    Kupi e-book\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"sb-energy-final__footer\">\r\n        Svetlana Brki\u0107 - Arhitektura du\u0161e\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Energetska mapa doma Prostor kao ogledalo du\u0161e. Vodi\u010d za svakoga ko \u017eeli da razume zbog \u010dega se u odre\u0111enim delovima doma ose\u0107a mirno, a u drugima nemirno &#8211; i \u0161ta prostor mo\u017ee da mu otkrije o sopstvenim potrebama. Kupi e-book Digitalni vodi\u010d Arhitektura du\u0161e Svetlana Brki\u0107 Energetska mapa doma Tvoj dom nikada nije samo zbir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-8570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/8570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/comments?post=8570"}],"version-history":[{"count":13,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/8570\/revisions"}],"predecessor-version":[{"id":8584,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/8570\/revisions\/8584"}],"wp:attachment":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/media?parent=8570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}