/* render-core 1.2.4 | 00-fonts.css, 00-oxygen-classes.css, 00-tokens.css, 01-base.css, 10-buttons.css, 11-sticky-bar.css, 12-forms.css, 13-utilities.css, 14-cookie-notice.css, 20-header-render.css, 30-footer.css, 44-stan-oxygen.css, 53-stan.css, 90-oxygen-fixes.css */

/* ---- 00-fonts.css ---- */
/*
 * Render Core | 00-fonts.css
 * Montserrat, lokalno (bez Google Fonts). Izvor: @fontsource/montserrat 5.3.0 (Google Fonts v31),
 * licenca SIL Open Font License 1.1, tekst u ../fonts/LICENSE-Montserrat-OFL.txt.
 *
 * Tezine 400 500 600 700 800: izmerene na svim stranama sajta (800 = brojevi "01".."06" u
 * standardima La Rue 48). Italic se nigde ne koristi, pa ga nema. 300 se trazi samo kao
 * roditelj <b> teksta na kontaktu i tamo se nista ne crta tom tezinom.
 * Podskupovi: latin-ext (c, c, dj, s, z sa kvacicama) pa latin, istim redom i sa istim
 * unicode-range kao Google Fonts, pa browser skida samo ono sto strana stvarno koristi.
 * font-display: swap = tekst se vidi odmah, font se zameni kad stigne.
 * Latin 400 i 700 se dodatno preload-uju iz includes/performance.php.
 */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-ext-800-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(https://render.rs/wp-content/plugins/render-core/assets/fonts/montserrat-latin-800-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


/* ---- 00-oxygen-classes.css ---- */
/* =============================================================================
   Render Core | 00-oxygen-classes.css
   CSS Oxygen klasa koje koriste elementi na sajtu. Do sada ga je Oxygen
   generisao iz Oxygen > Selectors u universal.css; ovde je prepisan TACNO
   onako kako ga Oxygen generise (ukljucujuci prazna pravila i nekoliko
   vrednosti koje pregledac odbacuje, vidi izvestaj), samo su URL-ovi slika
   relativni (/wp-content/...).

   Klase ostaju u Oxygenu (prazne), da elementi i dalje nose ista imena.
   Ne dodaji im stilove u Oxygen UI: Oxygen bi ih ispisao u universal.css, a ovaj
   fajl se ucitava posle i gazi ih kod istih osobina. Menjaj ovde.
   U zagradi je gde se klasa koristi.
   ============================================================================= */

/* ---- oxel_horizontal_divider  (kontakt) ---- */
.oxel_horizontal_divider {
background-image:linear-gradient(rgba(45,31,21,0.18), rgba(45,31,21,0.18)); margin-top:16px;
 margin-bottom:16px;
 width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}

/* ---- oxel_horizontal_divider__line  (kontakt) ---- */
.oxel_horizontal_divider__line {
 height:2px;
 background-color:#98a1a8;
}

/* ---- button-text  (la-rue-48) ---- */
.button-text:hover{
}
.button-text {
 margin-bottom:0px;
 box-shadow:inset 0px #a38554;
}
@media (max-width: 767px) {
.button-text {
}
}

@media (max-width: 479px) {
.button-text {
 padding-left:10px;
 margin-bottom:0px;
 margin-top:0px;
}
}

/* ---- button-icon  (la-rue-48) ---- */
.button-icon {
color: #333333;}.button-icon 
>svg {width: 30px;height: 30px;}.button-icon {
}

/* ---- btn-wrapper  (la-rue-48) ---- */
.btn-wrapper {
 gap:25px;
 margin-top:0px;
 align-self:flex-start;
 text-align:center;
}
.btn-wrapper:not(.ct-section):not(.oxy-easy-posts),
.btn-wrapper.oxy-easy-posts .oxy-posts,
.btn-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
gap:25px;
}
@media (max-width: 479px) {
.btn-wrapper {
 gap:5px;
 text-align:left;
 align-self:center;
}
.btn-wrapper:not(.ct-section):not(.oxy-easy-posts),
.btn-wrapper.oxy-easy-posts .oxy-posts,
.btn-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
align-content:center;
justify-content:center;
gap:5px;
}
}

/* ---- btn-black  (la-rue-48) ---- */
.btn-black:hover{
 background-color:#bda679;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.btn-black {
 text-align:left;
 gap:10px;
 padding-left:15px;
 padding-right:15px;
 padding-top:0px;
 padding-bottom:0px;
 background-color:#a38554;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 transition-duration:0.3s;
 font-size:20px;
 border-radius:10px;
 width:300px;
 margin-bottom:0px;
 height:50px;
}
.btn-black:not(.ct-section):not(.oxy-easy-posts),
.btn-black.oxy-easy-posts .oxy-posts,
.btn-black.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:10px;
}
@media (max-width: 479px) {
.btn-black {
padding: 10px 16px;
}.btn-black {
 padding-left:0px;
 font-size:20px;
 padding-top:0px;
 padding-right:10px;
 width:100%;
 margin-top:0px;
 margin-bottom:0px;
 gap:10px;
 max-height:50px;
}
.btn-black:not(.ct-section):not(.oxy-easy-posts),
.btn-black.oxy-easy-posts .oxy-posts,
.btn-black.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:10px;
}
}

/* ---- projekti-buton  (la-rue-48) ---- */
.projekti-buton:hover{
background-color :#a38554;
border: 1px solid #a38554;
color: #000000;
}.projekti-buton:hover{
 background-color:#ffffff;
}
.projekti-buton {
background-color :#3b3a41;
border: 1px solid #3b3a41;
color: #fffaf1;
}.projekti-buton {
 border-radius:0px;
 padding-top:3px;
 padding-bottom:3px;
 text-transform:uppercase;
 font-size:15px;
 transition-duration:0.3s;
 margin-top:0px;
 margin-left:1px;
 margin-bottom:0px;
 margin-right:1px;
 button-hover_color:#a38554;
}
@media (max-width: 767px) {
.projekti-buton {
padding: 0px 0px;
}.projekti-buton {
 font-size:14px;
 padding-right:4px;
 padding-left:0px;
 padding-top:6px;
 padding-bottom:6px;
 letter-spacing:0px;
 margin-right:0px;
 margin-left:0px;
 position:relative;
}
}

/* ---- btn-white  (la-rue-48) ---- */
.btn-white:hover{
background-image:linear-gradient(#a38554, #a38554); background-color:#a38554;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 color:#ffffff;
}
.btn-white {
background-image:linear-gradient(#fffaf1, #fffaf1); text-align:left;
 gap:10px;
 padding-left:15px;
 padding-right:15px;
 padding-top:5px;
 padding-bottom:5px;
 background-color:#fffaf1;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 transition-duration:0.3s;
 border-radius:10px;
 width:300px;
 height:50px;
}
.btn-white:not(.ct-section):not(.oxy-easy-posts),
.btn-white.oxy-easy-posts .oxy-posts,
.btn-white.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:10px;
}
@media (max-width: 479px) {
.btn-white {
 padding-left:0px;
 padding-right:0px;
 width:100%;
 max-height:50px;
}
.btn-white:not(.ct-section):not(.oxy-easy-posts),
.btn-white.oxy-easy-posts .oxy-posts,
.btn-white.ct-section .ct-section-inner-wrap{
display:flex;
}
}

/* ---- counter-number  (la-rue-48) ---- */
.counter-number {
 font-size:60px;
 line-height:100px;
 color:#fffaf1;
}
@media (max-width: 1360px) {
.counter-number {
}
}

@media (max-width: 991px) {
.counter-number {
 font-size:50px;
 line-height:60px;
 padding-right:80px;
}
.counter-number:not(.ct-section):not(.oxy-easy-posts),
.counter-number.oxy-easy-posts .oxy-posts,
.counter-number.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 767px) {
.counter-number {
 font-size:40px;
 padding-right:0px;
}
}

@media (max-width: 479px) {
.counter-number {
 font-size:40px;
 gap:0px;
 padding-right:1px;
 margin-right:1px;
 margin-left:1px;
}
.counter-number:not(.ct-section):not(.oxy-easy-posts),
.counter-number.oxy-easy-posts .oxy-posts,
.counter-number.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:0px;
}
}

/* ---- counter-text  (la-rue-48) ---- */
.counter-text {
 font-size:18px;
 color:#fffaf1;
 margin-bottom:0px;
}
@media (max-width: 1360px) {
.counter-text {
 font-size:14px;
 text-align:center;
}
}

@media (max-width: 991px) {
.counter-text {
 font-size:30px;
 padding-right:155px;
}
.counter-text:not(.ct-section):not(.oxy-easy-posts),
.counter-text.oxy-easy-posts .oxy-posts,
.counter-text.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:flex-end;
}
}

@media (max-width: 767px) {
.counter-text {
 font-size:22px;
 padding-right:120px;
}
}

@media (max-width: 479px) {
.counter-text {
 font-size:18px;
 padding-right:0px;
 text-align:left;
 align-self:center;
}
.counter-text:not(.ct-section):not(.oxy-easy-posts),
.counter-text.oxy-easy-posts .oxy-posts,
.counter-text.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
align-content:center;
justify-content:center;
}
}

/* ---- counter-div  (la-rue-48) ---- */
.counter-div {
background-image:url(/wp-content/uploads/2025/12/ChatGPT-Image-Dec-2-2025-05_20_47-PM.png);background-size: 80px auto; width:20%;
 gap:20px;
 border-left-color:#d6d6d6;
 border-left-width:1px;
 border-left-style:solid;
 background-repeat:no-repeat;
 background-position:94% 100%;
}
.counter-div:not(.ct-section):not(.oxy-easy-posts),
.counter-div.oxy-easy-posts .oxy-posts,
.counter-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
gap:20px;
}
@media (max-width: 1360px) {
.counter-div {
 text-align:left;
}
.counter-div:not(.ct-section):not(.oxy-easy-posts),
.counter-div.oxy-easy-posts .oxy-posts,
.counter-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 991px) {
.counter-div {
 padding-bottom:0px;
 padding-top:0px;
 border-left-width:0px;
 border-left-style:none;
 max-height:80px;
 text-align:center;
}
.counter-div:not(.ct-section):not(.oxy-easy-posts),
.counter-div.oxy-easy-posts .oxy-posts,
.counter-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
}

@media (max-width: 479px) {
.counter-div {
background-size: contain; max-height:60px;
}
}

/* ---- modeli-placanja  (la-rue-48) ---- */
.modeli-placanja {
 padding-left:25px;
 padding-right:25px;
 padding-top:15px;
 padding-bottom:15px;
 height:500px;
 max-height:500px;
 min-height:500px;
 max-width:500px;
}
@media (max-width: 991px) {
.modeli-placanja {
 height:100%;
 min-height:100%;
 max-height:100%;
 width:100%;
 padding-bottom:30px;
}
}

/* ---- materijalizacija-naslov  (la-rue-48) ---- */
.materijalizacija-naslov {
 font-family:Montserrat;
 margin-bottom:30px;
 font-weight:500;
 text-align:center;
 color:#3b3a41;
 text-transform:uppercase;
 width:100%;
 margin-top:30px;
 font-size:27px;
}
@media (max-width: 1360px) {
.materijalizacija-naslov {
 font-size:22px;
 line-height:1.1;
}
}

@media (max-width: 767px) {
.materijalizacija-naslov {
 line-height:0.9;
 font-size:28px;
}
}

@media (max-width: 479px) {
.materijalizacija-naslov {
 font-size:24px;
 margin-top:9px;
 margin-bottom:28px;
 line-height:1;
}
}

/* ---- project-h2  (sve strane) ---- */
.project-h2 {
}
@media (max-width: 767px) {
.project-h2 {
 text-align:center;
 width:100%;
}
}

/* ---- project-desc  (sve strane) ---- */
.project-desc {
 font-family:Montserrat;
 margin-top:30px;
 margin-bottom:0px;
 padding-top:0px;
}
@media (max-width: 991px) {
.project-desc {
 text-align:center;
}
}

@media (max-width: 479px) {
.project-desc {
 margin-top:33px;
 color:#3b3a41;
 background-color:#fffaf1;
 margin-bottom:37px;
}
}

/* ---- pc  (stan stranice) ---- */
.pc {
}
@media (max-width: 767px) {
.pc {
}
.pc:not(.ct-section):not(.oxy-easy-posts),
.pc.oxy-easy-posts .oxy-posts,
.pc.ct-section .ct-section-inner-wrap{
display:none;
}
}

/* ---- mobile  (stan stranice) ---- */
.mobile {
 color:#a38554;
}
.mobile:not(.ct-section):not(.oxy-easy-posts),
.mobile.oxy-easy-posts .oxy-posts,
.mobile.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 767px) {
.mobile {
}
.mobile:not(.ct-section):not(.oxy-easy-posts),
.mobile.oxy-easy-posts .oxy-posts,
.mobile.ct-section .ct-section-inner-wrap{
display:block;
}
}

/* ---- archive-search-wrapper  (sve strane) ---- */
.archive-search-wrapper:hover{
}
.archive-search-wrapper {
 menu_padding-top:20px;
 menu_padding-left:20px;
 menu_padding-right:20px;
 menu_padding-bottom:20px;
 menu_flex-direction:row;
 menu_font-size:16px;
 margin-bottom:0px;
}

/* ---- materijalizacija-image  (la-rue-48) ---- */
.materijalizacija-image {
background-image:linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33)), url(/wp-content/uploads/2025/02/Pogled-na-trpezariju-i-kuhinju.jpg);background-size:auto,  cover; width:100%;
 height:500px;
 background-repeat:no-repeat;
 margin-bottom:30px;
 padding-bottom:20px;
}
.materijalizacija-image:not(.ct-section):not(.oxy-easy-posts),
.materijalizacija-image.oxy-easy-posts .oxy-posts,
.materijalizacija-image.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-end;
}

/* ---- btn-center  (la-rue-48) ---- */
.btn-center {
 align-self:center;
}
@media (max-width: 479px) {
.btn-center {
 width:100%;
}
.btn-center:not(.ct-section):not(.oxy-easy-posts),
.btn-center.oxy-easy-posts .oxy-posts,
.btn-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

/* ---- materijal  (la-rue-48) ---- */
.materijal {
 color:#fffaf1;
}

/* ---- change  (la-rue-48) ---- */
.change {
 margin-bottom:0px;
}
@media (max-width: 991px) {
.change {
 font-size:30px;
 padding-right:200px;
}
}

@media (max-width: 767px) {
.change {
 font-size:22px;
 padding-right:160px;
}
}

@media (max-width: 479px) {
.change {
 font-size:18px;
 padding-right:0px;
}
}

/* ---- proces-kupovine  (la-rue-48) ---- */
.proces-kupovine {
 background-color:#fffaf1;
}
.proces-kupovine .ct-section-inner-wrap {
padding-top: 65px;
padding-bottom: 65px;
}
@media (max-width: 991px) {
.proces-kupovine {
}
.proces-kupovine .ct-section-inner-wrap {
padding-bottom: 65px;
}
}

@media (max-width: 479px) {
.proces-kupovine {
}
.proces-kupovine .ct-section-inner-wrap {
padding-top: 65px;
padding-bottom: 65px;
}
}

/* ---- process-card  (la-rue-48) ---- */
.process-card:hover{
transform:translateY(-14px); border-top-color:#3b3a41;
 border-right-color:#3b3a41;
 border-bottom-color:#3b3a41;
 border-left-color:#3b3a41;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 box-shadow:0px 12px 30px #adb4b9;
}
.process-card {
transform:; background-color:#ede7db;
 border-radius:10px;
 border-top-color:#3b3a41;
 border-right-color:#3b3a41;
 border-bottom-color:#3b3a41;
 border-left-color:#3b3a41;
 padding-bottom:0px;
 width:100%;
}
.process-card:not(.ct-section):not(.oxy-easy-posts),
.process-card.oxy-easy-posts .oxy-posts,
.process-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}

/* ---- kartica  (pocetna, projekti-beograd) ---- */
.kartica {
 padding-right:0px;
 border-radius:8px;
 padding-left:0px;
 text-align:center;
 margin-top:0px;
 background-color:#fffaf2;
 box-shadow:inset 2px 2px 0px #000000;
flex-wrap: nowrap; box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.kartica:not(.ct-section):not(.oxy-easy-posts),
.kartica.oxy-easy-posts .oxy-posts,
.kartica.ct-section .ct-section-inner-wrap{
align-items:flex-start;
}
@media (max-width: 991px) {
.kartica {
 min-width:50%;
}
}

@media (max-width: 767px) {
.kartica {
 min-width:85%;
}
}

@media (max-width: 479px) {
.kartica {
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 min-width:100%;
scroll-snap-align: start; flex-shrink: 0;
}
}

/* ---- kartica-pro  (arhiva stanova (sablon 297)) ---- */
.kartica-pro {
 padding-right:0px;
 border-radius:8px;
 padding-left:0px;
 text-align:center;
 margin-top:0px;
 background-color:#fffaf2;
 box-shadow:inset 2px 2px 0px #000000;
flex-wrap: nowrap; box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.kartica-pro:not(.ct-section):not(.oxy-easy-posts),
.kartica-pro.oxy-easy-posts .oxy-posts,
.kartica-pro.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
@media (max-width: 991px) {
.kartica-pro {
 min-width:50%;
}
}

@media (max-width: 767px) {
.kartica-pro {
 min-width:85%;
}
}

@media (max-width: 479px) {
.kartica-pro {
 min-width:45%;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
scroll-snap-align: start; flex-shrink: 0;
}
}

/* ---- button-text-white  (la-rue-48) ---- */
.button-text-white {
}
@media (max-width: 991px) {
.button-text-white {
 margin-bottom:0px;
}
}


/* ---- 00-tokens.css ---- */
/* =============================================================================
   Render Core | 00-tokens.css
   Promenljive za ceo sajt: boje (Render i La Rue), tipografska skala, dugmad,
   sticky traka. Ovaj fajl sam ne menja izgled nicega; sve se koristi kroz var().

   Zamenjuje (Oxygen > Manage > Stylesheets):
     "AAA-tokens"  sekcije 1 do 4 (boje, skala, proredi, debljine, razmaci, La Rue paleta)
     "global"      sekcija 1 TOKENI i ":root { --rn-sticky-bar-h }" iz sekcije 7

   Redosled blokova je bitan: .rn-on-dark mora da ostane POSLE La Rue bloka,
   jer element moze da ima obe klase (npr. sticky traka na La Rue strani).
   ============================================================================= */

:root {
  /* ---------- 1. Boje, Render paleta ---------- */
  --brand-ink:         #2d1f15;   /* naslovi */
  --brand-ink-2:       #3c2a1c;   /* naslovi na krem podlozi */
  --brand-body:        #5b4634;   /* telo teksta */
  --brand-muted:       rgba(45, 31, 21, .62);
  --brand-accent:      #b76f22;
  --brand-accent-hi:   #cc7f2c;
  --brand-accent-deep: #985e1e;
  --brand-on-dark:     #eaddcf;   /* tekst na tamnoj podlozi */
  --brand-cream:       #fffaf1;
  --brand-cream-2:     #ede7db;
  --brand-line:        #ded4c4;
  --brand-surface-dark:#2d1f15;

  /* ---------- 2. Tipografska skala ----------
     clamp(minimum, rast, maksimum), bez brejkpointa.
     h1 65px, h2 46px, h3 31px, h4 24px, h5 18px, h6 15px, telo 16px (maksimumi). */
  --rn-h1:    clamp(38px, 2.00rem + 2.60vw, 65px);
  --rn-h2:    clamp(30px, 1.55rem + 1.90vw, 46px);
  --rn-h3:    clamp(22px, 1.15rem + 1.00vw, 31px);
  --rn-h4:    clamp(18px, 0.95rem + 0.70vw, 24px);
  --rn-h5:    clamp(16px, 0.95rem + 0.25vw, 18px);
  --rn-h6:    15px;
  --rn-body:  clamp(15px, 0.90rem + 0.15vw, 16px);
  --rn-lead:  clamp(17px, 1.00rem + 0.25vw, 19px);
  --rn-small: 14px;
  --rn-tiny:  12px;

  /* Naslovi unutar komponenti (stan stranica, kartice), namerno nisu h1 i h4 iz skale. */
  --rn-page-title: var(--rn-h2);                          /* 30 -> 46 px */
  --rn-card-title: clamp(18px, 1.00rem + 0.30vw, 20px);   /* 18 -> 20 px */

  /* proredi */
  --rn-lh-tight: 1.10;
  --rn-lh-head:  1.22;
  --rn-lh-body:  1.65;

  /* debljine */
  --rn-w-regular: 400;
  --rn-w-medium:  500;
  --rn-w-semi:    600;
  --rn-w-bold:    700;

  --rn-ls-head:    -0.01em;
  --rn-ls-eyebrow:  0.12em;

  /* ---------- 3. Razmaci ----------
     SAMO promenljive. Nista ih ne primenjuje automatski, osim lista u rich textu
     (01-base.css) i opcionih klasa .rn-flow (13-utilities.css). */
  --rn-sec-y:     65px;
  --rn-sec-y-sm:  45px;
  --rn-gap-head:  0.5em;
  --rn-gap-body:  1em;

  /* ---------- 4. Dugmad: oblik ----------
     Radijus Render dugmadi (28.09.2026: blazi i manji nego ranijih 12px). Menja se SAMO ovde,
     vazi za sva Render dugmad: rn-btn, traka na dnu, submit formi, galerija, stan, mobilni meni.
     La Rue ima svoj radijus (blok La Rue ispod). --rn-btn-radius-sm: dugme --sm i traka na telefonu. */
  --rn-btn-radius: 8px;
  --rn-btn-radius-sm: 8px;
  /* strelica kao u traci na dnu (Linearicons arrow-right), za rn-btn--arrow i submit formi */
  --rn-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.354 10.146l-6-6c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.146 5.146h-16.293c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h16.293l-5.146 5.146c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l6-6c0.195-0.195 0.195-0.512 0-0.707z'/%3E%3C/svg%3E");
  --rn-btn-font: 'Montserrat', sans-serif;
  --rn-btn-weight: 700;
  --rn-btn-gap: 14px;
  --rn-btn-pad-y: 16px;
  --rn-btn-pad-x: 26px;
  --rn-btn-size: var(--rn-body, 16px);   /* tekst dugmadi prati globalni tekst (16px desktop, 15px telefon) */
  --rn-btn-min-h: 54px;
  --rn-btn-border: 2px;
  --rn-btn-speed: .2s;

  /* ---------- 5. Dugmad i sticky traka: boje (Render) ----------
     Rezervne vrednosti u var() ostaju: ako token ne stigne, radi u Render tonu. */
  --rn-accent:      var(--brand-accent, #b76f22);
  --rn-accent-hi:   var(--brand-accent-hi, #cc7f2c);
  --rn-accent-lo:   var(--brand-accent-deep, #96591a);
  --rn-accent-ink:  #ffffff;
  --rn-accent-soft: rgba(183, 111, 34, .12);
  --rn-accent-ring: rgba(183, 111, 34, .38);

  --rn-ink:             var(--brand-ink, #2d1f15);
  --rn-ink-dim:         var(--brand-muted, rgba(45, 31, 21, .60));
  --rn-ink-on-dark:     var(--brand-on-dark, #eaddcf);
  --rn-ink-on-dark-dim: rgba(234, 221, 207, .65);
  --rn-surface-dark:    var(--brand-surface-dark, #2d1f15);

  /* status zeleno, za "Pozovite agenta" */
  --rn-live: #2ecc71;
  --rn-live-hi: #3ee07f;
  --rn-live-soft: rgba(46, 204, 113, .10);

  /* visina sticky trake: koristi je samo body.rn-has-sticky-bar (11-sticky-bar.css) */
  --rn-sticky-bar-h: 72px;
}

/* Render tema kao izricit prekidac: blok o Render projektu unutar La Rue strane
   ostaje u braon paleti. */
.rn-theme-render {
  --rn-btn-radius:    8px;
  --rn-btn-radius-sm: 8px;
  --rn-accent:      var(--brand-accent, #b76f22);
  --rn-accent-hi:   var(--brand-accent-hi, #cc7f2c);
  --rn-accent-lo:   var(--brand-accent-deep, #96591a);
  --rn-accent-ink:  #ffffff;
  --rn-accent-soft: rgba(183, 111, 34, .12);
  --rn-accent-ring: rgba(183, 111, 34, .38);
  --rn-ink:             var(--brand-ink, #2d1f15);
  --rn-ink-dim:         var(--brand-muted, rgba(45, 31, 21, .60));
  --rn-ink-on-dark:     var(--brand-on-dark, #eaddcf);
  --rn-ink-on-dark-dim: rgba(234, 221, 207, .65);
  --rn-surface-dark:    var(--brand-surface-dark, #2d1f15);
}

/* La Rue paleta: cela strana La Rue 48 (id 569) i svaki blok sa klasom rn-theme-larue.
   OBAVEZNO: --rn-* promenljive moraju ponovo da se izracunaju ovde, inace dugmad
   i sticky traka ostanu u Render boji (var() se racuna na elementu gde je zadat). */
.rn-theme-larue,
body.page-id-569 {
  --brand-ink:         #3b3a41;
  --brand-ink-2:       #3b3a41;
  --brand-body:        #55545c;
  --brand-muted:       rgba(59, 58, 65, .62);
  --brand-accent:      #a38554;
  --brand-accent-hi:   #b8975f;
  --brand-accent-deep: #8b7045;
  --brand-on-dark:     #fffaf1;
  --brand-surface-dark:#3b3a41;

  /* La Rue zadrzava radijus kakav je bio: 12px, traka na telefonu 10px */
  --rn-btn-radius:    12px;
  --rn-btn-radius-sm: 10px;

  --rn-accent:      var(--brand-accent, #a38554);
  --rn-accent-hi:   var(--brand-accent-hi, #b8975f);
  --rn-accent-lo:   var(--brand-accent-deep, #8b7045);
  --rn-accent-ink:  #ffffff;
  --rn-accent-soft: rgba(163, 133, 84, .12);
  --rn-accent-ring: rgba(163, 133, 84, .38);
  --rn-ink:             var(--brand-ink, #3b3a41);
  --rn-ink-dim:         var(--brand-muted, rgba(59, 58, 65, .60));
  --rn-ink-on-dark:     var(--brand-on-dark, #fffaf1);
  --rn-ink-on-dark-dim: rgba(255, 250, 241, .65);
  --rn-surface-dark:    var(--brand-surface-dark, #3b3a41);
}

/* Tamna podloga: menja se samo boja teksta, akcenat ostaje. */
.rn-on-dark {
  --rn-ink: var(--rn-ink-on-dark, #eaddcf);
  --rn-ink-dim: var(--rn-ink-on-dark-dim, rgba(234, 221, 207, .65));
}


/* ---- 01-base.css ---- */
/* =============================================================================
   Render Core | 01-base.css
   Osnova strane: font, velicina, debljina, prored i boja teksta (body, h1-h6,
   p, Oxygen tekst blokovi, rich text), font za komponente iz snippeta i zastita
   od bocnog skrola na telefonu.

   Zamenjuje:
     "AAA-tokens" sekcija 5 TIPOGRAFIJA i sekcija 7 (font za komponente)
     "fonts"      ceo stylesheet (stari duplikat tipografije, vidi napomenu)
     "global"     sekcija 15 HORIZONTALNO POMERANJE NA TELEFONU

   NAPOMENA, RAZMACI: Oxygen elementi (.ct-headline, .ct-text-block) vise NEMAJU
   globalnu donju marginu. Stari stylesheet "fonts" im je davao margin-bottom
   0.5em (naslovi) i 1em (tekst) i to je bila "nevidljiva donja margina" koja se
   ne vidi u builderu. Razmak ispod Oxygen elementa sada pravis samo u builderu.
   Ostalo je kao do sada:
     - margin-top: 0 na naslovima i tekstu (kao i ranije, da se ne pojavi
       gornja margina iz klasa ili iz pregledaca),
     - pravi <p> i naslovi koji NISU Oxygen elementi (rich text, politika
       privatnosti, sadrzaj iz shortcodova) zadrzavaju razmak ispod, jer je to
       tok teksta, a ne Oxygen raspored,
     - liste u rich textu.
   text-wrap: balance na naslovima ostaje kao do sada (bio je u stylesheet-u "fonts"):
   naslov u dva reda se lomi ravnomerno ("Upoznajte / nas tim", a ne "Upoznajte nas / tim").

   Selektori nose i tag i Oxygen klasu (h2.ct-headline), jer bi golo "h2"
   izgubilo od Oxygen pravila ".ct-headline".
   ============================================================================= */

body {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--rn-body);
  font-weight: var(--rn-w-regular);
  line-height: var(--rn-lh-body);
  color: var(--brand-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
h1.ct-headline, h2.ct-headline, h3.ct-headline,
h4.ct-headline, h5.ct-headline, h6.ct-headline {
  font-family: 'Montserrat', sans-serif;
  font-weight: var(--rn-w-bold);
  line-height: var(--rn-lh-head);
  letter-spacing: var(--rn-ls-head);
  color: var(--brand-ink);
  text-wrap: balance;
}

h1, h1.ct-headline { font-size: var(--rn-h1); line-height: var(--rn-lh-tight); font-weight: var(--rn-w-semi); }
h2, h2.ct-headline { font-size: var(--rn-h2); }
h3, h3.ct-headline { font-size: var(--rn-h3); }
h4, h4.ct-headline { font-size: var(--rn-h4); }
h5, h5.ct-headline { font-size: var(--rn-h5); font-weight: var(--rn-w-semi); }
h6, h6.ct-headline { font-size: var(--rn-h6); font-weight: var(--rn-w-bold); letter-spacing: 0; }

p, .ct-text-block, .oxy-rich-text p {
  font-size: var(--rn-body);
  line-height: var(--rn-lh-body);
  color: var(--brand-body);
}

/* Razmaci (vidi napomenu gore). Specificnost je ista kao ranije. */
h1, h2, h3, h4, h5, h6,
h1.ct-headline, h2.ct-headline, h3.ct-headline,
h4.ct-headline, h5.ct-headline, h6.ct-headline,
p, .ct-text-block, .oxy-rich-text p {
  margin-top: 0;
}
h1:where(:not(.ct-headline)), h2:where(:not(.ct-headline)), h3:where(:not(.ct-headline)),
h4:where(:not(.ct-headline)), h5:where(:not(.ct-headline)), h6:where(:not(.ct-headline)) {
  margin-bottom: var(--rn-gap-head);
}
p, .oxy-rich-text p { margin-bottom: var(--rn-gap-body); }
p:last-child, .oxy-rich-text p:last-child { margin-bottom: 0; }

.oxy-rich-text ul, .oxy-rich-text ol {
  font-size: var(--rn-body);
  line-height: var(--rn-lh-body);
  color: var(--brand-body);
}

/* Liste u rich textu (politika privatnosti): uvlaka i razmaci kao do sada.
   Bez ovoga pregledac daje svoju uvlaku od 40px i razmak iznad liste. */
.oxy-rich-text ul, .oxy-rich-text ol {
  padding-left: 1.25em;
  margin: 0 0 var(--rn-gap-body);
}
.oxy-rich-text li { margin-bottom: .35em; }

/* Na tamnoj sekciji dodaj klasu rn-on-dark na SEKCIJU, ne na svaki element. */
.rn-on-dark h1, .rn-on-dark h2, .rn-on-dark h3,
.rn-on-dark h4, .rn-on-dark h5, .rn-on-dark h6 { color: var(--brand-on-dark); }
.rn-on-dark p, .rn-on-dark .ct-text-block { color: var(--brand-on-dark); }

/* Komponente iz snippeta koje nemaju svoj font (inace idu u Arial).
   Kad svaka komponenta dobije svoj CSS fajl, ovo moze da se preseli tamo. */
.stanovi-table, .stanovi-table th, .stanovi-table td,
.stanovi-btn, .stanovi-status, .stanovi-no-data,
.stanovi-filter-select, .stanovi-select-styled,
.stanovi-filter-select option,
.alm-legend-name, .alm-legend-distance, .alm-legend-walk, .alm-legend-drive,
.lrstd__content, .lrstd__num, .lrstd__kicker,
.faq-tab {
  font-family: 'Montserrat', sans-serif;
}

/* Telefon i tablet: stranica ne sme da se pomera u stranu.
   overflow-x: clip (ne hidden), da position: sticky unutar strane i dalje radi;
   hidden ostaje ispred kao rezerva za starije pregledace.
   Ovo je stit, ne lek: pravi krivac je element siri od ekrana. */
@media (max-width: 991px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
  }
  body { position: relative; }
}


/* ---- 10-buttons.css ---- */
/* =============================================================================
   Render Core | 10-buttons.css
   RN BUTTONS: jedini izvor istine za CTA dugmad (rn-btn).

   Zamenjuje (Oxygen stylesheet "global"): sekcije 2 BAZA, 3 VARIJANTE,
   4 VELICINE, 5 MOBILNI MENI, 6 RESPONSIVE, 8 RED DUGMADI i deo sekcije 11
   koji se odnosi na dugmad. Tokeni su u 00-tokens.css.

   PRAVILO BROJ JEDAN
   Ove klase se NIKADA ne stiluju kroz Oxygen UI (boja, padding, font, border
   na elementu koji nosi rn-btn). Oxygen svoje vrednosti pise kao ID selektor,
   koji je jaci od klase. Kad hoces izmenu, menjas OVDE.

   PRAVILO BROJ DVA
   Dugme ne zna koje je boje. Boju mu daje kontekst iznad njega
   (rn-theme-render, rn-theme-larue, rn-on-dark), pa promena na Renderu ne
   moze da se prelije na La Rue.

   KAKO SE SKLAPA U OXYGENU
     Link Wrapper          class: rn-btn rn-btn--primary
       Icon    (opciono)   class: rn-btn__icon
       Text                class: rn-btn__label
       Icon    (opciono)   class: rn-btn__icon
   Ikonica pre teksta je "levo", posle teksta je "desno". Link Wrapper je vec flex.

   Varijante: --primary, --secondary, --ghost, --call, --call-inline.
   Velicine: --sm, --lg, --block, --block-mobile. Kontekst mobilnog menija: rn-stack-menu.
   Strelica bez ikonice u Oxygenu: --arrow (za Oxygen "Button", koji ne moze da ima dete).
   Danas se koriste: rn-btn, --primary, --secondary, --call-inline (sticky traka), a od
   28.09.2026 i Oxygen "Button" dugmad na pocetnoj, O nama, /stanovi/ i Projekti Beograd
   (--primary ili --secondary + rn-on-dark, --arrow, na pocetnoj jos --block-mobile).
   Ostalo je spremno za upotrebu (nema efekta dok klasu ne stavis na element).

   OXYGEN "BUTTON" (ct_link_button) KAO rn-btn
     Advanced > CSS Classes: rn-btn rn-btn--primary rn-btn--arrow
     U Oxygenu NE postavljaj Button Color, Text Color, Button Size ni Font Size:
     to se pise kao ID selektor i pregazilo bi izgled. Tekst bez strelice (strelica je --arrow).
     Na tamnoj podlozi sekundarno dugme dobija jos klasu rn-on-dark.
   ============================================================================= */

/* Oxygen klasa "rn-btn__label" (premesteno iz Oxygen > Selectors, prepisano tacno) */
@media (max-width: 479px) {
.rn-btn__label {
 margin-bottom:0px;
}
}


/* ---------------------------------------------------------------------------
   1. BAZA
   --------------------------------------------------------------------------- */

.rn-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--rn-btn-gap, 14px);

  min-height: var(--rn-btn-min-h, 54px);
  padding: var(--rn-btn-pad-y, 16px) var(--rn-btn-pad-x, 26px);

  border: var(--rn-btn-border, 2px) solid transparent;
  border-radius: var(--rn-btn-radius, 8px);
  background: transparent;

  font-family: var(--rn-btn-font, 'Montserrat', sans-serif);
  font-size: var(--rn-btn-size, 16px);
  font-weight: var(--rn-btn-weight, 700);
  line-height: 1.2;
  letter-spacing: .02em;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;

  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--rn-btn-speed, .2s) ease,
    border-color var(--rn-btn-speed, .2s) ease,
    color var(--rn-btn-speed, .2s) ease,
    box-shadow var(--rn-btn-speed, .2s) ease,
    transform .12s ease;
}

.rn-btn:focus-visible {
  outline: 2px solid var(--rn-accent, #b76f22);
  outline-offset: 3px;
}

.rn-btn:active {
  transform: translateY(1px);
}

.rn-btn[aria-disabled="true"],
.rn-btn.is-disabled {
  opacity: .45;
  pointer-events: none;
}

/* Tekst i ikonica nasledjuju boju sa dugmeta. Nikad im ne postavljaj boju. */
.rn-btn__label {
  display: block;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}

.rn-btn__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.15em;
  height: 1.15em;
  color: inherit;
  transition: transform var(--rn-btn-speed, .2s) ease;
}

.rn-btn__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
}

/* Ikonica koja stoji posle teksta klizne udesno na hover. */
.rn-btn:hover .rn-btn__label + .rn-btn__icon { transform: translateX(4px); }
.rn-btn:hover .rn-btn__icon:first-child     { transform: translateX(-4px); }

/* Strelica bez elementa: klasa rn-btn--arrow. Ista strelica, velicina i pomak kao
   ikonica u traci na dnu. Boju uzima od teksta dugmeta. */
.rn-btn--arrow::after {
  content: '';
  flex: 0 0 auto;
  width: 1.15em;
  height: 1.15em;
  background-color: currentColor;
  -webkit-mask: var(--rn-icon-arrow) center / contain no-repeat;
          mask: var(--rn-icon-arrow) center / contain no-repeat;
  transition: transform var(--rn-btn-speed, .2s) ease;
}
.rn-btn--arrow:hover::after,
.rn-btn--arrow:focus-visible::after { transform: translateX(4px); }


/* ---------------------------------------------------------------------------
   2. VARIJANTE
   --------------------------------------------------------------------------- */

/* Primarno: puno dugme u akcent boji. Jedno po ekranu. */
.rn-btn--primary {
  background-color: var(--rn-accent, #b76f22);
  border-color: var(--rn-accent, #b76f22);
  color: var(--rn-accent-ink, #ffffff);
  box-shadow: 0 6px 18px var(--rn-accent-ring, rgba(183,111,34,.38));
}
.rn-btn--primary:hover {
  background-color: var(--rn-accent-hi, #cc7f2c);
  border-color: var(--rn-accent-hi, #cc7f2c);
  color: var(--rn-accent-ink, #ffffff);
  box-shadow: 0 8px 22px var(--rn-accent-ring, rgba(183,111,34,.38));
}
.rn-btn--primary:active {
  background-color: var(--rn-accent-lo, #96591a);
  border-color: var(--rn-accent-lo, #96591a);
  box-shadow: 0 3px 10px var(--rn-accent-ring, rgba(183,111,34,.38));
}

/* Sekundarno: obris. Puni se na hover. */
.rn-btn--secondary {
  background-color: transparent;
  border-color: var(--rn-accent, #b76f22);
  color: var(--rn-ink, #2d1f15);
}
.rn-btn--secondary:hover {
  background-color: var(--rn-accent, #b76f22);
  border-color: var(--rn-accent, #b76f22);
  color: var(--rn-accent-ink, #ffffff);
}
.rn-btn--secondary:active {
  background-color: var(--rn-accent-lo, #96591a);
  border-color: var(--rn-accent-lo, #96591a);
  color: var(--rn-accent-ink, #ffffff);
}

/* Sekundarno na tamnoj podlozi: isto kao "Ponuda stanova" u traci na dnu (blaga svetla
   podloga, beo tekst, na hover se puni akcent bojom). rn-on-dark moze da stoji na sekciji
   iznad dugmeta ili na samom dugmetu. Hover je ispisan ponovo, jednom klasom jace. */
.rn-on-dark .rn-btn--secondary,
.rn-btn--secondary.rn-on-dark {
  background-color: rgba(255, 255, 255, .07);
  color: #ffffff;
}
.rn-on-dark .rn-btn--secondary:hover,
.rn-on-dark .rn-btn--secondary:focus-visible,
.rn-btn--secondary.rn-on-dark:hover,
.rn-btn--secondary.rn-on-dark:focus-visible {
  background-color: var(--rn-accent, #b76f22);
  border-color: var(--rn-accent, #b76f22);
  color: var(--rn-accent-ink, #ffffff);
}
.rn-on-dark .rn-btn--secondary:active,
.rn-btn--secondary.rn-on-dark:active {
  background-color: var(--rn-accent-lo, #96591a);
  border-color: var(--rn-accent-lo, #96591a);
  color: var(--rn-accent-ink, #ffffff);
}

/* Tercijarno: samo tekst. Za "saznajte vise" i slicno. */
.rn-btn--ghost {
  min-height: 0;
  padding: 8px 4px;
  border-color: transparent;
  color: var(--rn-accent, #b76f22);
  box-shadow: none;
}
.rn-btn--ghost:hover {
  color: var(--rn-accent-hi, #cc7f2c);
  background-color: var(--rn-accent-soft, rgba(183,111,34,.12));
}

/* Poziv agentu: zeleni "online" okvir. Namerno NE koristi akcent boju,
   da bi se razlikovalo od ostalih CTA i citalo kao dostupnost. */
.rn-btn--call {
  justify-content: flex-start;
  gap: 14px;
  min-height: 70px;
  padding: 12px 16px;
  border-color: var(--rn-live, #2ecc71);
  background-color: var(--rn-live-soft, rgba(46,204,113,.10));
  color: var(--rn-ink, #2d1f15);
  text-align: left;
  white-space: normal;
}
.rn-btn--call:hover {
  background-color: rgba(46, 204, 113, .2);
  border-color: var(--rn-live-hi, #3ee07f);
}
/* Avatar sa zelenim prstenom i status tackom. Radi u obe call varijante. */
.rn-btn__avatar {
  --rn-avatar: 48px;
  position: relative;
  display: block;
  flex: 0 0 var(--rn-avatar, 48px);
  width: var(--rn-avatar, 48px);
  height: var(--rn-avatar, 48px);
}
.rn-btn__avatar img {
  display: block;
  width: var(--rn-avatar, 48px);
  height: var(--rn-avatar, 48px);
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--rn-live, #2ecc71);
}
.rn-btn__avatar::after {
  content: '';
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--rn-live, #2ecc71);
  border: 2px solid var(--rn-surface-dark, #2d1f15);
  box-shadow: 0 0 0 0 rgba(46, 204, 113, .55);
  animation: rnLivePulse 2.4s ease-out infinite;
}
.rn-btn__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.rn-btn__meta {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--rn-live, #2ecc71);
}
.rn-btn--call .rn-btn__label { font-size: 18px; }

/* Avatar bez wrappera: klasa ide direktno na Image element.
   Nema status tacke, jer se ::after ne moze okaciti na <img>.
   Za tacku i puls treba wrapper Div sa klasom rn-btn__avatar. */
.rn-btn__avatar-img {
  --rn-avatar: 48px;
  display: block;
  flex: 0 0 var(--rn-avatar, 48px);
  width: var(--rn-avatar, 48px);
  height: var(--rn-avatar, 48px);
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--rn-live, #2ecc71);
}

/* Inline poziv: bez kutije, za tanku traku na dnu. */
.rn-btn--call-inline {
  --rn-btn-min-h: 0;
  gap: 12px;
  padding: 6px 10px;
  border-color: transparent;
  background: transparent;
  color: var(--rn-ink, #2d1f15);
  text-align: left;
  white-space: nowrap;
}
.rn-btn--call-inline .rn-btn__avatar,
.rn-btn--call-inline .rn-btn__avatar-img { --rn-avatar: 40px; }
.rn-btn--call-inline .rn-btn__label {
  font-size: 15px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.rn-btn--call-inline:hover {
  background: rgba(46, 204, 113, .12);
  border-color: transparent;
}

/* Na hover tekst ide u cistu belu. Bez ovoga uzima --rn-ink, koji je na
   tamnoj podlozi krem, pa preko zelene deluje zuckasto. */
.rn-btn--call:hover,
.rn-btn--call:focus-visible,
.rn-btn--call-inline:hover,
.rn-btn--call-inline:focus-visible {
  color: #ffffff !important;
}
.rn-btn--call:hover .rn-btn__label,
.rn-btn--call-inline:hover .rn-btn__label {
  color: #ffffff !important;
}

@keyframes rnLivePulse {
  0%   { box-shadow: 0 0 0 0 rgba(46, 204, 113, .55); }
  70%  { box-shadow: 0 0 0 9px rgba(46, 204, 113, 0); }
  100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}


/* ---------------------------------------------------------------------------
   3. VELICINE I SIRINA
   --------------------------------------------------------------------------- */

.rn-btn--sm {
  --rn-btn-pad-y: 11px;
  --rn-btn-pad-x: 18px;
  --rn-btn-size: var(--rn-small, 14px);
  --rn-btn-min-h: 42px;
  --rn-btn-radius: var(--rn-btn-radius-sm, 10px);
}

.rn-btn--lg {
  --rn-btn-pad-y: 19px;
  --rn-btn-pad-x: 34px;
  --rn-btn-size: 17px;
  --rn-btn-min-h: 62px;
}

.rn-btn--block {
  display: flex;
  width: 100%;
}

/* Puna sirina samo na telefonu (do 767px): dva dugmeta jedno ispod drugog budu iste sirine. */
@media (max-width: 767px) {
  .rn-btn--block-mobile { width: 100% !important; }
}


/* ---------------------------------------------------------------------------
   4. KONTEKST: MOBILNI MENI
   Sva dugmad puna sirina, veci radijus, veci tap target.
   --------------------------------------------------------------------------- */

.rn-stack-menu .rn-btn {
  --rn-btn-radius: 14px;
  --rn-btn-min-h: 58px;
  --rn-btn-size: 17px;
  display: flex;
  width: 100%;
}
.rn-stack-menu .rn-btn + .rn-btn { margin-top: 12px; }
.rn-stack-menu .rn-btn--call { --rn-btn-min-h: 70px; }


/* ---------------------------------------------------------------------------
   5. RESPONSIVE
   --------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .rn-btn {
    --rn-btn-pad-x: 20px;
    white-space: normal;
  }
  .rn-btn--lg { --rn-btn-size: 16px; --rn-btn-min-h: 56px; }
}

/* Uski telefoni: manji razmaci, da tekst "Pogledajte dostupne stanove" i strelica
   stanu u jedan red na 360-390px. Velicina teksta dolazi iz globala (--rn-body je ovde 15px). */
@media (max-width: 479px) {
  .rn-btn {
    --rn-btn-pad-x: 16px;
    --rn-btn-gap: 10px;
  }
  body:not(.page-id-569) .rn-btn { letter-spacing: 0; }   /* La Rue ostaje kakva je */
}

@media (prefers-reduced-motion: reduce) {
  .rn-btn,
  .rn-btn__icon,
  .rn-btn--arrow::after { transition: none !important; }
  .rn-btn:active { transform: none; }
  .rn-btn:hover .rn-btn__icon,
  .rn-btn--arrow:hover::after,
  .rn-btn--arrow:focus-visible::after { transform: none !important; }
  .rn-btn--call .rn-btn__avatar::after { animation: none !important; }
}


/* ---------------------------------------------------------------------------
   6. RED DUGMADI  |  za footer i CTA sekcije
     Div            class: rn-btn-row
       Link Wrapper class: rn-btn rn-btn--primary
       Link Wrapper class: rn-btn rn-btn--secondary
   Na tamnoj sekciji dodaj rn-on-dark na sekciju, ne na svako dugme.
   --------------------------------------------------------------------------- */

.rn-btn-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.rn-btn-row--center { justify-content: center; }
.rn-btn-row--end    { justify-content: flex-end; }

@media (max-width: 575px) {
  .rn-btn-row { gap: 10px; }
  .rn-btn-row > .rn-btn { flex: 1 1 100%; }
}


/* ---------------------------------------------------------------------------
   7. OSIGURAC PROTIV OXYGENOVOG ID CSS-a  (poslednja rec za dugmad)

   Oxygen svaku postavku sa elementa pise kao ID selektor, npr.
   "#link-66-1095 { flex-direction: column }". ID je jaci od klase, pa bi
   "Layout Child Elements: Vertical" oborio raspored dugmeta. Zato su ovde
   strukturne osobine ponovljene sa !important (pobedjuje ID bez obzira na
   specificnost). Boje NAMERNO nisu ovde, sem boje teksta i ikonice.
   --------------------------------------------------------------------------- */

.rn-btn {
  /* display NAMERNO bez !important: Oxygenov "Display: None" na elementu mora
     da ostane jaci, da bi dugme moglo da se sakrije po brejkpointu. */
  display: inline-flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--rn-btn-gap, 14px) !important;
  border-radius: var(--rn-btn-radius, 8px) !important;
  text-decoration: none !important;
}
.rn-btn--ghost { border-radius: 8px !important; }

.rn-btn--block,
.rn-stack-menu .rn-btn {
  display: flex;
  width: 100% !important;
}

.rn-btn--call,
.rn-btn--call-inline {
  justify-content: flex-start !important;
  text-align: left !important;
}

.rn-btn__label {
  margin: 0 !important;            /* Heading element kao label nosi margine */
  padding: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}

.rn-btn__icon {
  flex: 0 0 auto !important;
  color: inherit !important;
}
.rn-btn__icon svg { fill: currentColor !important; }

.rn-btn__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}


/* ---- 11-sticky-bar.css ---- */
/* =============================================================================
   Render Core | 11-sticky-bar.css
   STICKY BAR: CTA traka zalepljena za dno ekrana (footer sabloni 1092 i 1095).

   Zamenjuje (Oxygen stylesheet "global"): sekcije 7 STICKY BAR,
   10 OSIGURACI ZA STICKY TRAKU, deo sekcije 11 koji se odnosi na traku,
   16 JEDNAK IZGLED TRAKE NA OBE STRANE, 17 TRAKA I BANER ZA SAGLASNOST.

   KAKO SE SKLAPA U OXYGENU
     Div            class: rn-sticky-bar rn-on-dark
       Div          class: rn-sticky-bar__inner   (red, moze i bez klase)
         Link Wrapper class: rn-btn rn-btn--call-inline
         Link Wrapper class: rn-btn rn-btn--primary
         Link Wrapper class: rn-btn rn-btn--secondary
     Body           class: rn-has-sticky-bar  (Page settings > body class, opciono)
   Samo na telefonu: dodaj jos rn-sticky-bar--mobile na traku
   (i rn-has-sticky-bar--mobile na body).

   Boju traka uzima iz teme iznad nje (Render ili La Rue), isto kao dugmad.
   VELICINU TRAKE I DUGMADI MENJAS SAMO U SEKCIJI 6 (brojevi sa !important).
   ============================================================================= */

/* Oxygen klase "rn-sticky-bar_inner" i "rn-sticky-bar__inner"
   (premesteno iz Oxygen > Selectors, prepisano tacno; sve vrednosti ispod
   ih ionako pregaze !important pravilima iz sekcija 3 i 6) */
.rn-sticky-bar_inner {
 gap:25px;
}
.rn-sticky-bar_inner:not(.ct-section):not(.oxy-easy-posts),
.rn-sticky-bar_inner.oxy-easy-posts .oxy-posts,
.rn-sticky-bar_inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:25px;
}
.rn-sticky-bar__inner {
 gap:25px;
}
.rn-sticky-bar__inner:not(.ct-section):not(.oxy-easy-posts),
.rn-sticky-bar__inner.oxy-easy-posts .oxy-posts,
.rn-sticky-bar__inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:25px;
}


/* ---------------------------------------------------------------------------
   1. TRAKA: izgled
   Traka je po definiciji tamna povrsina, pa sama postavlja tokene za tamno
   (rn-on-dark ne moze da se zaboravi u builderu; ako se doda, ne smeta).
   --------------------------------------------------------------------------- */

.rn-sticky-bar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background-color: var(--rn-surface-dark, #2d1f15);
  border-top: 1px solid var(--rn-accent-ring, rgba(183,111,34,.38));
  box-shadow: 0 -6px 24px rgba(0, 0, 0, .18);

  --rn-ink: var(--rn-ink-on-dark, #eaddcf);
  --rn-ink-dim: var(--rn-ink-on-dark-dim, rgba(234,221,207,.65));
}

/* Outline dugme u traci dobija blagu podlogu, da se cita kao dugme a ne kao
   tekst sa okvirom. Hover je ispisan u celini, sa jednom klasom vise, jer bi
   podloga inace pregazila ".rn-btn--secondary:hover" iz 10-buttons.css. */
.rn-sticky-bar .rn-btn--secondary {
  background-color: rgba(255, 255, 255, .07);
  color: #ffffff;
}
.rn-sticky-bar .rn-btn--secondary:hover,
.rn-sticky-bar .rn-btn--secondary:focus-visible {
  background-color: var(--rn-accent, #b76f22);
  border-color: var(--rn-accent, #b76f22);
  color: var(--rn-accent-ink, #ffffff);
}
.rn-sticky-bar .rn-btn--secondary:active {
  background-color: var(--rn-accent-lo, #96591a);
  border-color: var(--rn-accent-lo, #96591a);
}

/* Unutrasnji red trake. Vazi i kad Div nije dobio klasu, i kad je klasa
   napisana sa jednom donjom crtom (La Rue footer: rn-sticky-bar_inner).
   Bez tvrde kapice sirine: ako zatreba, postavi --rn-sticky-bar-max na traci. */
.rn-sticky-bar > div,
.rn-sticky-bar .rn-sticky-bar_inner,
.rn-sticky-bar__inner {
  justify-content: center !important;
  max-width: var(--rn-sticky-bar-max, none);
}

/* Raspored po sirini trake: dodaj na traku klasu rn-sticky-bar--spread. */
.rn-sticky-bar--spread > div,
.rn-sticky-bar--spread .rn-sticky-bar_inner,
.rn-sticky-bar--spread .rn-sticky-bar__inner {
  justify-content: space-between !important;
}
.rn-sticky-bar--spread .rn-btn--primary,
.rn-sticky-bar--spread .rn-btn--secondary {
  flex: 0 1 auto;
}

/* U traci su dugmad nesto niza, da traka ostane tanka. */
.rn-sticky-bar .rn-btn {
  --rn-btn-min-h: 46px;
  --rn-btn-pad-y: 12px;
  --rn-btn-pad-x: 22px;
  --rn-btn-size: 15px;
  flex: 0 1 auto;
}
.rn-sticky-bar .rn-btn--primary,
.rn-sticky-bar .rn-btn--secondary {
  flex: 1 1 auto;
  max-width: 300px;
}
.rn-sticky-bar .rn-btn--primary { box-shadow: none; }
.rn-sticky-bar .rn-btn--primary:hover { box-shadow: 0 6px 18px var(--rn-accent-ring, rgba(183,111,34,.38)); }

/* Kompatibilnost: divovi oko dugmadi (u Oxygenu postoje u oba footera) ne smeju
   da lome flex red. Kad ih obrises u Oxygenu, obrisi i ovo pravilo. */
.rn-sticky-bar > div > div:not(.rn-btn) {
  display: flex;
  display: contents;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
}

/* Na telefonu tekst "Pozovite agenta" ostaje vidljiv, samo se slaze u dva
   reda uz manji avatar, umesto da se sakrije. */
@media (max-width: 575px) {
  .rn-sticky-bar > div,
  .rn-sticky-bar__inner { justify-content: space-between !important; }

  /* Ista racunica na obe strane, da Render i La Rue izgledaju isto. */
  .rn-sticky-bar .rn-btn--primary,
  .rn-sticky-bar .rn-btn--secondary {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 150px;
    max-width: 260px;
  }

  .rn-sticky-bar .rn-btn--call-inline { flex: 0 0 auto; }
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar::after {
    width: 11px;
    height: 11px;
  }
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__label {
    max-width: 9ch;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__meta { display: none; }
}


/* Da poslednja sekcija ne zavrsi ispod trake: klasa na body (Page settings).
   Danas je nijedna strana nema. */
body.rn-has-sticky-bar {
  padding-bottom: calc(var(--rn-sticky-bar-h, 72px) + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 992px) {
  .rn-sticky-bar--mobile { display: none !important; }
  body.rn-has-sticky-bar--mobile { padding-bottom: 0; }
}


/* ---------------------------------------------------------------------------
   2. OSIGURACI: nista unutar trake ne sme da se lomi u drugi red niti da
   prelije preko ivice.
   --------------------------------------------------------------------------- */

.rn-sticky-bar,
.rn-sticky-bar * { box-sizing: border-box; }

.rn-sticky-bar .rn-btn {
  white-space: nowrap;
  overflow: hidden;
}
.rn-sticky-bar .rn-btn__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Traka je uvek prilepljena uz donju ivicu, bez margine;
   zaobljeni su samo gornji uglovi. */
.rn-sticky-bar {
  margin: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  overflow: hidden;
}


/* ---------------------------------------------------------------------------
   3. OSIGURAC PROTIV OXYGENOVOG ID CSS-a: polozaj trake i unutrasnji red.
   !important pobedjuje ID pravila koja Oxygen pise za element.
   --------------------------------------------------------------------------- */

.rn-sticky-bar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  z-index: 999990 !important;   /* ispod headera (1000000) i mobilnog menija */
}

/* Dok je admin ulogovan, traka ide ispod WP admin bara (99999), da mu
   padajuci meniji ostanu klikabilni. */
body.admin-bar .rn-sticky-bar { z-index: 99990 !important; }

.rn-sticky-bar > div,
.rn-sticky-bar .rn-sticky-bar_inner,
.rn-sticky-bar__inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
}


/* ---------------------------------------------------------------------------
   6. JEDNAK IZGLED TRAKE NA OBE STRANE  |  poslednja rec
   Brojevi su upisani direktno, sa !important, da Render i La Rue traka, builder
   i live izgledaju isto bez obzira sta se desi tokenima.
   AKO MENJAS VELICINU TRAKE, MENJAS SAMO OVDE.
   --------------------------------------------------------------------------- */

/* --- sama traka --- */
.rn-sticky-bar {
  min-height: 76px !important;
  padding-top: 12px !important;
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  padding-left: 16px !important;
  padding-left: max(16px, env(safe-area-inset-left)) !important;
  padding-right: 16px !important;
  padding-right: max(16px, env(safe-area-inset-right)) !important;
}

/* --- unutrasnji red --- */
/* Unutrasnji div ne sme da unosi svoj padding ni marginu iz Oxygena,
   inace se razmak do ivice razlikuje izmedju dve strane. */
.rn-sticky-bar > div,
.rn-sticky-bar .rn-sticky-bar_inner,
.rn-sticky-bar__inner {
  gap: 16px !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- dugmad --- */
.rn-sticky-bar .rn-btn--primary,
.rn-sticky-bar .rn-btn--secondary {
  box-sizing: border-box !important;
  min-height: 52px !important;
  padding: 14px 28px !important;
  gap: 12px !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: var(--rn-btn-radius, 12px) !important;   /* Render 8px, La Rue 12px (00-tokens.css) */
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.rn-sticky-bar .rn-btn--primary .rn-btn__label,
.rn-sticky-bar .rn-btn--secondary .rn-btn__label {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.rn-sticky-bar .rn-btn--primary .rn-btn__icon,
.rn-sticky-bar .rn-btn--secondary .rn-btn__icon {
  width: 20px !important;
  height: 20px !important;
}

/* --- poziv agentu --- */
.rn-sticky-bar .rn-btn--call-inline {
  min-height: 0 !important;
  padding: 6px 10px !important;
  gap: 12px !important;
  border-width: 0 !important;
}
.rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar,
.rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar img,
.rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar-img {
  width: 44px !important;
  height: 44px !important;
  flex-basis: 44px !important;
}
.rn-sticky-bar .rn-btn--call-inline .rn-btn__label {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* --- telefon --- */
@media (max-width: 575px) {
  .rn-sticky-bar {
    min-height: 68px !important;
    padding-left: 12px !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: 12px !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }
  .rn-sticky-bar > div,
  .rn-sticky-bar .rn-sticky-bar_inner,
  .rn-sticky-bar__inner { gap: 10px !important; }

  .rn-sticky-bar .rn-btn--primary,
  .rn-sticky-bar .rn-btn--secondary {
    min-height: 46px !important;
    padding: 12px 16px !important;
    gap: 8px !important;
    border-radius: var(--rn-btn-radius-sm, 10px) !important;   /* Render 8px, La Rue 10px */
    font-size: 15px !important;
  }
  .rn-sticky-bar .rn-btn--primary .rn-btn__label,
  .rn-sticky-bar .rn-btn--secondary .rn-btn__label { font-size: 15px !important; }
  .rn-sticky-bar .rn-btn--primary .rn-btn__icon,
  .rn-sticky-bar .rn-btn--secondary .rn-btn__icon {
    width: 17px !important;
    height: 17px !important;
  }

  .rn-sticky-bar .rn-btn--call-inline { padding: 4px 2px !important; gap: 8px !important; }
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar,
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar img,
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__avatar-img {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__label {
    font-size: 12px !important;
    letter-spacing: .02em !important;
    line-height: 1.2 !important;
  }
}


/* --- uski telefoni (360, 375, 320px) ---
   Agent se vidi na svakoj sirini (slika i tekst). Ranije se ispod 380px slika
   sklanjala; sada se umesto toga skuplja dugme "Posaljite upit": uzi okvir i
   manji razmaci, a ispod 340px i bez strelice. */
@media (max-width: 379px) {
  .rn-sticky-bar .rn-btn--primary,
  .rn-sticky-bar .rn-btn--secondary {
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 6px !important;
  }
  .rn-sticky-bar .rn-btn--call-inline { gap: 6px !important; }
  .rn-sticky-bar .rn-btn--call-inline .rn-btn__label { max-width: 8ch; }
}
@media (max-width: 339px) {
  .rn-sticky-bar .rn-btn--primary .rn-btn__icon,
  .rn-sticky-bar .rn-btn--secondary .rn-btn__icon { display: none !important; }
}


/* ---------------------------------------------------------------------------
   7. TRAKA I BANER ZA SAGLASNOST (Complianz)
   Complianz baner ima z-index 99999, a traka 999990, pa bi baner bio ispod
   trake i "Prikazi podesavanja" ne bi moglo da se klikne. Dva sloja:
   1. baner (i jezicak "Upravljaj saglasnoscu") se dize iznad trake;
   2. dok je baner prikazan, traka se sklanja (:has(); u starijim pregledacima
      otpada, ali tacka 1 i dalje drzi baner klikabilnim).
   --------------------------------------------------------------------------- */

#cmplz-cookiebanner-container,
#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cmplz-cookiebanner,
#cmplz-manage-consent,
.cmplz-manage-consent {
  z-index: 1000002 !important;
}

body:has(.cmplz-cookiebanner.cmplz-show) .rn-sticky-bar,
body:has(#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show) .rn-sticky-bar {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* ---- 12-forms.css ---- */
/* =============================================================================
   Render Core | 12-forms.css
   WPForms: boja labela i submit dugme u brend izgledu (klasa rn-form).

   Zamenjuje:
     Oxygen stylesheet "global": sekcije 9 WPFORMS i 9b ZAOSTACI
     Customizer > Additional CSS: pravila za .wpforms-field-label i
       .wpforms-field-label-inline

   Footer forma (klasa forma-footer) je u 30-footer.css.
   ============================================================================= */

/* Labele su bele na SVIM formama: sve cetiri forme na sajtu stoje na tamnoj
   podlozi (footer, kontakt, modal "Posaljite upit", La Rue forma).
   Ako ikad stavis formu na svetlu podlogu, labele ce biti nevidljive:
   tada ovo treba suziti na te cetiri forme (vidi pitanja u izvestaju). */
.wpforms-field-label {
  color: white !important;
}

.wpforms-field-label-inline {
  color: white !important;
}


/* ---------------------------------------------------------------------------
   SUBMIT DUGME U BREND IZGLEDU

   Div oko forme    class: rn-form
   Na La Rue        class: rn-form rn-theme-larue rn-on-dark
   Puna sirina      dodaj jos i rn-form--block

   WPForms (Modern markup) stiluje dugme preko sopstvenih CSS varijabli, kroz
   jak selektor "div.wpforms-container-full button[type=submit]". Zato se ovde
   ne nadmecemo selektorima nego prepisujemo njegove varijable.
   --------------------------------------------------------------------------- */

.rn-form .wpforms-container,
.rn-form .wpforms-container-full {
  --wpforms-button-background-color: var(--rn-accent, #b76f22);
  --wpforms-button-background-color-alt: var(--rn-accent, #b76f22);
  --wpforms-button-text-color: var(--rn-accent-ink, #ffffff);
  --wpforms-button-text-color-alt: var(--rn-accent-ink, #ffffff);
  --wpforms-button-border-color: var(--rn-accent, #b76f22);
  --wpforms-button-border-color-alt: var(--rn-accent, #b76f22);
  --wpforms-button-border-style: solid;
  --wpforms-button-border-size: 2px;
  --wpforms-button-border-radius: var(--rn-btn-radius, 12px);
  --wpforms-button-size-height: var(--rn-btn-min-h, 54px);
  --wpforms-button-size-font-size: var(--rn-btn-size, 16px);
  --wpforms-button-size-padding-h: var(--rn-btn-pad-x, 26px);
  --wpforms-button-size-margin-top: 18px;
}

/* Tipografija i prelaz. Specificnost je namerno iznad WPForms pravila. */
.rn-form div.wpforms-container button[type=submit],
.rn-form div.wpforms-container input[type=submit],
.rn-form div.wpforms-container-full button[type=submit],
.rn-form div.wpforms-container-full input[type=submit] {
  font-family: var(--rn-btn-font, 'Montserrat', sans-serif);
  font-weight: var(--rn-btn-weight, 700);
  letter-spacing: .02em;
  text-transform: none;
  cursor: pointer;
  transition:
    background-color var(--rn-btn-speed, .2s) ease,
    border-color var(--rn-btn-speed, .2s) ease,
    color var(--rn-btn-speed, .2s) ease;
}

.rn-form div.wpforms-container button[type=submit]:hover,
.rn-form div.wpforms-container input[type=submit]:hover,
.rn-form div.wpforms-container-full button[type=submit]:hover,
.rn-form div.wpforms-container-full input[type=submit]:hover {
  background-color: var(--rn-accent-hi, #cc7f2c);
  border-color: var(--rn-accent-hi, #cc7f2c);
  color: var(--rn-accent-ink, #ffffff);
}

.rn-form div.wpforms-container button[type=submit]:active,
.rn-form div.wpforms-container-full button[type=submit]:active {
  background-color: var(--rn-accent-lo, #96591a);
  border-color: var(--rn-accent-lo, #96591a);
}

.rn-form--block div.wpforms-container button[type=submit],
.rn-form--block div.wpforms-container-full button[type=submit] {
  width: 100%;
}

/* ---------------------------------------------------------------------------
   RENDER STRANE: SUBMIT SVIH FORMI KAO "POSALJITE UPIT" U TRACI NA DNU
   Vazi za footer formu, formu na Kontakt strani i modal "Posaljite upit"
   (do 28.09.2026: crno dugme u footeru, plavo WPForms dugme na Kontaktu i u modalu).
   Izgled i efekti kao rn-btn--primary: akcent boja, radijus iz tokena, na hover
   svetlije sa senkom, na klik tamnije i utisnuto, strelica klizne udesno.
   La Rue (strana 569) ostaje kakva jeste.
   Strelica je ::before sa order: 2, jer WPForms ::after koristi za okvir fokusa.
   --------------------------------------------------------------------------- */

body:not(.page-id-569) .wpforms-container {
  --wpforms-button-background-color: var(--rn-accent, #b76f22);
  --wpforms-button-background-color-alt: var(--rn-accent, #b76f22);
  --wpforms-button-text-color: var(--rn-accent-ink, #ffffff);
  --wpforms-button-text-color-alt: var(--rn-accent-ink, #ffffff);
  --wpforms-button-border-color: var(--rn-accent, #b76f22);
  --wpforms-button-border-color-alt: var(--rn-accent, #b76f22);
  --wpforms-button-border-style: solid;
  --wpforms-button-border-size: 2px;
  --wpforms-button-border-radius: var(--rn-btn-radius, 8px);
  --wpforms-button-size-height: 52px;
  --wpforms-button-size-font-size: var(--rn-btn-size, 16px);
  --wpforms-button-size-padding-h: 28px;
}

/* Sve mere su ispisane i ovde, ne samo kroz WPForms promenljive: WPForms svoj CSS stampa
   tek na dnu strane, pa bi dugme do tada imalo podrazumevanu velicinu i posle skocilo (CLS). */
body:not(.page-id-569) div.wpforms-container-full button[type=submit] {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 52px;
  padding: 0 28px;
  border: 2px solid var(--rn-accent, #b76f22);
  border-radius: var(--rn-btn-radius, 8px);
  background-color: var(--rn-accent, #b76f22);
  color: var(--rn-accent-ink, #ffffff);
  font-size: var(--rn-btn-size, 16px);
  font-family: var(--rn-btn-font, 'Montserrat', sans-serif);
  font-weight: var(--rn-btn-weight, 700);
  line-height: 1.2;
  letter-spacing: .02em;
  text-transform: none;
  box-shadow: 0 6px 18px var(--rn-accent-ring, rgba(183, 111, 34, .38));
  transition:
    background-color var(--rn-btn-speed, .2s) ease,
    border-color var(--rn-btn-speed, .2s) ease,
    color var(--rn-btn-speed, .2s) ease,
    box-shadow var(--rn-btn-speed, .2s) ease,
    transform .12s ease;
}
body:not(.page-id-569) div.wpforms-container-full button[type=submit]::before {
  content: '';
  order: 2;
  flex: 0 0 auto;
  width: 1.15em;
  height: 1.15em;
  background-color: currentColor;
  -webkit-mask: var(--rn-icon-arrow) center / contain no-repeat;
          mask: var(--rn-icon-arrow) center / contain no-repeat;
  transition: transform var(--rn-btn-speed, .2s) ease;
}
body:not(.page-id-569) div.wpforms-container-full button[type=submit]:hover {
  background: var(--rn-accent-hi, #cc7f2c);
  border-color: var(--rn-accent-hi, #cc7f2c);
  color: var(--rn-accent-ink, #ffffff);
  box-shadow: 0 8px 22px var(--rn-accent-ring, rgba(183, 111, 34, .38));
}
body:not(.page-id-569) div.wpforms-container-full button[type=submit]:hover::before,
body:not(.page-id-569) div.wpforms-container-full button[type=submit]:focus-visible::before {
  transform: translateX(4px);
}
body:not(.page-id-569) div.wpforms-container-full button[type=submit]:active {
  background: var(--rn-accent-lo, #96591a);
  border-color: var(--rn-accent-lo, #96591a);
  box-shadow: 0 3px 10px var(--rn-accent-ring, rgba(183, 111, 34, .38));
  transform: translateY(1px);
}
@media (prefers-reduced-motion: reduce) {
  body:not(.page-id-569) div.wpforms-container-full button[type=submit],
  body:not(.page-id-569) div.wpforms-container-full button[type=submit]::before { transition: none; }
  body:not(.page-id-569) div.wpforms-container-full button[type=submit]:active,
  body:not(.page-id-569) div.wpforms-container-full button[type=submit]:hover::before { transform: none; }
}


/* ---------------------------------------------------------------------------
   9b ZAOSTACI (placeholder, see verification)
   --------------------------------------------------------------------------- */

.rn-form .wpforms-submit {
  background-color: var(--rn-accent, #b76f22) !important;
  color: var(--rn-accent-ink, #ffffff) !important;
  font-size: var(--rn-btn-size, 16px) !important;
}
.rn-form .wpforms-submit:hover {
  background-color: var(--rn-accent-hi, #cc7f2c) !important;
}
.rn-form:not(.rn-form--block) .wpforms-submit {
  width: auto !important;
}


/* ---- 13-utilities.css ---- */
/* =============================================================================
   Render Core | 13-utilities.css
   Pomocne klase koje stavljas na element u Oxygenu (Advanced > CSS Classes)
   umesto da kucas vrednost u polje. Nijedna se ne primenjuje sama od sebe.
   Danas ih nijedan element ne koristi; spremne su za upotrebu.

   Zamenjuje:
     "AAA-tokens" sekcija 6 POMOCNE KLASE
     "global"     sekcija 13 SAKRIVANJE PO REZOLUCIJI
   ============================================================================= */

/* ---------- Tekst ---------- */
.rn-lead      { font-size: var(--rn-lead) !important;  line-height: 1.55 !important; }
.rn-small     { font-size: var(--rn-small) !important; line-height: 1.5 !important; }
.rn-tiny      { font-size: var(--rn-tiny) !important;  line-height: 1.4 !important; }
.rn-card-title{ font-size: var(--rn-card-title) !important; line-height: 1.3 !important; font-weight: var(--rn-w-bold) !important; }
.rn-meta      { font-size: var(--rn-small) !important; color: var(--brand-muted) !important; }
.rn-eyebrow {
  font-size: 13px !important;
  font-weight: var(--rn-w-semi) !important;
  letter-spacing: var(--rn-ls-eyebrow) !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}
.rn-w-regular{ font-weight: 400 !important; }
.rn-w-medium { font-weight: 500 !important; }
.rn-w-semi   { font-weight: 600 !important; }
.rn-w-bold   { font-weight: 700 !important; }

/* Lepsi prelom naslova u dva reda. Opciono, po elementu. */
.rn-balance { text-wrap: balance; }

/* Opcioni razmak: klasa ide na RODITELJA, razmak dobijaju samo elementi
   izmedju (nikad prvi ni poslednji), pa ne moze da razvali centriranje. */
.rn-flow > * + *       { margin-top: var(--rn-gap-body); }
.rn-flow-tight > * + * { margin-top: var(--rn-gap-head); }

/* ---------- Sakrivanje po rezoluciji ----------
   Alternativa Oxygenovom "Layout > Display: None": vidi se u kodu i ne zavisi
   od ID pravila. */
@media (min-width: 992px) { .rn-hide-desktop { display: none !important; } }
@media (max-width: 991px) { .rn-hide-mobile  { display: none !important; } }
@media (max-width: 575px) { .rn-hide-phone   { display: none !important; } }


/* ---------------------------------------------------------------------------
   POJAVLJIVANJE PRI SKROLU (fade-up), isto kretanje kao na O nama
   (24px nagore, .7s, cubic-bezier(.16, 1, .3, 1), zadrska .08s izmedju blokova).
   Klase dodaje samo assets/js/reveal.js (sve Render strane osim La Rue i O nama).
   Ovde su pravila, a ne u posebnom fajlu, da efekat ne dodaje jos jedan CSS zahtev.

   ZASTO NE KOSTA BRZINU
   - JS sakriva SAMO blokove koji su ispod prvog ekrana. Sve sto se vidi pri
     ucitavanju (hero, naslov, prva slika) se nikad ne sakriva, pa LCP ostaje isti.
   - Menjaju se samo opacity i transform: nema pomeranja rasporeda (CLS isti),
     animaciju radi graficka kartica.
   - Bez JS-a, uz "smanji pokrete" u sistemu i pri stampi sve je odmah vidljivo.
   - Kad se blok pojavi, klase se skidaju, pa na strani ne ostaje nista od efekta.
   --------------------------------------------------------------------------- */
.rn-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
}

.rn-reveal.rn-reveal--in {
  opacity: 1;
  transform: none;
  transition:
    opacity .7s cubic-bezier(.16, 1, .3, 1),
    transform .7s cubic-bezier(.16, 1, .3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rn-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media print {
  .rn-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}


/* ---- 14-cookie-notice.css ---- */
/* =============================================================================
   Render Core | 14-cookie-notice.css
   Obavestenje o kolacicima (includes/cookie-notice.php). Ucitava se samo kad Complianz
   nije aktivan. Boje su iz tokena, pa se na La Rue 48 same prebace na La Rue paletu.

   Polozaj: iznad trake na dnu (traka je fixed, z-index 999990), levo na desktopu,
   preko cele sirine na telefonu. Tekst je mali (--rn-small), da obavestenje nikad ne
   bude najveci element na ekranu.
   ============================================================================= */

.rn-cn {
  position: fixed;
  left: 24px;
  bottom: calc(var(--rn-sticky-bar-h, 76px) + 12px + env(safe-area-inset-bottom, 0px));
  z-index: 999991;                 /* iznad trake na dnu, ispod headera (1000000) */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 460px;
  margin: 0;
  padding: 12px 12px 12px 16px;
  border-radius: 12px;
  background: var(--brand-surface-dark, #2d1f15);
  color: var(--brand-on-dark, #eaddcf);
  box-shadow: 0 10px 28px -12px rgba(0, 0, 0, .55);
  font-family: 'Montserrat', sans-serif;
}
.rn-cn[hidden] { display: none !important; }

.rn-cn__text {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--rn-small, 14px);
  line-height: 1.45;
  color: inherit;
}
.rn-cn__link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.rn-cn__link:hover,
.rn-cn__link:focus-visible { color: var(--brand-cream, #fffaf1); }

.rn-cn .rn-cn__ok {
  flex: 0 0 auto;
  margin: 0;
}

@media (max-width: 767px) {
  .rn-cn {
    left: 12px;
    right: 12px;
    max-width: none;
    padding: 10px 10px 10px 14px;
    gap: 10px;
  }
}

@media print {
  .rn-cn { display: none !important; }
}


/* ---- 20-header-render.css ---- */
/*
 * 20-header-render.css | Render header (Oxygen sablon 280 "Main Main - Header")
 *
 * Staticki CSS u <head>: header od prvog piksela izgleda kao posle JS-a,
 * pa nema bljeska (siva/braon, hamburgeri na desktopu) ni skoka sadrzaja.
 * Ranije se ovaj CSS pravio u JS-u u footeru (snippet 34 "Render menu").
 *
 * Selektori koriste stalne Oxygen ID-jeve iz sablona 280:
 *   #_header-176-280       ceo header
 *   #_header_row-190-280   desktop red
 *   #_header_row-204-280   mobilni red
 *   #_nav_menu-208-280     mobilni meni (hamburger)
 * Ako se header u Oxygenu obrise i napravi iznova, ID-jevi se menjaju i ovaj fajl mora da prati.
 * Klase rnd-* dodaje assets/js/header-menu.js: samo stanja (rnd-scrolled,
 * rnd-mobile-menu-open, rnd-sub-open) i elemente koje JS pravi (logo, CTA).
 */

/* ---------- 0. RAZMAK ISPOD FIKSNOG HEADERA ---------- */
/* WP admin bar (samo ulogovani): pocetna vrednost, JS je posle doteruje na skrolu. */
body.admin-bar { --rnd-admin-offset: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar { --rnd-admin-offset: 46px; }
}
/* Na mobilnom sadrzaj pocinje ispod headera. Ranije je to radio prazan div koji je
   JS ubacivao posle headera; 60px je visina koju je taj JS merio. Header je visok 65px,
   pa gornjih 5px sadrzaja ostaje ispod njega, isto kao do sada (pitanje za Johana).
   Klasu rnd-has-header dodaje PHP (includes/header-menu.php), pa razmak postoji od prvog piksela. */
@media (max-width: 991px) {
  body.rnd-has-header { padding-top: 60px; }
}
/* Desktop: sadrzaj pocinje tacno ispod headera na svim Render stranama, OSIM pocetne
   i O nama, gde hero namerno lezi ispod headera (La Rue ima svoj header i ovde ne ulazi).
   Visina headera: 78px od 992 do 1199px (manji logo i meni), 81px od 1200px.
   JS (header-menu.js) posle ucitavanja upise stvarnu visinu u --rnd-header-h,
   pa razmak prati header i kad se on promeni u Oxygenu. */
@media (min-width: 992px) {
  body.rnd-has-header { --rnd-header-h: 81px; }
  body.rnd-has-header:not(.home):not(.page-id-278):not(.page-id-314) {
    padding-top: var(--rnd-header-h);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.rnd-has-header { --rnd-header-h: 78px; }
}

/* ---------- 1. FIKSIRAN HEADER ---------- */
#_header-176-280.oxy-header {
  position: fixed !important;
  top: var(--rnd-admin-offset, 0px) !important;
  left: 0 !important; right: 0 !important; width: 100% !important;
  margin: 0 !important;
  z-index: 1000000 !important;
  /* Pozadinu na desktopu drzi Oxygen (red #_header_row-190-280). */
  border-bottom: 1px solid rgba(183, 111, 34, 0);
  box-shadow: none;
  overflow: visible !important;
  transform: none !important; filter: none !important; animation: none !important;
  transition: box-shadow .25s ease, border-color .25s ease;
}
/* Posle skrola samo dubina, bez menjanja boje. */
#_header-176-280.rnd-scrolled {
  border-bottom-color: rgba(183, 111, 34, .35);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .3);
}
#_header-176-280.rnd-mobile-menu-open {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  z-index: 2147483647 !important;
}
/* Ulogovan admin: header ide ISPOD WP admin bara (99999), da njegovi padajuci meniji ostanu klikabilni. */
body.admin-bar #_header-176-280.oxy-header { z-index: 99998 !important; }
body.admin-bar #_header-176-280.rnd-mobile-menu-open { z-index: 99998 !important; }

/* Mobilni red u Oxygenu ima sivu boju i gradijent iz Custom CSS polja reda 204.
   Ovde se gasi, a header dobija braon pozadinu. Boju menjaj samo ovde. */
@media (max-width: 991px) {
  #_header-176-280,
  #_header-176-280 > .oxy-header-row,
  #_header-176-280 > .oxy-header-row > .oxy-header-container,
  #_header-176-280 #_header_row-204-280,
  #_header-176-280 #_header_row-204-280 > .oxy-header-container {
    background-image: none !important;
  }
  #_header-176-280 { background-color: #2d1f15 !important; }
}

/* ---------- 2. MOBILNI OVERLAY MENI ---------- */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open {
  position: fixed !important; inset: 0 !important;
  width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  height: 100vh; height: 100dvh;
  background: #2d1f15 !important;
  z-index: 2147483647 !important;
  font-family: 'Montserrat', sans-serif;
}
/* Kontejner liste (div posle hamburgera). Ranije klasa .rnd-list-container iz JS-a. */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open > div:not(.oxy-menu-toggle) {
  box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 auto;
  width: 100% !important; min-height: 0; max-height: 100% !important;
  overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain;
  padding: max(20px, env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  gap: 0 !important; flex: 1 0 auto; margin: 0 !important; padding: 0 !important; width: 100% !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item {
  display: flex !important; flex-direction: column !important; position: relative !important;
  width: 100% !important; min-width: 0 !important; margin: 0 !important; text-align: left !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item > a {
  box-sizing: border-box; display: flex !important; align-items: center !important;
  justify-content: flex-start !important; position: relative !important; width: 100% !important;
  min-height: 46px; padding: 12px 12px !important;
  color: #eaddcf !important; background: transparent !important; border: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important; font-weight: 500 !important; line-height: 1.4 !important;
  letter-spacing: 0 !important; text-align: left !important; text-transform: none !important;
  text-shadow: none !important; white-space: normal !important;
  cursor: pointer; touch-action: manipulation;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item > a:hover,
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item > a[aria-current="page"] {
  background: rgba(183, 111, 34, .2) !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item > a:focus-visible {
  outline: 2px solid #985e1e; outline-offset: -2px;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item-has-children:not(.rnd-nav-section) > a {
  padding-right: 48px !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .menu-item-has-children:not(.rnd-nav-section) > a::after {
  content: '+' !important; display: block !important; position: absolute !important;
  inset: 50% 12px auto auto !important; width: 24px !important; height: 24px !important;
  margin: 0 !important; border: 0 !important; background: none !important;
  color: currentColor !important; font-size: 24px !important; line-height: 24px !important;
  text-align: center !important; transform: translateY(-50%) !important; pointer-events: none !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-sub-open:not(.rnd-nav-section) > a::after {
  content: '\2212' !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .sub-menu {
  display: none !important; position: static !important; inset: auto !important;
  transform: none !important; visibility: visible !important; opacity: 1 !important;
  box-sizing: border-box; width: 100% !important; min-width: 0 !important;
  height: auto !important; max-height: none !important;
  margin: 0 0 8px !important; padding: 0 0 0 12px !important;
  background: #3c2a1c !important; border: 0 !important; border-left: 2px solid #985e1e !important;
  box-shadow: none !important; overflow: visible !important; transition: none !important; animation: none !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-sub-open > .sub-menu {
  display: flex !important; flex-direction: column !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .sub-menu .menu-item > a {
  font-size: 17px !important; min-height: 42px;
}

/* ---------- 3. SEKCIJA "NAVIGACIJA" (uvek otvorena, crtica ispred) ---------- */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-nav-section > a {
  pointer-events: none !important; cursor: default !important;
  min-height: 0 !important; padding: 4px 12px 6px !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em !important;
  text-transform: uppercase !important; color: rgba(234, 221, 207, .55) !important;
  background: transparent !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-nav-section > a::after { content: none !important; }
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-nav-section > .sub-menu {
  display: flex !important; flex-direction: column !important;
  margin: 0 0 14px !important; padding-left: 0 !important;
  background: transparent !important; border-left: 0 !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-nav-section > .sub-menu > .menu-item > a {
  font-size: 19px !important; padding-left: 12px !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list .rnd-nav-section > .sub-menu > .menu-item > a::before {
  content: '-'; flex: 0 0 auto; margin-right: 10px; color: #b76f22; font-weight: 700;
}

/* ---------- 4. BREND U OTVORENOM MENIJU ---------- */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .rnd-mobile-brand { display: none; }
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-brand {
  display: flex !important; flex: 0 0 auto; flex-direction: column;
  align-items: center; align-self: center;
  width: min(180px, calc(100% - 104px)); margin: 0 0 14px; padding: 0;
  color: #fff; text-decoration: none; border: 0;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-brand img {
  display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-brand-title {
  display: block; margin-top: 8px; padding-bottom: 8px;
  border-bottom: 1px solid #985e1e;
  font-size: clamp(13px, 4vw, 16px); font-weight: 700; line-height: 1.4;
  white-space: nowrap; color: #eaddcf;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-brand:focus-visible { outline: 2px solid #985e1e; outline-offset: 4px; }

/* ---------- 5. CTA BLOK + "Nazad na render.rs" ---------- */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .rnd-cta-call,
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .rnd-cta-form { display: none; }
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-call {
  display: flex !important; margin-top: auto !important; padding-top: 22px; flex: 0 0 auto;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-form {
  display: flex !important; margin-top: 12px !important; flex: 0 0 auto;
}
/* Pozovite agenta: zeleni "online" okvir, bez brand boje */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-call > a {
  box-sizing: border-box !important;
  gap: 14px; width: 100% !important; min-height: 70px !important;
  padding: 12px 16px !important;
  background: rgba(46, 204, 113, .10) !important;
  border: 2px solid #2ecc71 !important;
  border-radius: var(--rn-btn-radius, 8px) !important;
  transition: background .2s ease, border-color .2s ease;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-call > a:hover,
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-call > a:active {
  background: rgba(46, 204, 113, .2) !important; border-color: #3ee07f !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-avatar-wrap {
  position: relative; display: block; flex: 0 0 48px; width: 48px; height: 48px;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-avatar {
  display: block; width: 48px; height: 48px;
  border-radius: 50%; object-fit: cover; border: 2px solid #2ecc71;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-avatar-wrap::after {
  content: '';
  position: absolute; right: -2px; bottom: -2px;
  width: 14px; height: 14px; border-radius: 50%;
  background: #2ecc71; border: 2px solid #2d1f15;
  box-shadow: 0 0 0 0 rgba(46, 204, 113, .6);
  animation: rndOnlinePulse 2.4s ease-out infinite;
}
@keyframes rndOnlinePulse {
  0%   { box-shadow: 0 0 0 0 rgba(46, 204, 113, .55); }
  70%  { box-shadow: 0 0 0 9px rgba(46, 204, 113, 0); }
  100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-text { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-title { font-size: 18px; font-weight: 700; line-height: 1.2; color: #ffffff; }
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-sub { font-size: 13px; font-weight: 600; line-height: 1.3; color: #2ecc71; letter-spacing: .01em; }
/* Posaljite upit: puno dugme, izgled i efekti kao "Posaljite upit" u traci na dnu
   (28.09.2026: bez prelaza boje, radijus iz tokena, ista strelica koja klizne) */
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-form > a {
  box-sizing: border-box !important;
  justify-content: center !important; gap: 12px;
  width: 100% !important; min-height: 58px !important;
  padding: 16px 20px !important;
  background: var(--rn-accent, #b76f22) !important;
  border: 0 !important; border-radius: var(--rn-btn-radius, 8px) !important;
  box-shadow: 0 6px 18px var(--rn-accent-ring, rgba(183, 111, 34, .38)) !important;
  color: #ffffff !important; font-size: 17px !important; font-weight: 700 !important;
  letter-spacing: .02em !important; text-align: center !important; text-transform: none !important;
  transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-form > a:hover {
  background: var(--rn-accent-hi, #cc7f2c) !important;
  box-shadow: 0 8px 22px var(--rn-accent-ring, rgba(183, 111, 34, .38)) !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-cta-form > a:active {
  background: var(--rn-accent-lo, #96591a) !important;
  transform: translateY(1px); box-shadow: 0 3px 10px var(--rn-accent-ring, rgba(183, 111, 34, .38)) !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-form > a::after {
  content: ''; display: block; flex: 0 0 auto;
  width: 20px; height: 20px;
  background-color: currentColor;
  -webkit-mask: var(--rn-icon-arrow) center / contain no-repeat;
          mask: var(--rn-icon-arrow) center / contain no-repeat;
  transition: transform .2s ease;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-form > a:hover::after { transform: translateX(4px); }
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-mobile-back {
  margin-top: 12px !important; padding-top: 0 !important; flex: 0 0 auto;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-list > .menu-item.rnd-mobile-back > a {
  box-sizing: border-box !important; justify-content: center !important; gap: 10px;
  width: 100% !important; max-width: 100% !important; min-height: 52px !important;
  margin: 0 !important; padding: 14px 16px !important;
  background: transparent !important;
  border: 1px solid rgba(183, 111, 34, .45) !important; border-radius: var(--rn-btn-radius, 8px) !important;
  overflow: visible !important; font-size: 16px !important;
  text-align: center !important; white-space: nowrap !important;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-back > a::before {
  content: ''; display: block; width: 18px; height: 18px; flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--rn-icon-arrow) center / contain no-repeat;
          mask: var(--rn-icon-arrow) center / contain no-repeat;
  transform: scaleX(-1);
  transition: transform .2s ease;
}
#_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-back > a:hover::before { transform: scaleX(-1) translateX(4px); }

/* ---------- 6. MOBILNA TRAKA HEADERA ---------- */
@media (max-width: 991px) {
  #_header-176-280 #_header_row-190-280 { display: none !important; }
  #_header-176-280 #_header_row-204-280 { display: block !important; }
  #_header-176-280 #_header_row-204-280,
  #_header-176-280 #_header_row-204-280 > .oxy-header-container {
    transform: none !important; filter: none !important;
  }
  #_header-176-280 #_header_row-204-280 > .oxy-header-container {
    min-height: 64px !important;
    padding: 6px max(16px, env(safe-area-inset-right)) 6px max(16px, env(safe-area-inset-left)) !important;
    align-items: center !important; justify-content: space-between !important;
  }
  #_header-176-280 #_header_row-204-280 .oxy-header-left { flex: 1 1 auto; min-width: 0; }
  #_header-176-280 #_header_row-204-280 .oxy-header-center { flex: 0 0 auto; }
  #_header-176-280 #_header_row-204-280 .oxy-header-right { flex: 0 0 auto; }
  #_header-176-280 .rnd-original-logo { display: none !important; }
  #_header-176-280 .rnd-bar-brand { display: block; width: 144px; max-width: 100%; padding: 0; }
  #_header-176-280 .rnd-bar-brand img { display: block; width: 100%; height: 40px; object-fit: contain; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-menu-toggle {
    display: flex !important; cursor: pointer; touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger-wrap {
    box-sizing: border-box; display: flex !important; align-items: center; justify-content: center;
    width: 46px !important; height: 46px !important; margin: 0 !important; padding: 0 !important;
    border: 1px solid #985e1e; border-radius: var(--rn-btn-radius, 8px); background: #2d1f15;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
  }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger {
    position: relative !important; display: block !important;
    width: 22px !important; height: 18px !important; transform: none !important;
  }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger-line {
    display: block !important; position: absolute !important; left: 0 !important;
    width: 22px !important; height: 2px !important; background-color: #fff !important;
    border-radius: 2px; transform: none !important;
    transition: transform .18s ease, opacity .18s ease;
  }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger-line:first-child { top: 0 !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger-line:nth-child(2) { top: 8px !important; width: 16px !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger-line:last-child { top: 16px !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap {
    position: fixed !important;
    top: max(20px, env(safe-area-inset-top)) !important;
    right: max(20px, env(safe-area-inset-right)) !important;
  }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-hamburger-line:first-child { transform: translateY(8px) rotate(45deg) !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-hamburger-line:nth-child(2) { opacity: 0 !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .oxy-nav-menu-hamburger-line:last-child { transform: translateY(-8px) rotate(-45deg) !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-menu-toggle:focus-visible .oxy-nav-menu-hamburger-wrap { outline: 2px solid #985e1e; outline-offset: 3px; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open > .oxy-menu-toggle {
    position: fixed !important;
    top: max(20px, env(safe-area-inset-top)) !important;
    right: max(20px, env(safe-area-inset-right)) !important;
    width: 46px !important; height: 46px !important; margin: 0 !important; z-index: 2;
  }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280:not(.oxy-nav-menu-open) > div:not(.oxy-menu-toggle) { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280 .oxy-nav-menu-hamburger-line { transition: none !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-avatar-wrap::after { animation: none !important; }
  #_header-176-280.oxy-header { transition: none !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-form > a::after,
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-back > a::before { transition: none !important; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-cta-form > a:hover::after { transform: none; }
  #_header-176-280 #_header_row-204-280 #_nav_menu-208-280.oxy-nav-menu-open .rnd-mobile-back > a:hover::before { transform: scaleX(-1); }
}

/* ---------- 7. DESKTOP NAVIGACIJA ---------- */
/* Oxygen do 1360px sklapa desktop menije u hamburger. Ovde ostaju otvoreni od 992px. */
@media (min-width: 992px) {
  #_header-176-280 #_header_row-204-280 { display: none !important; }
  #_header-176-280 #_header_row-190-280 { display: block !important; }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu > .oxy-menu-toggle { display: none !important; }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu > div:not(.oxy-menu-toggle) { display: block !important; }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list { display: flex !important; flex-direction: row !important; }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > li > a {
    color: #eaddcf !important;
    background: transparent !important; border-bottom: 2px solid transparent !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > li:hover > a,
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > li:focus-within > a,
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > .current-menu-ancestor > a {
    border-bottom-color: #985e1e !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .sub-menu {
    background: #3c2a1c !important; border: 1px solid #985e1e !important;
    border-radius: 0 0 8px 8px; min-width: 240px; padding: 6px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .sub-menu a {
    color: #eaddcf !important; background: transparent !important;
    padding: 12px 14px !important; white-space: normal !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .sub-menu a:hover,
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .sub-menu a:focus-visible {
    background: #b76f22 !important; color: #fff !important;
  }
  /* Podmeni se otvara i fokusom sa tastature, ne samo misem. */
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu li:focus-within > .sub-menu { visibility: visible; opacity: 1; }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > li > .sub-menu { left: auto; right: 0; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #_header-176-280 #_header_row-190-280 .oxy-header-center { padding: 0 8px; }
}

/* ---------- 8. DESKTOP: logo na sredini + veci tekst ---------- */
/* Ide posle sekcije 7: ista specificnost, pa ovde odlucuje redosled. */
@media (min-width: 992px) {
  #_header-176-280 #_header_row-190-280 > .oxy-header-container {
    display: flex !important; align-items: center !important; gap: 16px;
  }
  #_header-176-280 #_header_row-190-280 .oxy-header-left,
  #_header-176-280 #_header_row-190-280 .oxy-header-right {
    display: flex !important; align-items: center !important;
    flex: 1 1 0 !important; min-width: 0 !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-header-left { justify-content: flex-start !important; }
  #_header-176-280 #_header_row-190-280 .oxy-header-right { justify-content: flex-end !important; }
  #_header-176-280 #_header_row-190-280 .oxy-header-center {
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > li > a {
    font-size: 17px !important; font-weight: 600 !important;
    line-height: 1.3 !important; letter-spacing: .01em !important;
    padding: 18px 12px !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .sub-menu a { font-size: 16px !important; font-weight: 500 !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #_header-176-280 #_header_row-190-280 .oxy-nav-menu .oxy-nav-menu-list > li > a {
    font-size: 15px !important; padding-left: 7px !important; padding-right: 7px !important;
    white-space: nowrap !important;
  }
  #_header-176-280 #_header_row-190-280 .oxy-header-center img { max-width: 130px; width: 100%; height: auto; }
}


/* ---- 30-footer.css ---- */
/* =============================================================================
   Render Core | 30-footer.css
   Footer forma "Kontaktirajte nas" (Oxygen shortcode element sa klasom
   forma-footer, u oba footera: 1092 i 1095). Labele levo, polja kao donja
   linija, poruke o gresci sakrivene (font-size 0). Dugme: crno samo na La Rue,
   na Render stranama kao "Posaljite upit" u traci na dnu (12-forms.css).

   Zamenjuje: Oxygen stylesheet "footer" (sadrzaj prepisan 1:1).
   ============================================================================= */

.forma-footer .wpforms-container {
  margin:0px !important;
}
.forma-footer .wpforms-field {
  font-size:14px;
  display:flex;
  padding:5px !important;
}

.forma-footer input[type=checkbox] {
  border-bottom:0px !important;
}

.forma-footer .wpforms-field label {
  font-size:14px !important;
  width:50%;
  margin-bottom:0px;
  font-weight:400 !important;
}

/* Selektori su uvek sa .forma-footer ispred (golo "select" je nekad hvatalo
   svaki select na sajtu, npr. filtere tabele stanova). */
.forma-footer input,
.forma-footer select {
  background-color:transparent !important;
  border-top:0px !important;
  border-left:0px !important;
  border-right:0px !important;
  border-bottom:1px solid #696C73 !important;
  border-color:#696C73 !important;
  border-radius:0px !important;
  height: 20px !important;
  line-height:20px !important;
  padding:0px !important;
  color:#fff !important;
  font-size:14px !important;
}
.forma-footer input:focus {
  outline:0 !important;
  box-shadow:none !important;
}
.forma-footer .choice-1 .wpforms-field-label-inline {
  width:100%;
}
.forma-footer .wpforms-container .wpforms-form em.wpforms-error {
  min-width:10px !important;
  font-size:0px !important;
}
.forma-footer .wpforms-submit {
  width:100% !important;
}
/* Crno dugme ostaje samo na La Rue (569). Na Render stranama submit izgleda kao
   "Posaljite upit" u traci na dnu (12-forms.css, 28.09.2026). */
body.page-id-569 .forma-footer .wpforms-submit {
  font-size:14px !important;
  color:#fff !important;
  background-color:#000 !important;
}


/* ---- 44-stan-oxygen.css ---- */
/* =============================================================
   RENDER CORE | STAN (sablon 137 "Stanovi single"): 3D tura (Kuula)
   Ranije u Oxygen code blocku 1339 (tab CSS) kao golo "iframe { ... }",
   sto je menjalo SVAKI iframe na strani stana (npr. YouTube ili mapu).
   Sada vazi samo za iframe ture u tom code blocku. Velicine su iste.
   Ako se sekcija sa turom u Oxygenu napravi iznova, promeni ID ispod.
   ============================================================= */

#code_block-1339-34 iframe {
  width: 100%;
  height: 500px;
}

@media only screen and (max-width: 992px) {
  #code_block-1339-34 iframe {
    height: 300px;
  }
}


/* ---- 53-stan.css ---- */
/* =========================================================
   RENDER CORE | 53-stan.css
   Stan stranice (/stan/<slug>/, Oxygen sablon 137): [stan_hero] i [stan_drawer].
   Preneto 1:1 iz Code Snippeta 29 (funkcija rnsd_styles(), bio inline
   <style id="rnsd-css"> u sadrzaju strane).
   Paleta i tipografija idu iz 00-tokens; vrednost posle zareza je rezerva.
   ========================================================= */

.rnsd {
	/* --- paleta, iz 00-tokens --- */
	--rnsd-dark: var(--brand-ink-2, #3c2a1c);
	--rnsd-darkest: var(--brand-ink, #2d1f15);
	--rnsd-cream: var(--brand-cream, #fffaf1);
	--rnsd-cream-2: var(--brand-cream-2, #ede7db);
	--rnsd-accent: var(--brand-accent, #b76f22);
	--rnsd-accent-deep: var(--brand-accent-deep, #985e1e);
	--rnsd-white: #ffffff;
	--rnsd-black: var(--brand-ink, #2d1f15);
	--rnsd-muted: var(--brand-body, #5b4634);
	--rnsd-line: var(--brand-line, #ded4c4);

	/* --- tipografija, iz 00-tokens --- */
	--rnsd-h1: var(--rn-page-title, 45px);
	--rnsd-h2: var(--rn-h2, 45px);
	--rnsd-h3: var(--rn-card-title, 20px);
	--rnsd-text: var(--rn-body, 16px);
	--rnsd-text-sm: var(--rn-small, 14px);
	--rnsd-btn: 18px;

	--rnsd-pad-y: var(--rn-sec-y, 65px);
	--rnsd-pad-x: 20px;

	color: var(--rnsd-black);
}
.rnsd * { box-sizing: border-box; }
.rnsd__wrap {
	max-width: 1240px;
	margin: 0 auto;
}
.rnsd .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}

/* ================= HERO ================= */
.rnsd--hero {
	background: var(--rnsd-white);
	padding: var(--rnsd-pad-y) var(--rnsd-pad-x);
}
.rnsd__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 40px;
	align-items: start;
}

/* --- leva kolona --- */
.rnsd__media {
	position: relative;
	background: var(--rnsd-cream);
	border-radius: 14px;
	padding: 28px 24px 24px;
}
.rnsd__back {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 22px;
	padding: 9px 18px 9px 14px;
	border: 1px solid var(--rnsd-line);
	border-radius: 999px;
	background: var(--rnsd-white);
	color: var(--rnsd-dark);
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.rnsd__back svg {
	width: 16px;
	height: 16px;
	display: block;
	color: var(--rnsd-accent);
	transition: color .2s ease, transform .2s ease;
}
.rnsd__back:hover,
.rnsd__back:focus-visible {
	background: var(--rnsd-dark);
	border-color: var(--rnsd-dark);
	color: var(--rnsd-white);
}
.rnsd__back:hover svg,
.rnsd__back:focus-visible svg {
	color: var(--rnsd-white);
	transform: translateX(-3px);
}
.rnsd__osnova-wrap { position: relative; }
.rnsd__osnova {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.rnsd__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin-top: 26px;
	border-top: 1px solid var(--rnsd-line);
}
.rnsd__stat {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px 18px;
	border-bottom: 1px solid var(--rnsd-line);
}
.rnsd__stat:nth-child(odd) { border-right: 1px solid var(--rnsd-line); }
.rnsd__stat-ico {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--rnsd-accent);
}
.rnsd__stat-ico svg {
	width: 30px;
	height: 30px;
	display: block;
}
.rnsd__stat-val {
	display: block;
	font-size: var(--rnsd-text);
	font-weight: 700;
	line-height: 1.25;
	color: var(--rnsd-dark);
}
.rnsd__stat-lab {
	display: block;
	font-size: var(--rnsd-text-sm);
	line-height: 1.3;
	color: var(--rnsd-muted);
	margin-top: 2px;
}

/* --- prodato stanje --- */
.rnsd__media.is-prodato { background: var(--rnsd-cream-2); }
.rnsd__media.is-prodato .rnsd__osnova {
	filter: grayscale(1);
	opacity: .38;
}
.rnsd__media.is-prodato .rnsd__stat-ico { color: var(--rnsd-muted); }
.rnsd__oznaka {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	pointer-events: none;
}
.rnsd__oznaka span {
	padding: 13px 34px;
	border-radius: 999px;
	background: var(--rnsd-darkest);
	color: var(--rnsd-cream);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .26em;
	text-transform: uppercase;
	line-height: 1;
	box-shadow: 0 12px 28px -16px rgba(45, 31, 21, .9);
}
.rnsd__status {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0 0 22px;
	padding: 18px 20px;
	border: 1px solid var(--rnsd-line);
	border-left: 3px solid var(--rnsd-accent);
	border-radius: 12px;
	background: var(--rnsd-cream);
}
.rnsd__status-tag {
	flex: 0 0 auto;
	padding: 8px 16px;
	border-radius: 999px;
	background: var(--rnsd-darkest);
	color: var(--rnsd-cream);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	line-height: 1;
}
.rnsd__status p {
	margin: 0;
	font-size: var(--rnsd-text-sm);
	line-height: 1.6;
	color: var(--rnsd-muted);
}

/* --- desna kolona --- */
.rnsd__info { padding-top: 4px; }
.rnsd__info h1 {
	margin: 0 0 6px;
	font-size: var(--rnsd-h1);
	line-height: 1.08;
	font-weight: 700;
	color: var(--rnsd-dark);
}
.rnsd__projekat {
	margin: 0 0 22px;
	font-size: var(--rnsd-text);
	line-height: 1.5;
	color: var(--rnsd-muted);
}
.rnsd__projekat a {
	color: var(--rnsd-accent-deep);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rnsd__projekat a:hover { color: var(--rnsd-dark); }

.rnsd__count { margin: 0 0 22px; }
.rnsd__count-lab {
	display: block;
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--rnsd-muted);
}
.rnsd__count-num {
	display: block;
	font-size: 28px;
	line-height: 1.1;
	font-weight: 700;
	color: var(--rnsd-dark);
	margin-top: 4px;
}

.rnsd__opis p {
	margin: 0 0 14px;
	font-size: var(--rnsd-text);
	line-height: 1.7;
	color: var(--rnsd-black);
}
.rnsd__opis p:last-child { margin-bottom: 0; }
.rnsd__opis ul,
.rnsd__opis ol {
	margin: 0 0 14px;
	padding-left: 22px;
	font-size: var(--rnsd-text);
	line-height: 1.7;
	color: var(--rnsd-black);
}
.rnsd__opis li { margin: 0 0 6px; }
.rnsd__opis strong {
	font-weight: 700;
	color: var(--rnsd-dark);
}
.rnsd__opis a {
	color: var(--rnsd-accent-deep);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rnsd__opis a:hover,
.rnsd__opis a:focus-visible { color: var(--rnsd-dark); }

.rnsd__skice { margin: 26px 0 0; }
.rnsd__skice-lab {
	margin: 0 0 12px;
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--rnsd-muted);
}
.rnsd__skice-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.rnsd__skica {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border: 1px solid var(--rnsd-line);
	border-radius: 999px;
	background: var(--rnsd-cream);
	color: var(--rnsd-dark);
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.rnsd__skica svg {
	width: 15px;
	height: 15px;
	color: var(--rnsd-accent);
	transition: color .2s ease;
}
.rnsd__skica:hover,
.rnsd__skica:focus-visible {
	background: var(--rnsd-accent);
	border-color: var(--rnsd-accent);
	color: var(--rnsd-white);
}
.rnsd__skica:hover svg,
.rnsd__skica:focus-visible svg { color: var(--rnsd-white); }
.rnsd__skica--plain { cursor: default; }

.rnsd__hero-cta { margin-top: 30px; }

/* ================= dugme, zajednicko =================
   Izgled i efekti kao dugmad u traci na dnu (rn-btn, 28.09.2026): radijus iz tokena,
   na hover svetlije sa senkom, na klik tamnije i utisnuto, ista strelica koja klizne. */
.rnsd__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 13px 31px;
	border: 2px solid var(--rnsd-accent);
	border-radius: var(--rn-btn-radius, 8px);
	background: var(--rnsd-accent);
	color: var(--rnsd-white);
	font-size: var(--rnsd-btn);
	line-height: 1.2;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	font-family: inherit;
	box-shadow: 0 6px 18px var(--rn-accent-ring, rgba(183, 111, 34, .38));
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .12s ease;
}
.rnsd__cta-ico {
	flex: 0 0 auto;
	width: 1.1em;
	height: 1.1em;
	background-color: currentColor;
	-webkit-mask: var(--rn-icon-arrow) center / contain no-repeat;
	        mask: var(--rn-icon-arrow) center / contain no-repeat;
	transition: transform .2s ease;
}
.rnsd__cta:hover .rnsd__cta-ico,
.rnsd__cta:focus-visible .rnsd__cta-ico { transform: translateX(4px); }
.rnsd__cta:hover,
.rnsd__cta:focus-visible {
	background: var(--rn-accent-hi, #cc7f2c);
	border-color: var(--rn-accent-hi, #cc7f2c);
	color: var(--rnsd-white);
	box-shadow: 0 8px 22px var(--rn-accent-ring, rgba(183, 111, 34, .38));
}
.rnsd__cta:active {
	background: var(--rn-accent-lo, #96591a);
	border-color: var(--rn-accent-lo, #96591a);
	box-shadow: 0 3px 10px var(--rn-accent-ring, rgba(183, 111, 34, .38));
	transform: translateY(1px);
}
.rnsd__cta:focus-visible {
	outline: 2px solid var(--rnsd-dark);
	outline-offset: 3px;
}

/* sekundarno dugme, koristi se u prodato stanju: obris kao "Ponuda stanova" u traci */
.rnsd__cta--tiho {
	background: transparent;
	border-color: var(--rnsd-accent);
	color: var(--rnsd-dark);
	box-shadow: none;
}
.rnsd__cta--tiho:hover,
.rnsd__cta--tiho:focus-visible {
	background: var(--rnsd-accent);
	border-color: var(--rnsd-accent);
	color: var(--rnsd-white);
	box-shadow: none;
}
.rnsd__cta--tiho:active {
	background: var(--rn-accent-lo, #96591a);
	border-color: var(--rn-accent-lo, #96591a);
	color: var(--rnsd-white);
	box-shadow: none;
}
.rnsd__link-nazad {
	display: inline-flex;
	align-items: center;
	margin-left: 14px;
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	color: var(--rnsd-accent-deep);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rnsd__link-nazad:hover,
.rnsd__link-nazad:focus-visible { color: var(--rnsd-dark); }

/* ================= DRAWER ================= */
.rnsd--drawer {
	background: var(--rnsd-cream);
	padding: var(--rnsd-pad-y) var(--rnsd-pad-x);
}
.rnsd--drawer .rnsd__wrap { max-width: 900px; }
.rnsd__head {
	margin: 0 auto 30px;
	text-align: center;
	max-width: 780px;
}
.rnsd__head h2 {
	margin: 0;
	font-size: var(--rnsd-h2);
	line-height: 1.12;
	font-weight: 700;
	color: var(--rnsd-dark);
}
.rnsd__head p {
	max-width: 720px;
	margin: 18px auto 0;
	font-size: var(--rnsd-text);
	line-height: 1.7;
	color: var(--rnsd-muted);
}
.rnsd__list { border-top: 1px solid var(--rnsd-line); }
.rnsd__item { border-bottom: 1px solid var(--rnsd-line); }
.rnsd__trigger {
	appearance: none;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 24px 4px;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: var(--rnsd-dark);
	font-family: inherit;
}
.rnsd__trigger:focus-visible {
	outline: 2px solid var(--rnsd-accent);
	outline-offset: 2px;
}
.rnsd__num {
	flex: 0 0 34px;
	font-size: var(--rnsd-text-sm);
	letter-spacing: .12em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--rnsd-accent-deep);
}
.rnsd__label {
	flex: 1 1 auto;
	min-width: 0;
}
.rnsd__label h3 {
	margin: 0;
	font-size: var(--rnsd-h3);
	line-height: 1.3;
	font-weight: 700;
	color: var(--rnsd-dark);
	transition: color .22s ease;
}
.rnsd__sign {
	position: relative;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid var(--rnsd-line);
	transition: background .24s ease, border-color .24s ease;
}
.rnsd__sign::before,
.rnsd__sign::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: var(--rnsd-accent);
	transform: translate(-50%, -50%);
	transition: transform .28s ease, opacity .28s ease, background .24s ease;
}
.rnsd__sign::before {
	width: 13px;
	height: 2px;
}
.rnsd__sign::after {
	width: 2px;
	height: 13px;
}
.rnsd__trigger:hover .rnsd__label h3 { color: var(--rnsd-accent-deep); }
.rnsd__trigger:hover .rnsd__sign { border-color: var(--rnsd-accent); }
.rnsd__item.is-open > .rnsd__trigger .rnsd__sign {
	background: var(--rnsd-accent);
	border-color: var(--rnsd-accent);
}
.rnsd__item.is-open > .rnsd__trigger .rnsd__sign::before { background: var(--rnsd-white); }
.rnsd__item.is-open > .rnsd__trigger .rnsd__sign::after {
	transform: translate(-50%, -50%) scaleY(0);
	opacity: 0;
}
.rnsd__item.is-open > .rnsd__trigger .rnsd__label h3 { color: var(--rnsd-accent-deep); }
.rnsd__panel {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .3s ease;
}
.rnsd__item.is-open > .rnsd__panel { grid-template-rows: 1fr; }
.rnsd__panel-inner {
	overflow: hidden;
	min-height: 0;
}
.rnsd__panel-body {
	padding: 0 4px 28px;
	max-width: 760px;
}
.rnsd__panel-body p {
	margin: 0 0 14px;
	font-size: var(--rnsd-text);
	line-height: 1.7;
	color: var(--rnsd-muted);
}
.rnsd__panel-body p:last-child { margin-bottom: 0; }
.rnsd__panel-body ul,
.rnsd__panel-body ol {
	margin: 0 0 14px;
	padding-left: 22px;
	font-size: var(--rnsd-text);
	line-height: 1.7;
	color: var(--rnsd-muted);
}
.rnsd__panel-body li { margin: 0 0 6px; }
.rnsd__panel-body strong {
	color: var(--rnsd-dark);
	font-weight: 700;
}
.rnsd__panel-body a {
	color: var(--rnsd-accent-deep);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rnsd__panel-body a:hover,
.rnsd__panel-body a:focus-visible { color: var(--rnsd-dark); }

/* --- tabela u drawer-u --- */
.rnsd__tabela-wrap {
	margin: 22px 0 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 10px;
}
.rnsd__tabela {
	width: 100%;
	min-width: 320px;
	margin: 0;
	border-collapse: collapse;
}
.rnsd__tabela th {
	background: var(--rnsd-dark);
	color: var(--rnsd-white);
	text-align: left;
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 13px 18px;
}
.rnsd__tabela th:last-child { text-align: right; }
.rnsd__tabela td {
	background: var(--rnsd-white);
	color: var(--rnsd-black);
	font-size: var(--rnsd-text);
	line-height: 1.4;
	padding: 14px 18px;
	border-bottom: 1px solid var(--rnsd-line);
}
.rnsd__tabela td:last-child {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--rnsd-dark);
}
.rnsd__tabela tbody tr:nth-child(even) td { background: var(--rnsd-cream-2); }
.rnsd__tabela tbody tr:last-child td { border-bottom: 0; }

.rnsd__foot {
	margin-top: 40px;
	text-align: center;
}
.rnsd__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

@media (prefers-reduced-motion: reduce) {
	.rnsd__panel, .rnsd__sign, .rnsd__sign::before, .rnsd__sign::after,
	.rnsd__cta, .rnsd__cta-ico, .rnsd__label h3, .rnsd__back { transition: none; }
	.rnsd__cta:active, .rnsd__cta:hover .rnsd__cta-ico, .rnsd__cta:focus-visible .rnsd__cta-ico { transform: none; }
}

/* ================= mobilni =================
   Velicine naslova ovde ne stoje: clamp iz 00-tokens ih resava sam. */
@media (max-width: 1023px) {
	.rnsd__hero-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.rnsd { --rnsd-pad-y: var(--rn-sec-y-sm, 45px); }
	.rnsd__head {
		text-align: left;
		margin-bottom: 24px;
	}
	.rnsd__head p { margin-top: 14px; }
	.rnsd__media { padding: 20px 16px 16px; }
	.rnsd__stats { grid-template-columns: minmax(0, 1fr); }
	.rnsd__stat { padding: 16px 4px; }
	.rnsd__stat:nth-child(odd) { border-right: 0; }
	.rnsd__oznaka span {
		padding: 11px 24px;
		font-size: 12px;
		letter-spacing: .22em;
	}
	.rnsd__status {
		flex-direction: column;
		gap: 12px;
	}
	.rnsd__status-tag { align-self: flex-start; }
	.rnsd__hero-cta .rnsd__cta {
		width: 100%;
		justify-content: center;
	}
	.rnsd__link-nazad { margin: 14px 0 0; }
	.rnsd__trigger {
		padding: 20px 0;
		gap: 14px;
	}
	.rnsd__num {
		flex: 0 0 28px;
		font-size: 13px;
	}
	.rnsd__sign {
		flex: 0 0 28px;
		width: 28px;
		height: 28px;
	}
	.rnsd__panel-body { padding: 0 0 22px; }
	.rnsd__tabela th {
		font-size: 13px;
		padding: 11px 14px;
	}
	.rnsd__tabela td { padding: 12px 14px; }
	.rnsd__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.rnsd__foot .rnsd__cta {
		width: 100%;
		justify-content: center;
	}
}

/* ================= cena, parking ================= */
.rnsd__cena {
	display: inline-block;
	vertical-align: top;
	margin: 0 36px 22px 0;
	padding: 11px 18px 13px 16px;
	border-left: 3px solid var(--rnsd-accent);
	border-radius: 0 12px 12px 0;
	background: var(--rnsd-cream);
}
.rnsd__cena + .rnsd__count {
	display: inline-block;
	vertical-align: top;
	padding-top: 11px;
}
.rnsd__cena-lab {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--rnsd-muted);
}
.rnsd__cena-red {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 10px;
	margin-top: 5px;
}
.rnsd__cena-pre {
	font-size: var(--rnsd-text-sm);
	font-weight: 700;
	color: var(--rnsd-muted);
}
.rnsd__cena-num {
	font-size: 24px;
	line-height: 1.15;
	font-weight: 700;
	color: var(--rnsd-accent-deep);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.rnsd__cena-pdv {
	font-size: var(--rnsd-text-sm);
	font-weight: 400;
	color: var(--rnsd-muted);
	white-space: nowrap;
}
.rnsd__parking {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 22px;
	padding: 14px 18px;
	border: 1px solid var(--rnsd-line);
	border-radius: 12px;
	background: var(--rnsd-cream);
}
.rnsd__parking-ico {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--rnsd-accent);
	color: var(--rnsd-white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.rnsd__parking p {
	margin: 0;
	font-size: var(--rnsd-text);
	font-weight: 700;
	line-height: 1.45;
	color: var(--rnsd-dark);
}
.rnsd__parking-lab {
	display: block;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--rnsd-muted);
}
@media (max-width: 767px) {
	.rnsd__cena { margin-right: 0; }
	.rnsd__cena-num { font-size: 22px; }
	.rnsd__cena + .rnsd__count {
		display: block;
		padding-top: 0;
	}
}


/* ---- 90-oxygen-fixes.css ---- */
/* =============================================================================
   Render Core | 90-oxygen-fixes.css
   Male ciljane ispravke Oxygen pravila. Drzati kratko.

   Zamenjuje: Customizer > Additional CSS (deo za header kontejner).
   ============================================================================= */

/* Telefon i tablet: kontejner u Oxygen headerima (Render, La Rue i La Rue nav
   bar UVOD / STANOVI / ...) ide od ivice do ivice. Oxygen global settings mu
   daju max-width 1360px i padding 20px levo i desno; mobilni red headera svoj
   padding dobija iz 20-header-render.css / 21-header-larue.css. */
@media only screen and (max-width: 991px) {
  div.oxy-header-container {
    max-width: 100% !important;
  }
  .oxy-header-container {
    padding: 0 !important;
  }
}