/* Ze Wsi, DEV copy only (product 1612, template "Kopiuj DEV"):
   section navigation (Opis / Parametry / ...) in shop style:
   no dividers, no red; active section = brown pill like the "Wybierz opcje" button (#610700).
   Overrides the element CSS from the YOOtheme builder, hence !important. */
/* the bar itself: warm shop background instead of white card, hairline instead of heavy shadow */
body.zw-karta-nowa .uk-card:has(#dynamic-navigation),
body.zw-karta-nowa .uk-card:has(#dynamic-navigation-mobile){
  background:#faf7f3 !important;border-bottom:1px solid #eadfd5;
  box-shadow:0 6px 18px -12px rgba(58,23,16,.25) !important}
body.zw-karta-nowa #dynamic-navigation ul{gap:6px;flex-wrap:wrap;padding:8px 0 !important}
body.zw-karta-nowa #dynamic-navigation a{font-size:15px;font-weight:500 !important;letter-spacing:.01em}
body.zw-karta-nowa #dynamic-navigation ul li + li{border-left:0 !important}
body.zw-karta-nowa #dynamic-navigation a,
body.zw-karta-nowa #dynamic-navigation-mobile a{
  display:inline-block;border-radius:500px;padding:9px 20px !important;
  color:#3a1710 !important;transition:background-color .25s,color .25s !important}
body.zw-karta-nowa #dynamic-navigation a:hover,
body.zw-karta-nowa #dynamic-navigation-mobile a:hover{background:#f3ebe4;color:#610700 !important}
body.zw-karta-nowa #dynamic-navigation a.uk-active,
body.zw-karta-nowa #dynamic-navigation a.active,
body.zw-karta-nowa #dynamic-navigation li.uk-active > a,
body.zw-karta-nowa #dynamic-navigation-mobile a.uk-active,
body.zw-karta-nowa #dynamic-navigation-mobile li.uk-active > a{
  background:#610700 !important;color:#fff !important;font-weight:600 !important}
body.zw-karta-nowa #dynamic-navigation a:focus-visible{outline:2px solid #610700;outline-offset:2px}