/* ================= 22) MOBILNI (≤768px) =================
     Cijeli luxury redizajn je bio tjunovan za desktop/2K (fiksni px, dvostruki meni za
     centriranje loga, veliki fontovi). Ispod 768px to puca. Ovdje su SVI mobilni popravci
     na jednom mjestu, dio po dio (verifikovano u Chrome device mode na 357–412px). */
  @media (max-width:768px){
    /* --- HEADER: desktop dijeli meni na lijevi (60fe701) + desni (1fdddd3f) widget radi
       centriranja loga; na mobilnom svaki kolapsira u svoj hamburger (2 burgera) + logo se
       prelama. Rjesenje: SAKRIJ desni widget, ostavi JEDAN hamburger (lijevi) + centriran logo.
       Stavke desnog menija se JS-om kloniraju u lijevi mobilni meni (vidi functions.php:
       "MOBILNI MENI — spoji u JEDAN hamburger"). --- */
    body.transparent-yes #header-hz-elementor .elementor-element-51017b40{
      flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-start !important; gap:0 !important;
    }
    body.transparent-yes #header-hz-elementor .elementor-element-60fe701{ flex:0 0 auto !important; width:auto !important; }
    body.transparent-yes #header-hz-elementor .elementor-element-1fdddd3f{ display:none !important; }
    body.transparent-yes #header-hz-elementor .elementor-element-7a718aa1{ flex:1 1 auto !important; margin:0 !important; text-align:center !important; }
    #header-hz-elementor .elementor-element-7a718aa1 img{ max-width:130px !important; height:auto !important; display:inline-block !important; }
    /* theme toggle (mjesec) — desktop pozicija top:100 left:24 preklapa meni; na mobilnom dole-lijevo */
    #rs-theme-toggle{ top:auto !important; bottom:18px !important; left:16px !important; width:42px !important; height:42px !important; }

    /* --- HERO: naslov 58px / podnaslov 25px su ogromni (kartica je bila ~1000px visoka).
       Smanji + spusti karticu ispod plutajuceg headera.
       ⭐ 2026-07-25 (korisnik: „natpis pokriva previse"): kartica stanjena 246 -> ~190px —
          naslov 30->26, podnaslov 16->15 (zbijeniji prored), padding 18/20 -> 15/18,
          margin-top 64->44 (hero je sad 620px pa kartica mora vise gore da ostane vazduha
          i iznad i ispod nje). Font ispod 26/15 pocinje da djeluje sitno — ne smanjivati dalje. --- */
    .elementor-element-1e66c23e{ padding:15px 18px !important; margin-top:44px !important; }
    .elementor-element-1e66c23e .elementor-heading-title{ font-size:26px !important; line-height:1.2 !important; }
    .elementor-element-64984c2, .elementor-element-64984c2 p{ font-size:15px !important; line-height:1.42 !important; }

    /* --- "Explore Our Latest Listings": desktop margin-top:-120px (sek. 9b) ga na mobilnom
       uvlaci U search bar (preklapanje). Vrati pozitivan razmak + manji font. --- */
    body.home .elementor-element-2eccf74{ margin-top:30px !important; }
    body.home .elementor-element-2eccf74 .elementor-heading-title{ font-size:28px !important; }
    body.home .elementor-element-e799b65{ margin-top:24px !important; }

    /* --- OUR SERVICES: Elementor na mobilnom slaze 3 kolone (6 kartica) u 1 kolonu (1/red).
       Korisnik zeli 3 kartice U REDU (2 reda × 3). Zadrzi kolone na 33%, smanji padding/ikone/font
       da kompaktno stane. Jednake visine drzi rsEqualizeServiceCards() iz functions.php. --- */
    body.home .elementor-element-2z8emhncf > .elementor-element-populated{ padding-left:10px !important; padding-right:10px !important; }
    body.home .elementor-element-s2esu9e4c .elementor-column{ width:33.333% !important; }
    body.home .elementor-element-s2esu9e4c .elementor-column > .elementor-element-populated{ padding-left:4px !important; padding-right:4px !important; }
    body.home .elementor-element-s2esu9e4c .elementor-widget-image-box{ padding:10px 6px !important; margin-bottom:10px !important; }
    body.home .elementor-element-s2esu9e4c .elementor-image-box-img img,
    body.home .elementor-element-s2esu9e4c .elementor-image-box-img svg{ height:46px !important; }
    body.home .elementor-element-s2esu9e4c .elementor-image-box-title{ font-size:13px !important; min-height:0 !important; }
    body.home .elementor-element-s2esu9e4c .elementor-image-box-description{ font-size:11px !important; line-height:1.35 !important; }

    /* --- "GET IN TOUCH" tasteri (Sell + Commercial sekcija) — desktop su lijevo poravnati;
       na mobilnom centrirani. --- */
    body.home .elementor-element-020a7c6,
    body.home .elementor-element-3df268b,
    body.home .elementor-element-020a7c6 .elementor-widget-container,
    body.home .elementor-element-3df268b .elementor-widget-container{ text-align:center !important; }
    /* GET IN TOUCH dugme je dodirivalo dno sekcije (liniju sljedece sekcije) -> razmak ispod
       da blok "dise" i djeluje kao zaokruzena cjelina. Vazi za obje sekcije (Sell + Commercial). */
    body.home .elementor-element-020a7c6,
    body.home .elementor-element-3df268b{ margin-bottom:34px !important; }
    /* CONTACT US sekcija — tekst je bio presitan (15px) i zbijen pri vrhu praznog neba.
       Povecan tekst, naslov malo spusten od vrha (nebo iznad), email/telefon jos red nize. */
    body.home .elementor-element-e4dt2kmng{ padding-top:30px !important; }          /* naslov malo od vrha (bilo 75 dok je kolona bila 849px visoka da "popuni nebo"; sad je kolona kompaktna pa 30) */
    body.home .elementor-element-22yztxmqp .elementor-heading-title{ font-size:28px !important; }   /* "Contact us" naslov preko slike — 31->25->28 (korisnik: malo povecaj) */
    body.home .elementor-element-lkbtkm1o5{ margin-top:16px !important; }   /* tekst spusten malo nize od naslova (razmak, vidi se nebo izmedju) */
    body.home .elementor-element-lkbtkm1o5, body.home .elementor-element-lkbtkm1o5 p{ font-size:15px !important; line-height:1.5 !important; }   /* tekst preko slike — smanjen (bio 18/1.7) */
    body.home .elementor-element-fiky2davl{ margin-top:26px !important; }            /* email/telefon jedan red nize */
    body.home .elementor-element-fiky2davl .elementor-icon-list-text{ font-size:18px !important; }
    /* KONTAKT FORMA — Message polje je bilo ogromno (min-height:270px, pravilo
       .elementor-element-cbff2mme9 textarea) pa je forma djelovala prevelika/preprostrana na
       mobilnom. Smanjeno na 130px. `html` prefiks = jaca specificnost (0,2,2) da pobijedi 270px
       (0,2,1) bez obzira na redoslijed u fajlu. */
    html body.home .elementor-element-cbff2mme9 textarea{ min-height:100px !important; }
    /* Naslovi polja (First Name/Email/Message...) su imali ~14px razmaka do svog polja
       (label margin-bottom:8px + padding-bottom:6px). Zbijeno na 2px -> naslov tik iznad polja. */
    body.home .elementor-field-label{ margin-bottom:2px !important; padding-bottom:0 !important; }
    /* KONTAKT FORMA (cbff2mme9) JOS KRACA — korisnik: donji dio (formular) predugacak vertikalno.
       Zbijeno: razmak medju poljima 19->10, visina inputa 42->38, label line-height/font manji,
       padding kolone 31.5->14, textarea 130->100 (gore). Forma ~729 -> ~544px. Sve skopano na cbff2mme9. */
    body.home .elementor-element-cbff2mme9{ padding-top:14px !important; padding-bottom:14px !important; }
    body.home .elementor-element-cbff2mme9 .elementor-field-group{ margin-bottom:10px !important; }
    body.home .elementor-element-cbff2mme9 .elementor-field-label{ line-height:1.2 !important; font-size:14px !important; }
    body.home .elementor-element-cbff2mme9 input.elementor-field,
    body.home .elementor-element-cbff2mme9 input.form-control{ height:38px !important; min-height:38px !important; }
    /* Submit dugme bilo preveliko (h53, padding 18) — srazmjerno ostalim smanjenjima forme (h~38). */
    body.home .elementor-element-cbff2mme9 .elementor-button,
    body.home .elementor-element-cbff2mme9 button[type=submit]{ padding-top:11px !important; padding-bottom:11px !important; font-size:14px !important; min-height:0 !important; }

    /* --- PROPERTY KARTICA (Latest Listings) — red u dnu = datum + Call/Email/WhatsApp.
       Na mobilnom su 3 dugmeta presiroka za sirinu kartice pa WhatsApp bude odsjecen
       desnom ivicom. Rjesenje: datum ide u svoj red, dugmad u red ISPOD (puna sirina),
       svako dugme jednako dijeli prostor -> sva tri stanu i nista se ne sijece.
       Datum ostaje LIJEVO (gdje je bio), a 3 dugmeta su CENTRIRANA GRUPA u sredini reda
       (ne puna sirina). Footer je imao nesimetrican padding (left:20 right:8) sto je guralo
       sve desno -> desni padding izjednacen na 20 da grupa bude tacno u sredini. --- */
    body.home .item-footer-author-tool-wrap{ flex-direction:column !important; align-items:stretch !important; text-align:start !important; gap:10px !important; padding-right:20px !important; }
    body.home .item-footer-author-tool-wrap .item-author-wrap{ justify-content:flex-start !important; width:100% !important; }
    body.home .item-buttons-wrap.rs-cta3{ width:auto !important; align-self:center !important; justify-content:center !important; gap:12px !important; }  /* veci horizontalni razmak Call/Email/WhatsApp (bio 6px sek.~776) */
    body.home .rs-cta3 .rs-cta-btn{ flex:0 0 auto !important; padding:6px 6px !important; }
    /* GRADIJENT: na PRAVOM elementu (.item-wrap = cijela kartica), uspravan svijetlo GORE ->
       tamno DOLE. Desktop koristi 135deg koso sto na uskoj visokoj mobilnoj kartici ne valja. */
    body.home .item-wrap{ background-image:linear-gradient(180deg, rgb(74,115,171) 0%, rgb(34,64,106) 45%, rgb(12,28,48) 100%) !important; }
    /* TIPOGRAFSKA HIJERARHIJA teksta kartice — prije su sve velicine bile zbijene (14-17px,
       naslov 24 vs cijena 25 = nista ne dominira, HOUSE 17px bold vristi kao naslov).
       SMANJENO (korisnik: kartica glomazna) — skala: cijena (21, zlatna) > naslov (17) > sadrzaj (13, ikonice)
       > pratece (12, muted) > oznake (10.5, spaced caps). PAZNJA: i glavna cijena i 1,990€/m2 dijele klasu
       .price — sub-cijenu izuzima .item-sub-price pravilo (mora POSLIJE glavnog).
       KRITICNO: ova pravila koriste `.item-wrap` prefiks (specificnost 0,3,0) — obican `.item-title`/`.item-price`
       (0,2,0) NE moze da ih nadjaca! Uvijek mijenjati OVDJE (ne dodavati nova bez .item-wrap). */
    body.home .item-wrap .price{ font-size:21px !important; font-weight:800 !important; letter-spacing:-0.01em !important; }
    body.home .item-wrap .item-sub-price, body.home .item-wrap .item-sub-price .price, body.home .item-wrap .item-sub-price *{ font-size:12px !important; font-weight:400 !important; opacity:0.75 !important; letter-spacing:0 !important; }
    body.home .item-wrap .item-title, body.home .item-wrap .item-title a{ font-size:17px !important; font-weight:600 !important; line-height:1.25 !important; }
    body.home .item-wrap .item-address{ font-size:12px !important; opacity:0.75 !important; }
    body.home .item-wrap .item-amenities, body.home .item-wrap .item-amenities *{ font-size:13px !important; }
    body.home .item-wrap .h-type, body.home .item-wrap .h-type *{ font-size:10.5px !important; font-weight:700 !important; letter-spacing:0.09em !important; opacity:0.7 !important; }
    body.home .item-wrap .rs-date-txt, body.home .item-wrap .item-date{ font-size:11.5px !important; opacity:0.7 !important; }
    /* UI PREKO SLIKA diskretniji (na zelju korisnika; slike/proporcije NE dirati):
       360 TOUR / VIDEO pilule manje (desktop 7px 14px/14px -> 4px 10px/12px),
       trio ikonica na glavnoj slici (expand/srce/plus) skaliran na 85%. */
    body.home .btn-360, body.home .btn-video{ padding:4px 10px !important; font-size:12px !important; }
    body.home .btn-360 svg, body.home .btn-360 img, body.home .btn-360 i,
    body.home .btn-video svg, body.home .btn-video img, body.home .btn-video i{ width:14px !important; height:14px !important; }
    body.home .item-tools{ transform:scale(0.85) !important; transform-origin:right center !important; }

    /* --- HEADER (mobilni) — na zelju korisnika: logo VECI + CENTRIRAN preko cijelog
       headera, hamburger i theme-toggle MANJI, toggle prebacen na DESNU stranu.
       Toggle je absolute u headeru (vidi ~liniju 990: left:54px) pa ga saljemo desno. --- */
    /* logo PNG ima nesimetrichan providan rub (lijevo 116px / desno 87px u 790px slici) pa
       vidljivi crtez visi ~4px desno od centra kutije -> pomjeramo kutiju 4px ulijevo da
       VIDLJIVI logo bude tacno na sredini headera. */
    #header-hz-elementor .elementor-element-7a718aa1{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(calc(-50% - 4px),-50%) !important; margin:0 !important; width:auto !important; text-align:center !important; z-index:2 !important; }
    #header-hz-elementor .elementor-element-7a718aa1 img{ max-width:150px !important; }  /* mobilni logo bio prevelik (200px na 390 = pola ekrana) -> 150px */
    /* hamburger: manji + PRATI TEMU (providno-plav preko plavog headera, bijela ikonica) */
    #header-hz-elementor .houzez-menu-toggle-button{ width:30px !important; height:30px !important; font-size:19px !important; background:rgba(255,255,255,0.10) !important; border:1px solid rgba(255,255,255,0.30) !important; border-radius:8px !important; }
    #header-hz-elementor .houzez-menu-toggle-button i{ color:#ffffff !important; }
    /* theme-toggle: manji + DESNO + z-index IZNAD header reda (.elementor-element-51017b40 ima
       z-index:99999 pa je gutao dodir na toggle -> dugme nije radilo na telefonu; sad radi). */
    /* right:8px (bio 14) -> mjesec uvучen isto koliko i hamburger slijeva (~8px) = simetrija */
    #header-hz-elementor #rs-theme-toggle{ left:auto !important; right:8px !important; width:30px !important; height:30px !important; z-index:100000 !important; line-height:0 !important; }
    #header-hz-elementor #rs-theme-toggle svg, #header-hz-elementor #rs-theme-toggle i{ width:15px !important; height:15px !important; }
    /* ikonica (sunce/mjesec) TACNO u centar kruga (span rs-tt-ico je imao line-height:20 pa je SVG padao ~3px nize) */
    #header-hz-elementor #rs-theme-toggle .rs-tt-ico{ display:flex !important; align-items:center !important; justify-content:center !important; line-height:0 !important; width:auto !important; height:auto !important; }
    #header-hz-elementor #rs-theme-toggle svg{ display:block !important; }

    /* --- MOBILNI MENI (offcanvas fioka) — bio pokvaren: visina samo 60px (vidjela se
       samo bijela "Menu" traka) + bijela pozadina, stavke odsjecene. Fix: puna visina,
       tamnoplava pozadina teme, vidljive stavke; Properties podmeni radi na strelicu. --- */
    /* Fioka SAMA je providna i ne hvata klik; plavu pozadinu nose header + lista stavki, pa
       plava staje TACNO ispod zadnje stavke (Contact) umjesto da se vuce do dna ekrana.
       Visinu NE dirati: Bootstrap `.navbar-expand-* .offcanvas{height:auto !important}` bi
       srusio fioku nazad na 60px (stari bug). Zato ostaje 100vh, samo bez pozadine.
       pointer-events:none -> klik ispod menija prolazi na backdrop i zatvara meni. */
    /* IZGLED: meni je DROPDOWN ispod header-pilule (ne fioka zalijepljena za lijevu ivicu) —
       da se uklopi sa "plutajucim" headerom. Trik: fioka je position:fixed ALI se nalazi
       UNUTAR #header-hz-elementor koji pravi containing block (backdrop-filter), pa
       top:100% + left:0 + right:0 = tacno ispod headera i iste sirine kao on. Radi i sa
       WP admin trakom i bez nje (jer je relativno na header, ne na ekran).
       drop-shadow (a ne box-shadow) jer prati vidljivi neprovidni oblik kartice. */
    /* SIRINA: uzi dropdown poravnat LIJEVO (ispod hamburgera) — ne ide skroz desno (korisnik).
       right:auto + width:70%/max-width:280px (bilo left:0+right:0+width:auto = puna sirina headera). */
    /* width u VW (ne %): panel je position:fixed ali header-predak (backdrop-filter) postaje njegov
       containing block -> 70% se racuna od uskog omotaca hamburgera (~30px)=21px i panel se skupi
       (stavke isjecene). vw je relativan na viewport = pun panel. 2026-07-15 (isto kao tablet blok). */
    .offcanvas.offcanvas-mobile-menu{ height:100vh !important; min-height:100vh !important; top:100% !important; left:0 !important; right:auto !important; bottom:auto !important; width:70vw !important; max-width:280px !important; margin-top:8px !important; background:transparent !important; overflow-y:auto !important; pointer-events:none !important; transform:translateY(-10px) !important; filter:drop-shadow(0 14px 34px rgba(0,0,0,0.45)) !important; }
    .offcanvas.offcanvas-mobile-menu.show{ transform:none !important; }   /* otvara se spustanjem, ne klizanjem sa strane */
    /* brzi prelaz (Bootstrap default 0.3s je djelovao sporo pri zatvaranju); will-change = glatkije */
    .offcanvas.offcanvas-mobile-menu{ transition:transform 0.18s ease !important; will-change:transform !important; }
    /* pozadina menija PRATI TEMU (kao header): svijetla = plava #22406a, tamna = teget #0b1f37 */
    .offcanvas-mobile-menu .offcanvas-header,
    .offcanvas-mobile-menu .offcanvas-mobile-menu-body{ background:#22406a !important; pointer-events:auto !important; }
    html.rs-dark .offcanvas-mobile-menu .offcanvas-header,
    html.rs-dark .offcanvas-mobile-menu .offcanvas-mobile-menu-body{ background:#0b1f37 !important; }
    .offcanvas-mobile-menu .offcanvas-header{ border-radius:16px 16px 0 0 !important; }        /* zaobljeno kao header */
    .offcanvas-mobile-menu .offcanvas-mobile-menu-body{ border-radius:0 0 16px 16px !important; }
    .offcanvas-mobile-menu .offcanvas-header{ border-bottom:1px solid rgba(255,255,255,0.12) !important; }
    .offcanvas-mobile-menu .offcanvas-title{ color:#f4f4f4 !important; }
    .offcanvas-mobile-menu .btn-close{ filter:invert(1) grayscale(1) brightness(2) !important; opacity:.85 !important; }
    /* zlatni hover na svim stavkama menija + podmeniju (kao ostatak sajta) */
    .offcanvas-mobile-menu .nav-link:hover,
    .offcanvas-mobile-menu .menu-item > a:hover,
    .offcanvas-mobile-menu .dropdown-menu a:hover{ color:var(--rs-gold-2,#f0c96c) !important; }
    .offcanvas-mobile-menu-body{ height:auto !important; }
    /* Backdrop (Bootstrap crni sloj 50% preko cijele stranice) -> NEVIDLJIV. Zatamnjenje je
       imalo smisla dok je meni bio velika bocna fioka; sad je mali dropdown pa je suvisno.
       NE koristiti display:none — sloj MORA ostati da bi klik pored menija zatvarao meni.
       Providna pozadina = nevidljiv, ali i dalje hvata klik. */
    .offcanvas-backdrop, .offcanvas-backdrop.show{ background-color:transparent !important; }

    /* --- PODMENI (Properties -> For Sale / For Rent) unutar mobilnog menija. Bio je: bijela
       pozadina + skoro bijeli tekst (necitljivo) + position:absolute (preklapao stavke ispod).
       Fix: tamna (suptilno svjetlija) pozadina = jasno da su podstavke, citljiv svijetli tekst,
       uvucen, i position:static da GURA stavke dole (inline) umjesto preklapanja.
       position treba JAK selektor jer desktop pravilo
       `#header-hz-elementor li.dropdown > .dropdown-menu{position:absolute !important}` je jace. */
    #header-hz-elementor .offcanvas-mobile-menu li > ul.dropdown-menu{ position:static !important; }
    .offcanvas-mobile-menu .dropdown-menu{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; background:rgba(255,255,255,0.05) !important; border:none !important; box-shadow:none !important; border-radius:0 !important; pointer-events:auto !important; }
    .offcanvas-mobile-menu .dropdown-menu a,
    .offcanvas-mobile-menu .dropdown-menu .nav-link,
    .offcanvas-mobile-menu .dropdown-menu li a{ color:#f4f4f4 !important; background:transparent !important; padding-left:34px !important; }

    /* --- SEARCH TABOVI (All / For Rent / For Sale) — iza zlatnog aktivnog taba virila je
       TEGETNA: roditelj .nav-item je imao navy pozadinu i bio 1-2px siri od zlatnog dugmeta.
       Fix: .nav-item providan + .nav-link popuni cijeli slot (neaktivni zadrze svoj navy iz
       svog nav-link-a). Plus manji razmak tabovi -> search: tab wrap ima ID
       #houzez-search-tabs-wrap (jak selektor, mb:22px) a search builder padding-top:16px. --- */
    body.home .houzez-status-tabs .nav-item{ background:transparent !important; border:none !important; }
    body.home .houzez-status-tabs .nav-link{ width:100% !important; }
    body.home .houzez-status-tabs .nav-link, body.home .houzez-status-tabs .nav-item a{ padding:8px 20px !important; font-size:13px !important; }   /* manji tabovi na mobilnom */
    body.home #houzez-search-tabs-wrap{ margin-bottom:6px !important; }
    body.home .houzez-search-builder-wrapper{ padding:12px !important; }  /* isti razmak na sve 4 strane; 12 (zbijeno, bio 16) */

    /* --- SEARCH FORMA: polja filtera (All Cities / Select city / All Types / All Labels /
       Min Price / Max Price) bila neujednacena (sirine 140/121/100%, 3 u redu neravno).
       Grid 2 kolone JEDNAKE sirine -> uvijek 2 polja po redu, svi isti, uniformno jedno
       ispod drugog i centrirano u tegetnoj. Keyword i Search (col-83/col-16) puna sirina. --- */
    body.home .houzez-ele-search-form-wrapper{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; padding:0 !important; }  /* padding:0 = bez viska dole; gap 6 (zbijeno) */
    body.home .houzez-ele-search-form-wrapper > .elementor-field-group{ width:auto !important; max-width:none !important; flex:0 1 auto !important; margin:0 !important; }
    /* KOMPAKTAN search: polja/dropdown-i/dugme nizi (36px). Sve na istoj visini.
       SIRINA (korisnik: "Search da se horizontalno poklopi sa karticom nekretnine ispod"):
       kartica `.item-listing-wrap` je uvucena 20px (sirina 390); search je bio 96%+auto = ~32px inset (366).
       -> max-width:none + margin 20px = search 20..410 (390) = TACNO kao kartica. Tabovi ostaju centrirani. */
    body.home .elementor-element-78d9b5c{ max-width:none !important; margin-left:20px !important; margin-right:20px !important; }
    body.home .houzez-ele-search-form-wrapper .elementor-field-group input.form-control{ min-height:36px !important; height:36px !important; font-size:13px !important; }
    body.home .rs-accordion-btn{ min-height:36px !important; height:36px !important; padding:5px 10px !important; font-size:13px !important; }
    body.home .houzez-ele-search-form-wrapper .elementor-field-type-submit .elementor-button,
    body.home .houzez-ele-search-form-wrapper button[type=submit],
    body.home .houzez-ele-search-form-wrapper input[type=submit]{ min-height:38px !important; height:38px !important; padding:0 !important; line-height:38px !important; font-size:14px !important; }
    /* Dropdown opcija (npr. gradovi, 27 opcija) — NE cijela lista (preveliko za tel): max-height ~5 redova
       + scroll (opcija ~42px; .rs-accordion-dropdown vec ima overflow-y:auto). */
    body.home .rs-accordion-dropdown{ max-height:234px !important; }
    /* PUNA SIRINA: Keyword + Search dugme. (col-16 NE razvlacimo jer Min/Max Area dijele tu
       klasu sa Search dugmetom -> ostaju pola sirine, 2 u redu.) */
    body.home .houzez-ele-search-form-wrapper > .elementor-col-83,
    body.home .houzez-ele-search-form-wrapper > .elementor-field-type-submit{ grid-column:1 / -1 !important; }
    /* Furnishing puna sirina (odvojeno pravilo zbog :has podrske) -> da se Min. Area | Max. Area
       lijepo upare u isti red umjesto da furnishing "ukrade" pola reda. */
    body.home .houzez-ele-search-form-wrapper > .elementor-field-group:has(select[name*="furnish" i]){ grid-column:1 / -1 !important; }
    /* ...ALI kod House/Villa se pojavi Floors (ekstra polje) pa bi furnishing-puni ostavio
       Bathrooms usamljen. Kad je Floors VIDLJIV (Houzez ga pali inline display:flex), furnishing
       vracamo na pola -> upari se sa Bathrooms, Min/Max Area ostaju upareni, sve 2 u redu. */
    body.home .houzez-ele-search-form-wrapper:has(.elementor-field-group[style*="display: flex"] select[name="floors"]) > .elementor-field-group:has(select[name*="furnish" i]){ grid-column:auto !important; }
    /* FEATURES = custom pilule .rs-amenity-toggle u .rs-feature-strip (pojave se po tipu, npr.
       Apartment). Strip na punu sirinu + interni grid 2 kolone -> pilule po 2 u redu, jednake. */
    body.home .houzez-ele-search-form-wrapper > .rs-feature-strip{ grid-column:1 / -1 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
    body.home .rs-feature-strip .rs-amenity-toggle{ width:auto !important; margin:0 !important; text-align:center !important; justify-self:center !important; }   /* justify-self:center = pilula siroka koliko tekst (ne razvlaci se na punu kolonu) -> manja i horizontalno */
    /* RAZMAK izmedju STANDARDNIH redova (do Min/Max Price) i USLOVNIH (Floors/Rooms... koji se
       otvore kad se izabere tip) — search je izgledao prenatrpano. Dodajemo margin-bottom na PRICE red
       (zadnji standardni) SAMO kad su uslovna polja vidljiva (:has display:flex) -> razmak se pojavi tek
       kad se prosiri, a kad je skupljen nema viska. (303c0af=Min Price, 15e1b4d=Max Price.) */
    body.home .houzez-ele-search-form-wrapper:has(.elementor-field-group[style*="display: flex"]) .elementor-field-group-303c0af,
    body.home .houzez-ele-search-form-wrapper:has(.elementor-field-group[style*="display: flex"]) .elementor-field-group-15e1b4d{ margin-bottom:14px !important; }
    /* Feature pilule (.rs-amenity-toggle) manje (korisnik: "features tabove smanji") — bilo padding 8px 18px/
       font 14 + LINE-HEIGHT:25px (glavni krivac visine!). Smanjeno padding 5px 12/font 12/line-height 1.2
       -> visina 39->26px (samo padding/font nije bilo dovoljno dok je line-height ostao 25). */
    body.home .rs-amenity-toggle{ padding:5px 12px !important; font-size:12px !important; line-height:1.2 !important; }
    /* Kad NIJE izabran tip, .rs-feature-strip je PRAZAN (bez .rs-amenity-toggle cipova) ali kao
       grid + padding 6px 8px zauzima ~12px -> visak navy prostora DOLE u panelu, pa sadrzaj
       izgleda vertikalno pomjeren gore. Sakrij traku dok je prazna; cim se izabere tip i pojave
       cipovi (:has(.rs-amenity-toggle)) opet se prikaze. Mora biti POSLIJE grid pravila iznad
       (ista specificnost) da pobijedi. */
    body.home .rs-feature-strip:not(:has(.rs-amenity-toggle)){ display:none !important; }

    /* --- FOOTER "Properties" (mobilni) = OBICAN LINK ka /properties/ (opcija B). Ranije je
       ⌄ strelica (caret ::after: display:block + float:right) padala u novi red i pravila
       stavku visom pa je "bjezala". Posto tap na mobilnom ionako navigira na /properties/,
       sklanjamo i strelicu i dropdown submeni -> Properties je cist link, poravnat s ostalima.
       Scope=footer da NE dira header meni (dijeli istu .navbar-nav klasu). --- */
    footer .navbar-nav .dropdown-toggle::after{ display:none !important; }
    footer .navbar-nav .dropdown-menu{ display:none !important; }

    /* --- FOOTER KOMPAKTNIJI (mobilni) — na desktopu meni 17px / social ikone 48px / copyright 15px
       + e-con-inner 46px djeluje GLOMAZNO na telefonu. Smanjujemo cijeli footer sadrzaj. Isti selektori
       kao globalna footer pravila (sek. iznad, ~lin.1177/1180) pa ista specificnost -> pobjeduju jer su
       KASNIJE u fajlu I u @media (na desktopu se ne primjenjuju, tamo ostaje puna velicina). --- */
    footer .navbar-nav{ gap:3px !important; }
    footer .navbar-nav > .menu-item > a{ font-size:12px !important; padding:4px 8px !important; line-height:1.3 !important; }
    footer .elementor-social-icon{ width:28px !important; height:28px !important; font-size:14px !important; }
    footer .elementor-social-icon i{ font-size:14px !important; }
    footer .elementor-social-icon svg{ width:13px !important; height:13px !important; }
    footer .elementor-widget-social-icons .elementor-grid{ gap:0 7px !important; }
    body.home .elementor-element-ygx2lje6k,
    footer .elementor-widget-text-editor,
    footer .elementor-widget-text-editor p{ font-size:11px !important; }
    .elementor-element-61xi0wb5i > .e-con-inner{ padding-top:22px !important; padding-bottom:22px !important; }

    /* --- SERVICES kartica + CONTACT kartica = ISTA HORIZONTALNA SIRINA na mobilnom (inset 17px, sirina 396) ---
       VIDLJIVE kartice: Services = .rs-service-preview, Contact = .elementor-element-3ekmrb92a.
       Lanac uvlacenja Services kartice: sekcija v770fqzvg pad + unutrasnji wrap .elementor-element-populated
       pad 5 + .rs-service-tabs pad (horizontalni, iz services-section.html: 18px @≤680). Contact kartica: samo
       sekcija f95d94mvx pad. Da se VIDLJIVE kartice poklope na 17:
         Services: v770fqzvg pad ->12 (12 + 5 wrap = 17 do .rs-service-tabs) + .rs-service-tabs L/R pad ->0 = kartica na 17.
         Contact:  f95d94mvx pad ->17 = kartica na 17.
       Obje kartice = 17..413 (sirina 396) na svakoj sirini. NAPOMENA: ranije sam gledao KONTEJNER (89eeb20)
       koji je bio 17, ali vidljiva .rs-service-preview je bila 35 (18px pad rs-service-tabs) -> zato "nije se
       poklapalo". (v770fqzvg / rs-service-tabs vertikalni padding se diraju drugdje - ne mijesa se sa L/R.) */
    .elementor-element-v770fqzvg{ padding-left:12px !important; padding-right:12px !important; }
    .rs-service-tabs{ padding-left:0 !important; padding-right:0 !important; }
    /* Services "EXPLORE ..." dugme (.rs-service-button) bilo preveliko na mobilnom (min-height 56, pad 0 26,
       font 15, strelica 25) -> smanjeno da se srazmjerno uklopi u karticu. */
    .rs-service-button{ min-height:44px !important; padding:0 20px !important; font-size:13px !important; gap:14px !important; border-radius:13px !important; }
    .rs-service-button span{ font-size:19px !important; }
    .rs-service-content h3{ font-size:38px !important; }   /* naslov servisa (Pro Photography...) malo manji (bio 42) */
    /* SVA GLAVNA CTA DUGMAD (.elementor-button: GET IN TOUCH / More Information / Discover More...) bila
       ogromna na mobilnom: h52 (spljosteno na 32) + IZDUZENA horizontalno (w~276) jer je imala
       letter-spacing:4px (razmak slova) + veliki padding + font 14. Sad: manji font (11.5), manji razmak
       slova (1.4), tjesnji padding (12/16) -> dugme kompaktno (~210x38), tekst normalne velicine, ne izduzeno.
       (padding-top/bottom 12, ne 9 — na 9 su bili pretanki po visini; korisnik trazio malo visi.) */
    .elementor-button{ padding-top:12px !important; padding-bottom:12px !important; padding-left:16px !important; padding-right:16px !important; font-size:11.5px !important; letter-spacing:1.4px !important; }
    /* JEDINSTVENA STRELICA na SVIM zlatnim dugmadima (koja imaju strelicu): Elementor ima SVG ikonu,
       Services ima <span>→</span> — razlicito. Ujednacavamo: sakri nativnu, dodaj ISTI → preko ::after,
       BIJEL (mobilni nema hover pa je "hover-bijela" trajna), centriran u dugmetu.
       :has(.elementor-button-icon) -> Search/Submit (bez ikone) su IZUZETI (ostaju bez strelice).
       flex-direction:row jer Elementor content-wrapper ima row-reverse (icon "after") -> bez toga bi ::after pao lijevo. */
    .elementor-button:has(.elementor-button-icon){ display:inline-flex !important; align-items:center !important; justify-content:center !important; }
    .elementor-button:has(.elementor-button-icon) .elementor-button-content-wrapper{ display:inline-flex !important; align-items:center !important; flex-direction:row !important; }
    .elementor-button:has(.elementor-button-icon) .elementor-button-icon{ display:none !important; }
    .elementor-button:has(.elementor-button-icon) .elementor-button-content-wrapper::after{ content:"\2192"; color:#fff !important; font-size:16px; line-height:1; margin-left:10px; font-weight:400; }
    .rs-service-button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:0 !important; }
    .rs-service-button span{ display:none !important; }   /* stari tekst-arrow sakriven, koristimo ::after */
    .rs-service-button::after{ content:"\2192"; color:#fff !important; font-size:16px; line-height:1; margin-left:10px; font-weight:400; }
    /* HERO slika je izgledala BLIJEDA/maglovita na mobilnom — Elementor background-overlay sekcije
       (renderovan kao ::before, boja #434e57 @0.99 + opacity sekcije 0.65) bio prejak siv sloj preko slike.
       Smanjeno na 0.3 -> slika ziva/jasna (zalazak/vila/bazen), tekst i dalje citljiv (ima svoj panel 1e66c23e).
       NIJE u fajlu nego iz Elementora -> override iz CSS-a. */
    body.home .elementor-element-c7f0da1::before{ opacity:0.3 !important; }
    .elementor-element-f95d94mvx{ padding-left:17px !important; padding-right:17px !important; }
    /* CONTACT lijeva kolona e4dt2kmng (slika vile) imala INLINE min-height:849px (desktop 2-kolone
       da se poklopi sa formom) -> na mobilnom glomazno. min-height:430 = malo produzena po visini +
       vise NEBA (nebo je gornjih ~30% slike; kod `cover` u uspravnom okviru vidi se cijela visina, pa
       visi okvir = visa traka neba); gap medju stavkama 30->20; padding-bottom 24 (padding-top 30,
       ~lin.1334). background-position:0% 50% = slika pomjerena UDESNO (vidi se LIJEVI dio slike: 0%=slika translirana desno; zgrada desno, prostor/nebo lijevo iza naslova).
       Tamni sloj (inset box-shadow) SAMO light tema za citljivost (dark ima svoj 0.74 sloj + specificniji). */
    body.home .elementor-element-e4dt2kmng{ min-height:430px !important; padding-bottom:24px !important; gap:20px !important; background-position:0% 50% !important; }
    html:not(.rs-dark) .elementor-element-e4dt2kmng{ box-shadow:inset 0 0 0 2000px rgba(9,20,38,0.45) !important; }
  }
  /* Klonirane mobilne meni-stavke (rs-mobile-cloned) postoje samo radi hamburgera — na DESKTOPU se NE
     prikazuju. Prag 769->1201 (2026-07-15): hamburger radi i na TABLETU (769-1200), pa klonovi moraju
     biti VIDLJIVI tamo (inace offcanvas ima samo 3 od 6 stavki). Skrivaju se tek na pravom desktopu ≥1201. */
  @media (min-width:1201px){ .rs-mobile-cloned{ display:none !important; } }

  /* ================= MOBILNI OFFCANVAS MENI — RADI I NA TABLETU (769-1200) =================
     2026-07-15: cijeli mobilni meni je bio u @media (max-width:768px), pa je na TABLETU offcanvas ostajao
     VAN EKRANA (Bootstrap `.offcanvas-start{transform:translateX(-100%)}` bez naseg `.show{transform:none}`)
     i "meni nije radio". Ovdje ponavljamo KLJUCNA pravila za opseg 769-1200 (isti dizajn kao mobilni —
     dropdown ispod header-pilule, tema-plava, zlatni hover). Samo offcanvas (koji se vidi jedino u
     hamburger modu) — ne dira ostatak. */
  @media (min-width:769px) and (max-width:1200px){
    /* HAMBURGER DUGME — isti dizajn kao mobilni (2026-07-15): translucent preko header-pilule (prati temu),
       zaobljeno 8px, bijela ikonica. Bio je default: bijel + ostre ivice. Isto kao ≤768 (linija 128). */
    #header-hz-elementor .houzez-menu-toggle-button{ width:30px !important; height:30px !important; font-size:19px !important; background:rgba(255,255,255,0.10) !important; border:1px solid rgba(255,255,255,0.30) !important; border-radius:8px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
    #header-hz-elementor .houzez-menu-toggle-button i{ color:#ffffff !important; }

    /* width u VW (ne %) — panel je position:fixed ali header-predak ima backdrop-filter -> postaje
       njegov containing block; 70% se onda racuna od uskog omotaca hamburgera (~30px) = 21px i panel
       se skupi (stavke vire lijevo). vw je UVIJEK relativan na viewport pa je panel pune sirine. 2026-07-15 */
    .offcanvas.offcanvas-mobile-menu{ height:100vh !important; min-height:100vh !important; top:100% !important; left:0 !important; right:auto !important; bottom:auto !important; width:70vw !important; max-width:320px !important; margin-top:8px !important; background:transparent !important; overflow-y:auto !important; pointer-events:none !important; transform:translateY(-10px) !important; filter:drop-shadow(0 14px 34px rgba(0,0,0,0.45)) !important; transition:transform 0.18s ease !important; will-change:transform !important; }
    .offcanvas.offcanvas-mobile-menu.show{ transform:none !important; }   /* KLJUCNO: izvuci na ekran */
    .offcanvas-mobile-menu .offcanvas-header,
    .offcanvas-mobile-menu .offcanvas-mobile-menu-body{ background:#22406a !important; pointer-events:auto !important; }
    html.rs-dark .offcanvas-mobile-menu .offcanvas-header,
    html.rs-dark .offcanvas-mobile-menu .offcanvas-mobile-menu-body{ background:#0b1f37 !important; }
    .offcanvas-mobile-menu .offcanvas-header{ border-radius:16px 16px 0 0 !important; border-bottom:1px solid rgba(255,255,255,0.12) !important; }
    .offcanvas-mobile-menu .offcanvas-mobile-menu-body{ border-radius:0 0 16px 16px !important; height:auto !important; }
    .offcanvas-mobile-menu .offcanvas-title{ color:#f4f4f4 !important; }
    .offcanvas-mobile-menu .btn-close{ filter:invert(1) grayscale(1) brightness(2) !important; opacity:.85 !important; }
    .offcanvas-mobile-menu .nav-link:hover,
    .offcanvas-mobile-menu .menu-item > a:hover,
    .offcanvas-mobile-menu .dropdown-menu a:hover{ color:var(--rs-gold-2,#f0c96c) !important; }
    .offcanvas-backdrop, .offcanvas-backdrop.show{ background-color:transparent !important; }
    #header-hz-elementor .offcanvas-mobile-menu li > ul.dropdown-menu{ position:static !important; }
    .offcanvas-mobile-menu .dropdown-menu{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; background:rgba(255,255,255,0.05) !important; border:none !important; box-shadow:none !important; border-radius:0 !important; pointer-events:auto !important; }
    .offcanvas-mobile-menu .dropdown-menu a,
    .offcanvas-mobile-menu .dropdown-menu .nav-link,
    .offcanvas-mobile-menu .dropdown-menu li a{ color:#f4f4f4 !important; background:transparent !important; padding-left:34px !important; }
  }


  /* ================= TEMPLATE A HEADER — TABLET GAP 769-1024 (2026-07-15; prosireno 2026-07-16) =========
     Template A header (transparent-yes, logo 7a718aa1, inline social 726d806e, meniji 60fe701/1fdddd3f) ima
     mobilni tretman SAMO u @media (max-width:768px) gore u fajlu. U opsegu 769-1024 (tablet portret/uze
     landscape) tema je u hamburger modu (rsSingleHamburger -> rs-hdr-mobile), ali desktop raspored ostaje:
     LOGO bjezi desno + INLINE SOCIAL preklapa logo.
     ⭐ 2026-07-16: RANIJE scope-ovano na `body.home` -> na SEARCH/properties/for-sale/for-rent (isti Template A
        header, ali body NIJE .home) fix se NIJE primjenjivao -> korisnik prijavio isti bug na search stranici.
        Skinut `body.home`: logo/social pravila ciljaju JEDINSTVENE Template A ID-jeve (7a718aa1 / 726d806e)
        koji NE postoje na Template B (inner, logo 7a109cfc) -> bezbjedno vaze SAMO na Template A, na SVIM tim
        stranicama automatski (i buducim). Toggle right:14px = ista vrijednost koju Template B vec ima (css/07),
        pa nema sudara. >=769 da ne dira ≤768 (pokriveno gore) ni desktop (rs-hdr-desktop). */
  @media (min-width:769px){
    #header-hz-elementor.rs-hdr-mobile .elementor-element-726d806e{ display:none !important; }
    #header-hz-elementor.rs-hdr-mobile .elementor-element-7a718aa1{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; margin:0 !important; width:auto !important; z-index:2 !important; }
    #header-hz-elementor.rs-hdr-mobile .elementor-element-7a718aa1 img{ max-width:190px !important; height:auto !important; }
    #header-hz-elementor.rs-hdr-mobile #rs-theme-toggle{ left:auto !important; right:14px !important; }
  }

  /* ================= HOME HERO + LOGO — TABLET PORTRET (769-1024) — 2026-07-15 (korisnik) =================
     (1) LOGO u headeru premali na tabletu -> veci. Bio ~148px sirok (Elementor) + gornji blok kapira
         max-width:190 (specificnost 1,4,2, zato slabiji override-i nisu prolazili). Sad width+max-width:235
         (ista jaka specificnost) -> logo ~241x63 (bilo 152x40), i dalje centriran (widget ima translate).
     (2) HERO sadrzaj (naslov/tekst) bio PRILIJEPLJEN uz header (~31px ispod) -> djelovalo zbijeno.
         padding-top:110 na hero inner gura sadrzaj nize (razmak header->naslov ~86 na 834 / ~137 na 1024),
         search sekcija je ODVOJENA (ispod heroa) pa se ne pomjera. Samo portret; landscape/desktop netaknuti. */
  @media (min-width:769px) and (max-width:1024px){
    /* logo 235px — Template A ID (7a718aa1), pa vazi na svim Template A stranicama (bez body.home) */
    #header-hz-elementor.rs-hdr-mobile .elementor-element-7a718aa1 img{ width:235px !important; max-width:235px !important; height:auto !important; }
    /* hero padding = SAMO home (c7f0da1 = home hero), ostaje body.home */
    body.home .elementor-element-c7f0da1 > .e-con-inner{ padding-top:110px !important; }
  }

  /* ================= HOME LUXURY SEKCIJA — TABLET PORTRET (769-1024) — 2026-07-15 (korisnik) =================
     Opseg 769-1024 NEMA Luxury tekst pravilo (mobilni ≤768 = css/09 sek.33; desktop ≥1025 = css/11 sek.38+41),
     pa je koristio golo stanje -> "izgleda amaterski": naslov 48 (premali), podnaslov 15 PUNE sirine (779px,
     presiroko), dugme 256x56 (preveliko). Srazmjerno: naslov 70; podnaslov 18 + max-width:600 centriran
     (uze, citljivije); dugme suzeno na ~208x42 (manji font/letter-spacing/padding + manja strelica).
     Samo portret; landscape/desktop (zoom 0.8 + sek.38) netaknuti. */
  @media (min-width:769px) and (max-width:1024px){
    /* .elementor-element-334570a predak DIZE specificnost (0,4,1) da nadjaca css/10 fluidnu tipografiju
       (`...d16c475 .elementor-heading-title{clamp(48,5vw,100)}` = 48px na 834, ista specif. ali kasniji load). */
    body.home .elementor-element-334570a .elementor-element-d16c475 .elementor-heading-title{ font-size:70px !important; line-height:1.05 !important; }
    body.home .elementor-element-334570a .elementor-element-30769e2, body.home .elementor-element-334570a .elementor-element-30769e2 p{ font-size:18px !important; line-height:1.6 !important; }
    body.home .elementor-element-30769e2, body.home .elementor-element-30769e2 .elementor-widget-container{ max-width:600px !important; margin-left:auto !important; margin-right:auto !important; }
    body.home .elementor-element-2765787 .elementor-button{ padding:13px 26px !important; font-size:12px !important; letter-spacing:0.12em !important; }
    body.home .elementor-element-2765787 .elementor-button .elementor-button-icon,
    body.home .elementor-element-2765787 .elementor-button svg{ font-size:12px !important; width:14px !important; height:14px !important; }
    /* VERTIKALNO/HORIZONTALNO CENTRIRANJE sadrzaja na pozadinu (korisnik). Isto kao desktop sek.38(10):
       sadrzaj (24e7b19) bio pri vrhu -> justify:center kroz cijeli lanac (sekcija -> inner -> 24e7b19) ->
       naslov+podnaslov+dugme tacno na sredini (verifikovano 215/215 iznad/ispod na 834). */
    body.home .elementor-element-334570a{ align-items:center !important; }
    body.home .elementor-element-334570a > .e-con-inner{ justify-content:center !important; align-content:center !important; }
    body.home .elementor-element-24e7b19{ justify-content:center !important; }
    /* SERVICES sekcija: "WHAT WE DO" eyebrow treba da bude na SREDINI izmedju Luxury sekcije (gore) i
       "Our Services" (dole) — NE zalijepljen uz Our Services (korisnik 2026-07-15). Ranije: padding-top
       gura CIJELI head (eyebrow+naslov) zajedno pa je eyebrow bio 14px iznad Our Services (glued), a
       ~129px praznog navy IZNAD. Sad: mali padding-top (8, eyebrow visoko) + veliki eyebrow margin-bottom
       (86, gura Our Services dole) -> eyebrow ~jednako od Luxuryja (89) i od Our Services (86) = na pola.
       Bazni .rs-service-tabs padding:110 iz services-section.html; desktop ≥1025 = 44 (css/11 sek.38(9)). */
    body.home .rs-service-tabs{ padding-top:8px !important; }
    body.home .rs-service-tabs-head > span:first-child{ margin-bottom:86px !important; }
  }

  /* ================= TELEFON LANDSCAPE (vodoravno, nizak ekran) — HERO RASPORED — 2026-07-15 (korisnik) ====
     Telefon u landscape-u (npr. 844x390, 900x560, 975x490) po SIRINI pada u tablet-portret opseg (769-1024)
     pa je dobijao hero `padding-top:110` (racunato za VISOK tablet) -> naslov ulazio U HEADER, search u naslov.
     Detekcija: **landscape + sirina ≤1024** (BEZ visine — visinski/uze-sirinski pragovi su 3x promasili
     korisnikove previewe: 950/975 siroki, 750 visok). Tablet-PORTRET je portret (ispada orientacijom);
     tablet-LANDSCAPE (iPad Pro 11=1194, 12.9=1366) je siri od 1024 (ispada). Sve landscape ≤1024 = telefon
     ili uski landscape prozor -> kompaktan hero. Hero min-height:auto + padding-top:175 (naslov ~21px ISPOD
     headera) + padding-bottom:24 -> header/naslov/podnaslov/search razmaknuti. POSLIJE tablet bloka -> gazi 110. */
  /* overlay za dno heroa (kreira ga inc/03 JS) — skriven svuda OSIM telefon-landscape (blok ispod) */
  body.home .rs-hero-fade{ display:none; }

  @media (orientation:landscape) and (max-width:1024px){
    body.home .elementor-element-c7f0da1{ min-height:auto !important; }
    /* padding-bottom 120 (bilo 24): produzi dno heroa da .rs-hero-fade preliv (95px) padne ISPOD
       podnaslova — inace bijeli tekst zadire u bijeli preliv i gubi citljivost. */
    body.home .elementor-element-c7f0da1 > .e-con-inner{ padding-top:175px !important; padding-bottom:120px !important; }
    /* GLATKA TRANZICIJA (korisnik 2026-07-15): hero foto se sjekla u sivu maglu s odsjecenim obrisima
       iznad tabova. Overlay (JS: .rs-hero-fade, zadnje dijete heroa) pretapa dno slike u boju sekcije
       ispod (svijetla=bijela / tamna=navy). Sadrzaj heroa (naslov/podnaslov) dignut iznad preliva. */
    body.home .rs-hero-fade{ display:block; position:absolute; left:0; right:0; bottom:0; height:95px; pointer-events:none; z-index:2;
      background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 72%, #ffffff 100%); }
    html.rs-dark body.home .rs-hero-fade{ background:linear-gradient(180deg, rgba(7,17,28,0) 0%, rgba(7,17,28,.9) 72%, #07111c 100%); }
    body.home .elementor-element-c7f0da1 > .e-con-inner{ position:relative !important; z-index:3 !important; }
    /* preliv NE smije hvatati tabove/search (korisnik): tabovi po dizajnu vise IZNAD dna hero slike pa
       su upadali u preliv-zonu i izblijedjeli. KVAKA: search SEKCIJA (79227db7) ima z-index:1 (tema) =
       stacking context -> unutrasnji z-index (widget 5) NE moze iznad preliva (2) u root kontekstu.
       Zato se dize SEKCIJA na 3 (> preliv 2) -> cijeli search (tabovi+forma) iznad preliva; preliv
       ostaje samo na pozadinskoj slici. */
    body.home .elementor-element-78d9b5c{ position:relative !important; z-index:5 !important; }
    body.home .elementor-element-79227db7{ z-index:3 !important; }
  }

  /* ================= TELEFON — HEADER UTILITY (tema/jezik/favorites) NIJE REAGOVAO =================
     2026-07-20. Korisnik: "na tel vertikalno ne rade toggle opcije, tema, jezik i favorites".

     UZROK (izmjereno preko elementFromPoint na 390px): dugme `#rs-theme-toggle` ima z-index:5
     (css/03), a preko njega lezi Elementorov kontejner headera sa z-index:99999 -> klik je zavrsavao
     na kontejneru, ne na dugmetu. STRELICA je radila jer je vec bila na 100000.
     To je ISTA zamka koja je jednom vec pogodila strelicu (vidi biljesku uz header utility).

     Dugme se dize na 100000 = isti nivo kao strelica, koja tu stoji odavno i ne smeta ni meniju.
     SAMO NA TELEFONU: na desktopu sve radi, a pravilo je da popravka jedne rezolucije ne pomjera druge. */
  @media (max-width:767.98px){
    #header-hz-elementor #rs-theme-toggle{ z-index:100000 !important; }
  }