{"id":8585,"date":"2026-09-24T21:39:30","date_gmt":"2026-09-24T21:39:30","guid":{"rendered":"https:\/\/svetlanabrkic.rs\/?page_id=8585"},"modified":"2026-09-24T21:40:08","modified_gmt":"2026-09-24T21:40:08","slug":"boja-tvoje-licnosti-i-vastu-principi","status":"publish","type":"page","link":"https:\/\/svetlanabrkic.rs\/index.php\/boja-tvoje-licnosti-i-vastu-principi\/","title":{"rendered":"Boja tvoje li\u010dnosti i Vastu principi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8585\" class=\"elementor elementor-8585\">\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<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Imbue:opsz,wght@10..100,300;10..100,400;10..100,500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   SVETLANA BRKI\u0106\r\n   E-BOOK - BOJA TVOJE LI\u010cNOSTI I VASTU PRINCIPI\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.sb-color-hero,\r\n.sb-color-hero *,\r\n.sb-color-hero *::before,\r\n.sb-color-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-color-hero {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-sand: #EBE5D3;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 790px;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 52%) minmax(0, 48%);\r\n\r\n    background: var(--sb-cream);\r\n    color: var(--sb-green);\r\n}\r\n\r\n\/* =========================================================\r\n   LEFT\r\n   ========================================================= *\/\r\n\r\n.sb-color-hero__content {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 100px clamp(48px, 6.5vw, 118px);\r\n    background: var(--sb-cream);\r\n}\r\n\r\n.sb-color-hero__inner {\r\n    width: 100%;\r\n    max-width: 720px;\r\n}\r\n\r\n\/* mali broj \/ editorial detalj *\/\r\n\r\n.sb-color-hero__edition {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin: 0 0 42px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    letter-spacing: 0.19em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(68, 82, 54, 0.62);\r\n}\r\n\r\n.sb-color-hero__edition::before {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 1px;\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\/* eyebrow *\/\r\n\r\n.sb-color-hero__eyebrow {\r\n    margin: 0 0 20px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n    font-weight: 400;\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\/* naslov *\/\r\n\r\n.sb-color-hero__title {\r\n    margin: 0;\r\n    max-width: 660px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(64px, 6vw, 104px);\r\n    line-height: 0.88;\r\n    font-weight: 400;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-color-hero__title span {\r\n    display: block;\r\n}\r\n\r\n.sb-color-hero__title .sb-color-hero__title-accent {\r\n    position: relative;\r\n    width: fit-content;\r\n\r\n    font-style: italic;\r\n    font-weight: 300;\r\n    color: var(--sb-rust);\r\n}\r\n\r\n\/* mala linija ispod naslova *\/\r\n\r\n.sb-color-hero__divider {\r\n    width: 74px;\r\n    height: 1px;\r\n    margin: 38px 0 30px;\r\n    background: rgba(68, 82, 54, 0.38);\r\n}\r\n\r\n\/* supporting copy *\/\r\n\r\n.sb-color-hero__copy {\r\n    max-width: 570px;\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    font-weight: 400;\r\n\r\n    color: rgba(68, 82, 54, 0.86);\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.sb-color-hero__cta-wrap {\r\n    margin-top: 42px;\r\n}\r\n\r\n.sb-color-hero__cta {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    min-height: 52px;\r\n    padding: 15px 0 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.35;\r\n    font-weight: 400;\r\n    letter-spacing: 0.105em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n\r\n    color: var(--sb-green);\r\n\r\n    border-bottom: 1px solid var(--sb-green);\r\n\r\n    transition:\r\n        color 0.3s ease,\r\n        border-color 0.3s ease,\r\n        gap 0.3s ease;\r\n}\r\n\r\n.sb-color-hero__cta::after {\r\n    content: \"\u2192\";\r\n\r\n    display: block;\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n    font-weight: 300;\r\n\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sb-color-hero__cta:hover {\r\n    color: var(--sb-rust);\r\n    border-color: var(--sb-rust);\r\n    gap: 24px;\r\n}\r\n\r\n.sb-color-hero__cta:hover::after {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* =========================================================\r\n   RIGHT \/ IMAGE\r\n   ========================================================= *\/\r\n\r\n.sb-color-hero__visual {\r\n    position: relative;\r\n    min-width: 0;\r\n    min-height: 790px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(32, 37, 28, 0.03) 0%,\r\n            rgba(32, 37, 28, 0.10) 100%\r\n        ),\r\n        url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0907-scaled.jpg\")\r\n        center center \/ cover no-repeat;\r\n}\r\n\r\n\/* suptilan topli ton preko fotografije *\/\r\n\r\n.sb-color-hero__visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(68, 82, 54, 0.10) 0%,\r\n            rgba(68, 82, 54, 0.02) 45%,\r\n            rgba(176, 83, 48, 0.08) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* vertikalni color signature *\/\r\n\r\n.sb-color-hero__palette {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 100%;\r\n    height: 10px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 34% 27% 22% 17%;\r\n}\r\n\r\n.sb-color-hero__palette span:nth-child(1) {\r\n    background: #445236;\r\n}\r\n\r\n.sb-color-hero__palette span:nth-child(2) {\r\n    background: #B05330;\r\n}\r\n\r\n.sb-color-hero__palette span:nth-child(3) {\r\n    background: #EBE5D3;\r\n}\r\n\r\n.sb-color-hero__palette span:nth-child(4) {\r\n    background: #F5F1E5;\r\n}\r\n\r\n\/* tekst preko slike *\/\r\n\r\n.sb-color-hero__side-note {\r\n    position: absolute;\r\n    z-index: 4;\r\n\r\n    right: 28px;\r\n    bottom: 42px;\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    line-height: 1;\r\n    font-weight: 400;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.92);\r\n\r\n    transform: rotate(-90deg);\r\n    transform-origin: right bottom;\r\n}\r\n\r\n.sb-color-hero__side-note::before {\r\n    content: \"\";\r\n    width: 36px;\r\n    height: 1px;\r\n    background: rgba(245, 241, 229, 0.70);\r\n}\r\n\r\n\/* tanki okvir kao arhitektonski detalj *\/\r\n\r\n.sb-color-hero__frame {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    top: 30px;\r\n    right: 30px;\r\n    bottom: 30px;\r\n    left: 30px;\r\n\r\n    border:\r\n        1px solid rgba(245, 241, 229, 0.32);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-color-hero {\r\n        grid-template-columns: 54% 46%;\r\n        min-height: 720px;\r\n    }\r\n\r\n    .sb-color-hero__content {\r\n        padding:\r\n            80px\r\n            clamp(36px, 5vw, 62px);\r\n    }\r\n\r\n    .sb-color-hero__visual {\r\n        min-height: 720px;\r\n    }\r\n\r\n    .sb-color-hero__title {\r\n        font-size: clamp(58px, 7vw, 82px);\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-color-hero {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        min-height: auto;\r\n        background: var(--sb-cream);\r\n    }\r\n\r\n    .sb-color-hero__visual {\r\n        order: 1;\r\n\r\n        width: 100%;\r\n        min-height: 0;\r\n        height: 57vh;\r\n        max-height: 560px;\r\n\r\n        background-position: center 34%;\r\n    }\r\n\r\n    .sb-color-hero__content {\r\n        order: 2;\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            54px\r\n            24px\r\n            64px;\r\n    }\r\n\r\n    .sb-color-hero__inner {\r\n        max-width: none;\r\n    }\r\n\r\n    .sb-color-hero__edition {\r\n        margin-bottom: 30px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-color-hero__eyebrow {\r\n        margin-bottom: 18px;\r\n        font-size: 10px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .sb-color-hero__title {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(55px, 16vw, 78px);\r\n        line-height: 0.90;\r\n    }\r\n\r\n    .sb-color-hero__divider {\r\n        margin:\r\n            30px\r\n            0\r\n            24px;\r\n    }\r\n\r\n    .sb-color-hero__copy {\r\n        max-width: 100%;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.72;\r\n    }\r\n\r\n    .sb-color-hero__cta-wrap {\r\n        margin-top: 34px;\r\n    }\r\n\r\n    .sb-color-hero__cta {\r\n        justify-content: flex-start;\r\n\r\n        max-width: 100%;\r\n        min-height: 48px;\r\n\r\n        padding-right: 2px;\r\n\r\n        font-size: 10px;\r\n        line-height: 1.5;\r\n        letter-spacing: 0.08em;\r\n    }\r\n\r\n    .sb-color-hero__frame {\r\n        top: 18px;\r\n        right: 18px;\r\n        bottom: 18px;\r\n        left: 18px;\r\n    }\r\n\r\n    .sb-color-hero__side-note {\r\n        display: none;\r\n    }\r\n\r\n    .sb-color-hero__palette {\r\n        height: 7px;\r\n    }\r\n}\r\n\r\n\/* veoma mali telefoni *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-color-hero__content {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .sb-color-hero__title {\r\n        font-size: 53px;\r\n    }\r\n\r\n    .sb-color-hero__copy {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sb-color-hero\">\r\n\r\n    <div class=\"sb-color-hero__content\">\r\n\r\n        <div class=\"sb-color-hero__inner\">\r\n\r\n            <div class=\"sb-color-hero__edition\">\r\n                E-book u pripremi\r\n            <\/div>\r\n\r\n            <div class=\"sb-color-hero__eyebrow\">\r\n                Boja tvoje li\u010dnosti i Vastu principi\r\n            <\/div>\r\n\r\n            <h1 class=\"sb-color-hero__title\">\r\n                <span>Prostor u<\/span>\r\n                <span class=\"sb-color-hero__title-accent\">tvojim bojama.<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"sb-color-hero__divider\"><\/div>\r\n\r\n            <p class=\"sb-color-hero__copy\">\r\n                Za one koji \u017eele da boje i organizaciju prostora\r\n                prestanu da biraju samo prema trendovima -\r\n                i po\u010dnu da ih povezuju sa sobom.\r\n            <\/p>\r\n\r\n            <div class=\"sb-color-hero__cta-wrap\">\r\n                <a\r\n                    class=\"sb-color-hero__cta\"\r\n                    href=\"#lista-zainteresovanih\"\r\n                >\r\n                    Prijavi se da prvi\/a sazna\u0161 kada e-book bude dostupan\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"sb-color-hero__visual\">\r\n\r\n        <div class=\"sb-color-hero__frame\"><\/div>\r\n\r\n        <div class=\"sb-color-hero__side-note\">\r\n            Boja \u00b7 li\u010dnost \u00b7 prostor\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"sb-color-hero__palette\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\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 - BOJA TVOJE LI\u010cNOSTI I VASTU PRINCIPI\r\n   SEKCIJA 2 - REDIZAJN\r\n   ========================================================= *\/\r\n\r\n.sb-color-intro,\r\n.sb-color-intro *,\r\n.sb-color-intro *::before,\r\n.sb-color-intro *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-color-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: 74px 7vw 78px;\r\n\r\n    background: var(--sb-light);\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-color-intro__inner {\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   GORNJI DEO\r\n   ========================================================= *\/\r\n\r\n.sb-color-intro__top {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);\r\n    gap: clamp(48px, 7vw, 110px);\r\n    align-items: end;\r\n\r\n    margin-bottom: 42px;\r\n}\r\n\r\n.sb-color-intro__title {\r\n    max-width: 850px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 5.3vw, 80px);\r\n    line-height: 0.95;\r\n    font-weight: 400;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-color-intro__title span {\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color: var(--sb-rust);\r\n    font-style: italic;\r\n    font-weight: 300;\r\n}\r\n\r\n.sb-color-intro__lead {\r\n    position: relative;\r\n\r\n    padding: 0 0 5px 28px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n\r\n    color: rgba(68, 82, 54, 0.76);\r\n}\r\n\r\n.sb-color-intro__lead::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 5px;\r\n    left: 0;\r\n\r\n    width: 1px;\r\n    height: 34px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-color-intro__lead p {\r\n    margin: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   PITANJA - DVE KOLONE\r\n   ========================================================= *\/\r\n\r\n.sb-color-intro__questions {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    margin-bottom: 44px;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.18);\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n.sb-color-intro__question {\r\n    position: relative;\r\n\r\n    min-height: 130px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 30px 55px 30px 0;\r\n}\r\n\r\n.sb-color-intro__question + .sb-color-intro__question {\r\n    padding-left: 55px;\r\n\r\n    border-left: 1px solid rgba(68, 82, 54, 0.18);\r\n}\r\n\r\n.sb-color-intro__question p {\r\n    max-width: 470px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(30px, 3vw, 44px);\r\n    line-height: 1.03;\r\n    font-weight: 400;\r\n    letter-spacing: -0.012em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-color-intro__question::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 31px;\r\n    right: 24px;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    background: var(--sb-rust);\r\n    border-radius: 50%;\r\n}\r\n\r\n.sb-color-intro__question:nth-child(2)::before {\r\n    background: transparent;\r\n    border: 1px solid var(--sb-rust);\r\n}\r\n\r\n\/* =========================================================\r\n   DONJI TEKST\r\n   ========================================================= *\/\r\n\r\n.sb-color-intro__bottom {\r\n    display: grid;\r\n    grid-template-columns: 0.65fr 1.35fr;\r\n    gap: clamp(50px, 7vw, 105px);\r\n    align-items: start;\r\n}\r\n\r\n.sb-color-intro__detail {\r\n    position: relative;\r\n    height: 100%;\r\n    min-height: 100px;\r\n}\r\n\r\n.sb-color-intro__detail::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 7px;\r\n    left: 0;\r\n\r\n    width: 62px;\r\n    height: 1px;\r\n\r\n    background: rgba(176, 83, 48, 0.78);\r\n}\r\n\r\n.sb-color-intro__detail::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 66px;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border: 1px solid var(--sb-rust);\r\n    border-radius: 50%;\r\n}\r\n\r\n.sb-color-intro__text {\r\n    max-width: 700px;\r\n}\r\n\r\n.sb-color-intro__text p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    font-weight: 400;\r\n\r\n    color: rgba(68, 82, 54, 0.84);\r\n}\r\n\r\n.sb-color-intro__text p + p {\r\n    margin-top: 14px;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n    .sb-color-intro {\r\n        padding: 68px 42px 72px;\r\n    }\r\n\r\n    .sb-color-intro__top {\r\n        grid-template-columns: 1fr;\r\n        gap: 26px;\r\n\r\n        margin-bottom: 34px;\r\n    }\r\n\r\n    .sb-color-intro__lead {\r\n        max-width: 420px;\r\n    }\r\n\r\n    .sb-color-intro__question {\r\n        padding-right: 40px;\r\n    }\r\n\r\n    .sb-color-intro__question + .sb-color-intro__question {\r\n        padding-left: 40px;\r\n    }\r\n\r\n    .sb-color-intro__bottom {\r\n        grid-template-columns: 0.4fr 1.6fr;\r\n        gap: 40px;\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-color-intro {\r\n        padding: 56px 22px 60px;\r\n    }\r\n\r\n    .sb-color-intro__top {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .sb-color-intro__title {\r\n        font-size: clamp(44px, 12.7vw, 58px);\r\n        line-height: 0.96;\r\n    }\r\n\r\n    .sb-color-intro__lead {\r\n        padding-left: 20px;\r\n\r\n        font-size: 13px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .sb-color-intro__lead::before {\r\n        height: 28px;\r\n    }\r\n\r\n    .sb-color-intro__questions {\r\n        grid-template-columns: 1fr;\r\n\r\n        margin-bottom: 34px;\r\n    }\r\n\r\n    .sb-color-intro__question {\r\n        min-height: 0;\r\n\r\n        padding: 26px 34px 26px 0;\r\n    }\r\n\r\n    .sb-color-intro__question + .sb-color-intro__question {\r\n        padding: 26px 34px 26px 0;\r\n\r\n        border-left: 0;\r\n        border-top: 1px solid rgba(68, 82, 54, 0.18);\r\n    }\r\n\r\n    .sb-color-intro__question p {\r\n        max-width: 100%;\r\n\r\n        font-size: 32px;\r\n        line-height: 1.02;\r\n    }\r\n\r\n    .sb-color-intro__question::before {\r\n        top: 29px;\r\n        right: 2px;\r\n    }\r\n\r\n    .sb-color-intro__bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .sb-color-intro__detail {\r\n        min-height: 16px;\r\n    }\r\n\r\n    .sb-color-intro__detail::before {\r\n        top: 6px;\r\n\r\n        width: 46px;\r\n    }\r\n\r\n    .sb-color-intro__detail::after {\r\n        top: 2px;\r\n        left: 51px;\r\n    }\r\n\r\n    .sb-color-intro__text p {\r\n        font-size: 14px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .sb-color-intro__text p + p {\r\n        margin-top: 12px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-color-intro {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .sb-color-intro__title {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .sb-color-intro__question p {\r\n        font-size: 30px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sb-color-intro\">\r\n\r\n    <div class=\"sb-color-intro__inner\">\r\n\r\n        <div class=\"sb-color-intro__top\">\r\n\r\n            <h2 class=\"sb-color-intro__title\">\r\n                \u201eKoju boju da izaberem?\"\r\n                <span>mo\u017eda nije prvo pitanje.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"sb-color-intro__lead\">\r\n                <p>\r\n                    Pre njega postoji va\u017enije:\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"sb-color-intro__questions\">\r\n\r\n            <div class=\"sb-color-intro__question\">\r\n                <p>\r\n                    Kako \u017eelim da se u ovom prostoru ose\u0107am?\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sb-color-intro__question\">\r\n                <p>\r\n                    \u0160ta meni zapravo prija?\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"sb-color-intro__bottom\">\r\n\r\n            <div class=\"sb-color-intro__detail\"><\/div>\r\n\r\n            <div class=\"sb-color-intro__text\">\r\n\r\n                <p>\r\n                    Boja je jedan od najbr\u017eih na\u010dina da promenimo do\u017eivljaj prostora, ali je \u010desto biramo prema fotografiji koja nam se dopala, trenutnom trendu ili tu\u0111em ukusu.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Ovaj e-book nastaje kao poziv da boju posmatra\u0161 li\u010dnije.\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\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 - BOJA TVOJE LI\u010cNOSTI I VASTU PRINCIPI\r\n   SEKCIJA 3 - KADA SE BOJA, OSOBA I PROSTOR SRETNU\r\n   ========================================================= *\/\r\n\r\n.sb-color-meeting,\r\n.sb-color-meeting *,\r\n.sb-color-meeting *::before,\r\n.sb-color-meeting *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-color-meeting {\r\n    --sb-green: #445236;\r\n    --sb-rust: #B05330;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-light: #FDFBF5;\r\n    --sb-sand: #E8E1CF;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: 120px clamp(28px, 6vw, 100px);\r\n\r\n    background: var(--sb-green);\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-color-meeting__inner {\r\n    width: 100%;\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(0, 0.92fr)\r\n        minmax(0, 1.08fr);\r\n\r\n    gap: clamp(70px, 9vw, 140px);\r\n    align-items: center;\r\n}\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n   ========================================================= *\/\r\n\r\n.sb-color-meeting__visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 680px;\r\n}\r\n\r\n\/* glavna fotografija *\/\r\n\r\n.sb-color-meeting__image {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 84%;\r\n    height: 86%;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.sb-color-meeting__image::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(48, 58, 40, 0.02) 0%,\r\n            rgba(48, 58, 40, 0.10) 100%\r\n        );\r\n}\r\n\r\n.sb-color-meeting__image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\/* veliki blok boje iza fotografije *\/\r\n\r\n.sb-color-meeting__shape {\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 56%;\r\n    height: 52%;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n\/* mali svetli kvadrat *\/\r\n\r\n.sb-color-meeting__light-shape {\r\n    position: absolute;\r\n\r\n    right: 12%;\r\n    top: 8%;\r\n\r\n    width: 86px;\r\n    height: 86px;\r\n\r\n    background: var(--sb-cream);\r\n}\r\n\r\n\/* vertikalni tekst *\/\r\n\r\n.sb-color-meeting__vertical {\r\n    position: absolute;\r\n\r\n    right: -4px;\r\n    bottom: 30px;\r\n\r\n    z-index: 4;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0.20em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.76);\r\n\r\n    transform: rotate(-90deg);\r\n    transform-origin: right bottom;\r\n}\r\n\r\n\/* mali potpis preko fotografije *\/\r\n\r\n.sb-color-meeting__image-note {\r\n    position: absolute;\r\n\r\n    left: 26px;\r\n    bottom: 120px;\r\n\r\n    z-index: 5;\r\n\r\n    padding: 10px 13px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    line-height: 1.3;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--sb-green);\r\n    background: rgba(245, 241, 229, 0.92);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-color-meeting__content {\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.sb-color-meeting__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    margin-bottom: 26px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.68);\r\n}\r\n\r\n.sb-color-meeting__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 36px;\r\n    height: 1px;\r\n\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-color-meeting__title {\r\n    max-width: 650px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(58px, 5.8vw, 94px);\r\n    line-height: 0.92;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-color-meeting__title em {\r\n    display: block;\r\n\r\n    margin-top: 8px;\r\n\r\n    font-style: italic;\r\n    font-weight: 300;\r\n\r\n    color: #D78A67;\r\n}\r\n\r\n\/* intro tekst *\/\r\n\r\n.sb-color-meeting__lead {\r\n    max-width: 610px;\r\n\r\n    margin: 42px 0 0;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n\r\n    color: rgba(245, 241, 229, 0.84);\r\n}\r\n\r\n\/* klju\u010dni koncept *\/\r\n\r\n.sb-color-meeting__statement {\r\n    position: relative;\r\n\r\n    margin-top: 46px;\r\n    padding: 30px 0 30px 34px;\r\n\r\n    border-left: 1px solid rgba(215, 138, 103, 0.70);\r\n}\r\n\r\n.sb-color-meeting__statement p {\r\n    max-width: 570px;\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(32px, 3.1vw, 46px);\r\n    line-height: 1.02;\r\n    font-weight: 300;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n.sb-color-meeting__statement span {\r\n    color: #D78A67;\r\n    font-style: italic;\r\n}\r\n\r\n\/* tri elementa *\/\r\n\r\n.sb-color-meeting__trio {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    margin-top: 52px;\r\n\r\n    border-top: 1px solid rgba(245, 241, 229, 0.20);\r\n    border-bottom: 1px solid rgba(245, 241, 229, 0.20);\r\n}\r\n\r\n.sb-color-meeting__trio-item {\r\n    padding: 24px 18px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    line-height: 1.4;\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(245, 241, 229, 0.74);\r\n}\r\n\r\n.sb-color-meeting__trio-item:first-child {\r\n    padding-left: 0;\r\n}\r\n\r\n.sb-color-meeting__trio-item + .sb-color-meeting__trio-item {\r\n    border-left: 1px solid rgba(245, 241, 229, 0.20);\r\n}\r\n\r\n\/* future content \/ dopuna *\/\r\n\r\n.sb-color-meeting__coming {\r\n    margin-top: 36px;\r\n\r\n    max-width: 600px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n\r\n    color: rgba(245, 241, 229, 0.52);\r\n}\r\n\r\n.sb-color-meeting__coming strong {\r\n    font-weight: 400;\r\n    color: rgba(245, 241, 229, 0.78);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .sb-color-meeting {\r\n        padding-top: 95px;\r\n        padding-bottom: 95px;\r\n    }\r\n\r\n    .sb-color-meeting__inner {\r\n        gap: 60px;\r\n    }\r\n\r\n    .sb-color-meeting__visual {\r\n        min-height: 570px;\r\n    }\r\n\r\n    .sb-color-meeting__title {\r\n        font-size: clamp(54px, 6.5vw, 76px);\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-color-meeting {\r\n        padding: 72px 22px 78px;\r\n    }\r\n\r\n    .sb-color-meeting__inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap: 58px;\r\n    }\r\n\r\n    .sb-color-meeting__visual {\r\n        width: 100%;\r\n        min-height: 0;\r\n        height: 540px;\r\n    }\r\n\r\n    .sb-color-meeting__image {\r\n        width: 88%;\r\n        height: 84%;\r\n    }\r\n\r\n    .sb-color-meeting__shape {\r\n        width: 58%;\r\n        height: 46%;\r\n    }\r\n\r\n    .sb-color-meeting__light-shape {\r\n        width: 58px;\r\n        height: 58px;\r\n\r\n        right: 7%;\r\n        top: 7%;\r\n    }\r\n\r\n    .sb-color-meeting__image-note {\r\n        left: 18px;\r\n        bottom: 108px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .sb-color-meeting__vertical {\r\n        display: none;\r\n    }\r\n\r\n    .sb-color-meeting__eyebrow {\r\n        margin-bottom: 22px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .sb-color-meeting__title {\r\n        font-size: clamp(50px, 14.5vw, 68px);\r\n        line-height: 0.93;\r\n    }\r\n\r\n    .sb-color-meeting__lead {\r\n        margin-top: 32px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.72;\r\n    }\r\n\r\n    .sb-color-meeting__statement {\r\n        margin-top: 36px;\r\n\r\n        padding:\r\n            22px\r\n            0\r\n            22px\r\n            22px;\r\n    }\r\n\r\n    .sb-color-meeting__statement p {\r\n        font-size: clamp(31px, 9.5vw, 42px);\r\n    }\r\n\r\n    .sb-color-meeting__trio {\r\n        margin-top: 42px;\r\n    }\r\n\r\n    .sb-color-meeting__trio-item {\r\n        padding: 20px 10px;\r\n\r\n        font-size: 8px;\r\n        letter-spacing: 0.11em;\r\n    }\r\n\r\n    .sb-color-meeting__trio-item:first-child {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .sb-color-meeting__coming {\r\n        margin-top: 28px;\r\n\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-color-meeting {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .sb-color-meeting__visual {\r\n        height: 480px;\r\n    }\r\n\r\n    .sb-color-meeting__title {\r\n        font-size: 48px;\r\n    }\r\n\r\n    .sb-color-meeting__trio-item {\r\n        font-size: 7.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sb-color-meeting\">\r\n\r\n    <div class=\"sb-color-meeting__inner\">\r\n\r\n        <!-- VISUAL -->\r\n        <div class=\"sb-color-meeting__visual\">\r\n\r\n            <div class=\"sb-color-meeting__shape\"><\/div>\r\n\r\n            <div class=\"sb-color-meeting__light-shape\"><\/div>\r\n\r\n            <div class=\"sb-color-meeting__image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0323-scaled.jpg\"\r\n                    alt=\"Svetlana Brki\u0107 - prostor, boje i energija doma\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sb-color-meeting__image-note\">\r\n                Boja kao deo li\u010dnog prostora\r\n            <\/div>\r\n\r\n            <div class=\"sb-color-meeting__vertical\">\r\n                Arhitektura du\u0161e\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"sb-color-meeting__content\">\r\n\r\n            <div class=\"sb-color-meeting__eyebrow\">\r\n                Li\u010dnost \u00b7 boja \u00b7 prostor\r\n            <\/div>\r\n\r\n            <h2 class=\"sb-color-meeting__title\">\r\n                Kada se boja, osoba i prostor\r\n                <em>sretnu.<\/em>\r\n            <\/h2>\r\n\r\n            <p class=\"sb-color-meeting__lead\">\r\n                Kroz spoj teme li\u010dnosti, boja i osnovnih Vastu principa\r\n                istra\u017eiva\u0107emo na koji na\u010din prostor mo\u017ee da bude\r\n                uskla\u0111eniji sa osobom koja ga koristi.\r\n            <\/p>\r\n\r\n            <div class=\"sb-color-meeting__statement\">\r\n\r\n                <p>\r\n                    Ne tra\u017eimo\r\n                    <span>\u201esavr\u0161enu boju\".<\/span>\r\n                    Tra\u017eimo odnos izme\u0111u toga ko si,\r\n                    \u0161ta ti je potrebno i kakvo okru\u017eenje\r\n                    \u017eeli\u0161 da stvori\u0161.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sb-color-meeting__trio\">\r\n\r\n                <div class=\"sb-color-meeting__trio-item\">\r\n                    Ko si\r\n                <\/div>\r\n\r\n                <div class=\"sb-color-meeting__trio-item\">\r\n                    \u0160ta ti prija\r\n                <\/div>\r\n\r\n                <div class=\"sb-color-meeting__trio-item\">\r\n                    Kako \u017eeli\u0161 da \u017eivi\u0161\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"sb-color-meeting__coming\">\r\n                <strong>E-book je trenutno u pripremi.<\/strong>\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 - BOJA TVOJE LI\u010cNOSTI I VASTU PRINCIPI\r\n   SEKCIJA 4 - ZA KOGA NASTAJE OVAJ VODI\u010c?\r\n   ========================================================= *\/\r\n\r\n.sb-guide-for,\r\n.sb-guide-for *,\r\n.sb-guide-for *::before,\r\n.sb-guide-for *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-guide-for {\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: 82px 7vw 88px;\r\n\r\n    background: var(--sb-cream);\r\n    color: var(--sb-green);\r\n}\r\n\r\n.sb-guide-for__inner {\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   NASLOV\r\n   ========================================================= *\/\r\n\r\n.sb-guide-for__title {\r\n    width: 100%;\r\n    max-width: 760px;\r\n\r\n    margin: 0 0 52px;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(50px, 5.2vw, 80px);\r\n    line-height: 0.95;\r\n    font-weight: 400;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-green);\r\n}\r\n\r\n\/* =========================================================\r\n   STAVKE\r\n   ========================================================= *\/\r\n\r\n.sb-guide-for__grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    border-top: 1px solid rgba(68, 82, 54, 0.22);\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.22);\r\n}\r\n\r\n.sb-guide-for__item {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    min-height: 155px;\r\n    padding: 34px 52px 34px 0;\r\n}\r\n\r\n.sb-guide-for__item:nth-child(even) {\r\n    padding-left: 52px;\r\n    padding-right: 0;\r\n\r\n    border-left: 1px solid rgba(68, 82, 54, 0.20);\r\n}\r\n\r\n.sb-guide-for__item:nth-child(1),\r\n.sb-guide-for__item:nth-child(2) {\r\n    border-bottom: 1px solid rgba(68, 82, 54, 0.20);\r\n}\r\n\r\n.sb-guide-for__item::before {\r\n    content: \"\";\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    margin-top: 9px;\r\n    margin-right: 20px;\r\n\r\n    border: 1px solid var(--sb-rust);\r\n    border-radius: 50%;\r\n}\r\n\r\n.sb-guide-for__item:nth-child(1)::before,\r\n.sb-guide-for__item:nth-child(4)::before {\r\n    background: var(--sb-rust);\r\n}\r\n\r\n.sb-guide-for__item p {\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    line-height: 1.72;\r\n    font-weight: 400;\r\n\r\n    color: rgba(68, 82, 54, 0.88);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n    .sb-guide-for {\r\n        padding: 72px 42px 76px;\r\n    }\r\n\r\n    .sb-guide-for__title {\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .sb-guide-for__item {\r\n        padding-right: 36px;\r\n    }\r\n\r\n    .sb-guide-for__item:nth-child(even) {\r\n        padding-left: 36px;\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-guide-for {\r\n        padding: 58px 22px 62px;\r\n    }\r\n\r\n    .sb-guide-for__title {\r\n        margin-bottom: 34px;\r\n\r\n        font-size: clamp(44px, 12.5vw, 58px);\r\n        line-height: 0.96;\r\n    }\r\n\r\n    .sb-guide-for__grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-guide-for__item {\r\n        min-height: 0;\r\n\r\n        padding: 25px 0;\r\n    }\r\n\r\n    .sb-guide-for__item:nth-child(even) {\r\n        padding: 25px 0;\r\n\r\n        border-left: 0;\r\n    }\r\n\r\n    .sb-guide-for__item:nth-child(1),\r\n    .sb-guide-for__item:nth-child(2),\r\n    .sb-guide-for__item:nth-child(3) {\r\n        border-bottom: 1px solid rgba(68, 82, 54, 0.18);\r\n    }\r\n\r\n    .sb-guide-for__item p {\r\n        font-size: 14px;\r\n        line-height: 1.68;\r\n    }\r\n\r\n    .sb-guide-for__item::before {\r\n        width: 8px;\r\n        height: 8px;\r\n\r\n        margin-top: 7px;\r\n        margin-right: 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-guide-for {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .sb-guide-for__title {\r\n        font-size: 43px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sb-guide-for\">\r\n\r\n    <div class=\"sb-guide-for__inner\">\r\n\r\n        <h2 class=\"sb-guide-for__title\">\r\n            Za koga nastaje ovaj vodi\u010d?\r\n        <\/h2>\r\n\r\n        <div class=\"sb-guide-for__grid\">\r\n\r\n            <div class=\"sb-guide-for__item\">\r\n                <p>\r\n                    Za osobu koja voli boje, ali se lako izgubi me\u0111u izborima.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sb-guide-for__item\">\r\n                <p>\r\n                    Za nekoga ko \u017eeli da razume osnovne Vastu principe bez rigidnosti.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sb-guide-for__item\">\r\n                <p>\r\n                    Za one kojima nije dovoljan odgovor \u201eova boja je sada moderna\".\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sb-guide-for__item\">\r\n                <p>\r\n                    I za svakoga ko veruje da prostor mo\u017ee da bude vizuelno lep i istovremeno duboko li\u010dan.\r\n                <\/p>\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-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 - BOJA TVOJE LI\u010cNOSTI I VASTU PRINCIPI\r\n   ZAVR\u0160NI CTA\r\n   ========================================================= *\/\r\n\r\n.sb-color-final,\r\n.sb-color-final *,\r\n.sb-color-final *::before,\r\n.sb-color-final *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sb-color-final {\r\n    --sb-green: #445236;\r\n    --sb-cream: #F5F1E5;\r\n    --sb-rust: #B05330;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 560px;\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: 80px 7vw;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(38, 46, 31, 0.82) 0%,\r\n            rgba(38, 46, 31, 0.72) 45%,\r\n            rgba(38, 46, 31, 0.52) 100%\r\n        ),\r\n        url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\/* dodatni ne\u017eni sloj *\/\r\n\r\n.sb-color-final::before {\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(176, 83, 48, 0.04) 0%,\r\n            rgba(68, 82, 54, 0.12) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* tanki okvir *\/\r\n\r\n.sb-color-final::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 28px;\r\n\r\n    border: 1px solid rgba(245, 241, 229, 0.24);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.sb-color-final__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 860px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.sb-color-final__title {\r\n    margin: 0;\r\n\r\n    font-family: \"Imbue\", Georgia, serif;\r\n    font-size: clamp(56px, 6vw, 92px);\r\n    line-height: 0.94;\r\n    font-weight: 400;\r\n    letter-spacing: -0.025em;\r\n\r\n    color: var(--sb-cream);\r\n}\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.sb-color-final__cta-wrap {\r\n    margin-top: 42px;\r\n}\r\n\r\n.sb-color-final__cta {\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\r\n    padding: 14px 28px;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n\r\n    color: var(--sb-green);\r\n    background: var(--sb-cream);\r\n\r\n    border: 1px solid var(--sb-cream);\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        border-color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.sb-color-final__cta::after {\r\n    content: \"\u2192\";\r\n\r\n    font-size: 16px;\r\n    line-height: 1;\r\n\r\n    color: var(--sb-green);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        color 0.3s ease;\r\n}\r\n\r\n.sb-color-final__cta:hover {\r\n    color: var(--sb-cream);\r\n    background: transparent;\r\n    border-color: rgba(245, 241, 229, 0.72);\r\n\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.sb-color-final__cta:hover::after {\r\n    color: var(--sb-cream);\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n    .sb-color-final {\r\n        min-height: 500px;\r\n        padding: 70px 42px;\r\n\r\n        background-position: center;\r\n    }\r\n\r\n    .sb-color-final__title {\r\n        font-size: clamp(52px, 7vw, 76px);\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-color-final {\r\n        min-height: 480px;\r\n\r\n        padding: 64px 24px;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(38, 46, 31, 0.72) 0%,\r\n                rgba(38, 46, 31, 0.78) 100%\r\n            ),\r\n            url(\"https:\/\/svetlanabrkic.rs\/wp-content\/uploads\/2026\/09\/EOSR0579-scaled.jpg\");\r\n\r\n        background-position: center;\r\n    }\r\n\r\n    .sb-color-final::after {\r\n        inset: 16px;\r\n    }\r\n\r\n    .sb-color-final__inner {\r\n        max-width: 520px;\r\n    }\r\n\r\n    .sb-color-final__title {\r\n        font-size: clamp(46px, 13vw, 62px);\r\n        line-height: 0.95;\r\n    }\r\n\r\n    .sb-color-final__cta-wrap {\r\n        margin-top: 34px;\r\n    }\r\n\r\n    .sb-color-final__cta {\r\n        min-height: 46px;\r\n\r\n        padding: 13px 22px;\r\n\r\n        font-size: 10px;\r\n        letter-spacing: 0.10em;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .sb-color-final {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .sb-color-final__title {\r\n        font-size: 44px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sb-color-final\" id=\"lista-zainteresovanih\">\r\n\r\n    <div class=\"sb-color-final__inner\">\r\n\r\n        <h2 class=\"sb-color-final__title\">\r\n            \u017deli\u0161 da ti javim kada bude spreman?\r\n        <\/h2>\r\n\r\n        <div class=\"sb-color-final__cta-wrap\">\r\n\r\n            <a\r\n                class=\"sb-color-final__cta\"\r\n                href=\"#\"\r\n            >\r\n                Upi\u0161i me na listu\r\n            <\/a>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-book u pripremi Boja tvoje li\u010dnosti i Vastu principi Prostor u tvojim bojama. Za one koji \u017eele da boje i organizaciju prostora prestanu da biraju samo prema trendovima &#8211; i po\u010dnu da ih povezuju sa sobom. Prijavi se da prvi\/a sazna\u0161 kada e-book bude dostupan Boja \u00b7 li\u010dnost \u00b7 prostor \u201eKoju boju da izaberem?&#8221; mo\u017eda [&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-8585","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/8585","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=8585"}],"version-history":[{"count":7,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/8585\/revisions"}],"predecessor-version":[{"id":8592,"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/pages\/8585\/revisions\/8592"}],"wp:attachment":[{"href":"https:\/\/svetlanabrkic.rs\/index.php\/wp-json\/wp\/v2\/media?parent=8585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}