/* MENU TOP */
.menu-top .level-0-menu{display:flex;padding:0.65rem 0;flex-flow:row wrap;list-style:none;gap:0.15rem 0;}
.menu-top a{display:block;padding:.55em 0.85em;color:inherit;text-decoration:none;transition:color 0.2s ease, background 0.2s ease;border-radius:var(--radius-sm);}
/* Zamówienie: główny link + ulubione (drugi <a>) — jedna linia; globalnie .menu-top a jest block */
.menu-top li.basket-not-empty,
.menu-top li.basket-empty{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  column-gap:0.35em;
}
.menu-top li.basket-not-empty > a:first-of-type,
.menu-top li.basket-empty > a:first-of-type{
  display:inline-flex;
  align-items:center;
  flex:0 1 auto;
}
.menu-top li.basket-not-empty > .menu-favorites-link,
.menu-top li.basket-empty > .menu-favorites-link{
  margin-left:0;
}
.menu-top a:hover, .menu-top .selected > a, .menu-top .selected-parent > a{text-decoration:none;color:var(--color-primary);background:rgba(0,113,227,0.08);}
@media screen and (min-width:960px){
  .menu-top .level-0-menu{justify-content:flex-end;}
}
@media screen and (min-width:641px){ /* Accent underline */
  .menu-top li{position:relative;}
  .menu-top li:after{content:'';display:block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary);border-radius:1px;transition:width 0.25s ease;}
  .menu-top li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after{width:calc(100% - 1.7em);}
  /* Mega menu: podkreślenie ::after liczone na szerokość <li> — przy wąskim linku i szerokim panelu wygląda jak linia na całą stronę */
  .menu-top--mega > .level-0-menu > li:after,
  .menu-top--mega > .level-0-menu > li:hover:after,
  .menu-top--mega > .level-0-menu > li.selected:after,
  .menu-top--mega > .level-0-menu > li.selected-parent:after{
    display:none !important;
    width:0 !important;
    content:none !important;
  }
  /* Linki w panelu mega (poziom 1/2): globalne .menu-top li:after nadal by się stosowało */
  .menu-top--mega .mega-menu__panel li:after,
  .menu-top--mega .mega-menu__panel li:hover:after,
  .menu-top--mega .mega-menu__panel .selected:after,
  .menu-top--mega .mega-menu__panel .selected-parent:after{
    display:none !important;
    width:0 !important;
    content:none !important;
  }
  .menu-top a{font-size:0.9375rem;font-weight:500;}
  .menu-1.menu-top .level-0-menu{flex-wrap:nowrap;}
}
/* Desktop — ukryj klony logo (są tylko dla widoków mobilnych) */
@media screen and (min-width:641px){
  .mobile-nav-logo,
  .search-dropdown-logo{
    display:none !important;
  }
}

@media screen and (max-width:640px){ /* Small screens only */
  .menu-top .level-0-menu{flex-flow:column wrap;}
  .menu-top a{font-size:1.063rem;border-bottom:1px solid var(--color-divider);}
  .menu-top a:before{content:"";display:block;float:left;width:16px;height:16px;margin:1px .6em 0 0;background:url('img/options.png') no-repeat center -64px;}
  .menu-top a:hover:before, .menu-top .selected a:before, .menu-top .selected-parent a:before{background-position:center -80px;}
}

/* DROP DOWN MENU */
.menu-top ul{list-style:none;}
/* dropdown mark */
.menu-top li.drop-down:before{position:absolute;right:6px;display:block;content:"\25be";color:var(--color-secondary-light);font-size:0.65em;}
/* dropdown mark - second level */
.menu-top .level-1-el.drop-down:before{top:50%;transform:translateY(-50%) rotate(-90deg);}
/* global submenus styles */
.menu-top ul ul{display:none;white-space:nowrap;background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-divider);padding:0.35rem 0;}
.menu-top li:hover > ul{display:block;} /* show submenu on hover */
.menu-top ul ul a{color:var(--color-secondary);}
.menu-top ul ul a:hover{background:rgba(0,0,0,0.04);color:var(--color-primary);}

@media screen and (min-width:641px){
  .menu-top ul ul{position:absolute;top:100%;left:-1px;z-index:110;width:auto;height:auto;}
  .menu-top .level-1-el a{font-size:0.9375rem;padding:0.5em 1.15em;}
  .menu-top .level-2-el a{font-size:0.875rem;}
  /* third level submenu */
  .menu-top .level-2-menu{top:0;left:100%;border-left:1px solid var(--color-divider);}
}
@media screen and (max-width:640px){
  .menu-top ul ul{top:10%;left:5px;}
  .menu-top li:hover > .level-2-menu{display:none;}
}

/* Mega menu — widżety: globalne .menu-top ul ul { display:none } ukrywa <ul> listy widżetów (jest „drugim ul” pod .menu-top) */
.menu-top--mega .mega-menu__aside ul{
  display:block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  white-space:normal !important;
}
.menu-top--mega .mega-menu__aside .widgets-list > ul > .widget-section .widget{
  display:block !important;
}
.menu-top--mega .mega-menu__aside ul ul{
  display:block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:auto !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0.25rem 0 0.25rem 0.75rem !important;
  margin:0 !important;
}

/* MEGA MENU — panel (widgety | kolumny), pozycja względem header.header-navigation */
@media screen and (min-width:641px){
  .header-navigation .menu-top.menu-top--mega{
    overflow:visible;
  }
  .header-navigation .menu-top.menu-top--mega .level-0-menu{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
  }
  .menu-top--mega > .level-0-menu > li.drop-down{
    position:static;
  }
  .menu-top--mega > .level-0-menu > li.drop-down:before{
    display:none;
  }
  .menu-top--mega ul ul{white-space:normal;}
  .menu-top--mega .mega-menu__panel{
    position:absolute;
    left:50%;
    right:auto;
    transform:translateX(-50vw);
    width:100vw;
    max-width:100vw;
    top:100%;
    margin:0;
    max-height:none;
    overflow:visible;
    box-sizing:border-box;
    display:none;
    grid-template-columns:30% 70%;
    align-items:stretch;
    background:rgba(255,255,255,0.97);
    backdrop-filter:saturate(180%) blur(18px);
    -webkit-backdrop-filter:saturate(180%) blur(18px);
    border-bottom:1px solid var(--color-divider);
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
    border-radius:0;
  }
  /* Mega menu: pokaż panel tylko gdy klasa mega-open (kontrolowana przez JS) */
  .menu-top--mega li.drop-down.mega-open > .mega-menu__panel{
    display:flex !important;
  }
  .menu-top--mega .mega-menu__aside{
    flex:0 0 40%;
    width:40%;
    max-width:40%;
    min-width:0;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    /* jednolite odstępy: od krawędzi viewport + wyraźny odstęp od separatora z prawej */
    padding:0.85rem 1.75rem 1.25rem clamp(1rem, 4vw, 2.5rem);
    border-right:1px solid var(--color-divider);
    background:rgba(245,245,247,0.6);
    box-sizing:border-box;
  }
  .menu-top--mega .mega-menu__aside--empty{
    pointer-events:none;
  }
  .menu-top--mega .mega-menu__aside .widgets-list{
    margin:0;
  }
  .menu-top--mega .mega-menu__aside .widget{
    margin-bottom:0.75rem;
  }
  .menu-top--mega .mega-menu__aside .widget .head{
    font-size:0.8125rem;
    font-weight:600;
    margin-bottom:0.35rem;
  }
  .menu-top--mega .mega-menu__columns{
    grid-column:2;
    flex:0 0 auto;
    min-width:0;
    overflow:visible;
    padding:0.85rem clamp(1rem, 4vw, 2.5rem) 1.25rem 1.75rem;
    box-sizing:border-box;
  }
  .menu-top--mega .mega-menu__columns .level-1-menu{
    position:static;
    left:auto;
    transform:none;
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    display:block;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    border:none;
    box-shadow:none;
    width:max-content;
  }
  .menu-top--mega .mega-menu__columns--multi .level-1-menu{
    display:grid;
    grid-template-columns:max-content max-content;
    grid-template-rows:repeat(var(--mega-rows,10),auto);
    grid-auto-flow:column;
    column-gap:2em;
  }
  .menu-top--mega .level-1-el{
    display:block;
    width:100%;
    break-inside:avoid;
    margin-bottom:0.2rem;
  }
  .menu-top--mega .level-1-menu > .level-1-el > a{
    font-size:20px;
    font-weight:600;
    color:var(--color-secondary);
    padding:0.15em 0;
  }
  .menu-top--mega .level-1-menu .level-2-menu{
    position:static;
    top:auto;
    left:auto;
    width:auto;
    min-width:0;
    margin:0.4rem 0 0 0;
    padding:0.2rem 0 0.5rem 0.75rem;
    border:none;
    border-left:2px solid rgba(0,0,0,0.06);
    border-radius:0;
    box-shadow:none;
    background:transparent;
    display:none;
  }
  .menu-top--mega .level-1-menu .level-1-el:hover > .level-2-menu,
  .menu-top--mega .level-1-menu .level-1-el:focus-within > .level-2-menu{
    display:block;
  }
  /* Nadpisanie dla mega-open - musi być po display:none w .mega-menu__panel */
  .menu-top--mega li.drop-down.mega-open > .mega-menu__panel{
    display:flex !important;
  }
  .menu-top--mega .mega-menu__also{
    display:block !important;
    flex:0 0 200px;
    min-width:160px;
    max-width:240px;
    padding:0.85rem 1.25rem 1.25rem 1.25rem;
    box-sizing:border-box;
  }
  .menu-top--mega .mega-menu__also ul{
    display:block !important;
    white-space:normal;
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
    border-radius:0;
    position:static;
  }
  .menu-top--mega .mega-menu__also-title{
    display:block;
    font-size:15px;
    font-weight:600;
    text-transform:none;
    letter-spacing:0;
    color:var(--color-text-secondary, #666);
    margin-bottom:0.4rem;
    opacity:0.5;
  }
  .menu-top--mega .mega-menu__also ul{
    list-style:none;
    margin:0;
    padding:0;
  }
  .menu-top--mega .mega-menu__also li{
    margin:0;
    padding:0;
  }
  .menu-top--mega .mega-menu__also a{
    display:block;
    padding:0.15em 0;
    font-size:15px;
  }
  .menu-top--mega .mega-menu__also li{
    margin:0.2rem 0;
  }
  .menu-top--mega .mega-menu__also li.selected > a{
    font-weight:600;
  }
  .menu-top--mega .level-2-el a{
    font-weight:400;
    padding:0.38em 0;
  }
}

@media screen and (max-width:640px){
  .menu-top--mega .mega-menu__panel{
    position:absolute;
    left:0;
    right:auto;
    top:100%;
    width:min(22rem, calc(100vw - 1.5rem));
    max-height:none;
    grid-template-columns:1fr;
    background:var(--color-white);
    border-radius:var(--radius-sm);
    border:1px solid var(--color-divider);
    box-shadow:0 8px 28px rgba(0,0,0,0.12);
    display:none;
    overflow:visible;
  }
  /* Otwieranie mega menu na mobile: klasa .is-open (JS), nie :hover — touch */
  .menu-top--mega .mega-menu__aside{
    grid-column:auto;
    width:100%;
    max-width:none;
    border-right:none;
    border-bottom:1px solid var(--color-divider);
    padding:0.5rem 0.75rem;
  }
  .menu-top--mega .mega-menu__aside--empty{
    display:none;
  }
  .menu-top--mega .mega-menu__columns{
    grid-column:auto;
    width:100%;
    max-width:none;
    overflow:visible;
    padding:0.4rem 0;
  }
  .menu-top--mega .mega-menu__columns .level-1-menu{
    grid-template-columns:1fr;
    row-gap:0;
  }
  .menu-top--mega .level-1-menu .level-2-menu{
    position:static;
    margin:0;
    padding:0.25rem 0 0.25rem 0.75rem;
    border-left:2px solid rgba(0,0,0,0.06);
    box-shadow:none;
  }
}

/* Panel mobilny (hamburger) — Apple-style drill-down */
@media screen and (max-width:640px){
  /* Bez starych ikon options.png / strzałki ::before */
  #primary-navigation .menu-top a:before,
  #primary-navigation .menu-top a:hover:before,
  #primary-navigation .menu-top .selected > a:before,
  #primary-navigation .menu-top .selected-parent > a:before,
  #primary-navigation .menu-top li.drop-down:before,
  #primary-navigation .menu-top .level-1-el.drop-down:before{
    content:none !important;
    display:none !important;
    background:none !important;
    float:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
  }
  /* Header panelu z back button — minimal, bez bordera */
  .mobile-nav-header{
    display:flex;
    align-items:center;
    gap:0.5rem;
    padding:0.75rem 1rem 0.25rem;
    min-height:2.5rem;
    background:#fff;
    position:sticky;
    top:0;
    z-index:2;
  }
  .mobile-nav-back{
    display:none;
    align-items:center;
    justify-content:center;
    width:2.5rem;
    height:2.5rem;
    padding:0;
    border:0;
    background:transparent;
    color:#1d1d1f;
    cursor:pointer;
    line-height:1;
    font-size:0;
  }
  .mobile-nav-back:hover,
  .mobile-nav-back:focus-visible{
    outline:none;
    opacity:0.6;
  }
  .mobile-nav-back::before{
    content:"\2039"; /* ‹ */
    font-size:2.1rem;
    font-weight:300;
    line-height:1;
  }
  .mobile-nav-header.has-back .mobile-nav-back{display:inline-flex;}
  .mobile-nav-title{display:none;} /* Apple nie pokazuje tytułu kategorii w nagłówku */
  /* Close button — w prawym górnym rogu, bez bordera */
  #primary-navigation #mobile-nav-close{
    position:absolute !important;
    top:0.5rem;
    right:0.5rem;
    width:auto;
    padding:0.5rem 0.75rem;
    border:0 !important;
    background:transparent !important;
    z-index:3;
  }

  /* Logo (klon) na górze panelu mobilnego - wycentrowany */
  .mobile-nav-logo{
    display:flex !important;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:1rem 1rem 0.5rem;
    margin:0 !important;
    box-sizing:border-box;
  }
  .mobile-nav-logo .site-logo{
    display:inline-block;
    line-height:0;
  }
  .mobile-nav-logo .site-logo__img{
    max-height:2.25rem;
    width:auto;
    height:auto;
    display:block;
  }
  #primary-navigation .menu-top{
    padding:0 1.5rem 20vh;
    position:relative;
    /* Wyrównaj zawartość menu do dołu — wygodniej kciukiem na telefonie */
    margin-top:auto;
    /* Wyrównaj tekst do prawej */
    text-align:right;
  }
  /* #primary-navigation jest flex-column; menu-top z margin-top:auto trafia na sam dół */
  #primary-navigation .menu-top nav,
  #primary-navigation .menu-top .level-0-menu,
  #primary-navigation .menu-top ul,
  #primary-navigation .menu-top .mega-menu__panel,
  #primary-navigation .menu-top .mega-menu__columns,
  #primary-navigation .menu-top .mega-menu__aside{
    list-style:none;
    margin:0;
    padding:0;
    gap:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
  }
  /* Drill-down: domyślnie ukrywaj wszystkie panele i submenu */
  #primary-navigation .menu-top ul,
  #primary-navigation .menu-top .mega-menu__panel{
    display:none !important;
  }
  /* Aktywny zwykły UL */
  #primary-navigation .menu-top ul.mobile-nav-active{
    display:block !important;
  }
  /* Aktywny mega panel — pokaż go i wszystkie jego potomne UL/sekcje
     (mega ma strukturę: panel > columns > level-1-menu > level-1-el > level-2-menu) */
  #primary-navigation .menu-top .mega-menu__panel.mobile-nav-active{
    display:block !important;
  }
  #primary-navigation .menu-top .mega-menu__panel.mobile-nav-active ul,
  #primary-navigation .menu-top .mega-menu__panel.mobile-nav-active .mega-menu__columns,
  #primary-navigation .menu-top .mega-menu__panel.mobile-nav-active .mega-menu__aside{
    display:block !important;
  }
  /* W trybie drilled — level-0-menu pozostaje display:block (żeby potomne panele były renderowane),
     ale ukrywamy wszystkie <li> oprócz przodka aktywnego panelu */
  #primary-navigation.mobile-nav-drilled .menu-top ul.level-0-menu{
    display:block !important;
  }
  #primary-navigation.mobile-nav-drilled .menu-top ul.level-0-menu > li{
    display:none !important;
  }
  #primary-navigation.mobile-nav-drilled .menu-top ul.level-0-menu > li.mobile-nav-active-ancestor{
    display:block !important;
  }
  /* W aktywnym przodku ukryj jego własny link (rodzica) i chevron — widać tylko zawartość submenu */
  #primary-navigation.mobile-nav-drilled .menu-top .mobile-nav-active-ancestor > a,
  #primary-navigation.mobile-nav-drilled .menu-top .mobile-nav-active-ancestor > .mobile-nav-expand,
  #primary-navigation.mobile-nav-drilled .menu-top .mobile-nav-active-ancestor > .menu-favorites-link{
    display:none !important;
  }
  /* To samo dla głębszych poziomów (drill ze level-1 do level-2) */
  #primary-navigation.mobile-nav-drilled .menu-top .mobile-nav-active-ancestor > ul:not(.mobile-nav-active),
  #primary-navigation.mobile-nav-drilled .menu-top .mobile-nav-active-ancestor > .mega-menu__panel:not(.mobile-nav-active){
    display:none !important;
  }
  /* Wewnątrz aktywnego panelu — analogicznie: pokazuj tylko aktywnego przodka albo pełną zawartość */
  #primary-navigation.mobile-nav-drilled .menu-top .mobile-nav-active li{
    display:block;
  }
  /* Reset: borders off, brak hover-tła, brak strzałek */
  #primary-navigation .menu-top li{
    border:0 !important;
    background:transparent;
    list-style:none;
  }
  #primary-navigation .menu-top a{
    display:block;
    font-size:1.625rem;
    font-weight:600;
    letter-spacing:-0.02em;
    line-height:1.2;
    border:0;
    border-radius:0;
    padding:0.55rem 0;
    color:#1d1d1f;
    text-decoration:none;
    background:transparent !important;
  }
  #primary-navigation .menu-top a:hover,
  #primary-navigation .menu-top a:focus-visible,
  #primary-navigation .menu-top .selected > a,
  #primary-navigation .menu-top .selected-parent > a{
    color:#86868b !important; /* widoczny szary (Apple) — zamiast białego/przezroczystego */
    background:transparent !important;
    text-decoration:none;
    opacity:1;
  }
  /* Submenu — te same wymiary co poziom 0 */
  #primary-navigation .menu-top ul ul a,
  #primary-navigation .menu-top .mega-menu__panel a{
    font-size:1.625rem;
    font-weight:600;
    padding:0.55rem 0;
  }
  /* Nagłówki sekcji w mega-menu (np. "Zobacz Maca", "Więcej z kategorii Mac") */
  #primary-navigation .menu-top .mega-menu__panel h3,
  #primary-navigation .menu-top .mega-menu__panel .mega-menu__heading,
  #primary-navigation .menu-top .mega-menu__panel .heading{
    margin:1.5rem 0 0.35rem;
    padding:0;
    font-size:0.85rem;
    font-weight:400;
    color:#86868b;
    letter-spacing:0;
    border:0;
    background:transparent;
  }
  /* Wiersz drop-down: link na całą szerokość, brak chevronu */
  #primary-navigation .menu-top li.drop-down{
    display:block;
  }
  #primary-navigation .menu-top li.drop-down > a:first-of-type{
    flex:none;
    width:100%;
  }
  #primary-navigation .menu-top li.drop-down > .menu-favorites-link{
    padding:0;
  }
  /* Ukryj chevrony/przycisk expand — Apple nie pokazuje strzałek przy elementach */
  .mobile-nav-expand{
    display:none !important;
  }
  /* Basket + Favorites — wycentrowane w wierszu, oddzielone od reszty menu */
  #primary-navigation .menu-top .level-0-menu > li.basket-empty,
  #primary-navigation .menu-top .level-0-menu > li.basket-not-empty{
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:1.75rem;
    text-align:center;
    margin-top:1.5rem;
    padding-top:1.5rem;
    border-top:1px solid rgba(0,0,0,0.08) !important;
  }
  #primary-navigation .menu-top .level-0-menu > li.basket-empty > a,
  #primary-navigation .menu-top .level-0-menu > li.basket-not-empty > a{
    display:inline-flex;
    align-items:center;
    gap:0.35rem;
    width:auto;
    padding:0.35rem 0.5rem;
    font-size:1.125rem;
    font-weight:600;
  }
  #primary-navigation .menu-top .level-0-menu > li.basket-empty .menu-favorites-link,
  #primary-navigation .menu-top .level-0-menu > li.basket-not-empty .menu-favorites-link{
    margin:0;
  }
  /* Mega menu — listy ułożone pionowo, bez kolumn/grid */
  #primary-navigation .menu-top--mega .mega-menu__panel,
  #primary-navigation .menu-top--mega .mega-menu__columns{
    display:block !important;
    grid-template-columns:none !important;
    position:static !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    box-shadow:none !important;
    border:0 !important;
    overflow:visible !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #primary-navigation .menu-top--mega .mega-menu__panel:not(.mobile-nav-active){
    display:none !important;
  }
}

[class*="menu-"] .products-in-basket{display:inline-block;padding:2px 7px;margin-left:.5em;color:#fff;background:#1d1d1f;border-radius:var(--radius-pill);font-style:normal;font-size:0.7em;font-weight:600;}
[class*="menu-"] .menu-favorites-link{display:inline-flex;align-items:center;gap:0.2em;margin-left:.45em;text-decoration:none;vertical-align:middle;color:inherit;}
[class*="menu-"] .menu-favorites-link:hover{text-decoration:none;opacity:0.9;}
[class*="menu-"] .menu-favorites-link__icon{font-size:0.9em;line-height:1;opacity:0.85;}
[class*="menu-"] .products-favorites-count{display:inline-block;padding:2px 7px;margin-left:0.1em;color:#1d1d1f;background:#fff;border:1px solid #d2d2d7;border-radius:var(--radius-pill);font-style:normal;font-size:0.7em;font-weight:600;}

/* WIDGET - display option: MENU */
/* footer menu */
#foot .widget.type-4 nav ul{list-style:none;display:flex;flex-flow:column nowrap;}
#foot .menu-foot li{padding:.5em 0;flex-basis:100%;}
#foot .widget.type-4 li:before{content:'';margin-right:0;}
#foot .menu-foot li.basket-empty,
#foot .menu-foot li.basket-not-empty{display:flex;flex-direction:row;align-items:center;gap:0.5rem;}
@media screen and (max-width:767px){
  #foot .widget.type-4 nav ul{align-items:center;}
  #foot .menu-foot li{text-align:center;}
}
/* Overlay blurujący stronę gdy menu/wyszukiwarka otwarte */
#page-overlay{
  position:fixed;
  inset:0;
  background:rgba(255,255,255,0.25);
  backdrop-filter:blur(50px);
  -webkit-backdrop-filter:blur(50px);
  z-index:150;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.2s ease, visibility 0.2s ease;
}
#page-overlay.visible{
  opacity:1;
  visibility:visible;
}
@media screen and (max-width:640px){
  #page-overlay{display:none !important;}
}

/* left column menu */
.widgets-8 .widget.type-4 li{padding:.2rem 0 .2em 1em;}
.widgets-8 .widget.type-4 li:before{content:'';margin:0;}
.widgets-8 .widget.type-4 a{text-decoration:none;}
.widgets-8 .widget.type-4 .selected[class*="-el"] > a, .widgets-8 .widget.type-4 .selected-parent[class*="-el"] > a{color:var(--color-primary);font-weight:500;}

/* Menu mobile: miniaturki po prawej stronie */
@media screen and (max-width:640px){
  
  #primary-navigation .menu-top li.has-thumb > a{flex-direction:row-reverse !important;justify-content:flex-start;}
  #primary-navigation .menu-top .menu-thumb{display:none !important;}
  #primary-navigation .menu-top li.has-thumb > a .menu-thumb{margin-right:0;margin-left:.5em;}
  #primary-navigation .menu-top--mega .mega-menu__also{margin-top:2em;}
}