/* =========================
   BAZA / RESET
   ========================= */
a{ text-decoration:none; color:#091749; }
h1{ font-size:0; font-weight:700; margin:20px 0; color:#091749; }
h2{ font-size:15px; font-weight:600; margin:10px 0 30px; color:#091749; }
.container{ margin:auto; padding-bottom:0; }
.ul-reset{ font-size:18px; padding:0; margin:0; list-style:none; color:#091749!important; }
nav{ font-size:0; position:relative; margin-bottom:0; }

/* =========================
   MENU GŁÓWNE (DESKTOP)
   ========================= */
nav>ul{ display:flex; justify-content:center; flex-wrap:nowrap; }
nav>ul>li{ display:inline-block; font-size:18px; padding:0 10px; white-space:nowrap; }
nav>ul>li>span,
nav>ul>li>a{
  color:#091749!important;
  display:block;
  padding:15px 10px;
  font-weight:600;
  border-bottom:3px solid transparent;
  cursor:pointer;
}
nav>ul>li:hover>span,
nav>ul>li:hover>a{
  background:#f8f9ff;
  color:#091749;
  border-radius:10px 10px 0 0;
}

/* =========================
   MEGA MENU
   ========================= */
.mega-menu{
  background:#f8f9ff;
  display:none;
  left:-5%;
  position:absolute;
  width:120%;
  text-align:left;
  color:#091749!important;
  border-radius:0 0 20px 20px;
  z-index:40;
}
.droppable:hover .mega-menu{ display:block; }

.mega-menu .container{ width:100%; padding-left:38px; margin-right:-10px; }
.mega-menu h3{
  padding-bottom:15px;
  border-bottom:1px solid #dce1f1;
  color:#091749;
  font-size:18px;
  margin-top:15px;
  display:flex;
  align-items:center;
}
.mega-menu h3 a{ color:inherit; text-decoration:none!important; border-bottom:0!important; }
.mega-menu h3 a:hover{ color:#e76e12; }

.mega-menu ul{
  float:left;
  margin:0 30px 20px 0;
  width:210px;
  padding-top:25px;
}
.mega-menu a{ display:block; padding:10px 0; font-size:14px; }
.mega-menu a:hover{ color:#F47820!important; }

.kategorie-icon{ margin-right:10px; vertical-align:middle; }

/* L3 link + ikonka */
.mega-menu .menu-l3{ display:inline-flex; align-items:center; gap:1rem; line-height:1.3; }
.mega-menu .menu-l3-ico{ width:40px; }

/* Kolumna „Zobacz wszystko” */
.mega-menu .see-all a { font-weight:700; }

.blog-header{ font-weight:600; color:#091749; }
.zobacz-wszystko a{ color:#091749; font-weight:400; text-decoration:none; padding:10px 0; transition:color .3s; }
.zobacz-wszystko a:hover{ color:#f47820; }
.zobacz-wszystko .arrow{ display:inline-block; margin-left:8px; font-size:18px; color:#091749; }
.zobacz-wszystko a:hover .arrow{ color:#f47820; transition:color .3s; }

.flame-ico{ width:20px; vertical-align:middle; margin-top:-7px; }
.sale-flame { display:inline-block; width:20px; height:20px; margin-right:6px; vertical-align:middle; }

/* Akcesoria layout w megamenu */
.akcesoria-menu .container{ display:flex; flex-wrap:nowrap; gap:10px; }
.akcesoria-menu .ul-reset{
  list-style:none;
  margin-top:40px;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between!important;
  height:100%;
}

/* L2 BEZ L3: większy font + brak linii */
.mega-menu .no-l3 .l2-title{
  border-bottom:0 !important;
  padding-bottom:0 !important;
  font-size:20px;
  line-height:1.25;
  font-weight:700;
}
.mega-menu .no-l3 .l2-title::after,
.mega-menu .no-l3 .l2-title a::after{ content:none !important; display:none !important; }
.mega-menu .no-l3 .l2-title a{ text-decoration:none !important; }

/* Root bez żadnego L3 */
.mega-menu:not(:has(a.menu-l3)) .zobacz-wszystko a,
.mega-menu:not(:has(a.menu-l3)) .see-all a{
  text-decoration:none !important;
  font-size:18px;
  font-weight:700;
}
.mega-menu:not(:has(a.menu-l3)) .see-all,
.mega-menu:not(:has(a.menu-l3)) .l2-title a{
  border-bottom:0 !important;
  padding-bottom:0 !important;
  font-size:18px;
}

/* „Akcesoria do treningu” – logo u góry, napis pod spodem pomarańczowy */
.mega-menu .l2-title.training-title{
  display:flex; flex-direction:column; align-items:flex-start; gap:.4rem; line-height:1.15;
}
.mega-menu .l2-title.training-title .kategorie-icon.move-magical-svg{
  display:block; margin:0;
}
a.l2-link.training-link{
  display:block; font-weight:700; color:#ef7826!important; text-decoration:none; font-size:14px!important; padding:0!important;
}
.mega-menu .l2-title.training-title > a:hover{ color:#e86f00; }

/* Kafelek „Akcesoria do treningu” */

.move-magical-svg{ width:auto; height:24px; margin-top:-5px; }
.move-magical-subtext{ color:#e76e12; font-size:14px; font-weight:600;}

/* =========================
   HEADER (logo / ikony)
   ========================= */
.ms-header-row{
  display:flex; justify-content:space-between; padding:24px 60px 12px; margin-left:0; margin-right:0;
}
.ms-header-left{ min-width:160px; }
.ms-header-left img{ height:81px; width:190px; }
.ms-header-center{ flex:1; display:flex; justify-content:center; }
.ms-header-right{ display:flex; align-items:center; gap:28px; }

.ms-icon-btn{ background:none; border:0; padding:0; cursor:pointer; display:inline-flex; align-items:center; position:relative; }
.ms-cart-wrap .blockcart{ background:none; border:0; padding:0; }
.ms-cart-wrap .blockcart .cart-products-count{
  position:absolute; top:12px; right:-6px; background:#ff8a00; color:#fff;
  min-width:16px; height:16px; line-height:16px; font-size:11px; border-radius:8px; text-align:center; font-weight:600;
}
.ms-cart{ position:relative; }
.ms-cart-count{
  position:absolute; top:12px; right:-6px;
  background:#ff8a00; color:#fff; font-size:11px; line-height:16px; min-width:16px; height:16px; border-radius:8px;
  text-align:center; padding:0 4px; font-weight:600;
}
.blockcart__toggle{ background:none; border:0; padding:0; cursor:pointer; position:relative; }

/* Header fixed (zamiast sticky) + placeholder */
#ms-header{
  position:fixed; top:0; left:0; width:100%; z-index:1000; background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  transition:transform .25s ease, height .25s ease;
}
#ms-header-spacer{ height:120px; } /* dostosuj do realnej wysokości */

/* =========================
   TOOLBAR (kontakt / waluta / język na desktopie)
   ========================= */
.ms-header-toolbar{
  display:flex; justify-content:flex-end; align-items:center; font-size:13px; font-weight:600; color:#091749; margin-top:-12px; gap:10px;
}
.ms-toolbar-link{ color:#fff; text-transform:uppercase; }
.ms-header-toolbar .dot{ color:#fff; }
.ms-dropdown{ position:relative; display:inline-block; }
.ms-dropdown .chev{ font-size:9px; margin-left:4px; }
.ms-dropdown .ms-dd-menu{ display:none; position:absolute; z-index:1000; margin:.25rem 0 0; min-width:8rem; }
.ms-dropdown.show .ms-dd-menu{ display:block; }

.ms-dd-item{ display:block; padding:.375rem .75rem; text-decoration:none; }
.ms-dd-item:hover{ text-decoration:none; }
.ms-dropdown .current > .ms-dd-item{ font-weight:600; }

/* =========================
   WYSZUKIWARKA (overlay)
   ========================= */
.ms-search-box{
  position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(255,255,255,.98); z-index:10000;
  display:flex; justify-content:center; align-items:center; flex-direction:column;
}
.ms-search-box form{ width:90%; max-width:560px; display:flex; gap:10px; }
.ms-search-box input{
  flex:1; border:1px solid #dce1f1; border-radius:30px; padding:12px 18px; font-size:16px; color:#091749;
}
.ms-search-box button[type="submit"]{
  border:0; border-radius:30px; padding:12px 24px; background:#f47820; color:#fff; font-weight:600; cursor:pointer;
  margin-left:-50px; font-size:20px;
}
.ms-search-close{ position:absolute; top:20px; right:24px; font-size:36px; background:none; border:0; color:#091749; cursor:pointer; }

/* =========================
   KLASY UŻYTKOWE
   ========================= */
.hidden{ display:none; }
.no-scroll{ overflow:hidden; }
.only-desktop{ display:inline-flex; align-items:center; }
.only-mobile{ display:none; }

/* =========================
   MOBILE MENU (overlay)
   ========================= */
#mobile-menu-toggle{ display:none; cursor:pointer; }
#mobile-menu{ position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index:9999; overflow-y:auto; }
#mobile-menu .mobile-menu-header{ display:flex; align-items:center; justify-content:space-between; padding:15px 20px; }
#mobile-menu .close-icon{ background:none; border:0; padding:6px; margin-left:auto; cursor:pointer; display:inline-flex; }
.mobile-menu-logo{ height:61px; width:160px; }

.mobile-icons-right{ display:flex; gap:15px; align-items:center; }
.cart-count{ font-size:12px; margin-left:4px; }

.mobile-menu-list{ list-style:none; margin:0; padding:0 40px 60px; }
.menu-item-mobile{ padding:15px 0; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center; font-size:16px; color:#091749; }
.menu-item-mobile a{ color:inherit; text-decoration:none; display:block; width:100%; }
.menu-item-mobile.no-arrow .arrow-icon{ display:none; }
.menu-item-mobile.sale-item{ color:#F47820; font-weight:600; }
.vertical-layout{ display:flex; flex-direction:row; }
.menu-image{ width:80px; height:auto; margin:6px 0; }
.menu-icon{ width:40px; height:auto; margin-right:10px; }
.arrow-icon::after{ content:url('/img/cms/strzalka.svg'); font-size:16px; color:#091749; }
.arrow-icon-mobile-wszystkie{ margin-left:8px; }

.sub-menu{ position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index:10000; overflow-y:auto; }
.menu-header{ display:flex; align-items:center; gap:10px; padding:15px 20px; border-bottom:1px solid #eee; }
.menu-header .back-icon::before{ content:"←"; font-size:26px; color:#091749; cursor:pointer; }
.menu-header.no-border{ border-bottom:none; }
.category-name{ flex:1; font-weight:600; font-size:1.7em; color:#091749; }

/* CTA „Moje konto” (mobile) */
#mobile-menu .my-account-cta{ margin:8px 0; }
#mobile-menu .my-account-cta .btn-account{
  display:flex; align-items:center; gap:10px; width:100%; border-radius:12px;
 color:#091749; text-decoration:none; font-weight:700;
}
#mobile-menu .my-account-cta .btn-account .ico{ display:inline-flex; }
#mobile-menu .my-account-cta .btn-account .ico svg{ width:22px; height:22px; }
#mobile-menu .my-account-cta .btn-account:active{ transform:translateY(1px); }

/* =========================
   TOPBAR
   ========================= */
#ms-topbar{
  position:static;
  background:#ff8a00;
  background-image:url(/img/cms/painting-orange-background-with-line-drawn-it%202.jpg);
  color:#fff;
  font-size:13px;
  padding:4px 60px;
}
#ms-topbar a{ text-decoration:none; }
#ms-topbar a:hover{ text-decoration:underline; }
#ms-topbar .contact-link{ font-weight:700; text-transform:uppercase; }
#ms-topbar .dot{ margin:0 8px; color:#fff; }

#ms-topbar .ms-topbar-inner{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  min-height:32px; margin:0 auto; width:auto !important; /* ważne: bez 2000px */
}
#ms-topbar .ms-topbar-left p{
  margin:0; display:flex; align-items:center; line-height:1.2;
}
#ms-topbar .ms-topbar-right{ display:flex; align-items:center; gap:12px; }

/* Ujednolicenie przycisków rozwijanych w topbarze */
#ms-topbar .przycisk-rozwin{
  display:flex; align-items:center; gap:6px; height:34px; padding:6px 10px;
}
#ms-topbar .dot{
  display:inline-flex; align-items:center; justify-content:center; line-height:1; margin:0 8px;
}

/* =========================
   SELECTORY WALUT / JĘZYKÓW – DESKTOP
   ========================= */
#_desktop_currency_selector,
#_desktop_language_selector{ display:inline-block; }

#_desktop_currency_selector .btn-unstyle,
#_desktop_language_selector .btn-unstyle{
  background:transparent; border:0; color:#fff; font-weight:700; text-transform:uppercase;
  cursor:pointer; display:inline-flex; align-items:center; gap:4px; padding:0;
}
#_desktop_currency_selector .material-icons,
#_desktop_language_selector .material-icons{ display:none; }
.ms-chev{ font-size:9px; line-height:1; }

#_desktop_currency_selector .dropdown-menu,
#_desktop_language_selector .dropdown-menu{
  right:0; left:auto; display:none; border-radius:4px; border:0; box-shadow:0 8px 24px rgba(0,0,0,.08);
  padding:0; min-width:70px; margin-top:6px;
}
#_desktop_currency_selector .dropdown-menu .dropdown-item,
#_desktop_language_selector .dropdown-menu .dropdown-item{ font-size:13px; color:#091749; }
#_desktop_currency_selector .dropdown-menu .dropdown-item:hover,
#_desktop_language_selector .dropdown-menu .dropdown-item:hover{ background:#f5f7ff; }

/* „show” (np. Bootstrap) */
#_desktop_currency_selector .dropdown-menu.show,
#_desktop_language_selector .dropdown-menu.show{ display:block; max-width:20px; }

/* =========================
   SELECTORY – WŁASNY MECHANIZM (PL nazwy)
   ========================= */
.rozwijane{ position:relative; display:inline-flex; align-items:center; z-index: 10000;}
.przycisk-rozwin{
  background:none; border:0; font-weight:700; cursor:pointer;
  display:inline-flex; align-items:center; gap:8px; padding:2px 6px; color:#fff; text-transform:uppercase; border-radius:6px;
}
.strzalka{ font-size:10px; line-height:1; transition:transform .2s ease; }
.rozwijane.pokaz .strzalka{ transform:rotate(180deg); }
.menu-rozwijane{
  display:none; position:absolute; top:100%; left:0; z-index:1000;
  background:#fff; color:#091749; border:1px solid #dce1f1; border-radius:6px; padding:6px 0; box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.rozwijane.pokaz .menu-rozwijane{ display:block; }
.menu-rozwijane li{ list-style:none; }
.pozycja-menu{ display:block; padding:8px 12px; font-weight:600; color:#091749; text-decoration:none; }
.pozycja-menu:hover{ background:#f5f7ff; }
li.aktualny > .pozycja-menu{ color:#f47820; font-weight:700; pointer-events:none; cursor:default; }
.ikona-flagi{ vertical-align:-2px; margin-right:.5rem; }

/* =========================
   SELECTORY – WERSJA W OVERLAY #mobile-menu
   ========================= */
#mobile-menu .rozwijane{ position:relative; display:inline-flex; align-items:center; }
#mobile-menu .przycisk-rozwin{
  background:#fff; border:0; cursor:pointer; display:inline-flex; align-items:center; gap:8px; padding:2px 6px;
  color:#091749; font-size:13px; font-weight:700; text-transform:uppercase; border-radius:6px;
}
#mobile-menu .ikona-flagi{ width:22px; height:14px; object-fit:cover; border-radius:2px; }
#mobile-menu .strzalka{ font-size:10px; line-height:1; transition:transform .2s ease; }
#mobile-menu .rozwijane.pokaz .strzalka{ transform:rotate(180deg); }

#mobile-menu .menu-rozwijane{
  display:none; position:absolute; left:0; top:calc(100% + 6px);
  background:#fff; color:#091749; border:1px solid #dce1f1; border-radius:6px;
  z-index:10000; padding:6px 0; box-shadow:0 8px 24px rgba(0,0,0,.08); font-size:1.4em;
}
#mobile-menu .rozwijane.pokaz .menu-rozwijane{ display:block; }
#mobile-menu .menu-rozwijane li{ list-style:none; }
#mobile-menu .pozycja-menu{ display:block; padding:8px 12px; font-weight:600; color:#091749; text-decoration:none; min-width:75px; }
#mobile-menu .pozycja-menu:hover{ background:#f5f7ff; }
#mobile-menu li.aktualny > .pozycja-menu{ color:#f47820; font-weight:700; pointer-events:none; cursor:default; }

/* =========================
   DROBNE / Z-INDEXY
   ========================= */
.ms-dd-menu{ display:none; position:absolute; z-index:1000; }
.ms-dropdown{ position:relative; }
.ms-dropdown.show .ms-dd-menu{ display:block; z-index:1000000; }
body .toasterCart.toasterPanel.opened{ z-index:20000; }

/* =========================
   RESPONSYWNOŚĆ
   ========================= */
@media (max-width:1440px){
  nav>ul>li, nav>ul>li>span{ font-size:16px; }
  nav>ul>li{ padding: 0 10px; }
  nav>ul>li>span, nav>ul>li>a{ padding:0 7px; }
  .ms-header-row{ padding:20px; }
  .ms-header-right{ gap:20px; }
  .ms-header-left img{ height:61px; width:160px; }
/* Root bez żadnego L3 */
.mega-menu:not(:has(a.menu-l3)) .zobacz-wszystko a,
.mega-menu:not(:has(a.menu-l3)) .see-all a{
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
}
.mega-menu:not(:has(a.menu-l3)) .see-all,
.mega-menu:not(:has(a.menu-l3)) .l2-title a{
  border-bottom:0 !important;
  padding-bottom:0 !important;
  font-size:14px;
}
}
@media (max-width:1270px){
  nav>ul>li, nav>ul>li>span{ font-size:16px; }
  nav>ul>li{ padding:2px; }
  nav>ul>li>span, nav>ul>li>a{ padding:0 7px; }
}

@media (max-width:1100px){
  nav>ul>li>span, nav>ul>li>a{ padding:5px; }
  #ms-topbar{ padding:0; }

  .ms-header-row{
    display:flex; align-items:center; padding:16px 16px;
  }

  .ms-header-left img{ height:51px; width:100px; }
  /* kolejność w top headerze na mobile */
  #mobile-menu-toggle{ order:1; margin-right:12px; }
  .ms-header-left{ order:2; flex:1 1 auto; display:flex; justify-content:center; }
  .ms-header-right{ order:3; flex:0 0 auto; display:flex; gap:20px; }
  .ms-header-right .icon-cart{ order:3; }
  .ms-header-right .icon-account{ order:2; }
  .ms-header-right .icon-search.only-mobile{ order:1; }

  .only-desktop{ display:none !important; }
  .only-mobile{ display:inline-flex !important; }
  .ms-dd-toggle{ color:#091749; font-size:1.4em; }
}
@media (max-width:991px){
  #mobile-menu-toggle{ display:block; }
  nav#main-nav{ display:none; }
  .ms-header-center{ display:none; }

  /* topbar – na mobile zostaje sam komunikat */
  #ms-topbar .ms-topbar-right{ display:none; }
  #ms-topbar .ms-topbar-inner{ justify-content:center; padding:6px 10px; }

  /* overlay menu header */
  .only-mobile{ display:inline-flex; }
  #desk-search-toggle{ display:none; }
}
@media (max-width:700px){
  #mobile-search-toggle{ display:none; }
.ms-search-box input{
  font-size: 14px!important;
}

.ms-search-box button[type="submit"]
{
  font-size: 14px;
}
.ms-search-box form
{
  max-width: 250px;
}

}
@media (max-width:345px){
  .ms-header-left img{ height:41px; width:90px; }
  .ms-header-row{ padding:5px; }
  .ms-header-left{ width:35px; }
}

/* Desktop – pokaż lupę */
.ms-header-right .icon-search.only-desktop{ display:inline-flex; }
.ms-burger.only-mobile
{
  border: none;
  background: none;
}
/* --- SEARCH OVERLAY: X u góry, treść wycentrowana --- */
.ms-search-box{
  position: fixed;
  inset: 0;
  /* pełny viewport + zgodność mobilna */
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  z-index: 30000 !important;
  background: rgba(255,255,255,.98);

  /* zawsze środek */
  display: grid !important;
  place-items: center;

  /* rezerwujemy miejsce na "X" u góry (safe-area + wysokość przycisku) */
  padding-top: calc(max(env(safe-area-inset-top, 0px), 12px) + 48px) !important;
  padding-bottom: 0 !important;  /* nadpisuje poprzedni wariant "dół" */
}

/* "X" w prawym górnym rogu */
.ms-search-close{
  position: absolute !important;
  top: calc(max(env(safe-area-inset-top, 0px), 12px)) !important;
  right: 12px !important;

  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  cursor: pointer;

  /* wyczyść ewentualne poprzednie pozycjonowanie "na dół" */
  bottom: auto !important;
  left: auto !important;
}

/* overlay ma się zamykać po .hidden */
.ms-search-box.hidden{
  display: none !important;
}
/* --- SEARCH: nie przycinaj zawartości i daj bezpieczne marginesy --- */
.ms-search-box,
.ms-search-box form { 
  overflow: visible !important;
}

.ms-search-box {
  /* jeżeli wcześniej był padding tylko u góry – dodaj też po bokach */
  padding-left: max(env(safe-area-inset-left), 16px) !important;
  padding-right: max(env(safe-area-inset-right), 16px) !important;
}

/* formularz ma się zmieścić ładnie w viewport, z zapasem po bokach */
.ms-search-box form{
  position: relative;
 min-width: 300px; /* 16px lewy + 16px prawy */
  display: block;                       /* bez flexa, żadnego clipa */
  box-sizing: border-box;
}

/* input: miejsce na przycisk z prawej */
.ms-search-box input{
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-right: 60px; /* >= szerokość przycisku + odstęp */
}

/* przycisk „lupy” zawsze w ramkach formularza */
.ms-search-box button[type="submit"]{
  position: absolute;
  top: 50%;
  right: -12px;                           /* nie 0 – daj oddech */
  transform: translateY(-50%);
  height: 44px;
  min-width: 40px;
  padding: 0 12px;
  border-radius: 20px;
  margin: 0 !important;                  /* wyczyść stare -50px hacki */
  z-index: 2;  
  font-size: 16;                          /* ponad inputem */
}

/* iOS/Safari: uwzględnij bezpieczny prawy margines (dynamiczna belka) */
@supports (-webkit-touch-callout: none) {
  .ms-search-box button[type="submit"]{
    right: max(12px, env(safe-area-inset-right));
  }
}
@media (min-width: 1140px){
  .ms-search-box form{min-width: 840px; }
  .ms-search-box input{
    font-size: 20px;
    border-radius: 40px;
  }
  .ms-search-box button[type="submit"]{

    min-width: 52px;
    font-size: 20px;
    border-radius: 26px;
  }
}


/* Wyprzedaż – stały pomarańcz */
.sale-root > span,
.sale-root > a { color:#f47820 !important; }
.sale-root:hover > span,
.sale-root:hover > a { color:#f47820 !important; }

.menu-item-mobile.sale-item { color:#f47820; font-weight:600; }


/* MOBILE ≤ 991px: waluta/język rozwijane W BOK pod Twój markup .rozwijane/.menu-rozwijane */
@media (max-width: 991px){
  #mobile-menu .selector-row{
    display:flex; flex-wrap:wrap; gap:12px;
    align-items:center;
  }

  /* pojedynczy selektor (waluta lub język) = przycisk + lista po prawej */
  #mobile-menu .rozwijane{
    display:flex; align-items:center; gap:8px; width:100%;
  }

  #mobile-menu .rozwijane .przycisk-rozwin{
    background:#fff;
    padding: 5px 0px 5px 0px;; font-weight:700; text-transform:uppercase; color:#091749;
    flex:0 0 auto;
  }

  /* LISTA: domyślnie ukryta… */
  #mobile-menu .rozwijane .menu-rozwijane{
    display:none !important;     /* nadpisuje desktopowe reguły */
    position:static !important;  /* zeruje absolut */
    margin-left:8px; padding:0;
    background:none; border:0; box-shadow:none;
    flex:1 1 auto;
    gap:10px;
    overflow-x:auto; white-space:nowrap;
  }
  /* …po otwarciu .pokaz jest widoczna, poziomo */
  #mobile-menu .rozwijane.pokaz .menu-rozwijane{
    display:flex !important;
  }

  #mobile-menu .rozwijane .menu-rozwijane li{ list-style:none; }
  #mobile-menu .rozwijane .pozycja-menu{
    display:inline-block; padding:8px 14px;
    font-weight:600; color:#091749; text-decoration:none;
    white-space:nowrap;
  }
  #mobile-menu .rozwijane li.aktualny > .pozycja-menu{
    border-color:#f47820; color:#f47820; pointer-events:none;
  }

  /* flaga w wersji mobile ciut większa */
  #mobile-menu .rozwijane .ikona-flagi{ width:22px; height:14px; object-fit:cover; border-radius:2px; }
}

.page-header > h1{
  display: none;
}

.see-all-mobile a {
  display: flex;
  align-items: center;
  justify-content: space-between; /* tekst po lewej, strzałka po prawej */
  width: 100%; /* rozciąga link na cały wiersz */
}

.see-all-mobile .arrow {
  margin-left: 10px; /* odstęp od tekstu */
}