/* NovaDizajn početna (SR), v5 + v6, 05.10.2026. Izvor: sajt/prototip/v5-efekti + v6-soft */
/* nd-v5: četiri efekta vezana za priču na početnoj. Sve ostalo ostaje kako jeste.
   Skriva se samo ono što JS obeleži (html.nd5), pa bez JS-a strana izgleda kao živa. */
:root{ --nd5-lampa:#f2a516; --nd5-lampa-sjaj:rgba(242,165,22,.22); --nd5-ugaseno:#c9cdd3; }

/* ---------- 1. Lampica uz „Hajde da pogodim" ---------- */
.nd5-lampica{ display:block; width:30px; height:23px; color:var(--nd5-ugaseno); transition:color .35s ease, filter .35s ease; }
.nd5-lampica path{ fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.nd5-kartica.nd5-upaljeno .nd5-lampica{ color:var(--nd5-lampa); filter:drop-shadow(0 0 5px var(--nd5-lampa-sjaj)) drop-shadow(0 0 1px var(--nd5-lampa)); }
.nd5-kartica > .brxe-div:first-child{ flex-shrink:0; min-width:44px; display:flex; align-items:center; }
.nd5-kartica{ transition:border-color .35s ease !important; }
.nd5-kartica.nd5-upaljeno{ border-color:#f1e2c2 !important; }

/* ---------- 2. Scena sa dva mehaničara ---------- */
html.nd5 .nd5-red{ display:inline-block; opacity:0; transform:translateY(5px); transition:opacity .4s ease, transform .4s cubic-bezier(.2,.7,.2,1); }
html.nd5 .nd5-red.nd5-vidi{ opacity:1; transform:none; }
html.nd5 .nd5-pasus{ opacity:0; transition:opacity .5s ease; }
html.nd5 .nd5-pasus.nd5-vidi{ opacity:1; }
.nd5-teze{ display:inline-block; }
html.nd5 .nd5-vidi .nd5-teze{ animation:nd5-padne .5s cubic-bezier(.3,1.6,.5,1) .15s both; font-weight:600; color:#fff; }
@keyframes nd5-padne{ 0%{ transform:translateY(-7px); opacity:.2 } 100%{ transform:none; opacity:1 } }

/* ---------- 3. Test sa dva pitanja ---------- */
.nd5-test{ display:flex; flex-direction:column; gap:10px; margin:6px 0 4px; }
.nd5-q{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid #e6e8eb; border-radius:12px; background:#fafafa; }
.nd5-q p{ margin:0 !important; font-weight:500; color:#181a1d; }
.nd5-q-br{ font-family:"Bricolage Grotesque",sans-serif; font-weight:700; color:#0088cc; margin-right:10px; }
.nd5-odg{ display:flex; gap:6px; flex-shrink:0; }
.nd5-odg button{ font:inherit; font-size:14px; line-height:1; padding:9px 14px; border-radius:8px; border:1px solid #d9dde2; background:#fff; color:#181a1d; cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
.nd5-odg button:hover{ border-color:#181a1d; }
.nd5-odg button:focus-visible, .nd5-kopiraj:focus-visible{ outline:2px solid #0088cc; outline-offset:2px; }
.nd5-odg button[aria-pressed="true"][data-v="1"]{ background:#0088cc; border-color:#0088cc; color:#fff; }
.nd5-odg button[aria-pressed="true"][data-v="0"]{ background:#181a1d; border-color:#181a1d; color:#fff; }
.nd5-rez{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
.nd5-rez > div{ overflow:hidden; }
.nd5-rez.nd5-vidi{ grid-template-rows:1fr; }
.nd5-rez p{ margin:4px 0 0 !important; padding:14px 16px; border-radius:12px; background:#ddf4ff; color:#181a1d; font-weight:500; }
.nd5-rez.nd5-lose p{ background:#fff4dc; }
.nd5-kopiraj{ align-self:flex-start; font:inherit; font-size:15px; padding:11px 18px; border-radius:6px; border:0; background:#0088cc; color:#fff; cursor:pointer; margin-top:4px; transition:background .2s; }
.nd5-kopiraj:hover{ background:#0071aa; }
@media (max-width:600px){
  .nd5-q{ flex-direction:column; align-items:flex-start; gap:10px; }
}

/* ---------- 4. Koraci se popunjavaju ---------- */
.nd5-korak .brxe-divider .line{ position:relative; }
.nd5-puni{ position:absolute; left:0; top:-1px; height:2px; width:100%; background:#0088cc; transform-origin:left center; transform:scaleX(0); border-radius:2px; }
.nd5-korak .step__num{ transition:none !important; }
@keyframes nd5-puni{ to{ transform:scaleX(1); } }
@keyframes nd5-broj{ 0%{ color:transparent; -webkit-text-stroke-color:#d2d5da; } 1%,100%{ color:#0088cc; -webkit-text-stroke-color:#0088cc; } }
@supports (animation-timeline: view()){
  /* jedan red (desktop): ceo red je jedna vremenska linija, kartice se pune jedna za drugom */
  .nd5-koraci.nd5-u-redu{ view-timeline-name:--nd5-koraci; view-timeline-inset:0; }
  .nd5-koraci.nd5-u-redu .nd5-puni{ animation:nd5-puni linear both; animation-timeline:--nd5-koraci;
    animation-range:cover calc(10% + var(--i) * 9%) cover calc(19% + var(--i) * 9%); }
  .nd5-koraci.nd5-u-redu .step__num{ animation:nd5-broj linear both; animation-timeline:--nd5-koraci;
    animation-range:cover calc(10% + var(--i) * 9%) cover calc(19% + var(--i) * 9%); }
  /* jedna ispod druge (telefon): svaka kartica ima svoju liniju */
  .nd5-koraci:not(.nd5-u-redu) .nd5-korak{ view-timeline-name:--nd5-korak; view-timeline-inset:0; }
  .nd5-koraci:not(.nd5-u-redu) .nd5-puni{ animation:nd5-puni linear both; animation-timeline:--nd5-korak; animation-range:cover 17% cover 40%; }
  .nd5-koraci:not(.nd5-u-redu) .step__num{ animation:nd5-broj linear both; animation-timeline:--nd5-korak; animation-range:cover 17% cover 40%; }
}
/* rezerva bez animation-timeline: popune se po vremenu kad red uđe u ekran */
.nd5-rezerva .nd5-puni{ transition:transform .5s cubic-bezier(.2,.7,.2,1); transition-delay:calc(var(--i) * .35s); }
.nd5-rezerva .step__num{ transition:color .3s, -webkit-text-stroke-color .3s !important; transition-delay:calc(var(--i) * .35s) !important; }
.nd5-gotovo .nd5-puni{ transform:scaleX(1); animation:none !important; }
.nd5-gotovo .step__num{ color:#0088cc !important; -webkit-text-stroke-color:#0088cc !important; animation:none !important; }

/* ================= Raspored (taste-skill audit 05.10: tačke 1, 2, 3, 6) =================
   Isti tekst i isti linkovi, samo drugi oblik. Svaki oblik se javlja jednom na strani. */
:root{ --nd5-linija:#e3e6ea; --nd5-tekst:#4b5058; }
.nd5-strelica{ flex-shrink:0; width:38px; height:38px; border-radius:50%; border:1px solid #d9dde2; display:grid; place-items:center; color:#181a1d; transition:background-color .2s, border-color .2s, color .2s, transform .2s; }
.nd5-strelica svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* 1a. Usluge: tabla sa cenama (jedan boks, red po usluzi, ceo red je link) */
#brxe-tvcdtz.nd5-tabla{ display:block !important; background:#fff; border:1px solid var(--nd5-linija); border-radius:20px; overflow:hidden; }
#brxe-tvcdtz.nd5-tabla > a{ width:auto !important; display:grid !important; grid-template-columns:minmax(190px,1fr) 2fr minmax(190px,auto) 38px; align-items:center; column-gap:32px;
  padding:24px 32px !important; margin:0 !important; border:0 !important; border-top:1px solid var(--nd5-linija) !important; border-radius:0 !important; background:transparent !important; min-height:0 !important; height:auto !important; }
#brxe-tvcdtz.nd5-tabla > a:first-child{ border-top:0 !important; }
#brxe-tvcdtz.nd5-tabla > a > .brxe-heading{ font-size:22px !important; margin:0; color:#181a1d !important; }
#brxe-tvcdtz.nd5-tabla > a > .brxe-text-basic:not(:last-of-type){ color:var(--nd5-tekst) !important; font-size:16px; }
#brxe-tvcdtz.nd5-tabla > a > .brxe-text-basic:last-of-type{ text-align:right; white-space:nowrap; font-size:20px !important; color:#181a1d !important; }
#brxe-tvcdtz.nd5-tabla > a > .brxe-button{ display:none !important; }
#brxe-tvcdtz.nd5-tabla > a:hover{ background:#f6f9fc !important; }
#brxe-tvcdtz.nd5-tabla > a:hover .nd5-strelica, #brxe-zvsens.nd5-lista > a:hover .nd5-strelica{ background:#0088cc; border-color:#0088cc; color:#fff; transform:translateX(3px); }
@media (max-width:767px){
  #brxe-tvcdtz.nd5-tabla > a{ grid-template-columns:1fr 38px; row-gap:6px; padding:20px !important; }
  #brxe-tvcdtz.nd5-tabla > a > .brxe-heading{ grid-column:1; grid-row:1; }
  #brxe-tvcdtz.nd5-tabla > a > .nd5-strelica{ grid-column:2; grid-row:1; }
  #brxe-tvcdtz.nd5-tabla > a > .brxe-text-basic{ grid-column:1 / -1; text-align:left !important; }
}

/* 1b. Industrije: lista u dve kolone, bez kartica i bez „Saznaj više" */
#brxe-zvsens.nd5-lista{ display:grid !important; grid-template-columns:1fr 1fr; column-gap:64px; row-gap:0; }
#brxe-zvsens.nd5-lista > a{ width:auto !important; display:grid !important; grid-template-columns:1fr 38px; column-gap:20px; row-gap:6px; align-items:start;
  padding:26px 0 !important; border:0 !important; border-top:1px solid var(--nd5-linija) !important; border-radius:0 !important; background:transparent !important; height:auto !important; min-height:0 !important; }
#brxe-zvsens.nd5-lista > a > .brxe-heading{ grid-column:1; font-size:24px !important; margin:0; color:#181a1d !important; transition:color .2s; }
#brxe-zvsens.nd5-lista > a > .brxe-text-basic{ grid-column:1; color:var(--nd5-tekst) !important; }
#brxe-zvsens.nd5-lista > a > .nd5-strelica{ grid-column:2; grid-row:1 / span 2; }
#brxe-zvsens.nd5-lista > a > .brxe-button{ display:none !important; }
#brxe-zvsens.nd5-lista > a:hover .brxe-heading{ color:#0088cc !important; }
#brxe-zvsens.nd5-lista > a:hover .brxe-text-basic, #brxe-zvsens.nd5-lista > a:hover p{ color:var(--nd5-tekst) !important; }
@media (max-width:991px){ #brxe-zvsens.nd5-lista{ grid-template-columns:1fr; } }
#brxe-vkpttn{ background-color:#fff !important; }

/* 1c. Vlasništvo: tekst levo (naslov pa objašnjenje, jedno ispod drugog), tri tačke desno kao lista */
#brxe-mbhlio.nd5-dvodelno{ display:grid !important; grid-template-columns:1fr 1fr; column-gap:72px; align-items:start; }
#brxe-mbhlio.nd5-dvodelno > #brxe-gdpjwa{ flex-direction:column !important; width:auto !important; row-gap:16px; }
#brxe-mbhlio.nd5-dvodelno #brxe-pevwxm, #brxe-mbhlio.nd5-dvodelno #brxe-ljcvwd{ width:100% !important; padding-top:0 !important; }
#brxe-mbhlio.nd5-dvodelno > #brxe-oenmnj{ flex-direction:column !important; flex-wrap:nowrap !important; row-gap:0 !important; width:auto !important; }
#brxe-mbhlio.nd5-dvodelno > #brxe-oenmnj > .brxe-div{ width:100% !important; min-height:0 !important; height:auto !important; background:transparent !important; border:0 !important; border-top:1px solid var(--nd5-linija) !important; border-radius:0 !important; padding:22px 0 !important; }
#brxe-mbhlio.nd5-dvodelno > #brxe-oenmnj > .brxe-div:first-child{ border-top:0 !important; padding-top:4px !important; }
@media (max-width:991px){ #brxe-mbhlio.nd5-dvodelno{ grid-template-columns:1fr; row-gap:32px; } }

/* 1d. Šta kod nas nećeš dobiti: svetlo, četiri kolone bez kartica, debela crta na vrhu */
#brxe-sqrzyw{ background-color:#fafafa !important; }
#brxe-sqrzyw #brxe-mcubhm{ color:#181a1d !important; }
#brxe-sqrzyw #brxe-drgdok{ color:var(--nd5-tekst) !important; }
#brxe-rlikzo.nd5-kolone{ display:grid !important; grid-template-columns:repeat(4,1fr); column-gap:40px; row-gap:36px; }
#brxe-rlikzo.nd5-kolone > .brxe-div{ width:auto !important; min-height:0 !important; height:auto !important; background:transparent !important; border:0 !important; border-top:2px solid #181a1d !important; border-radius:0 !important; padding:22px 0 0 !important; }
#brxe-rlikzo.nd5-kolone .brxe-heading{ color:#181a1d !important; }
#brxe-rlikzo.nd5-kolone .brxe-text-basic{ color:var(--nd5-tekst) !important; }
@media (max-width:991px){ #brxe-rlikzo.nd5-kolone{ grid-template-columns:1fr 1fr; } }
@media (max-width:478px){ #brxe-rlikzo.nd5-kolone{ grid-template-columns:1fr; } }

/* 1e. Rampa: svetlo, ceo sadržaj u jednom belom boksu */
#brxe-zseyts{ background-color:#fafafa !important; }
#brxe-zseyts #brxe-zhldfa{ background:#fff; border:1px solid var(--nd5-linija); border-radius:20px; padding:48px !important; column-gap:56px; }
#brxe-zseyts .brxe-heading{ color:#181a1d !important; }
#brxe-zseyts .brxe-text-basic{ color:var(--nd5-tekst) !important; }
#brxe-zseyts .brxe-divider .line{ border-top-color:var(--nd5-linija) !important; }
@media (max-width:767px){ #brxe-zseyts #brxe-zhldfa{ padding:28px 22px !important; } }

/* 3. Nevenina recenzija: svetla kartica umesto crne (tamna ostaje samo scena sa mehaničarima) */
#brxe-wpfxsk{ background-color:#fff !important; border:1px solid var(--nd5-linija); }
#brxe-wpfxsk blockquote, #brxe-wpfxsk .testimonial-content-wrapper{ color:#181a1d !important; }
#brxe-wfncjt .testimonial-name{ color:#181a1d !important; }
#brxe-wfncjt .testimonial-title{ color:var(--nd5-tekst) !important; }

/* 6. Radovi: naslov iznad teksta, ne levo-desno */
#brxe-efdpjd.nd5-slozeno{ flex-direction:column !important; row-gap:20px; }
#brxe-efdpjd.nd5-slozeno > .brxe-div{ width:100% !important; }
#brxe-efdpjd.nd5-slozeno #brxe-cbwcth{ max-width:22ch; }
#brxe-efdpjd.nd5-slozeno #brxe-olyoki{ max-width:68ch; }

@media (prefers-reduced-motion:reduce){
  .nd5-lampica, .nd5-red, .nd5-pasus, .nd5-rez, .nd5-korak .step__num, .nd5-puni, .nd5-strelica{ transition:none !important; animation:none !important; }
}

/* nd-v6: soft-skill sloj preko v5 (Soft Structuralism + asimetrični bento samo za radove).
   Tekst, redosled sekcija i linkovi su isti. Menja se: meni kao plutajuće ostrvo, dvostruki okvir
   („ladica + ploča") na glavnim boksovima, dugme sa ugnežđenom strelicom, mekano pojavljivanje pri skrolu,
   više vazduha između sekcija. Sve što se skriva, skriva se samo pod html.nd6 (bez JS-a = v5). */
:root{
  --nd6-e: cubic-bezier(.32,.72,0,1);           /* jedina kriva za sve pokrete */
  --nd6-tinta:#181a1d; --nd6-siva:#4b5058;
  --nd6-plava:#0088cc; --nd6-plava-h:#0a6fa8;
  --nd6-prsten:rgba(15,23,42,.07);              /* ivica ploče */
  --nd6-ladica:rgba(15,23,42,.022);             /* traka ladice oko ploče */
  --nd6-ladica-ivica:rgba(15,23,42,.045);
  --nd6-senka:0 48px 96px -48px rgba(15,23,42,.16), 0 12px 24px -16px rgba(15,23,42,.06);
  --nd6-r:28px;                                 /* radijus ploče; ladica = r + 8 */
}

/* ================= Ritam: više vazduha ================= */
main > .brxe-section:not(#brxe-hunduo):not(#brxe-ouzwcb){ padding-top:clamp(96px,10vw,152px) !important; padding-bottom:clamp(96px,10vw,152px) !important; }
main h1.brxe-heading, main h2.brxe-heading{ letter-spacing:-.025em; text-wrap:balance; }
main h3.brxe-heading{ text-wrap:balance; }

/* ================= Dugmad: pilule, dugme u dugmetu ================= */
main .bricks-button:not(#brxe-sddcwz), .nd5-kopiraj{
  white-space:nowrap;
  border-radius:999px !important; padding:14px 26px !important; font-weight:500; line-height:1.2;
  transition:transform .6s var(--nd6-e), background-color .6s var(--nd6-e), box-shadow .6s var(--nd6-e), color .6s var(--nd6-e) !important; }
main .bricks-button:not(#brxe-sddcwz):active, .nd5-kopiraj:active{ transform:scale(.98); }
.nd6-glavno{ display:inline-flex !important; align-items:center; gap:14px; padding:6px 6px 6px 24px !important; background:var(--nd6-plava) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(15,23,42,.08) !important; }
.nd6-glavno:hover{ background:var(--nd6-plava-h) !important; }
.nd6-ik{ flex-shrink:0; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.18);
  transition:transform .6s var(--nd6-e), background-color .6s var(--nd6-e); }
.nd6-ik svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.nd6-glavno:hover .nd6-ik{ transform:translate(2px,-1px) scale(1.06); background:rgba(255,255,255,.26); }
.nd6-sporedno{ background:transparent !important; color:var(--nd6-tinta) !important; box-shadow:inset 0 0 0 1px rgba(15,23,42,.14) !important; }
.nd6-sporedno:hover{ background:rgba(15,23,42,.04) !important; box-shadow:inset 0 0 0 1px rgba(15,23,42,.24) !important; }
.nd6-sporedno svg{ transition:transform .6s var(--nd6-e); }
.nd6-sporedno:hover svg{ transform:translateX(3px); }
.nd5-kopiraj{ padding:13px 22px !important; }

/* ================= Dvostruki okvir: ploča u ladici =================
   Ladica je nacrtana senkama (prsten, traka, spoljna ivica), pa se raspored ne pomera ni za piksel. */
.nd6-bezel{
  border-color:transparent !important; border-radius:var(--nd6-r) !important; background-color:#fff !important;
  box-shadow:inset 0 1px 0 #fff, 0 0 0 1px var(--nd6-prsten), 0 0 0 6px var(--nd6-ladica), 0 0 0 7px var(--nd6-ladica-ivica), var(--nd6-senka) !important;
  transition:box-shadow .8s var(--nd6-e), transform .8s var(--nd6-e), border-color .6s var(--nd6-e) !important; }
.nd6-bezel-sitno{ --nd6-r:22px; }
.nd6-bezel-tamno{
  background-color:#202328 !important; border-color:transparent !important; border-radius:var(--nd6-r) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(255,255,255,.07), 0 0 0 6px rgba(255,255,255,.025), 0 0 0 7px rgba(255,255,255,.06) !important; }
/* kartice simptoma: tanka ivica ostaje kao „lampica" okvir iz v5 */
#brxe-gzjuwt > .nd6-bezel{ border:1px solid transparent !important; }
#brxe-gzjuwt > .nd6-bezel.nd5-upaljeno{ border-color:#f1e2c2 !important; }
#brxe-gzjuwt{ row-gap:22px !important; }
/* hero: Google značka kao mala ploča */
#brxe-yfxlko.nd6-bezel{ border-radius:20px !important; margin-top:16px; }
/* koraci i FAQ boks */
#brxe-umilhi{ column-gap:28px !important; row-gap:28px !important; }


/* ================= Radovi: asimetrični bento ================= */
#brxe-kbeigg.nd6-bento{ display:grid !important; grid-template-columns:1.3fr 1fr 1fr; grid-template-rows:auto auto; gap:28px; }
#brxe-kbeigg.nd6-bento > a{ width:auto !important; height:auto !important; align-self:stretch !important; display:flex !important; flex-direction:column; padding:8px; overflow:hidden; text-decoration:none; }
#brxe-kbeigg.nd6-bento > a:hover{ box-shadow:inset 0 1px 0 #fff, 0 0 0 1px var(--nd6-prsten), 0 0 0 6px var(--nd6-ladica), 0 0 0 7px var(--nd6-ladica-ivica), 0 60px 100px -48px rgba(15,23,42,.24) !important; transform:translateY(-4px); }
#brxe-kbeigg.nd6-bento > a > img{ width:100% !important; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:calc(var(--nd6-r) - 8px); flex:1 1 auto; min-height:0;
  transition:transform 1.2s var(--nd6-e); }
#brxe-kbeigg.nd6-bento > a:hover > img{ transform:scale(1.025); }
#brxe-kbeigg.nd6-bento > a > .brxe-div{ padding:16px 12px 10px 14px !important; border:0 !important; }
#brxe-kbeigg.nd6-bento > a:first-child{ grid-row:1 / span 2; }
#brxe-kbeigg.nd6-bento > a:first-child > img{ aspect-ratio:auto; height:0 !important; flex:1 1 0; min-height:320px; }
#brxe-kbeigg.nd6-bento > a:last-child{ grid-column:2 / span 2; }
#brxe-kbeigg.nd6-bento > a:last-child > img{ aspect-ratio:16/7; object-position:62% 50%; }
#brxe-kbeigg.nd6-bento > a:first-child .brxe-text-basic:first-child{ font-size:22px; }
@media (max-width:767px){
  #brxe-kbeigg.nd6-bento{ grid-template-columns:1fr; gap:24px; }
  #brxe-kbeigg.nd6-bento > a:first-child, #brxe-kbeigg.nd6-bento > a:last-child{ grid-row:auto; grid-column:auto; }
  #brxe-kbeigg.nd6-bento > a > img, #brxe-kbeigg.nd6-bento > a:first-child > img, #brxe-kbeigg.nd6-bento > a:last-child > img{ aspect-ratio:4/3; height:auto; }
}

/* ================= Pojavljivanje pri skrolu ================= */
html.nd6 .nd6-r{ opacity:0; transform:translate3d(0,56px,0); filter:blur(10px); }
/* dok traje ulazak, ovaj prelaz pobeđuje sve ostale (Bricks, v5, okviri); posle se vraćaju njihovi */
html.nd6 .nd6-r:not(.nd6-gotov){ transition:opacity 1s var(--nd6-e), transform 1.1s var(--nd6-e), filter 1s var(--nd6-e) !important; transition-delay:var(--nd6-d,0ms) !important; }
html.nd6 .nd6-r.nd6-velik{ filter:none; transform:translate3d(0,40px,0); }
html.nd6 .nd6-r.nd6-in{ opacity:1; transform:none; filter:none; }

/* ================= Telefon ================= */
@media (max-width:767px){
  main > .brxe-section:not(#brxe-hunduo):not(#brxe-ouzwcb){ padding-top:88px !important; padding-bottom:88px !important; }
  .nd6-bezel{ --nd6-r:24px; }
  #brxe-fkweeb{ flex-wrap:wrap; row-gap:12px; }
}

@media (prefers-reduced-motion:reduce){
  html.nd6 .nd6-r{ opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }
  .nd6-ik, .nd6-bezel, #brxe-kbeigg.nd6-bento > a > img{ transition:none !important; }
}

/* hero dugmad prelaze u novi red umesto da se lome */
#brxe-fkweeb{ flex-wrap:wrap; row-gap:12px; }
