/* ATEX Menu 1.7.0 */
.atexmm-menu-icon{display:none}
@media(max-width:767px){
  .atexmm-shell .ast-mobile-popup-inner,
  .atexmm-panel{
    width:min(var(--atexmm-local-width,var(--atexmm-panel-width)),92vw)!important;
    max-width:92vw!important;
  }

  .atexmm-panel{
    min-height:100%;
    display:flex!important;
    flex-direction:column;
    background:var(--atexmm-bg)!important;
    color:var(--atexmm-text)!important;
    box-sizing:border-box;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .atexmm-brand{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 58px 17px;
    border-bottom:1px solid var(--atexmm-separator);
    box-sizing:border-box;
  }
  .atexmm-brand img{display:block;max-width:100%;height:auto}

  .atexmm-panel .main-header-menu,
  .atexmm-panel .ast-nav-menu,
  .atexmm-panel ul.menu{margin:0!important;padding:0!important}

  .atexmm-panel .menu-item>a,
  .atexmm-panel .page_item>a{
    min-height:56px;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:13px 22px!important;
    color:var(--atexmm-text)!important;
    border-bottom:1px solid var(--atexmm-separator)!important;
    font-size:17px!important;
    line-height:1.3!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-sizing:border-box;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .atexmm-panel .menu-item>a:active{transform:translateX(2px)}

  .atexmm-panel .current-menu-item>a,
  .atexmm-panel .current_page_item>a,
  .atexmm-panel .current-menu-ancestor>a{
    background:var(--atexmm-active-bg)!important;
    box-shadow:inset 4px 0 0 var(--atexmm-accent);
  }

  .atexmm-panel .atexmm-menu-icon{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:var(--atexmm-icon-size);
    height:var(--atexmm-icon-size);
    flex:0 0 var(--atexmm-icon-size);
    color:var(--atexmm-icon)!important;
  }
  .atexmm-svg{width:100%;height:100%;display:block}

  .atexmm-footer{
    margin-top:auto;
    padding:20px 22px calc(20px + env(safe-area-inset-bottom));
    border-top:1px solid var(--atexmm-separator);
  }
  .atexmm-footer-text{font-size:12px;line-height:1.5;opacity:.72;text-align:center}
  .atexmm-footer-button{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:44px;
    margin-top:14px;
    padding:10px 16px;
    border-radius:9px;
    background:var(--atexmm-accent);
    color:#fff!important;
    font-weight:700;
    text-decoration:none!important;
  }

  .atexmm-style-minimal .menu-item>a{border-bottom-color:transparent!important;font-weight:500!important}
  .atexmm-style-minimal .current-menu-item>a{box-shadow:none;color:var(--atexmm-accent)!important;background:transparent!important}
  .atexmm-style-minimal .atexmm-brand{border-bottom-color:transparent}

  .atexmm-style-technical .atexmm-brand{border-top:3px solid var(--atexmm-accent)}
  .atexmm-style-technical .atexmm-footer{border-bottom:3px solid var(--atexmm-accent)}
  .atexmm-style-technical .menu-item>a{letter-spacing:.01em}

  .atexmm-style-classic .menu-item>a{min-height:52px;font-weight:600!important}
  .atexmm-style-classic .current-menu-item>a{box-shadow:none;font-weight:800!important}

  .atexmm-animation-slide-left{animation:atexmmLeft .26s ease both}
  .atexmm-animation-slide-right{animation:atexmmRight .26s ease both}
  .atexmm-animation-fade{animation:atexmmFade .22s ease both}
  @keyframes atexmmLeft{from{opacity:.55;transform:translateX(-18px)}to{opacity:1;transform:none}}
  @keyframes atexmmRight{from{opacity:.55;transform:translateX(18px)}to{opacity:1;transform:none}}
  @keyframes atexmmFade{from{opacity:0}to{opacity:1}}

  .atexmm-close{
    width:40px!important;height:40px!important;min-width:40px!important;
    padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    color:var(--atexmm-text)!important;border:1px solid var(--atexmm-separator)!important;
    background:var(--atexmm-active-bg)!important;
  }
  .atexmm-close-circle{border-radius:999px!important}
  .atexmm-close-square{border-radius:8px!important}
  .atexmm-close-minimal{border-color:transparent!important;background:transparent!important;border-radius:0!important}
}

@media(min-width:768px){
  .atexmm-brand,.atexmm-footer{display:none!important}
  .atexmm-menu-icon{display:none!important}
}

@media(max-width:767px){
  /* Zamknięty nagłówek: kompaktowa marka zamiast pustej białej belki */
  .ast-mobile-header-wrap{position:relative}
  .atexmm-closed-brand{
    position:absolute;
    z-index:5;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    justify-content:center;
    max-width:calc(100% - 96px);
    pointer-events:none;
    color:var(--atexmm-text);
  }
  .atexmm-closed-title{
    display:block;
    font-size:18px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.01em;
    color:var(--atexmm-text);
  }
  .atexmm-closed-subtitle{
    display:block;
    margin-top:3px;
    font-size:10px;
    line-height:1.25;
    font-weight:600;
    color:var(--atexmm-text);
    opacity:.72;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Hamburger i X w kolorze złotym */
  .atexmm-hamburger,
  .atexmm-close{
    color:var(--atexmm-accent)!important;
    border:1px solid var(--atexmm-accent)!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .atexmm-hamburger svg,
  .atexmm-hamburger .ast-mobile-svg,
  .atexmm-close svg{
    fill:currentColor!important;
    color:var(--atexmm-accent)!important;
  }

  /* Drobne dopracowanie wersji Technical */
  .atexmm-style-technical .atexmm-menu-icon{color:var(--atexmm-accent)!important}
  .atexmm-style-technical .current-menu-item>a,
  .atexmm-style-technical .current_page_item>a{
    background:linear-gradient(90deg,var(--atexmm-active-bg),#fff)!important;
  }
}


@media(max-width:767px){
  .atexmm-social{
    display:flex;
    justify-content:center;
    margin-top:14px;
  }
  .atexmm-social-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:7px 12px;
    color:var(--atexmm-text)!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:700;
    border:1px solid var(--atexmm-separator);
    border-radius:9px;
    background:#fff;
    transition:border-color .18s ease,color .18s ease,background .18s ease;
  }
  .atexmm-social-link:hover,
  .atexmm-social-link:focus{
    color:var(--atexmm-accent)!important;
    border-color:var(--atexmm-accent);
    background:var(--atexmm-active-bg);
  }
  .atexmm-social-icon{
    display:inline-flex;
    width:20px;
    height:20px;
    color:var(--atexmm-accent);
  }
  .atexmm-social-icon svg{width:100%;height:100%;display:block}
}


@media(max-width:767px){
  /* QUICK ACTIONS */
  .atexmm-quick-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:14px 18px;
    border-top:1px solid var(--atexmm-separator);
  }
  .atexmm-qa-link{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:9px 10px;
    border:1px solid var(--atexmm-separator);
    border-radius:10px;
    background:rgba(255,255,255,.8);
    color:var(--atexmm-text)!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:700;
  }
  .atexmm-qa-icon{display:inline-flex;width:19px;height:19px;color:var(--atexmm-accent)}
  .atexmm-qa-icon svg{width:100%;height:100%}

  /* LAYOUT: CARDS */
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{padding:12px!important}
  .atexmm-layout-cards .menu-item>a{
    margin:7px 0;
    border:1px solid var(--atexmm-separator)!important;
    border-radius:12px;
    background:rgba(255,255,255,.78);
    box-shadow:0 3px 12px rgba(20,30,45,.04);
  }

  /* LAYOUT: TILES */
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:12px!important;
  }
  .atexmm-layout-tiles .menu-item{margin:0!important}
  .atexmm-layout-tiles .menu-item>a{
    min-height:94px!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center;
    gap:8px!important;
    padding:14px 10px!important;
    border:1px solid var(--atexmm-separator)!important;
    border-radius:12px;
    background:rgba(255,255,255,.8);
  }
  .atexmm-layout-tiles .atexmm-menu-icon{width:28px;height:28px;flex-basis:28px}

  /* LAYOUT: MIXED — Audyty jako CTA */
  .atexmm-layout-mixed .menu-item>a{min-height:52px}
  .atexmm-layout-mixed .menu-item a[href*="audyt"],
  .atexmm-layout-mixed .menu-item a[href*="audit"]{
    margin:12px 18px!important;
    min-height:58px!important;
    justify-content:center!important;
    border-radius:12px!important;
    border:1px solid var(--atexmm-accent)!important;
    background:var(--atexmm-accent)!important;
    color:#fff!important;
  }
  .atexmm-layout-mixed .menu-item a[href*="audyt"] .atexmm-menu-icon,
  .atexmm-layout-mixed .menu-item a[href*="audit"] .atexmm-menu-icon{color:#fff!important}

  /* THEME: MINIMAL */
  .atexmm-theme-minimal{background:#fff!important}
  .atexmm-theme-minimal .atexmm-brand{border-color:transparent}
  .atexmm-theme-minimal .menu-item>a{border-bottom-color:transparent!important}

  /* THEME: TECHNICAL */
  .atexmm-theme-technical .atexmm-brand{border-top:3px solid var(--atexmm-accent)}
  .atexmm-theme-technical .atexmm-menu-icon{color:var(--atexmm-accent)!important}

  /* THEME: INDUSTRIAL */
  .atexmm-theme-industrial{
    background:
      linear-gradient(135deg,transparent 0 84%,rgba(182,144,47,.10) 84% 87%,transparent 87%),
      radial-gradient(circle at 84% 18%,rgba(182,144,47,.09) 0 2px,transparent 3px),
      var(--atexmm-bg)!important;
  }
  .atexmm-theme-industrial:before{
    content:"";
    position:absolute;
    right:18px;top:92px;
    width:74px;height:86px;
    opacity:.08;
    background:
      linear-gradient(30deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent)),
      linear-gradient(150deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent)),
      linear-gradient(30deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent));
    background-size:28px 48px;
    pointer-events:none;
  }
  .atexmm-theme-industrial .atexmm-brand{border-top:3px solid var(--atexmm-accent)}

  /* THEME: HERO */
  .atexmm-theme-hero{
    --atexmm-text:#fff;
    --atexmm-icon:#d6ae48;
    --atexmm-separator:rgba(255,255,255,.15);
    --atexmm-active-bg:rgba(214,174,72,.13);
    background:linear-gradient(160deg,#132237,#1d3555 68%,#0e1928)!important;
    color:#fff!important;
  }
  .atexmm-theme-hero .atexmm-brand,
  .atexmm-theme-hero .atexmm-footer{color:#fff}
  .atexmm-theme-hero .menu-item>a{color:#fff!important;background:transparent}
  .atexmm-theme-hero .atexmm-menu-icon{color:#d6ae48!important}
  .atexmm-theme-hero .atexmm-qa-link{background:rgba(255,255,255,.06);color:#fff!important;border-color:rgba(255,255,255,.16)}
  .atexmm-theme-hero .atexmm-footer-button{background:#d6ae48}

  /* THEME: DARK */
  .atexmm-theme-dark{
    --atexmm-text:#f6f7f8;
    --atexmm-icon:#d6ae48;
    --atexmm-separator:rgba(255,255,255,.12);
    --atexmm-active-bg:rgba(214,174,72,.12);
    background:#111820!important;
  }
  .atexmm-theme-dark .menu-item>a{color:#f6f7f8!important}
  .atexmm-theme-dark .atexmm-qa-link{background:#18212b;color:#f6f7f8!important;border-color:#2a3542}
}


@media(max-width:767px){
  .atexmm-closed-brand{
    gap:10px;
    align-items:center;
    flex-direction:row;
  }
  .atexmm-closed-copy{
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
  }
  .atexmm-closed-logo{
    display:block;
    flex:0 0 auto;
    max-height:42px;
    max-width:130px;
    object-fit:contain;
  }
  .atexmm-closed-mode-logo{
    max-width:calc(100% - 84px);
  }
  .atexmm-closed-mode-logo-text{
    max-width:calc(100% - 92px);
  }
  .atexmm-closed-mode-logo-text .atexmm-closed-title{
    font-size:16px;
  }
  .atexmm-closed-mode-logo-text .atexmm-closed-subtitle{
    font-size:9px;
  }
}


@media(max-width:767px){
  .atexmm-closed-has-logo{
    max-width:calc(100% - 92px);
  }
  .atexmm-closed-has-logo .atexmm-closed-logo{
    max-height:52px;
    max-width:220px;
  }
  .atexmm-closed-text-only{
    max-width:calc(100% - 92px);
  }
  .atexmm-brand{
    min-height:auto;
    padding-top:18px;
    padding-bottom:18px;
  }
}


@media(max-width:767px){
  /* Kolumny wybierane z panelu */
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr));
    gap:10px;
    padding:12px!important;
  }
  .atexmm-layout-cards .menu-item>a{
    margin:0!important;
    min-height:64px!important;
    height:100%;
  }
  .atexmm-layout-cards .menu-item{margin:0!important}

  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    grid-template-columns:repeat(var(--atexmm-tiles-columns,2),minmax(0,1fr))!important;
  }
  .atexmm-layout-tiles .menu-item>a{
    min-width:0;
  }
  .atexmm-layout-tiles .menu-item>a span:not(.atexmm-menu-icon){
    overflow-wrap:anywhere;
  }

  /* TECHNICAL LIGHT */
  .atexmm-theme-technical-light{
    --atexmm-text:#20364d;
    --atexmm-icon:#c69a25;
    --atexmm-separator:#dfe5eb;
    --atexmm-active-bg:#fbf7ea;
    position:relative;
    isolation:isolate;
    background:#fff!important;
    color:#20364d!important;
  }

  /* TECHNICAL DARK */
  .atexmm-theme-technical-dark{
    --atexmm-text:#f4f7fb;
    --atexmm-icon:#d2a53a;
    --atexmm-separator:rgba(255,255,255,.13);
    --atexmm-active-bg:rgba(210,165,58,.13);
    position:relative;
    isolation:isolate;
    background:#111c2c!important;
    color:#f4f7fb!important;
  }
  .atexmm-theme-technical-dark .menu-item>a,
  .atexmm-theme-technical-dark .page_item>a{color:#f4f7fb!important}
  .atexmm-theme-technical-dark .atexmm-footer,
  .atexmm-theme-technical-dark .atexmm-brand{color:#f4f7fb}
  .atexmm-theme-technical-dark .atexmm-qa-link,
  .atexmm-theme-technical-dark .atexmm-social-link{
    background:rgba(255,255,255,.055);
    border-color:rgba(255,255,255,.15);
    color:#f4f7fb!important;
  }

  /* TECHNICAL PREMIUM */
  .atexmm-theme-technical-premium{
    --atexmm-text:#20364d;
    --atexmm-icon:#c69a25;
    --atexmm-separator:#dfe5eb;
    --atexmm-active-bg:#fbf7ea;
    position:relative;
    isolation:isolate;
    background:
      linear-gradient(160deg,#fff 0 74%,#f8f4e9 100%)!important;
    color:#20364d!important;
  }
  .atexmm-theme-technical-premium .atexmm-brand{
    border-top:3px solid var(--atexmm-accent);
  }

  /* Wspólne dekoracje */
  .atexmm-panel:after,
  .atexmm-panel:before{
    pointer-events:none;
    position:absolute;
    content:"";
    z-index:-1;
  }

  .atexmm-decor-hexagons:before{
    right:12px;
    top:96px;
    width:120px;
    height:160px;
    opacity:.085;
    background:
      linear-gradient(30deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent)),
      linear-gradient(150deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent)),
      linear-gradient(30deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent));
    background-size:34px 58px;
  }

  .atexmm-decor-lines{
    background-image:
      linear-gradient(115deg,transparent 0 76%,rgba(198,154,37,.06) 76.2% 76.8%,transparent 77%),
      linear-gradient(165deg,transparent 0 88%,rgba(32,54,77,.035) 88.2% 88.5%,transparent 88.8%)!important;
  }
  .atexmm-theme-technical-dark.atexmm-decor-lines{
    background-image:
      linear-gradient(115deg,transparent 0 76%,rgba(210,165,58,.10) 76.2% 76.8%,transparent 77%),
      linear-gradient(165deg,transparent 0 88%,rgba(255,255,255,.035) 88.2% 88.5%,transparent 88.8%)!important;
  }

  .atexmm-decor-dots:after{
    left:18px;
    bottom:90px;
    width:76px;
    height:42px;
    opacity:.75;
    background:
      radial-gradient(circle,var(--atexmm-accent) 0 2px,transparent 2.5px) 0 0/24px 24px;
  }

  .atexmm-decor-diagonal{
    box-shadow:inset -5px 0 0 rgba(198,154,37,.9);
  }
  .atexmm-decor-diagonal .atexmm-footer{
    position:relative;
  }
  .atexmm-decor-diagonal .atexmm-footer:before{
    content:"";
    position:absolute;
    right:14px;
    top:-36px;
    width:72px;
    height:42px;
    opacity:.13;
    transform:skewX(-34deg);
    background:var(--atexmm-accent);
    pointer-events:none;
  }

  .atexmm-decor-gradient{
    background-image:
      radial-gradient(circle at 82% 12%,rgba(198,154,37,.09),transparent 30%),
      linear-gradient(180deg,rgba(255,255,255,0),rgba(198,154,37,.025))!important;
  }
  .atexmm-theme-technical-dark.atexmm-decor-gradient{
    background-image:
      radial-gradient(circle at 82% 12%,rgba(210,165,58,.12),transparent 30%),
      linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.02))!important;
  }

  /* Technical family — jednolite zachowanie elementów */
  .atexmm-theme-technical-light .atexmm-menu-icon,
  .atexmm-theme-technical-dark .atexmm-menu-icon,
  .atexmm-theme-technical-premium .atexmm-menu-icon{
    color:var(--atexmm-icon)!important;
  }
  .atexmm-theme-technical-light .atexmm-brand,
  .atexmm-theme-technical-dark .atexmm-brand,
  .atexmm-theme-technical-premium .atexmm-brand{
    border-top:2px solid var(--atexmm-accent);
  }

  /* 3 kolumny na bardzo wąskim ekranie: mniejszy tekst/ikony zamiast łamania layoutu */
  .atexmm-layout-tiles[style*="--atexmm-tiles-columns: 3"] .menu-item>a,
  .atexmm-layout-cards[style*="--atexmm-cards-columns: 3"] .menu-item>a{
    font-size:13px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


@media(max-width:767px){
  /* Szerokość */
  .atexmm-shell .atexmm-width-full,
  .atexmm-shell .atexmm-width-full.ast-mobile-popup-inner,
  .atexmm-width-full{
    width:100vw!important;
    max-width:100vw!important;
  }
  .atexmm-shell .atexmm-width-fixed,
  .atexmm-shell .atexmm-width-fixed.ast-mobile-popup-inner,
  .atexmm-width-fixed{
    width:min(var(--atexmm-local-width,var(--atexmm-panel-width)),92vw)!important;
    max-width:92vw!important;
  }

  /* Wyraźna linia pod sekcją nagłówka/logo */
  .atexmm-brand{
    position:relative;
    border-bottom:0!important;
    margin-bottom:1px;
  }
  .atexmm-brand:after{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    bottom:0;
    height:2px;
    background:var(--atexmm-accent);
    opacity:.95;
  }
  .atexmm-closed-brand:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-12px;
    height:2px;
    background:var(--atexmm-accent);
    opacity:.9;
  }

  /* Stopka: osobny, czytelny blok, bez zderzania się z dekoracjami */
  .atexmm-footer{
    position:relative;
    z-index:3;
    margin-top:auto!important;
    padding:18px 20px calc(18px + env(safe-area-inset-bottom))!important;
    border-top:2px solid var(--atexmm-accent)!important;
    border-bottom:0!important;
    background:var(--atexmm-bg)!important;
  }
  .atexmm-theme-technical-dark .atexmm-footer{
    background:#111c2c!important;
  }
  .atexmm-theme-technical-premium .atexmm-footer{
    background:#fffdf8!important;
  }
  .atexmm-footer-text{
    max-width:100%;
    padding:0!important;
    margin:0!important;
    text-align:center!important;
    line-height:1.45!important;
    white-space:normal;
  }
  .atexmm-decor-diagonal .atexmm-footer:before{
    display:none!important;
  }
  .atexmm-quick-actions{
    position:relative;
    z-index:3;
    background:var(--atexmm-bg);
  }

  /* Własne ikony z Biblioteki mediów */
  .atexmm-menu-icon-custom img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
  }
}


@media(max-width:767px){
  /* Konfigurowalne odstępy sekcji logo */
  .atexmm-brand{
    padding-top:var(--atexmm-logo-mt,18px)!important;
    padding-bottom:var(--atexmm-logo-mb,18px)!important;
    margin-bottom:var(--atexmm-logo-menu-gap,10px)!important;
  }

  /* Kompaktowanie dużego logo bez zmniejszania jego szerokości bardziej niż potrzeba */
  .atexmm-logo-compact .atexmm-brand{
    min-height:0!important;
    max-height:var(--atexmm-logo-compact-max,92px);
    overflow:hidden;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .atexmm-logo-compact .atexmm-brand img{
    max-height:calc(var(--atexmm-logo-compact-max,92px) - var(--atexmm-logo-mt,18px) - var(--atexmm-logo-mb,18px))!important;
    width:auto!important;
    max-width:92%!important;
    object-fit:contain;
  }

  /* Na niskich ekranach kompresja robi się mocniejsza automatycznie */
  @media(max-height:700px){
    .atexmm-logo-compact .atexmm-brand{
      max-height:min(var(--atexmm-logo-compact-max,92px),78px);
      padding-top:min(var(--atexmm-logo-mt,18px),10px)!important;
      padding-bottom:min(var(--atexmm-logo-mb,18px),10px)!important;
      margin-bottom:min(var(--atexmm-logo-menu-gap,10px),6px)!important;
    }
    .atexmm-logo-compact .atexmm-brand img{
      max-height:58px!important;
    }
  }

  @media(max-height:580px){
    .atexmm-logo-compact .atexmm-brand{
      max-height:64px;
      padding-top:6px!important;
      padding-bottom:6px!important;
      margin-bottom:4px!important;
    }
    .atexmm-logo-compact .atexmm-brand img{
      max-height:48px!important;
    }
  }
}


@media(max-width:767px){
  /* 2.0: czytelne warianty zamknięcia */
  .atexmm-shell .atexmm-close,
  .ast-mobile-popup-drawer .atexmm-close{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    color:var(--atexmm-accent)!important;
    box-shadow:none!important;
  }
  .atexmm-shell .atexmm-close-circle,
  .ast-mobile-popup-drawer .atexmm-close-circle{
    width:42px!important;height:42px!important;min-width:42px!important;
    border:1.5px solid var(--atexmm-accent)!important;
    border-radius:999px!important;
    background:rgba(198,154,37,.08)!important;
  }
  .atexmm-shell .atexmm-close-square,
  .ast-mobile-popup-drawer .atexmm-close-square{
    width:42px!important;height:42px!important;min-width:42px!important;
    border:1.5px solid var(--atexmm-accent)!important;
    border-radius:3px!important;
    background:#fff!important;
  }
  .atexmm-shell .atexmm-close-minimal,
  .ast-mobile-popup-drawer .atexmm-close-minimal{
    width:34px!important;height:34px!important;min-width:34px!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
  }

  /* 2.0: dekoracje CSS-only — bez przebudowy DOM */
  .atexmm-panel{
    position:relative!important;
    isolation:isolate;
  }
  .atexmm-panel > *{position:relative;z-index:2}

  .atexmm-decor-gradient{
    background-image:
      radial-gradient(circle at 88% 16%,rgba(198,154,37,.15),transparent 25%),
      linear-gradient(180deg,rgba(255,255,255,0),rgba(198,154,37,.045))!important;
  }
  .atexmm-theme-technical-dark.atexmm-decor-gradient{
    background-image:
      radial-gradient(circle at 88% 16%,rgba(210,165,58,.16),transparent 27%),
      linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.025))!important;
  }

  .atexmm-decor-lines{
    background-image:
      linear-gradient(90deg,transparent 0 8%,rgba(198,154,37,.20) 8% 8.35%,transparent 8.35% 100%),
      linear-gradient(125deg,transparent 0 72%,rgba(198,154,37,.16) 72% 72.45%,transparent 72.45% 100%),
      linear-gradient(165deg,transparent 0 88%,rgba(32,54,77,.09) 88% 88.3%,transparent 88.3% 100%)!important;
  }

  .atexmm-decor-dots{
    background-size:auto!important;
  }
  .atexmm-decor-dots:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    top:108px!important;
    width:62px!important;
    height:38px!important;
    opacity:.82!important;
    background:radial-gradient(circle,var(--atexmm-accent) 0 2.2px,transparent 2.8px) 0 0/18px 18px!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  .atexmm-decor-hexagons:after{
    content:""!important;
    position:absolute!important;
    right:-18px!important;
    top:120px!important;
    width:128px!important;
    height:220px!important;
    opacity:.17!important;
    background:
      linear-gradient(30deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent)),
      linear-gradient(150deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent)),
      linear-gradient(30deg,var(--atexmm-accent) 12%,transparent 12.5%,transparent 87%,var(--atexmm-accent) 87.5%,var(--atexmm-accent));
    background-size:38px 66px!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  .atexmm-decor-diagonal{
    box-shadow:inset -4px 0 0 rgba(198,154,37,.78)!important;
  }
  .atexmm-decor-diagonal .main-navigation:after,
  .atexmm-decor-diagonal .ast-builder-menu-mobile:after{
    content:"";
    position:absolute;
    right:-28px;
    bottom:24px;
    width:86px;
    height:124px;
    border-left:7px solid rgba(198,154,37,.28);
    border-right:7px solid rgba(198,154,37,.16);
    transform:skewX(-28deg);
    pointer-events:none;
  }

  /* Nie pozwól dekoracjom wchodzić w stopkę */
  .atexmm-footer,.atexmm-quick-actions{
    z-index:5!important;
    background:var(--atexmm-bg)!important;
  }
  .atexmm-theme-technical-dark .atexmm-footer,
  .atexmm-theme-technical-dark .atexmm-quick-actions{background:#111c2c!important}

  /* LinkedIn — tylko jedno wybrane miejsce */
  .atexmm-linkedin-header{
    position:absolute;
    right:18px;top:50%;
    transform:translateY(-50%);
    width:34px;height:34px;
    display:flex;align-items:center;justify-content:center;
    color:var(--atexmm-accent)!important;
    border:1px solid var(--atexmm-accent);
    border-radius:8px;background:var(--atexmm-bg);
    text-decoration:none!important;
  }
  .atexmm-linkedin-header svg{width:19px;height:19px}
  .atexmm-linkedin-tile{
    position:relative;z-index:4;
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    min-height:42px;margin:10px 0 14px 18px;padding:8px 10px;
    color:var(--atexmm-text)!important;
    border:1px solid var(--atexmm-separator);
    border-radius:9px;background:var(--atexmm-bg);
    text-decoration:none!important;font-size:12px;font-weight:700;
    box-sizing:border-box;
  }
  .atexmm-linkedin-tile-quarter{width:calc(25% - 18px);min-width:76px}
  .atexmm-linkedin-tile-half{width:calc(50% - 22px);min-width:120px}
  .atexmm-linkedin-tile-icon{display:inline-flex;width:18px;height:18px;color:var(--atexmm-accent)}
  .atexmm-linkedin-tile-icon svg{width:100%;height:100%}

  /* Własne ikony z Mediów */
  .atexmm-menu-icon-custom img{display:block;width:100%;height:100%;object-fit:contain}
}

/* ==========================================================
   ATEX Menu 2.0.1 — projekt zgodny z makietą
   Stały, lekki motyw. Bez generowanych warstw "Dodatków wizualnych".
   ========================================================== */
@media(max-width:767px){
  .atexmm-panel.atexmm-motif-static{
    position:relative!important;
    isolation:isolate;
    overflow-x:hidden!important;
    background:#fff!important;
    color:var(--atexmm-text)!important;
  }
  .atexmm-panel.atexmm-motif-static:before,
  .atexmm-panel.atexmm-motif-static:after{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
  }
  /* subtelny motyw sześciokątów w narożnikach */
  .atexmm-panel.atexmm-motif-static:before{
    width:220px;height:260px;right:-72px;top:24px;opacity:.58;
    background:
      linear-gradient(30deg,transparent 46%,rgba(182,144,47,.34) 47%,rgba(182,144,47,.34) 48%,transparent 49%) 0 0/92px 80px,
      linear-gradient(150deg,transparent 46%,rgba(38,55,70,.12) 47%,rgba(38,55,70,.12) 48%,transparent 49%) 0 0/92px 80px,
      linear-gradient(90deg,transparent 49%,rgba(38,55,70,.10) 50%,transparent 51%) 46px 0/92px 80px;
    -webkit-mask-image:linear-gradient(to bottom,#000 0 72%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0 72%,transparent 100%);
  }
  .atexmm-panel.atexmm-motif-static:after{
    width:260px;height:260px;left:-110px;bottom:34px;opacity:.48;
    background:
      linear-gradient(30deg,transparent 46%,rgba(182,144,47,.28) 47%,rgba(182,144,47,.28) 48%,transparent 49%) 0 0/96px 84px,
      linear-gradient(150deg,transparent 46%,rgba(38,55,70,.10) 47%,rgba(38,55,70,.10) 48%,transparent 49%) 0 0/96px 84px,
      linear-gradient(90deg,transparent 49%,rgba(38,55,70,.08) 50%,transparent 51%) 48px 0/96px 84px;
    -webkit-mask-image:linear-gradient(to top,#000 0 64%,transparent 100%);
    mask-image:linear-gradient(to top,#000 0 64%,transparent 100%);
  }

  .atexmm-panel .atexmm-brand{
    position:relative!important;
    z-index:2;
    min-height:118px!important;
    justify-content:flex-start!important;
    padding:22px 86px 20px 22px!important;
    border:0!important;
    background:transparent!important;
  }
  .atexmm-panel .atexmm-brand:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:22px!important;right:42%!important;bottom:0!important;
    height:2px!important;background:var(--atexmm-accent)!important;
    opacity:1!important;
  }
  .atexmm-panel .atexmm-brand img{max-height:82px!important;object-fit:contain;object-position:left center}

  .atexmm-close{
    position:relative!important;
    width:52px!important;height:52px!important;min-width:52px!important;
    border:1.5px solid var(--atexmm-accent)!important;
    border-radius:5px!important;background:rgba(255,255,255,.92)!important;
    color:var(--atexmm-accent)!important;
    box-shadow:none!important;
  }

  /* domyślny układ kafelków jak w makiecie */
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    position:relative;z-index:1;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    padding:22px 18px 16px!important;
    margin:0!important;
    background:transparent!important;
  }
  .atexmm-layout-tiles .menu-item{display:block!important;margin:0!important;min-width:0!important}
  .atexmm-layout-tiles .menu-item>a{
    min-height:142px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:15px!important;
    padding:18px 10px!important;
    border:1px solid #d9dfe5!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    color:#0d2a48!important;
    text-align:center!important;
    font-size:18px!important;
    line-height:1.12!important;
    font-weight:650!important;
    letter-spacing:-.015em!important;
    box-shadow:0 3px 10px rgba(16,36,56,.035)!important;
    transform:none!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  }
  .atexmm-layout-tiles .menu-item>a:hover,
  .atexmm-layout-tiles .menu-item>a:focus{
    border-color:rgba(182,144,47,.72)!important;
    background:#fffdf8!important;
    box-shadow:0 5px 15px rgba(16,36,56,.06)!important;
  }
  .atexmm-layout-tiles .current-menu-item>a,
  .atexmm-layout-tiles .current_page_item>a,
  .atexmm-layout-tiles .current-menu-ancestor>a{
    background:#fffdf8!important;
    border-color:#d7c27f!important;
    box-shadow:inset 5px 0 0 var(--atexmm-accent),0 4px 12px rgba(16,36,56,.045)!important;
  }
  .atexmm-layout-tiles .atexmm-menu-icon{
    width:39px!important;height:39px!important;flex:0 0 39px!important;
    color:#c49313!important;
  }

  /* LinkedIn jest prawdziwym elementem tej samej siatki */
  .atexmm-layout-tiles .atexmm-linkedin-menu-item{align-self:start!important}
  .atexmm-layout-tiles .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    width:100%!important;min-width:0!important;margin:0!important;
    min-height:72px!important;height:auto!important;
    padding:12px!important;gap:7px!important;
    border-radius:14px!important;
  }
  .atexmm-layout-tiles .atexmm-linkedin-menu-item-quarter{width:52%!important;justify-self:start!important}
  .atexmm-layout-tiles .atexmm-linkedin-menu-item-half{width:100%!important;justify-self:stretch!important}
  .atexmm-layout-tiles .atexmm-linkedin-tile-icon{width:29px!important;height:29px!important;color:#c49313!important}
  .atexmm-layout-tiles .atexmm-linkedin-tile-label{font-size:11px!important;font-weight:650!important}

  .atexmm-linkedin-header{
    position:absolute!important;right:18px!important;bottom:18px!important;
    width:36px!important;height:36px!important;border:1px solid #d9dfe5!important;
    border-radius:8px!important;background:#fff!important;color:var(--atexmm-accent)!important;
  }

  .atexmm-quick-actions{
    position:relative;z-index:1;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;padding:8px 18px 16px!important;
    border:0!important;background:transparent!important;
  }
  .atexmm-qa-link{
    border:1px solid #d9dfe5!important;border-radius:12px!important;
    background:rgba(255,255,255,.95)!important;color:#0d2a48!important;
  }

  .atexmm-footer{
    position:relative;z-index:1;
    margin-top:auto!important;
    padding:22px 22px calc(18px + env(safe-area-inset-bottom))!important;
    border:0!important;background:transparent!important;
  }
  .atexmm-footer:before{
    content:""!important;display:block!important;position:static!important;
    width:74%!important;height:2px!important;margin:0 auto 18px!important;
    background:var(--atexmm-accent)!important;transform:none!important;
  }
  .atexmm-footer-text{color:#66768b!important;opacity:1!important;font-size:12px!important}

  /* wygaszenie starych klas dekoracyjnych, jeśli zostały w DOM/cache */
  .atexmm-panel.atexmm-decor-lines,
  .atexmm-panel.atexmm-decor-diagonal,
  .atexmm-panel.atexmm-decor-gradient{background:#fff!important}
  .atexmm-panel.atexmm-decor-hexagons:before,
  .atexmm-panel.atexmm-decor-dots:after,
  .atexmm-panel.atexmm-decor-dots:before{content:none!important}
}


/* ==========================================================
   ATEX Menu 2.0.2
   Exact supplied backgrounds + reliable 1/2/3-column grid.
   ========================================================== */
@media(max-width:767px){
  .atexmm-panel.atexmm-motif-static{
    background-color:#fff!important;
    background-image:var(--atexmm-motif-image)!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% 100%!important;
  }
  .atexmm-panel.atexmm-theme-technical-dark.atexmm-motif-static{
    background-color:#111c2c!important;
  }
  .atexmm-panel.atexmm-motif-static:before,
  .atexmm-panel.atexmm-motif-static:after{
    content:none!important;
    display:none!important;
  }

  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    grid-template-columns:repeat(var(--atexmm-tiles-columns,2),minmax(0,1fr))!important;
  }
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
  }

  .atexmm-tiles-cols-3 .main-header-menu,
  .atexmm-tiles-cols-3 .ast-nav-menu,
  .atexmm-tiles-cols-3 ul.menu{
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .atexmm-tiles-cols-3 .menu-item>a{
    min-height:112px!important;
    padding:12px 5px!important;
    gap:10px!important;
    border-radius:14px!important;
    font-size:13px!important;
    line-height:1.12!important;
    overflow:hidden!important;
  }
  .atexmm-tiles-cols-3 .atexmm-menu-icon{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }

  .atexmm-layout-tiles .menu-item,
  .atexmm-layout-tiles .menu-item>a{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .atexmm-layout-tiles .menu-item>a{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .atexmm-tiles-cols-3 .atexmm-linkedin-menu-item-quarter{
    width:62%!important;
  }
  .atexmm-tiles-cols-3 .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    min-height:62px!important;
    padding:8px 4px!important;
  }
  .atexmm-tiles-cols-3 .atexmm-linkedin-tile-label{
    font-size:10px!important;
  }

  .atexmm-theme-technical-light.atexmm-layout-tiles .menu-item>a{
    background:rgba(255,255,255,.90)!important;
  }
  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item>a{
    background:rgba(17,28,44,.86)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#f4f7fb!important;
  }
  .atexmm-theme-technical-dark .atexmm-footer,
  .atexmm-theme-technical-dark .atexmm-quick-actions{
    background:rgba(17,28,44,.90)!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.3
   Cards: stabilny układ, jedna ikona, kontrolowane odstępy.
   ========================================================== */
@media(max-width:767px){

  /* Sekcja logo: zachowuje ustawione wartości zamiast sztywnych wymiarów z 2.0.1. */
  .atexmm-panel .atexmm-brand{
    min-height:0!important;
    height:auto!important;
    padding:
      var(--atexmm-logo-mt,18px)
      86px
      var(--atexmm-logo-mb,18px)
      22px!important;
    margin:0 0 var(--atexmm-logo-menu-gap,10px) 0!important;
    overflow:visible!important;
  }
  .atexmm-panel .atexmm-brand img{
    width:auto!important;
    max-width:min(100%,var(--atexmm-drawer-logo-width,150px))!important;
    max-height:none!important;
    height:auto!important;
  }
  .atexmm-panel .atexmm-brand:after{
    left:22px!important;
    right:42%!important;
    bottom:0!important;
  }

  /* Cards zaczynają się dopiero po linii pod logo i respektują gap. */
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
    gap:12px!important;
    margin:0!important;
    padding:12px 18px 16px!important;
    background:transparent!important;
    align-items:stretch!important;
  }

  .atexmm-layout-cards .menu-item{
    display:block!important;
    margin:0!important;
    min-width:0!important;
    width:auto!important;
  }

  .atexmm-layout-cards .menu-item>a{
    width:100%!important;
    min-width:0!important;
    min-height:76px!important;
    height:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    padding:15px 16px!important;
    border:1px solid #d9dfe5!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.92)!important;
    color:#0d2a48!important;
    font-size:15px!important;
    line-height:1.18!important;
    font-weight:650!important;
    text-align:left!important;
    overflow:hidden!important;
    box-shadow:0 3px 10px rgba(16,36,56,.035)!important;
  }

  .atexmm-layout-cards .atexmm-menu-icon{
    display:inline-flex!important;
    width:31px!important;
    height:31px!important;
    flex:0 0 31px!important;
    margin:0!important;
    color:#c49313!important;
  }
  .atexmm-layout-cards .atexmm-menu-icon + .atexmm-menu-icon{
    display:none!important;
  }

  /* 2 kolumny cards */
  .atexmm-cards-cols-2 .main-header-menu,
  .atexmm-cards-cols-2 .ast-nav-menu,
  .atexmm-cards-cols-2 ul.menu{
    gap:10px!important;
  }
  .atexmm-cards-cols-2 .menu-item>a{
    min-height:96px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:10px!important;
    padding:13px 9px!important;
    text-align:center!important;
    font-size:14px!important;
  }

  /* 3 kolumny cards: kompaktowe, bez wypychania siatki. */
  .atexmm-cards-cols-3 .main-header-menu,
  .atexmm-cards-cols-3 .ast-nav-menu,
  .atexmm-cards-cols-3 ul.menu{
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .atexmm-cards-cols-3 .menu-item>a{
    min-height:102px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 5px!important;
    border-radius:13px!important;
    font-size:12px!important;
    line-height:1.12!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .atexmm-cards-cols-3 .atexmm-menu-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }

  /* LinkedIn działa również w układzie Cards i jest liczony jako element siatki. */
  .atexmm-layout-cards .atexmm-linkedin-menu-item{
    align-self:stretch!important;
  }
  .atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    width:100%!important;
    min-width:0!important;
    min-height:76px!important;
    height:100%!important;
    margin:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
    border:1px solid #d9dfe5!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.92)!important;
  }

  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    background:rgba(17,28,44,.86)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#f4f7fb!important;
  }

  /* Brak przypadkowych odstępów narzucanych przez Astra wewnątrz menu. */
  .atexmm-layout-cards .main-header-menu > .menu-item:first-child,
  .atexmm-layout-tiles .main-header-menu > .menu-item:first-child{
    margin-top:0!important;
  }
  .atexmm-layout-cards .main-header-menu > .menu-item:last-child,
  .atexmm-layout-tiles .main-header-menu > .menu-item:last-child{
    margin-bottom:0!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.3 - final
   ========================================================== */
@media(max-width:767px){

  /* Tło ma obejmować CAŁY panel: nagłówek, menu i stopkę. */
  .atexmm-panel{
    position:relative!important;
    background-color:#fff!important;
    background-image:var(--atexmm-motif-image)!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .atexmm-panel.atexmm-theme-technical-dark{
    background-color:#111c2c!important;
  }

  .atexmm-panel .atexmm-brand,
  .atexmm-panel .atexmm-footer,
  .atexmm-panel .atexmm-quick-actions,
  .atexmm-panel .main-header-menu,
  .atexmm-panel .ast-nav-menu,
  .atexmm-panel ul.menu{
    background:transparent!important;
  }

  /* Bez dodatkowych pseudo-dekoracji na gotowej grafice. */
  .atexmm-panel:before,
  .atexmm-panel:after{
    content:none!important;
    display:none!important;
  }

  /* Większy odstęp od linii pod logo do pierwszego rzędu. */
  .atexmm-panel .atexmm-brand{
    margin:0 0 18px 0!important;
  }
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu,
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    padding-top:14px!important;
  }

  /* 1/2/3 kolumny zawsze respektują ustawienie. */
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    grid-template-columns:repeat(var(--atexmm-tiles-columns,2),minmax(0,1fr))!important;
  }
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
    gap:12px!important;
    margin:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
    padding-bottom:16px!important;
  }

  /* Karty/kafelki. */
  .atexmm-layout-tiles .menu-item>a,
  .atexmm-layout-cards .menu-item>a,
  .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    position:relative!important;
    min-width:0!important;
    box-sizing:border-box!important;
    transform:translateY(0) scale(1)!important;
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      background .18s ease,
      color .18s ease!important;
  }

  /* Wyraźny hover — gradient, podniesienie, mocniejsza obwódka. */
  @media(hover:hover) and (pointer:fine){
    .atexmm-layout-tiles .menu-item>a:hover,
    .atexmm-layout-cards .menu-item>a:hover,
    .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover{
      transform:translateY(-3px) scale(1.015)!important;
      border-color:#c79412!important;
      box-shadow:0 9px 22px rgba(18,40,64,.16)!important;
      background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,238,214,.95))!important;
    }
    .atexmm-theme-technical-dark .menu-item>a:hover,
    .atexmm-theme-technical-dark .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover{
      background:linear-gradient(145deg,rgba(26,42,62,.98),rgba(55,48,27,.96))!important;
      border-color:#d5a425!important;
      box-shadow:0 9px 24px rgba(0,0,0,.34)!important;
    }
  }

  /* Reakcja dotykowa. */
  .atexmm-layout-tiles .menu-item>a:active,
  .atexmm-layout-cards .menu-item>a:active,
  .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:active{
    transform:translateY(0) scale(.975)!important;
    border-color:#c79412!important;
  }

  /* Cards: spójne odległości i tylko jedna ikona. */
  .atexmm-layout-cards .menu-item{
    display:block!important;
    margin:0!important;
    min-width:0!important;
  }
  .atexmm-layout-cards .menu-item>a{
    width:100%!important;
    min-height:76px!important;
    margin:0!important;
    padding:15px 16px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .atexmm-layout-cards .atexmm-menu-icon{
    width:31px!important;
    height:31px!important;
    flex:0 0 31px!important;
    margin:0!important;
  }
  .atexmm-layout-cards .atexmm-menu-icon + .atexmm-menu-icon{
    display:none!important;
  }

  .atexmm-cards-cols-2 .menu-item>a{
    min-height:96px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:10px!important;
    padding:13px 9px!important;
    text-align:center!important;
  }
  .atexmm-cards-cols-3 .main-header-menu,
  .atexmm-cards-cols-3 .ast-nav-menu,
  .atexmm-cards-cols-3 ul.menu{
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .atexmm-cards-cols-3 .menu-item>a{
    min-height:102px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    padding:10px 5px!important;
    font-size:12px!important;
    line-height:1.12!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }

  /* Jasny/ciemny panel — półprzezroczyste elementy, żeby tło było widoczne także pod kartami. */
  .atexmm-theme-technical-light .menu-item>a,
  .atexmm-theme-technical-light .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    background:rgba(255,255,255,.90)!important;
  }
  .atexmm-theme-technical-dark .menu-item>a,
  .atexmm-theme-technical-dark .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    background:rgba(17,28,44,.86)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#f4f7fb!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.4
   - Cards are genuinely horizontal cards
   - One continuous background from top to bottom
   - Background image keeps its proportions
   ========================================================== */
@media(max-width:767px){

  /* The selected ATEX artwork belongs to the whole drawer, including header. */
  .atexmm-panel,
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  .ast-mobile-popup-drawer .ast-mobile-popup-content{
    background-color:transparent!important;
  }

  .atexmm-panel{
    position:relative!important;
    isolation:isolate!important;
    background-image:none!important;
  }

  /* Put one continuous image behind every section, including logo/header/footer.
     Cover keeps the original artwork proportion instead of squeezing it to 100% x 100%. */
  .atexmm-panel::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;
    background-color:#fff!important;
    background-image:var(--atexmm-motif-image)!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }

  .atexmm-panel.atexmm-theme-technical-dark::before{
    background-color:#111c2c!important;
  }

  /* Do not paint separate white blocks over the motif. */
  .atexmm-panel .atexmm-brand,
  .atexmm-panel .atexmm-footer,
  .atexmm-panel .atexmm-quick-actions,
  .atexmm-panel .main-header-menu,
  .atexmm-panel .ast-nav-menu,
  .atexmm-panel ul.menu{
    background:transparent!important;
  }

  /* Header spacing and separator. */
  .atexmm-panel .atexmm-brand{
    position:relative!important;
    z-index:1!important;
    padding-top:12px!important;
    padding-bottom:14px!important;
    margin-bottom:18px!important;
  }
  .atexmm-panel .atexmm-brand:after{
    bottom:0!important;
  }

  /* Genuine CARDS.
     1 column = wide horizontal card.
     2 columns = still noticeably wider than tall.
     3 columns = compact cards, never square tiles. */
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
    gap:10px!important;
    padding:8px 12px 16px!important;
    margin:0!important;
  }

  .atexmm-layout-cards .menu-item{
    min-width:0!important;
    margin:0!important;
  }

  .atexmm-layout-cards .menu-item>a,
  .atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    width:100%!important;
    height:auto!important;
    min-height:58px!important;
    padding:9px 14px!important;
    border-radius:13px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    text-align:left!important;
    line-height:1.15!important;
    font-size:14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .atexmm-layout-cards .atexmm-menu-icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    margin:0!important;
  }

  /* 1 column cards: long, low and clearly card-like. */
  .atexmm-cards-cols-1 .menu-item>a,
  .atexmm-cards-cols-1 .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    min-height:60px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    font-size:15px!important;
  }

  /* 2 columns: low horizontal cards, not tiles. */
  .atexmm-cards-cols-2 .main-header-menu,
  .atexmm-cards-cols-2 .ast-nav-menu,
  .atexmm-cards-cols-2 ul.menu{
    gap:10px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .atexmm-cards-cols-2 .menu-item>a,
  .atexmm-cards-cols-2 .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    min-height:64px!important;
    padding:9px 10px!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    gap:9px!important;
    text-align:left!important;
    font-size:13px!important;
  }
  .atexmm-cards-cols-2 .atexmm-menu-icon{
    width:24px!important;
    height:14px!important;
    flex-basis:24px!important;
  }

  /* 3 columns: still cards; keep them low and prevent square proportions. */
  .atexmm-cards-cols-3 .main-header-menu,
  .atexmm-cards-cols-3 .ast-nav-menu,
  .atexmm-cards-cols-3 ul.menu{
    gap:7px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .atexmm-cards-cols-3 .menu-item>a,
  .atexmm-cards-cols-3 .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    min-height:58px!important;
    padding:7px 6px!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    gap:6px!important;
    text-align:left!important;
    font-size:11px!important;
    border-radius:11px!important;
  }
  .atexmm-cards-cols-3 .atexmm-menu-icon{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }

  /* Keep cards translucent so the same continuous motif remains visible behind them. */
  .atexmm-theme-technical-light.atexmm-layout-cards .menu-item>a,
  .atexmm-theme-technical-light.atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(.35px);
  }

  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    background:rgba(17,28,44,.82)!important;
  }

  /* Hover/focus remains clearly visible. */
  @media(hover:hover) and (pointer:fine){
    .atexmm-layout-cards .menu-item>a:hover,
    .atexmm-layout-cards .menu-item>a:focus-visible,
    .atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover,
    .atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:focus-visible{
      transform:translateY(-2px)!important;
      border-color:#c79412!important;
      background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,235,205,.93))!important;
      box-shadow:0 7px 17px rgba(15,36,57,.15)!important;
    }
    .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a:hover,
    .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a:focus-visible,
    .atexmm-theme-technical-dark.atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover,
    .atexmm-theme-technical-dark.atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:focus-visible{
      background:linear-gradient(145deg,rgba(27,43,64,.96),rgba(57,48,25,.93))!important;
    }
  }

  /* Footer must also sit on the same artwork. */
  .atexmm-panel .atexmm-footer{
    position:relative!important;
    z-index:1!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.5 - final
   ========================================================== */
@media(max-width:767px){

  /* Jedno tło dla CAŁEGO otwartego menu, również nagłówka popupu. */
  .atexmm-background-shell .ast-mobile-popup-inner,
  .atexmm-background-shell .ast-mobile-popup-content,
  .atexmm-background-shell .ast-mobile-popup-header,
  .atexmm-background-shell .ast-builder-menu-mobile,
  .atexmm-background-shell .main-navigation,
  .atexmm-panel{
    background-color:transparent!important;
  }

  .atexmm-background-shell .ast-mobile-popup-inner,
  .atexmm-panel{
    background-image:var(--atexmm-motif-image)!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
  }

  /* Nie nakładaj drugiej kopii tła przez pseudo-element. */
  .atexmm-panel::before{
    content:none!important;
    display:none!important;
  }

  /* Nagłówek i logo są przezroczyste, dzięki czemu widać to samo tło. */
  .atexmm-panel .ast-mobile-popup-header,
  .atexmm-panel .atexmm-brand,
  .atexmm-panel .ast-mobile-popup-content,
  .atexmm-panel .main-header-menu,
  .atexmm-panel .ast-nav-menu,
  .atexmm-panel ul.menu,
  .atexmm-panel .atexmm-footer,
  .atexmm-panel .atexmm-quick-actions{
    background:transparent!important;
  }

  /* TILES wracają do pionowych, większych kafelków z 2.0.3. */
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-tiles-columns,2),minmax(0,1fr))!important;
    gap:12px!important;
    padding:10px 16px 16px!important;
  }
  .atexmm-layout-tiles .menu-item>a{
    min-height:116px!important;
    padding:15px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    text-align:center!important;
    border-radius:16px!important;
    font-size:14px!important;
    line-height:1.15!important;
  }
  .atexmm-layout-tiles .atexmm-menu-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }

  .atexmm-tiles-cols-3 .main-header-menu,
  .atexmm-tiles-cols-3 .ast-nav-menu,
  .atexmm-tiles-cols-3 ul.menu{
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .atexmm-tiles-cols-3 .menu-item>a{
    min-height:104px!important;
    padding:11px 5px!important;
    gap:9px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  .atexmm-tiles-cols-3 .atexmm-menu-icon{
    width:29px!important;
    height:29px!important;
    flex-basis:29px!important;
  }

  /* CARDS pozostają płaskie i poziome. */
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
    gap:9px!important;
    padding:10px 10px 16px!important;
  }
  .atexmm-layout-cards .menu-item>a,
  .atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    min-height:58px!important;
    height:auto!important;
    padding:9px 13px!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:10px!important;
    text-align:left!important;
    border-radius:13px!important;
  }
  .atexmm-layout-cards .atexmm-menu-icon{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
  }

  /* LinkedIn bez etykiety = samo małe logo. */
  .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:not(:has(.atexmm-linkedin-tile-label)){
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    min-height:54px!important;
    height:54px!important;
    padding:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:not(:has(.atexmm-linkedin-tile-label)) .atexmm-linkedin-tile-icon{
    margin:0!important;
  }

  /* Odstęp między linią nagłówka a pierwszym rzędem. */
  .atexmm-panel .atexmm-brand{
    margin-bottom:14px!important;
  }
}

/* Admin: kompaktowe wgrywanie 8 teł, bez opisów. */
.atexmm-background-upload-grid{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:4px 0 8px;
}
.atexmm-bg-upload{
  border:1px solid #dcdcde;
  border-radius:8px;
  padding:8px;
  background:#fff;
}
.atexmm-bg-upload strong{display:block;margin-bottom:6px}
.atexmm-bg-preview{
  height:58px;
  margin-bottom:7px;
  border-radius:5px;
  overflow:hidden;
  background:#f6f7f7;
}
.atexmm-bg-preview img{width:100%;height:100%;object-fit:cover;display:block}
.atexmm-bg-upload .button-link-delete{margin-left:7px}
@media(max-width:900px){
  .atexmm-background-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ==========================================================
   ATEX Menu 2.0.7 - final corrections
   ========================================================== */
@media(max-width:767px){

  /* Tło bez deformacji:
     pełna szerokość grafiki, wysokość liczona proporcjonalnie.
     Jeśli panel jest wyższy, wzór powtarza się pionowo zamiast rozciągać. */
  .atexmm-background-shell .ast-mobile-popup-inner,
  .atexmm-panel{
    position:relative!important;
    background-image:var(--atexmm-motif-image)!important;
    background-size:100% auto!important;
    background-repeat:repeat-y!important;
    background-position:center top!important;
  }

  /* Jeżeli zaznaczono "Tło również w nagłówku", nagłówek nie ma własnej białej warstwy. */
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-header,
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-inner,
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-content,
  .atexmm-background-shell.atexmm-background-header .ast-builder-menu-mobile,
  .atexmm-background-shell.atexmm-background-header .main-navigation,
  .atexmm-background-shell.atexmm-background-header .atexmm-brand{
    background-color:transparent!important;
    background-image:none!important;
  }

  /* Sam obraz pozostaje na wspólnym kontenerze i przechodzi pod logo, X, menu i stopką. */
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-inner{
    background-image:var(--atexmm-motif-image)!important;
    background-size:100% auto!important;
    background-repeat:repeat-y!important;
    background-position:center top!important;
  }

  /* Gdy tło w nagłówku jest wyłączone, nagłówek może pozostać czysty. */
  .atexmm-background-shell:not(.atexmm-background-header) .ast-mobile-popup-header,
  .atexmm-background-shell:not(.atexmm-background-header) .atexmm-brand{
    background:#fff!important;
  }
  .atexmm-theme-technical-dark .atexmm-background-shell:not(.atexmm-background-header) .ast-mobile-popup-header,
  .atexmm-theme-technical-dark .atexmm-background-shell:not(.atexmm-background-header) .atexmm-brand{
    background:#111c2c!important;
  }

  /* Jedynym źródłem odstępu od złotej linii do pierwszego rzędu jest ustawienie użytkownika.
     Usuwamy wcześniejsze stałe 10/14/18 px. */
  .atexmm-panel .atexmm-brand{
    margin-bottom:var(--atexmm-logo-menu-gap,10px)!important;
  }
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu,
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    padding-top:0!important;
  }

  /* Tiles 2 kolumny: wykorzystują faktycznie całą szerokość panelu.
     Wcześniej motyw/Astra potrafił zostawić własną węższą szerokość menu. */
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(var(--atexmm-tiles-columns,2),minmax(0,1fr))!important;
    gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:14px!important;
  }

  .atexmm-layout-tiles .menu-item{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
  }

  .atexmm-layout-tiles .menu-item>a{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:102px!important;
    height:100%!important;
    padding:12px 8px!important;
    gap:9px!important;
    border-radius:15px!important;
    font-size:14px!important;
    box-sizing:border-box!important;
  }

  .atexmm-layout-tiles .atexmm-menu-icon{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }

  /* Trzy kolumny nadal są kompaktowe. */
  .atexmm-tiles-cols-3 .main-header-menu,
  .atexmm-tiles-cols-3 .ast-nav-menu,
  .atexmm-tiles-cols-3 ul.menu{
    gap:7px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .atexmm-tiles-cols-3 .menu-item>a{
    min-height:92px!important;
    padding:9px 4px!important;
    font-size:11.5px!important;
    gap:7px!important;
  }
  .atexmm-tiles-cols-3 .atexmm-menu-icon{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }

  /* Cards również respektują dokładnie odstęp od linii. */
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* Admin */
.atexmm-inline-check{
  display:flex!important;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding-top:21px;
}
.atexmm-inline-check input{
  width:auto!important;
  margin:0!important;
}


/* ATEX 2.0.8 — warstwa końcowa: tło, odstęp, Tiles/Cards, close */
@media(max-width:767px){
  .atexmm-panel{background-size:100% auto!important;background-repeat:repeat-y!important;background-position:center top!important}
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-header,
  .atexmm-background-shell.atexmm-background-header .atexmm-brand,
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-content,
  .atexmm-background-shell.atexmm-background-header .main-navigation{background:transparent!important;background-image:none!important}
  .atexmm-panel .atexmm-brand,.atexmm-logo-compact .atexmm-brand{margin-bottom:0!important}
  .atexmm-panel .main-header-menu,.atexmm-panel .ast-nav-menu,.atexmm-panel ul.menu{padding-top:0!important}
  @media(max-height:700px){.atexmm-logo-compact .atexmm-brand{margin-bottom:0!important}}
  @media(max-height:580px){.atexmm-logo-compact .atexmm-brand{margin-bottom:0!important}}

  /* Tiles pozostają pionowymi kafelkami */
  .atexmm-layout-tiles .main-header-menu,.atexmm-layout-tiles .ast-nav-menu,.atexmm-layout-tiles ul.menu{display:grid!important;grid-template-columns:repeat(var(--atexmm-tiles-columns,2),112px)!important;justify-content:center!important;gap:12px!important;width:100%!important;padding-left:10px!important;padding-right:10px!important}
  .atexmm-layout-tiles .menu-item,.atexmm-layout-tiles .menu-item>a{width:112px!important;min-width:112px!important;max-width:112px!important}
  .atexmm-layout-tiles .menu-item>a{height:116px!important;min-height:116px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;padding:12px 7px!important;gap:10px!important}
  .atexmm-tiles-cols-3 .main-header-menu,.atexmm-tiles-cols-3 .ast-nav-menu,.atexmm-tiles-cols-3 ul.menu{grid-template-columns:repeat(3,96px)!important;gap:8px!important}
  .atexmm-tiles-cols-3 .menu-item,.atexmm-tiles-cols-3 .menu-item>a{width:96px!important;min-width:96px!important;max-width:96px!important}
  .atexmm-tiles-cols-3 .menu-item>a{height:104px!important;min-height:104px!important}

  /* Cards są płaskie */
  .atexmm-layout-cards .menu-item>a,.atexmm-layout-cards .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{height:58px!important;min-height:58px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}
}


/* ==========================================================
   ATEX Menu 2.0.9 — final interaction fixes
   ========================================================== */
@media(max-width:767px){

  /* Hover musi działać również w emulatorze telefonu, więc bez @media(hover:hover). */
  .atexmm-panel.atexmm-layout-tiles .menu-item>a,
  .atexmm-panel.atexmm-layout-cards .menu-item>a,
  .atexmm-panel .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,
               background .16s ease,color .16s ease,filter .16s ease!important;
  }

  .atexmm-panel.atexmm-layout-tiles .menu-item>a:hover,
  .atexmm-panel.atexmm-layout-cards .menu-item>a:hover,
  .atexmm-panel .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover,
  .atexmm-panel.atexmm-layout-tiles .menu-item>a:focus-visible,
  .atexmm-panel.atexmm-layout-cards .menu-item>a:focus-visible{
    transform:translateY(-3px) scale(1.015)!important;
    border-color:#c79412!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,224,181,.96))!important;
    box-shadow:0 10px 24px rgba(12,35,58,.20)!important;
    filter:saturate(1.08)!important;
    outline:none!important;
  }

  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item>a:hover,
  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a:hover,
  .atexmm-theme-technical-dark .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover{
    background:linear-gradient(145deg,rgba(29,46,68,.98),rgba(78,61,24,.95))!important;
    border-color:#d6a82d!important;
    box-shadow:0 10px 24px rgba(0,0,0,.34)!important;
  }

  .atexmm-panel.atexmm-layout-tiles .menu-item>a:active,
  .atexmm-panel.atexmm-layout-cards .menu-item>a:active,
  .atexmm-panel .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:active{
    transform:translateY(0) scale(.975)!important;
    box-shadow:0 3px 9px rgba(12,35,58,.14)!important;
  }

  /* Trzy warianty X — maksymalna specyficzność na kontenerze Astry. */
  .ast-mobile-popup-drawer .ast-mobile-popup-header .atexmm-close.atexmm-close-circle,
  #ast-mobile-popup .ast-mobile-popup-header .atexmm-close.atexmm-close-circle{
    width:42px!important;min-width:42px!important;
    border:1.5px solid var(--atexmm-accent)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.86)!important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header .atexmm-close.atexmm-close-square,
  #ast-mobile-popup .ast-mobile-popup-header .atexmm-close.atexmm-close-square{
    width:42px!important;min-width:42px!important;
    border:1.5px solid var(--atexmm-accent)!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.86)!important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header .atexmm-close.atexmm-close-minimal,
  #ast-mobile-popup .ast-mobile-popup-header .atexmm-close.atexmm-close-minimal{
    width:34px!important;min-width:34px!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
  }

  /* Wspólne tło również pod nagłówkiem tylko gdy opcja jest aktywna. */
  .atexmm-background-shell.atexmm-background-header .ast-mobile-popup-header{
    background:transparent!important;
    background-image:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.10
   Pewna warstwa tła + brak stylowania przycisku X.
   ========================================================== */
@media(max-width:767px){
  .ast-mobile-popup-inner.atexmm-has-bg-layer{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  .ast-mobile-popup-inner.atexmm-has-bg-layer > .atexmm-bg-layer{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
  }

  .ast-mobile-popup-inner.atexmm-has-bg-layer > :not(.atexmm-bg-layer){
    position:relative!important;
    z-index:1!important;
  }

  .ast-mobile-popup-inner.atexmm-has-bg-layer .ast-mobile-popup-content,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .ast-builder-menu-mobile,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .main-navigation,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .main-header-menu,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .ast-nav-menu,
  .ast-mobile-popup-inner.atexmm-has-bg-layer ul.menu,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .atexmm-panel,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .atexmm-footer,
  .ast-mobile-popup-inner.atexmm-has-bg-layer .atexmm-quick-actions{
    background-color:transparent!important;
    background-image:none!important;
  }

  .atexmm-background-header .ast-mobile-popup-header,
  .atexmm-background-header .atexmm-brand{
    background-color:transparent!important;
    background-image:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.11
   Stabilne tło bez warstwy pośredniej.
   ========================================================== */
@media(max-width:767px){

  /* Stary eksperymentalny layer 2.0.10 jest wyłączony. */
  .atexmm-bg-layer{
    display:none!important;
  }

  /* Nie pozwalamy starszym regułom wyzerować tła ustawionego inline. */
  .ast-mobile-popup-inner.atexmm-background-active,
  .atexmm-panel.atexmm-background-active{
    background-clip:border-box!important;
  }

  /* Wszystko pod menu ma być przezroczyste, żeby motyw był widoczny. */
  .atexmm-background-active .ast-mobile-popup-content,
  .atexmm-background-active .ast-builder-menu-mobile,
  .atexmm-background-active .main-navigation,
  .atexmm-background-active .main-header-menu,
  .atexmm-background-active .ast-nav-menu,
  .atexmm-background-active ul.menu,
  .atexmm-background-active .atexmm-footer,
  .atexmm-background-active .atexmm-quick-actions{
    background-color:transparent!important;
    background-image:none!important;
  }

  /* Gdy opcja nagłówka jest aktywna, wewnętrzne elementy nagłówka
     nie przykrywają jego obrazu. */
  .atexmm-header-background-active,
  .atexmm-header-background-active > *,
  .atexmm-header-background-active .ast-builder-grid-row,
  .atexmm-header-background-active .ast-builder-grid-row-container,
  .atexmm-header-background-active .site-header-section{
    background-color:transparent!important;
  }

  /* Nie wymuszamy już tła z pseudo-elementów / poprzednich prób. */
  .atexmm-panel::before,
  .atexmm-panel::after{
    pointer-events:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.12
   Tiles = zawsze 3 kolumny i kwadraty.
   Nagłówek = to samo tło, gdy włączone.
   X = widoczny hover.
   ========================================================== */
@media(max-width:767px){

  /* TILES: zawsze trzy równe kolumny. */
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:10px 8px 14px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  .atexmm-layout-tiles .menu-item{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-self:stretch!important;
  }

  /* Każdy zwykły kafelek jest kwadratem. */
  .atexmm-layout-tiles .menu-item:not(.atexmm-linkedin-menu-item)>a{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    padding:9px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.12!important;
    box-sizing:border-box!important;
  }

  .atexmm-layout-tiles .menu-item:not(.atexmm-linkedin-menu-item) .atexmm-menu-icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }

  /* LinkedIn może pozostać małym kafelkiem. */
  .atexmm-layout-tiles .atexmm-linkedin-menu-item{
    align-self:start!important;
  }

  /* Mocniejszy hover kafelków/kart. */
  .atexmm-panel .menu-item>a:hover,
  .atexmm-panel .menu-item>a:focus-visible,
  .atexmm-panel .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover{
    transform:translateY(-3px) scale(1.02)!important;
    border-color:#c79212!important;
    background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,226,184,.97))!important;
    box-shadow:0 10px 22px rgba(15,38,62,.20)!important;
  }

  /* X: pozostaje w stylu Astry, ale reaguje na hover. */
  .ast-mobile-popup-drawer .ast-mobile-popup-header button,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .ast-mobile-popup-close{
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header button:hover,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:hover,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .ast-mobile-popup-close:hover{
    color:#b98708!important;
    border-color:#c79212!important;
    background:rgba(199,146,18,.10)!important;
    transform:scale(1.06)!important;
    box-shadow:0 4px 12px rgba(15,38,62,.12)!important;
  }

  /* Gdy nagłówek korzysta z tła, nic wewnątrz nie może go zasłaniać. */
  .atexmm-header-background-active,
  .atexmm-header-background-active .ast-builder-grid-row,
  .atexmm-header-background-active .ast-builder-grid-row-container,
  .atexmm-header-background-active .site-header-section,
  .atexmm-header-background-active .ast-mobile-popup-header-content,
  .atexmm-header-background-active .ast-mobile-header-content{
    background-color:transparent!important;
    background-image:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.13 — uniwersalne akcje
   ========================================================== */
@media(max-width:767px){
  .atexmm-action-glyph{
    display:inline-flex;
    width:24px;
    height:24px;
    flex:0 0 24px;
    color:var(--atexmm-accent);
  }
  .atexmm-action-glyph svg{width:100%;height:100%}

  .atexmm-header-action{
    position:absolute!important;
    right:62px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:5px 8px!important;
    color:var(--atexmm-accent)!important;
    text-decoration:none!important;
    z-index:4!important;
  }
  .atexmm-header-action .atexmm-action-label{font-size:11px!important}

  .atexmm-logo-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    margin-left:auto!important;
    color:var(--atexmm-accent)!important;
    text-decoration:none!important;
  }
  .atexmm-logo-action .atexmm-action-label{font-size:11px!important}

  .atexmm-action-menu-item{
    align-self:start!important;
    width:auto!important;
  }
  .atexmm-action-tile{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:0!important;
    padding:8px!important;
    border:1px solid #d8dee5!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.90)!important;
    color:#102d4b!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  .atexmm-action-menu-item-quarter .atexmm-action-tile{
    width:54px!important;
    height:54px!important;
  }
  .atexmm-action-menu-item-half .atexmm-action-tile{
    width:82px!important;
    min-height:54px!important;
  }
  .atexmm-action-tile .atexmm-action-label{
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.05!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .atexmm-action-tile:hover,
  .atexmm-header-action:hover,
  .atexmm-logo-action:hover{
    color:#b98708!important;
    transform:translateY(-2px)!important;
  }

  .atexmm-footer-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.15
   Małe Action Tiles + mocniejszy hover + nagłówek na wspólnym tle
   ========================================================== */
@media(max-width:767px){

  /* Action Tiles NIE dziedziczą kwadratowego rozmiaru zwykłych Tiles. */
  .atexmm-layout-tiles .menu-item.atexmm-action-menu-item{
    width:auto!important;
    min-width:0!important;
    align-self:start!important;
    justify-self:start!important;
  }

  .atexmm-layout-tiles .menu-item.atexmm-action-menu-item > a.atexmm-action-tile{
    aspect-ratio:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:7px!important;
    border-radius:12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    box-sizing:border-box!important;
  }

  .atexmm-layout-tiles .menu-item.atexmm-action-menu-item-quarter > a.atexmm-action-tile,
  .atexmm-layout-tiles .menu-item.atexmm-action-menu-item > a.atexmm-action-tile-quarter{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }

  .atexmm-layout-tiles .menu-item.atexmm-action-menu-item-half > a.atexmm-action-tile,
  .atexmm-layout-tiles .menu-item.atexmm-action-menu-item > a.atexmm-action-tile-half{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:54px!important;
  }

  /* Stare reguły LinkedIn nie mogą już zamienić nowego Action Tile w pełny kafel. */
  .atexmm-linkedin-menu-item,
  .atexmm-linkedin-menu-item-quarter,
  .atexmm-linkedin-menu-item-half{
    width:auto!important;
    max-width:none!important;
  }

  .atexmm-action-menu-item .atexmm-action-glyph{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  .atexmm-action-menu-item .atexmm-action-label{
    font-size:9px!important;
    line-height:1.05!important;
    text-align:center!important;
    max-width:100%!important;
  }

  /* Wyraźniejsza reakcja X. */
  .ast-mobile-popup-drawer .ast-mobile-popup-header button:hover,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:hover,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .ast-mobile-popup-close:hover{
    color:#9b7200!important;
    border-color:#c79212!important;
    background:#fff3cc!important;
    transform:scale(1.10)!important;
    box-shadow:0 0 0 3px rgba(199,146,18,.18),0 6px 16px rgba(15,38,62,.15)!important;
  }

  /* Wyraźniejsza reakcja hamburgera / przycisku otwierania menu. */
  .menu-toggle:hover,
  .ast-button-wrap .menu-toggle:hover,
  .ast-mobile-menu-trigger-minimal:hover,
  .main-header-menu-toggle:hover{
    color:#9b7200!important;
    background:#fff3cc!important;
    border-color:#c79212!important;
    transform:scale(1.07)!important;
    box-shadow:0 0 0 3px rgba(199,146,18,.16)!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.16 — stabilność
   ========================================================== */
@media(max-width:767px){
  /* Nie dotykamy całego drzewa nagłówka. Tło tylko na samym headerze. */
  .atexmm-header-background-active{
    background-clip:border-box!important;
  }

  /* Action tiles zachowują małe rozmiary bez wpływania na zwykłe Tiles. */
  .atexmm-layout-tiles .atexmm-action-menu-item-quarter{
    width:54px!important;
    max-width:54px!important;
  }
  .atexmm-layout-tiles .atexmm-action-menu-item-half{
    width:82px!important;
    max-width:82px!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.17
   Małe akcje są grupowane obok siebie.
   ========================================================== */
@media(max-width:767px){

  .atexmm-layout-tiles .atexmm-action-tile-cluster{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-cluster > .atexmm-action-tile{
    flex:0 0 auto!important;
    aspect-ratio:auto!important;
    margin:0!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:7px!important;
    border-radius:12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-cluster > .atexmm-action-tile-quarter{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-cluster > .atexmm-action-tile-half{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:54px!important;
  }

  .atexmm-action-tile-cluster .atexmm-action-glyph{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  .atexmm-action-tile-cluster .atexmm-action-label{
    font-size:9px!important;
    line-height:1.05!important;
    text-align:center!important;
    max-width:100%!important;
  }

  .atexmm-action-no-target{
    cursor:default!important;
    opacity:.82!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.19
   Stabilne grupowanie małych akcji bez przebudowy listy Astry.
   ========================================================== */
@media(max-width:767px){

  .atexmm-layout-tiles .atexmm-action-groups-host{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  .atexmm-layout-tiles .atexmm-action-groups-inner{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Każda grupa zajmuje dokładnie tyle, co jeden zwykły Tile. */
  .atexmm-layout-tiles .atexmm-action-tile-group{
    width:100%!important;
    aspect-ratio:1 / 1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;
    gap:6px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-group > .atexmm-action-tile{
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:5px 3px!important;
    border:1px solid #d8dee5!important;
    border-radius:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.90)!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-group > .atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-group > .atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-group .atexmm-action-glyph{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-group .atexmm-action-label{
    max-width:100%!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.20
   Grupa akcji jest zwykłym kaflem siatki, nie pełnym rzędem.
   ========================================================== */
@media(max-width:767px){

  /* Stary host 2.0.19 nie uczestniczy już w układzie. */
  .atexmm-action-groups-host{
    display:none!important;
  }

  /* Bezpośredni element grupy ma dokładnie rozmiar jednego zwykłego Tile. */
  .atexmm-layout-tiles .menu-item.atexmm-action-tile-group{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    background:transparent!important;
  }

  .atexmm-layout-tiles .menu-item.atexmm-action-tile-group > .atexmm-action-tile-grid{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:transparent!important;
  }

  /* 1/4 = jedna ćwiartka pełnego kafla. */
  .atexmm-layout-tiles .atexmm-action-tile-grid > .atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
  }

  /* 1/2 = jeden pełny poziomy rząd kafla. */
  .atexmm-layout-tiles .atexmm-action-tile-grid > .atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-grid > .atexmm-action-tile{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:5px 3px!important;
    box-sizing:border-box!important;
    border:1px solid #d8dee5!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.90)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-grid .atexmm-action-glyph{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-grid .atexmm-action-label{
    max-width:100%!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.21
   1/4 naprawdę oznacza ćwiartkę pełnego kafla.
   ========================================================== */
@media(max-width:767px){

  /* Pełny kafel w siatce 3-kolumnowej ma stałą wysokość jak pozostałe Tiles. */
  .atexmm-layout-tiles .menu-item.atexmm-action-tile-group{
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    align-self:start!important;
    justify-self:stretch!important;
    overflow:visible!important;
  }

  /* Wewnętrzny kafel ma dokładnie 2 x 2 równe pola. */
  .atexmm-layout-tiles .menu-item.atexmm-action-tile-group > .atexmm-action-tile-grid{
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    aspect-ratio:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Każde 1/4 wypełnia CAŁĄ swoją ćwiartkę, a nie rozmiar samej ikonki. */
  .atexmm-layout-tiles .atexmm-action-tile-grid > a.atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  /* 1/2 = cały rząd pełnego kafla. */
  .atexmm-layout-tiles .atexmm-action-tile-grid > a.atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-grid > a.atexmm-action-tile{
    margin:0!important;
    padding:4px 2px!important;
    box-sizing:border-box!important;
    border:1px solid #d3dae2!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.93)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    overflow:hidden!important;
  }

  /* Sama ikona również jest większa, proporcjonalna do ćwiartki. */
  .atexmm-layout-tiles .atexmm-action-tile-grid .atexmm-action-glyph{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    flex:0 0 25px!important;
  }

  .atexmm-layout-tiles .atexmm-action-tile-grid .atexmm-action-label{
    font-size:8px!important;
    line-height:1!important;
    max-width:100%!important;
    text-align:center!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.24 — FINAL LAYOUT NORMALIZATION
   ========================================================== */
@media(max-width:767px){

  /* ---------- Tiles: 2 albo 3 kolumny, zawsze równe kwadraty ---------- */
  .atexmm-panel.atexmm-layout-tiles .main-header-menu,
  .atexmm-panel.atexmm-layout-tiles .ast-nav-menu,
  .atexmm-panel.atexmm-layout-tiles ul.menu{
    display:grid!important;
    grid-template-columns:repeat(var(--atexmm-tiles-columns,3),minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 8px 14px!important;
    box-sizing:border-box!important;
    align-items:start!important;
  }

  .atexmm-panel.atexmm-layout-tiles .menu-item{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    justify-self:stretch!important;
    align-self:start!important;
  }

  /* Zwykły Tile = kwadrat. */
  .atexmm-panel.atexmm-layout-tiles
  .menu-item:not(.atexmm-action-tile-group):not(.atexmm-action-groups-host) > a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    box-sizing:border-box!important;
    padding:10px 6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:center!important;
    border-radius:15px!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  .menu-item:not(.atexmm-action-tile-group) .atexmm-menu-icon{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    flex:0 0 29px!important;
  }

  .atexmm-panel.atexmm-tiles-cols-2
  .menu-item:not(.atexmm-action-tile-group):not(.atexmm-action-groups-host) > a{
    font-size:14px!important;
    gap:10px!important;
  }

  .atexmm-panel.atexmm-tiles-cols-3
  .menu-item:not(.atexmm-action-tile-group):not(.atexmm-action-groups-host) > a{
    font-size:12px!important;
    line-height:1.12!important;
  }

  /* ---------- Grupa małych akcji = dokładnie JEDEN zwykły Tile ---------- */
  .atexmm-panel.atexmm-layout-tiles li.atexmm-action-tile-group{
    display:block!important;
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    justify-self:stretch!important;
    align-self:start!important;
    background:transparent!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Wspólne ustawienia małych pól — reset starych 54/82 px. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    inline-size:auto!important;
    block-size:auto!important;
    margin:0!important;
    padding:4px 3px!important;
    box-sizing:border-box!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid #d6dde5!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.92)!important;
    color:#102d4b!important;
    text-decoration:none!important;
    overflow:hidden!important;
    aspect-ratio:auto!important;
  }

  /* 1/4 = dokładnie jedna z czterech części kafla. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
  }

  /* 1/2 = dwie ćwiartki, czyli cały poziomy rząd. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-glyph{
    display:inline-flex!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    flex:0 0 22px!important;
    margin:0!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-glyph svg{
    display:block!important;
    width:22px!important;
    height:22px!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:8px!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Niepełny komplet nadal zachowuje rozmiar pełnego kafla.
     Puste ćwiartki po prostu pozostają puste. */

  /* ---------- Hover ---------- */
  .atexmm-panel.atexmm-layout-tiles .menu-item > a:hover,
  .atexmm-panel.atexmm-layout-tiles .atexmm-action-tile:hover,
  .atexmm-panel.atexmm-layout-cards .menu-item > a:hover{
    transform:translateY(-3px) scale(1.015)!important;
    border-color:#c79212!important;
    background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,226,184,.97))!important;
    box-shadow:0 9px 20px rgba(15,38,62,.18)!important;
  }

  /* ---------- Cards pozostają płaskie ---------- */
  .atexmm-panel.atexmm-layout-cards .main-header-menu,
  .atexmm-panel.atexmm-layout-cards .ast-nav-menu,
  .atexmm-panel.atexmm-layout-cards ul.menu{
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
  }

  .atexmm-panel.atexmm-layout-cards .menu-item > a{
    aspect-ratio:auto!important;
    min-height:58px!important;
    height:auto!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.25
   1/4 = ćwiartka pełnego kafla, dokładnie jak na makiecie.
   ========================================================== */
@media(max-width:767px){

  /* Grupa akcji ma identyczny kwadratowy slot jak każdy zwykły Tile. */
  .atexmm-panel.atexmm-layout-tiles
  .main-header-menu > li.atexmm-action-tile-group,
  .atexmm-panel.atexmm-layout-tiles
  .ast-nav-menu > li.atexmm-action-tile-group,
  .atexmm-panel.atexmm-layout-tiles
  ul.menu > li.atexmm-action-tile-group{
    display:block!important;
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-self:start!important;
    justify-self:stretch!important;
    overflow:visible!important;
  }

  /* Cztery równe ćwiartki z niewielkim odstępem między nimi. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Reset wszystkich historycznych rozmiarów typu 54px/82px. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    inline-size:auto!important;
    block-size:auto!important;
    margin:0!important;
    padding:4px 2px!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    border:1px solid #d4dce4!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.94)!important;
    color:#102d4b!important;
    text-decoration:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    overflow:hidden!important;
    aspect-ratio:auto!important;
  }

  /* 1/4 = jedna komórka z czterech. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
  }

  /* 1/2 = dwie ćwiartki, czyli pełny rząd. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
  }

  /* Puste ćwiartki zachowują układ, ale są niewidoczne. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile-empty{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border:1px solid transparent!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
  }

  /* Ikona ma proporcję do ćwiartki, a nie do całego kafla. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-glyph,
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-glyph svg{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    flex:0 0 23px!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-label{
    width:100%!important;
    max-width:100%!important;
    font-size:8px!important;
    line-height:1.05!important;
    text-align:center!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Przy 2 kolumnach grupa także pozostaje pełnym kwadratem. */
  .atexmm-panel.atexmm-tiles-cols-2
  li.atexmm-action-tile-group .atexmm-action-glyph,
  .atexmm-panel.atexmm-tiles-cols-2
  li.atexmm-action-tile-group .atexmm-action-glyph svg{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.26
   Kolumny 1–4 + poprawione grupy 1/4 i 1/2.
   ========================================================== */
@media(max-width:767px){

  /* Tiles respektują wybór 1–4 kolumn. */
  .atexmm-panel.atexmm-layout-tiles .main-header-menu,
  .atexmm-panel.atexmm-layout-tiles .ast-nav-menu,
  .atexmm-panel.atexmm-layout-tiles ul.menu{
    grid-template-columns:repeat(var(--atexmm-tiles-columns,3),minmax(0,1fr))!important;
  }

  /* Przy 4 kolumnach zmniejszamy tylko typografię i ikony, nie geometrię. */
  .atexmm-panel.atexmm-tiles-cols-4
  .menu-item:not(.atexmm-action-tile-group):not(.atexmm-action-groups-host) > a{
    padding:7px 3px!important;
    gap:5px!important;
    border-radius:12px!important;
    font-size:10px!important;
    line-height:1.05!important;
  }

  .atexmm-panel.atexmm-tiles-cols-4
  .menu-item:not(.atexmm-action-tile-group) .atexmm-menu-icon{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    flex:0 0 23px!important;
  }

  /* 1 kolumna nadal tworzy kwadratowy Tile, tylko większy. */
  .atexmm-panel.atexmm-tiles-cols-1
  .menu-item:not(.atexmm-action-tile-group):not(.atexmm-action-groups-host) > a{
    font-size:17px!important;
  }

  /* -------------------------------------------------------
     Action group = dokładnie jeden zwykły kafel.
     Najważniejsze: stretch zamiast start, aby w 2 kolumnach
     grupa miała pełną wysokość sąsiedniego kafla.
     ------------------------------------------------------- */
  .atexmm-panel.atexmm-layout-tiles
  .main-header-menu > li.atexmm-action-tile-group,
  .atexmm-panel.atexmm-layout-tiles
  .ast-nav-menu > li.atexmm-action-tile-group,
  .atexmm-panel.atexmm-layout-tiles
  ul.menu > li.atexmm-action-tile-group{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    overflow:visible!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  /* Każde pole 1/4 rzeczywiście wypełnia ćwiartkę. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  /* 1/2 zawsze zajmuje dokładnie połowę pełnego kafla,
     czyli jeden cały poziomy rząd 2x2. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  /* Reset historycznych wymiarów 54 / 82 px dla wszystkich pól w grupie. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile{
    inline-size:auto!important;
    block-size:auto!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Puste części nie mogą zmieniać wysokości siatki. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile-empty{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.27
   Responsywne proporcje małych akcji zależne od liczby kolumn.
   ========================================================== */
@media(max-width:767px){

  /* Bazowo cały blok akcji nadal jest dokładnie jednym zwykłym Tile. */
  .atexmm-panel.atexmm-layout-tiles li.atexmm-action-tile-group{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;
    box-sizing:border-box!important;
  }

  /* Wielkość pól jest procentowa — zależy od szerokości całego kafla.
     Zero stałych 54/82 px. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile-quarter{
    grid-column:span 1!important;
    grid-row:span 1!important;
  }

  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile-half{
    grid-column:span 2!important;
    grid-row:span 1!important;
  }

  /* 1 kolumna: duży kafel, większe odstępy i ikony. */
  .atexmm-panel.atexmm-tiles-cols-1 li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    gap:12px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-1 li.atexmm-action-tile-group .atexmm-action-glyph,
  .atexmm-panel.atexmm-tiles-cols-1 li.atexmm-action-tile-group .atexmm-action-glyph svg{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-1 li.atexmm-action-tile-group .atexmm-action-label{
    font-size:12px!important;
  }

  /* 2 kolumny: kafel jest znacznie szerszy, więc połówki też są
     automatycznie szersze; zwiększamy tylko ergonomiczne odstępy. */
  .atexmm-panel.atexmm-tiles-cols-2 li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    gap:9px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-2 li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile{
    border-radius:12px!important;
    padding:7px 5px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-2 li.atexmm-action-tile-group .atexmm-action-glyph,
  .atexmm-panel.atexmm-tiles-cols-2 li.atexmm-action-tile-group .atexmm-action-glyph svg{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-2 li.atexmm-action-tile-group .atexmm-action-label{
    font-size:10px!important;
  }

  /* 3 kolumny: obecny, najbardziej zwarty wariant. */
  .atexmm-panel.atexmm-tiles-cols-3 li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    gap:7px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-3 li.atexmm-action-tile-group .atexmm-action-glyph,
  .atexmm-panel.atexmm-tiles-cols-3 li.atexmm-action-tile-group .atexmm-action-glyph svg{
    width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;
  }

  /* 4 kolumny: bardzo kompaktowo, ale nadal zachowujemy 1/4 i 1/2. */
  .atexmm-panel.atexmm-tiles-cols-4 li.atexmm-action-tile-group > .atexmm-action-tile-grid{
    gap:4px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-4 li.atexmm-action-tile-group > .atexmm-action-tile-grid > .atexmm-action-tile{
    border-radius:8px!important;
    padding:2px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-4 li.atexmm-action-tile-group .atexmm-action-glyph,
  .atexmm-panel.atexmm-tiles-cols-4 li.atexmm-action-tile-group .atexmm-action-glyph svg{
    width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
  }
  .atexmm-panel.atexmm-tiles-cols-4 li.atexmm-action-tile-group .atexmm-action-label{
    font-size:7px!important;
  }

  /* Puste miejsce po niepełnej grupie ma identyczną geometrię jak aktywne pole. */
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group .atexmm-action-tile-empty{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.29
   Interakcje Quick Actions / małych akcji
   ========================================================== */
@media(max-width:767px){

  /* Wszystkie małe akcje reagują tak samo. */
  .atexmm-quick-actions .atexmm-qa-link,
  .atexmm-action-tile,
  .atexmm-header-action,
  .atexmm-logo-action,
  .atexmm-footer-actions .atexmm-social-link{
    position:relative!important;
    transition:
      transform .16s ease,
      background .16s ease,
      border-color .16s ease,
      box-shadow .16s ease,
      color .16s ease,
      filter .16s ease!important;
    transform:translateY(0) scale(1)!important;
    will-change:transform;
    -webkit-tap-highlight-color:transparent;
  }

  /* Mysz / focus */
  .atexmm-quick-actions .atexmm-qa-link:hover,
  .atexmm-quick-actions .atexmm-qa-link:focus-visible,
  .atexmm-action-tile:hover,
  .atexmm-action-tile:focus-visible,
  .atexmm-header-action:hover,
  .atexmm-header-action:focus-visible,
  .atexmm-logo-action:hover,
  .atexmm-logo-action:focus-visible,
  .atexmm-footer-actions .atexmm-social-link:hover,
  .atexmm-footer-actions .atexmm-social-link:focus-visible{
    transform:translateY(-3px) scale(1.055)!important;
    color:#9b7200!important;
    border-color:#c79212!important;
    background:linear-gradient(145deg,#fffdf6,#f5e7ba)!important;
    box-shadow:0 7px 16px rgba(16,42,68,.18)!important;
    filter:saturate(1.08)!important;
    outline:none!important;
  }

  /* Dotyk / kliknięcie */
  .atexmm-quick-actions .atexmm-qa-link:active,
  .atexmm-action-tile:active,
  .atexmm-header-action:active,
  .atexmm-logo-action:active,
  .atexmm-footer-actions .atexmm-social-link:active{
    transform:translateY(0) scale(.92)!important;
    background:#f4e2a7!important;
    border-color:#b8860b!important;
    box-shadow:0 2px 6px rgba(16,42,68,.16)!important;
  }

  /* Sama ikona również delikatnie reaguje. */
  .atexmm-quick-actions .atexmm-qa-link .atexmm-action-glyph,
  .atexmm-action-tile .atexmm-action-glyph,
  .atexmm-header-action .atexmm-action-glyph,
  .atexmm-logo-action .atexmm-action-glyph,
  .atexmm-footer-actions .atexmm-social-link .atexmm-action-glyph{
    transition:transform .16s ease,color .16s ease!important;
  }

  .atexmm-quick-actions .atexmm-qa-link:hover .atexmm-action-glyph,
  .atexmm-action-tile:hover .atexmm-action-glyph,
  .atexmm-header-action:hover .atexmm-action-glyph,
  .atexmm-logo-action:hover .atexmm-action-glyph,
  .atexmm-footer-actions .atexmm-social-link:hover .atexmm-action-glyph{
    transform:scale(1.10)!important;
    color:#b8860b!important;
  }

  /* Quick Actions: czytelne pole klikalne, ale nadal lekkie. */
  .atexmm-quick-actions .atexmm-qa-link{
    min-width:42px!important;
    min-height:42px!important;
    padding:7px!important;
    border:1px solid rgba(205,213,221,.95)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.90)!important;
    box-sizing:border-box!important;
  }

  /* Na urządzeniu dotykowym reakcja :active ma być natychmiastowa. */
  @media(pointer:coarse){
    .atexmm-quick-actions .atexmm-qa-link,
    .atexmm-action-tile,
    .atexmm-header-action,
    .atexmm-logo-action,
    .atexmm-footer-actions .atexmm-social-link{
      transition-duration:.10s!important;
    }
  }
}


/* ==========================================================
   ATEX Menu 2.0.30
   Astra: nagłówek pozostaje bez motywu tła i bez akcji.
   ========================================================== */
@media(max-width:767px){
  .ast-mobile-popup-drawer .ast-mobile-popup-header,
  .ast-mobile-popup-header{
    background-image:none!important;
  }

  .atexmm-header-action{
    display:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.31
   Przywrócenie prawidłowego układu Cards.
   ========================================================== */
@media(max-width:767px){

  /* Cards zawsze wykorzystują całą dostępną szerokość panelu. */
  .atexmm-panel.atexmm-layout-cards .main-header-menu,
  .atexmm-panel.atexmm-layout-cards .ast-nav-menu,
  .atexmm-panel.atexmm-layout-cards ul.menu{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-template-columns:repeat(var(--atexmm-cards-columns,1),minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    padding:10px 4px 16px!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
  }

  /* Astra nie może zwężać pojedynczych pozycji menu. */
  .atexmm-panel.atexmm-layout-cards .menu-item{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  /* Cards = niskie, szerokie karty. */
  .atexmm-panel.atexmm-layout-cards .menu-item > a{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:58px!important;
    height:100%!important;
    margin:0!important;
    padding:9px 13px!important;
    box-sizing:border-box!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
    border:1px solid #d7dee6!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.90)!important;
    color:#102d4b!important;
    overflow:hidden!important;
    aspect-ratio:auto!important;
  }

  .atexmm-panel.atexmm-layout-cards .menu-item > a .atexmm-menu-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    flex:0 0 25px!important;
    margin:0!important;
  }

  .atexmm-panel.atexmm-layout-cards .menu-item > a span:not(.atexmm-menu-icon){
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  /* Dwie kolumny — wariant jak na poprawnym screenie użytkownika. */
  .atexmm-panel.atexmm-cards-cols-2 .main-header-menu,
  .atexmm-panel.atexmm-cards-cols-2 .ast-nav-menu,
  .atexmm-panel.atexmm-cards-cols-2 ul.menu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .atexmm-panel.atexmm-cards-cols-2 .menu-item > a{
    min-height:58px!important;
    padding:9px 12px!important;
    font-size:14px!important;
    line-height:1.15!important;
  }

  /* Jedna kolumna: szeroka karta przez cały panel. */
  .atexmm-panel.atexmm-cards-cols-1 .menu-item > a{
    min-height:60px!important;
    padding-left:16px!important;
    padding-right:16px!important;
    font-size:15px!important;
  }

  /* 3 kolumny, jeśli użytkownik wybierze: nadal Cards, nie Tiles. */
  .atexmm-panel.atexmm-cards-cols-3 .main-header-menu,
  .atexmm-panel.atexmm-cards-cols-3 .ast-nav-menu,
  .atexmm-panel.atexmm-cards-cols-3 ul.menu{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .atexmm-panel.atexmm-cards-cols-3 .menu-item > a{
    min-height:54px!important;
    padding:7px 6px!important;
    gap:6px!important;
    font-size:11px!important;
    border-radius:11px!important;
  }

  .atexmm-panel.atexmm-cards-cols-3 .menu-item > a .atexmm-menu-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    flex-basis:20px!important;
  }

  /* Quick Actions pozostają osobną sekcją i nie dziedziczą wymiarów Cards. */
  .atexmm-panel.atexmm-layout-cards .atexmm-quick-actions{
    width:auto!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.32
   Zamknięty i otwarty nagłówek mają tę samą geometrię.
   ========================================================== */
@media(max-width:767px){

  /* Popup nie może dodawać własnego pionowego paddingu po otwarciu. */
  .ast-mobile-popup-drawer .ast-mobile-popup-header.atexmm-synced-popup-header,
  #ast-mobile-popup .ast-mobile-popup-header.atexmm-synced-popup-header{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    margin:0!important;
  }

  /* Logo i X są centrowane w tej samej wysokości co w zamkniętym headerze. */
  .atexmm-synced-popup-header .ast-mobile-popup-header-content,
  .atexmm-synced-popup-header .ast-builder-grid-row,
  .atexmm-synced-popup-header .ast-builder-grid-row-container,
  .atexmm-synced-popup-header .site-header-section{
    align-items:center!important;
    box-sizing:border-box!important;
  }

  /* Nie pozwalamy późniejszym regułom zmieniać odstępu po otwarciu menu. */
  .atexmm-panel .main-header-menu,
  .atexmm-panel .ast-nav-menu,
  .atexmm-panel ul.menu{
    position:relative!important;
    top:auto!important;
    transform:none!important;
  }

  /* Linia pod logo pozostaje wizualnie przy nagłówku, nie "jedzie" z menu. */
  .atexmm-synced-popup-header:after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    bottom:0!important;
    width:150px!important;
    height:2px!important;
    background:var(--atexmm-accent)!important;
    opacity:.95!important;
    pointer-events:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.33
   Menu otwiera się jako overlay — strona pod spodem nie może skakać.
   ========================================================== */
@media(max-width:767px){

  /* Astra drawer zawsze poza normalnym flow dokumentu. */
  .ast-mobile-popup-drawer,
  #ast-mobile-popup.ast-mobile-popup-drawer{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:100vw!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    z-index:999999!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* Wewnętrzny panel również jest fixed, nie relative/flow. */
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  #ast-mobile-popup .ast-mobile-popup-inner{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(100vw,420px)!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Treść popupu nie może nadawać wysokości stronie. */
  .ast-mobile-popup-drawer .ast-mobile-popup-content{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Cofnięcie eksperymentalnych wymuszeń wysokości nagłówka z 2.0.32. */
  .ast-mobile-popup-drawer .ast-mobile-popup-header,
  #ast-mobile-popup .ast-mobile-popup-header{
    box-sizing:border-box!important;
  }

  /* Zamknięty header strony pozostaje w swoim miejscu pod overlayem. */
  body.ast-popup-nav-open,
  html.ast-popup-nav-open{
    overflow:hidden!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.34
   Pewne respektowanie liczby kolumn Tiles.
   ========================================================== */
@media(max-width:767px){

  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-1 .main-header-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-1 .ast-nav-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-1 ul.menu{
    grid-template-columns:repeat(1,minmax(0,1fr))!important;
  }

  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-2 .main-header-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-2 .ast-nav-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-2 ul.menu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-3 .main-header-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-3 .ast-nav-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-3 ul.menu{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-4 .main-header-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-4 .ast-nav-menu,
  .atexmm-panel.atexmm-layout-tiles.atexmm-tiles-cols-4 ul.menu{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.37
   Clean fix based on 2.0.34: logo size + stable spacing.
   ========================================================== */
@media(max-width:767px){

  /* Logo ma reagować na szerokość z ustawień. */
  .ast-mobile-header-wrap .atexmm-closed-logo,
  .ast-mobile-header-wrap .custom-logo-link img,
  .ast-mobile-header-wrap .site-logo-img img,
  .ast-mobile-header-wrap img.custom-logo,
  .ast-mobile-popup-header .custom-logo-link img,
  .ast-mobile-popup-header .site-logo-img img,
  .ast-mobile-popup-header img.custom-logo{
    max-width:none!important;
    object-fit:contain!important;
  }

  /* Nie zmieniaj pionowej geometrii logo przy otwarciu popupu. */
  .ast-mobile-header-wrap .site-header-section,
  .ast-mobile-popup-header .site-header-section,
  .ast-mobile-header-wrap .ast-builder-grid-row,
  .ast-mobile-popup-header .ast-builder-grid-row{
    align-items:center!important;
  }

  /* Popup header nie dostaje dodatkowego przesunięcia od wtyczki. */
  .ast-mobile-popup-header{
  }

  /* Odstęp do menu jest sterowany wyłącznie przez ustawienie JS.
     Usuwamy historyczne dodatkowe marginesy/paddingi. */
  .atexmm-panel .main-header-menu,
  .atexmm-panel .ast-nav-menu,
  .atexmm-panel ul.menu{
    padding-top:0!important;
  }

  /* Historyczne layouty już nie są wspierane. */
  .atexmm-layout-mixed,
  .atexmm-layout-list{
    display:contents!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.40
   Biały oddech pod X jest pierwszym elementem treści popupu.
   ========================================================== */
@media(max-width:767px){

  .ast-mobile-popup-content > .atexmm-open-menu-top-air,
  .ast-builder-menu-mobile > .atexmm-open-menu-top-air,
  .atexmm-open-menu-top-air{
    display:block!important;
    width:100%!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 14px!important;
    background:#fff!important;
    background-image:none!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:5!important;
    pointer-events:none!important;
  }

  /* Treść nie może podjechać pod biały pas. */
  .ast-mobile-popup-content,
  .ast-builder-menu-mobile{
    margin-top:0!important;
    padding-top:0!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.41
   Technical Dark — kontrast na hover + większy biały oddech.
   ========================================================== */
@media(max-width:767px){

  /* Normalny stan: biały tekst / złota ikona. */
  .atexmm-theme-technical-dark .menu-item > a,
  .atexmm-theme-technical-dark .atexmm-action-tile,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link,
  .atexmm-theme-technical-dark .atexmm-logo-action{
    color:#fff!important;
  }

  .atexmm-theme-technical-dark .atexmm-menu-icon,
  .atexmm-theme-technical-dark .atexmm-action-glyph,
  .atexmm-theme-technical-dark .atexmm-action-glyph svg,
  .atexmm-theme-technical-dark .atexmm-qa-link svg,
  .atexmm-theme-technical-dark .atexmm-social-link svg{
    color:var(--atexmm-accent)!important;
    stroke:currentColor!important;
  }

  /* Hover/focus: jasne złote tło = ciemny tekst i ikony. */
  .atexmm-theme-technical-dark .menu-item > a:hover,
  .atexmm-theme-technical-dark .menu-item > a:focus-visible,
  .atexmm-theme-technical-dark .atexmm-action-tile:hover,
  .atexmm-theme-technical-dark .atexmm-action-tile:focus-visible,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link:hover,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link:focus-visible,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link:hover,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link:focus-visible,
  .atexmm-theme-technical-dark .atexmm-logo-action:hover,
  .atexmm-theme-technical-dark .atexmm-logo-action:focus-visible{
    color:#0b1724!important;
    background:linear-gradient(145deg,#fff7dd,#e5bd55)!important;
    border-color:#d5a62b!important;
    box-shadow:0 8px 20px rgba(0,0,0,.30)!important;
  }

  .atexmm-theme-technical-dark .menu-item > a:hover *,
  .atexmm-theme-technical-dark .menu-item > a:focus-visible *,
  .atexmm-theme-technical-dark .atexmm-action-tile:hover *,
  .atexmm-theme-technical-dark .atexmm-action-tile:focus-visible *,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link:hover *,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link:focus-visible *,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link:hover *,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link:focus-visible *{
    color:#0b1724!important;
    stroke:currentColor!important;
  }

  /* Active/dotyk. */
  .atexmm-theme-technical-dark .menu-item > a:active,
  .atexmm-theme-technical-dark .atexmm-action-tile:active,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link:active,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link:active,
  .atexmm-theme-technical-dark .atexmm-logo-action:active{
    color:#08131f!important;
    background:#e7bd50!important;
    border-color:#c79518!important;
  }

  .atexmm-theme-technical-dark .menu-item > a:active *,
  .atexmm-theme-technical-dark .atexmm-action-tile:active *,
  .atexmm-theme-technical-dark .atexmm-quick-actions .atexmm-qa-link:active *,
  .atexmm-theme-technical-dark .atexmm-footer-actions .atexmm-social-link:active *{
    color:#08131f!important;
    stroke:currentColor!important;
  }

  /* Hamburger i X też mają czytelny ciemny znak na złotym hoverze. */
  .atexmm-theme-technical-dark .menu-toggle:hover,
  .atexmm-theme-technical-dark .main-header-menu-toggle:hover,
  .atexmm-theme-technical-dark .ast-mobile-menu-trigger-minimal:hover,
  .atexmm-theme-technical-dark .ast-mobile-popup-header button:hover,
  .atexmm-theme-technical-dark .ast-mobile-popup-close:hover,
  .atexmm-theme-technical-dark .menu-toggle-close:hover{
    color:#0b1724!important;
    background:#e8c45f!important;
    border-color:#d5a62b!important;
  }

  .atexmm-theme-technical-dark .menu-toggle:hover svg,
  .atexmm-theme-technical-dark .main-header-menu-toggle:hover svg,
  .atexmm-theme-technical-dark .ast-mobile-menu-trigger-minimal:hover svg,
  .atexmm-theme-technical-dark .ast-mobile-popup-header button:hover svg,
  .atexmm-theme-technical-dark .ast-mobile-popup-close:hover svg,
  .atexmm-theme-technical-dark .menu-toggle-close:hover svg{
    color:#0b1724!important;
    fill:currentColor!important;
    stroke:currentColor!important;
  }

  /* Biały pas pod otwartym headerem ma być wyraźny także w Dark. */
  .atexmm-theme-technical-dark .atexmm-open-menu-top-air,
  .ast-mobile-popup-content > .atexmm-open-menu-top-air{
    background:#fff!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.42
   Otwarty i zamknięty header: identyczny biały odstęp pod logo/X.
   ========================================================== */
@media(max-width:767px){
  .atexmm-open-menu-top-air{
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    flex:0 0 14px!important;
    background:#fff!important;
  }

  /* Ten sam mechanizm dla Light i Dark — kolor motywu nie wpływa na odstęp. */
  .atexmm-theme-technical-light .atexmm-open-menu-top-air,
  .atexmm-theme-technical-dark .atexmm-open-menu-top-air{
    background:#fff!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.43
   Dokładnie taki sam biały oddech jak w nagłówku zamkniętym.
   ========================================================== */
@media(max-width:767px){
  .atexmm-open-menu-top-air,
  .atexmm-theme-technical-light .atexmm-open-menu-top-air,
  .atexmm-theme-technical-dark .atexmm-open-menu-top-air{
    display:block!important;
    width:100%!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    flex:0 0 14px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    background-image:none!important;
    box-sizing:border-box!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.46
   Astra zarządza pionową geometrią popup headera.
   ========================================================== */
@media(max-width:767px){

  /* Brak własnego top/translate/height/padding dla nagłówka popupu.
     Nie ustawiamy tutaj wartości zastępczych — pozostają style Astry. */

  /* Zachowujemy tylko rozmiar logo wynikający z ustawień wtyczki. */
  .ast-mobile-popup-header .custom-logo-link img,
  .ast-mobile-popup-header .site-logo-img img,
  .ast-mobile-popup-header img.custom-logo{
    max-width:none!important;
    object-fit:contain!important;
  }

  /* Złota linia wraca do mechanizmu z 2.0.43.
     Nie rysujemy dodatkowej linii na popup headerze. */
  .ast-mobile-popup-drawer .ast-mobile-popup-header:after,
  #ast-mobile-popup .ast-mobile-popup-header:after{
    content:none!important;
    display:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.47
   Lista (Astra) — prosty układ wierszowy.
   ========================================================== */
@media(max-width:767px){

  .atexmm-panel.atexmm-layout-list .main-header-menu,
  .atexmm-panel.atexmm-layout-list .ast-nav-menu,
  .atexmm-panel.atexmm-layout-list ul.menu{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item > a{
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    height:auto!important;
    margin:0!important;
    padding:11px 15px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:10px!important;
    text-align:left!important;
    border:0!important;
    border-bottom:1px solid rgba(130,140,150,.30)!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    aspect-ratio:auto!important;
    transform:none!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item:first-child > a{
    border-top:1px solid rgba(130,140,150,.20)!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item > a .atexmm-menu-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    flex:0 0 22px!important;
    margin:0!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item > a:hover,
  .atexmm-panel.atexmm-layout-list .menu-item > a:focus-visible{
    transform:none!important;
    background:rgba(197,145,16,.08)!important;
    border-color:rgba(197,145,16,.45)!important;
    box-shadow:none!important;
  }

  /* Technical Dark: lista nadal prosta, ale czytelna. */
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item > a{
    color:#fff!important;
    border-bottom-color:rgba(255,255,255,.16)!important;
  }

  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item > a:hover,
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item > a:focus-visible{
    color:#0b1724!important;
    background:linear-gradient(145deg,#fff7dd,#e5bd55)!important;
  }

  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item > a:hover *,
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item > a:focus-visible *{
    color:#0b1724!important;
    stroke:currentColor!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.48
   Lista (Astra) — pełna szerokość panelu.
   ========================================================== */
@media(max-width:767px){

  /* Wszystkie wrappery listy mają zajmować pełną szerokość popupu. */
  .atexmm-panel.atexmm-layout-list,
  .atexmm-panel.atexmm-layout-list .ast-builder-menu-mobile,
  .atexmm-panel.atexmm-layout-list .main-navigation,
  .atexmm-panel.atexmm-layout-list .ast-mobile-menu-content,
  .atexmm-panel.atexmm-layout-list .ast-mobile-popup-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Reset odziedziczonych gridów / kolumn z Tiles i Cards. */
  .atexmm-panel.atexmm-layout-list .main-header-menu,
  .atexmm-panel.atexmm-layout-list .ast-nav-menu,
  .atexmm-panel.atexmm-layout-list ul.menu{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-template-columns:none!important;
    grid-auto-columns:auto!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Każdy wiersz na pełną szerokość. */
  .atexmm-panel.atexmm-layout-list .menu-item{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item > a{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:11px 16px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:11px!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    aspect-ratio:auto!important;
  }

  /* Tekst nie może zawężać się do kilku znaków w pionie. */
  .atexmm-panel.atexmm-layout-list .menu-item > a span:not(.atexmm-menu-icon),
  .atexmm-panel.atexmm-layout-list .menu-item > a .menu-text,
  .atexmm-panel.atexmm-layout-list .menu-item > a .menu-link-text{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* Ikony pozostają kompaktowe. */
  .atexmm-panel.atexmm-layout-list .menu-item > a .atexmm-menu-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    flex:0 0 22px!important;
  }

  /* Quick Actions i stopka również nie ograniczają szerokości samej listy. */
  .atexmm-panel.atexmm-layout-list .atexmm-quick-actions,
  .atexmm-panel.atexmm-layout-list .atexmm-footer{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.51
   Przełącznik steruje tłem panelu pod menu (Cards/Tiles/Lista Astra).
   Sam wygląd linków pozostaje zgodny z wybranym układem.
   ========================================================== */


/* ==========================================================
   ATEX Menu 2.0.52
   Własna Lista ATEX: niezależna od stylowania Astry.
   Tło przełączane jest bezpośrednio na UL menu.
   ========================================================== */
@media(max-width:767px){
  .atexmm-panel.atexmm-layout-list .main-header-menu,
  .atexmm-panel.atexmm-layout-list .ast-nav-menu,
  .atexmm-panel.atexmm-layout-list ul.menu{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:12px 16px!important;
    margin:0!important;
    gap:11px!important;
    box-sizing:border-box!important;
    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid rgba(120,130,140,.28)!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:left!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item:first-child > a{
    border-top:1px solid rgba(120,130,140,.22)!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item > a:hover,
  .atexmm-panel.atexmm-layout-list .menu-item > a:focus-visible{
    background:rgba(197,145,16,.12)!important;
    color:var(--atexmm-text)!important;
  }

  /* Aktualna strona — działa zarówno z klasami WP, jak i detekcją URL ATEX. */
  .atexmm-panel.atexmm-layout-list .menu-item.atexmm-current-item > a,
  .atexmm-panel.atexmm-layout-list .menu-item.current-menu-item > a,
  .atexmm-panel.atexmm-layout-list .menu-item.current_page_item > a{
    background:var(--atexmm-active-bg)!important;
    color:var(--atexmm-text)!important;
    font-weight:700!important;
    box-shadow:inset 4px 0 0 var(--atexmm-accent)!important;
  }

  .atexmm-panel.atexmm-layout-list .menu-item.atexmm-current-item > a .atexmm-menu-icon,
  .atexmm-panel.atexmm-layout-list .menu-item.current-menu-item > a .atexmm-menu-icon,
  .atexmm-panel.atexmm-layout-list .menu-item.current_page_item > a .atexmm-menu-icon{
    color:var(--atexmm-accent)!important;
  }

  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item.atexmm-current-item > a,
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item.current-menu-item > a,
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item.current_page_item > a{
    background:linear-gradient(145deg,#fff7dd,#e5bd55)!important;
    color:#0b1724!important;
  }

  /* Wyłączone tło = powierzchnia listy całkowicie przezroczysta. */
  .atexmm-panel.atexmm-menu-background-off .main-header-menu,
  .atexmm-panel.atexmm-menu-background-off .ast-nav-menu,
  .atexmm-panel.atexmm-menu-background-off ul.menu{
    background-color:transparent!important;
    background-image:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.53
   Jedno tło pod CAŁĄ zawartością otwartego menu.
   Przełącznik włącza/wyłącza warstwę na panelu, nie na liście.
   ========================================================== */
@media(max-width:767px){
  /* Historyczny display:contents uniemożliwiał malowanie tła w Liście. */
  .atexmm-panel.atexmm-layout-list{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:100%!important;
  }

  /* Przy włączonym tle elementy wewnętrzne nie mogą go zasłaniać. */
  .atexmm-panel.atexmm-menu-background-on .ast-mobile-popup-content,
  .atexmm-panel.atexmm-menu-background-on .ast-builder-menu-mobile,
  .atexmm-panel.atexmm-menu-background-on .main-navigation,
  .atexmm-panel.atexmm-menu-background-on .main-header-menu,
  .atexmm-panel.atexmm-menu-background-on .ast-nav-menu,
  .atexmm-panel.atexmm-menu-background-on ul.menu,
  .atexmm-panel.atexmm-menu-background-on .atexmm-quick-actions,
  .atexmm-panel.atexmm-menu-background-on .atexmm-footer{
    background-color:transparent!important;
    background-image:none!important;
  }

  /* OFF naprawdę usuwa grafikę z całego panelu. */
  .atexmm-panel.atexmm-menu-background-off{
    background-image:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.54 — przełącznik tła sterowany z PHP + JS
   ========================================================== */
@media(max-width:767px){
  /* OFF: bezwarunkowo usuń obraz tła ze wszystkich kontenerów,
     niezależnie od starszych reguł motywu/Astry. */
  body.atexmm-menu-bg-off .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  body.atexmm-menu-bg-off .ast-mobile-popup-drawer .ast-mobile-popup-content,
  body.atexmm-menu-bg-off .ast-mobile-popup-drawer .ast-builder-menu-mobile,
  body.atexmm-menu-bg-off .ast-mobile-popup-drawer .main-navigation,
  body.atexmm-menu-bg-off .atexmm-panel,
  .atexmm-menu-bg-off.ast-mobile-popup-inner,
  .atexmm-menu-bg-off .ast-mobile-popup-inner,
  .atexmm-panel.atexmm-menu-bg-off{
    background-image:none!important;
  }

  body.atexmm-menu-bg-off .atexmm-panel::before,
  body.atexmm-menu-bg-off .atexmm-panel::after,
  .atexmm-panel.atexmm-menu-bg-off::before,
  .atexmm-panel.atexmm-menu-bg-off::after{
    content:none!important;
    display:none!important;
    background-image:none!important;
  }

  /* ON: elementy zawartości nie mogą przykrywać wspólnego obrazu panelu. */
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .ast-mobile-popup-content,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .ast-builder-menu-mobile,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .main-navigation,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .main-header-menu,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .ast-nav-menu,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner ul.menu,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .atexmm-footer,
  body.atexmm-menu-bg-on .ast-mobile-popup-inner .atexmm-quick-actions{
    background-color:transparent!important;
    background-image:none!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.55
   Stała pozycja logo po otwarciu menu.
   Przycisk zamknięcia jest wyjęty z układu, więc nie wypycha logo.
   ========================================================== */
@media(max-width:767px){
  .ast-mobile-popup-drawer .ast-mobile-popup-header,
  #ast-mobile-popup .ast-mobile-popup-header{
    position:relative!important;
  }

  .ast-mobile-popup-drawer .ast-mobile-popup-header .ast-mobile-popup-header-content,
  #ast-mobile-popup .ast-mobile-popup-header .ast-mobile-popup-header-content{
    position:relative!important;
    width:100%!important;
    box-sizing:border-box!important;
    justify-content:flex-start!important;
    padding-left:18px!important;
    padding-right:70px!important;
  }

  .ast-mobile-popup-drawer .ast-mobile-popup-header .site-logo-img,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .custom-logo-link,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .atexmm-closed-brand,
  #ast-mobile-popup .ast-mobile-popup-header .site-logo-img,
  #ast-mobile-popup .ast-mobile-popup-header .custom-logo-link,
  #ast-mobile-popup .ast-mobile-popup-header .atexmm-closed-brand{
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    flex:0 0 auto!important;
  }

  .ast-mobile-popup-drawer .ast-mobile-popup-header .ast-mobile-popup-close,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close,
  .ast-mobile-popup-drawer .ast-mobile-popup-header .atexmm-close,
  #ast-mobile-popup .ast-mobile-popup-header .ast-mobile-popup-close,
  #ast-mobile-popup .ast-mobile-popup-header .menu-toggle-close,
  #ast-mobile-popup .ast-mobile-popup-header .atexmm-close{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    z-index:5!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.58 — typografia pozycji menu i stopki
   ========================================================== */
@media(max-width:767px){
  .atexmm-panel .menu-item > a,
  .atexmm-panel .menu-item > a span:not(.atexmm-menu-icon):not(.atexmm-action-glyph){
    font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
  }

  .atexmm-panel .atexmm-footer-text{
    font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.59 — dopracowanie wyglądu Tiles/Cards
   Lżejsze kafelki, subtelny cień, elegancki active state,
   ciaśniejsze proporcje ikon/tekstu i bardziej zwarta stopka.
   ========================================================== */
@media(max-width:767px){
  /* Kafelki i karty: lżejsza, bardziej premium powierzchnia. */
  .atexmm-layout-tiles .menu-item>a,
  .atexmm-layout-cards .menu-item>a,
  .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    border-color:rgba(188,199,210,.68)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 5px 16px rgba(17,39,63,.055)!important;
  }

  /* Tiles w układzie poziomym: trochę niższe i bardziej zwarte. */
  .atexmm-layout-tiles .menu-item>a{
    min-height:58px!important;
    padding:11px 14px!important;
    gap:10px!important;
  }

  /* Cards: również odrobinę niższe, bez utraty wygodnego pola dotyku. */
  .atexmm-layout-cards .menu-item>a{
    min-height:66px!important;
    padding:12px 14px!important;
    gap:10px!important;
  }

  /* W układzie 2-kolumnowym zachowaj poziomy, elegancki charakter. */
  .atexmm-cards-cols-2 .menu-item>a{
    min-height:74px!important;
    gap:9px!important;
  }

  /* Ikony minimalnie mniejsze, żeby tekst i znak tworzyły jedną kompozycję. */
  .atexmm-layout-tiles .atexmm-menu-icon,
  .atexmm-layout-cards .atexmm-menu-icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }

  /* Typografia menu — elegancka, nieco lżejsza i z większym oddechem liter. */
  .atexmm-panel .menu-item > a,
  .atexmm-panel .menu-item > a span:not(.atexmm-menu-icon):not(.atexmm-action-glyph){
    font-size:12.5px!important;
    font-weight:600!important;
    letter-spacing:.065em!important;
    line-height:1.25!important;
  }

  /* Aktualna strona: delikatne złote zaznaczenie zamiast ciężkiego wypełnienia. */
  .atexmm-layout-tiles .menu-item.atexmm-current-item>a,
  .atexmm-layout-tiles .current-menu-item>a,
  .atexmm-layout-tiles .current_page_item>a,
  .atexmm-layout-tiles .current-menu-ancestor>a,
  .atexmm-layout-cards .menu-item.atexmm-current-item>a,
  .atexmm-layout-cards .current-menu-item>a,
  .atexmm-layout-cards .current_page_item>a,
  .atexmm-layout-cards .current-menu-ancestor>a{
    background:linear-gradient(145deg,rgba(255,253,247,.97),rgba(250,244,224,.94))!important;
    border-color:rgba(196,147,19,.72)!important;
    box-shadow:inset 3px 0 0 var(--atexmm-accent),0 5px 16px rgba(17,39,63,.07)!important;
  }

  /* Hover pozostaje subtelny — bez dużego „wyskoku”. */
  @media(hover:hover) and (pointer:fine){
    .atexmm-layout-tiles .menu-item>a:hover,
    .atexmm-layout-cards .menu-item>a:hover,
    .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile:hover{
      transform:translateY(-1px)!important;
      border-color:rgba(196,147,19,.62)!important;
      box-shadow:0 7px 18px rgba(17,39,63,.09)!important;
      background:rgba(255,253,248,.96)!important;
    }
  }

  /* Zwarta stopka: mniej pustej przestrzeni pomiędzy menu, linią i akcjami. */
  .atexmm-panel .atexmm-footer{
    padding-top:12px!important;
    padding-bottom:10px!important;
  }
  .atexmm-panel .atexmm-footer-text{
    font-size:10px!important;
    font-weight:500!important;
    letter-spacing:.06em!important;
    line-height:1.35!important;
    opacity:.78!important;
  }
  .atexmm-panel .atexmm-quick-actions{
    padding-top:6px!important;
    padding-bottom:12px!important;
    gap:8px!important;
  }
}

/* ATEX Menu 2.0.61 — opcjonalny, spójny styl nawigacji desktopowej Astra */
@media (min-width: 768px){
  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-desktop .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    position:relative;
    font-weight:600;
    letter-spacing:.055em;
    color:#f4f6f8;
    transition:color .2s ease, opacity .2s ease;
  }
  body.atexmm-desktop-on.atexmm-desktop-uppercase .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-uppercase .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-uppercase .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    text-transform:uppercase;
    font-size:.88em;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item > a::after,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link::after,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:12px;
    width:0;
    height:2px;
    transform:translateX(-50%);
    background:var(--atexmm-accent,#b6902f);
    border-radius:2px;
    transition:width .22s ease;
    pointer-events:none;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a{
    color:#fff;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a::after,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a::after,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a::after,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a::after{
    width:calc(100% - 28px);
  }
  body.atexmm-desktop-on .main-header-menu .atexmm-menu-icon{
    display:none!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    background:#11273f!important;
    color:#fff!important;
    border:1px solid var(--atexmm-accent,#b6902f)!important;
    border-radius:6px!important;
    letter-spacing:.055em!important;
    box-shadow:none!important;
    transition:background .2s ease,color .2s ease,transform .2s ease!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button:hover{
    background:var(--atexmm-accent,#b6902f)!important;
    color:#11273f!important;
    transform:translateY(-1px);
  }
}


/* ==========================================================
   ATEX Menu 2.0.62 — Technical Dark: czytelne etykiety
   2.0.59 wprowadził jasną powierzchnię kafelków niezależnie od motywu,
   co mogło dać biały tekst na prawie białym tle. Dark ma własną powierzchnię.
   ========================================================== */
@media(max-width:767px){
  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a,
  .atexmm-theme-technical-dark .atexmm-linkedin-menu-item>a.atexmm-linkedin-tile{
    background:rgba(15,29,43,.90)!important;
    border-color:rgba(125,145,163,.58)!important;
    color:#f7f9fb!important;
    box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
  }
  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item>a span:not(.atexmm-menu-icon):not(.atexmm-action-glyph),
  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item>a span:not(.atexmm-menu-icon):not(.atexmm-action-glyph),
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item>a span:not(.atexmm-menu-icon):not(.atexmm-action-glyph){
    color:#f7f9fb!important;
    opacity:1!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28);
  }
  .atexmm-theme-technical-dark.atexmm-layout-list .menu-item>a{
    color:#f7f9fb!important;
  }
  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item.atexmm-current-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current-menu-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current_page_item>a,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current-menu-ancestor>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item.atexmm-current-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current-menu-item>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current_page_item>a,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current-menu-ancestor>a{
    background:linear-gradient(145deg,#f5df9e,#d5a62b)!important;
    border-color:#e6c45f!important;
    color:#0b1724!important;
    box-shadow:inset 3px 0 0 #fff1b5,0 5px 16px rgba(0,0,0,.22)!important;
  }
  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item.atexmm-current-item>a *,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current-menu-item>a *,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current_page_item>a *,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current-menu-ancestor>a *,
  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item.atexmm-current-item>a *,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current-menu-item>a *,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current_page_item>a *,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current-menu-ancestor>a *{
    color:#0b1724!important;
    text-shadow:none!important;
  }
  .atexmm-theme-technical-dark.atexmm-layout-tiles .menu-item.atexmm-current-item>a .atexmm-menu-icon,
  .atexmm-theme-technical-dark.atexmm-layout-tiles .current-menu-item>a .atexmm-menu-icon,
  .atexmm-theme-technical-dark.atexmm-layout-cards .menu-item.atexmm-current-item>a .atexmm-menu-icon,
  .atexmm-theme-technical-dark.atexmm-layout-cards .current-menu-item>a .atexmm-menu-icon{
    color:#815f00!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.64 — podmenu + regulowany odstęp
   ========================================================== */
@media(max-width:767px){
  .atexmm-panel{--atexmm-item-gap:10px}
  .atexmm-layout-tiles .main-header-menu,
  .atexmm-layout-tiles .ast-nav-menu,
  .atexmm-layout-tiles ul.menu,
  .atexmm-layout-cards .main-header-menu,
  .atexmm-layout-cards .ast-nav-menu,
  .atexmm-layout-cards ul.menu{gap:var(--atexmm-item-gap)!important}

  .atexmm-panel.atexmm-layout-list .main-header-menu,
  .atexmm-panel.atexmm-layout-list .ast-nav-menu,
  .atexmm-panel.atexmm-layout-list ul.menu{row-gap:var(--atexmm-item-gap)!important}

  .atexmm-panel .menu-item-has-children{position:relative}
  .atexmm-panel .atexmm-submenu-toggle{
    position:absolute;right:9px;top:9px;z-index:8;
    width:34px;height:34px;display:flex;align-items:center;justify-content:center;
    padding:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--atexmm-accent) 42%,transparent)!important;
    border-radius:9px!important;background:rgba(255,255,255,.86)!important;color:var(--atexmm-accent)!important;
    box-shadow:none!important;cursor:pointer;
  }
  .atexmm-panel .atexmm-submenu-toggle span{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .18s ease}
  .atexmm-panel .atexmm-submenu-open>.atexmm-submenu-toggle span{transform:rotate(225deg) translate(-1px,-1px)}
  .atexmm-panel .atexmm-submenu[hidden]{display:none!important}
  .atexmm-panel .atexmm-submenu{
    display:grid!important;grid-template-columns:1fr!important;gap:5px!important;
    margin:7px 0 0!important;padding:7px!important;list-style:none!important;
    border:1px solid color-mix(in srgb,var(--atexmm-separator) 80%,transparent);
    border-radius:12px;background:color-mix(in srgb,var(--atexmm-bg) 90%,transparent);
    box-shadow:0 7px 18px rgba(17,39,63,.06);
  }
  .atexmm-panel .atexmm-submenu .menu-item{display:block!important;margin:0!important;width:100%!important}
  .atexmm-panel .atexmm-submenu .menu-item>a{
    min-height:42px!important;height:auto!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;
    gap:9px!important;padding:9px 11px!important;margin:0!important;border:0!important;border-radius:8px!important;
    background:transparent!important;box-shadow:none!important;font-size:12px!important;letter-spacing:.045em!important;
  }
  .atexmm-panel .atexmm-submenu .menu-item>a:hover,
  .atexmm-panel .atexmm-submenu .current-menu-item>a{background:var(--atexmm-active-bg)!important;color:var(--atexmm-text)!important}
  .atexmm-panel .atexmm-submenu .atexmm-menu-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
  .atexmm-panel.atexmm-layout-tiles .menu-item-has-children.atexmm-submenu-open,
  .atexmm-panel.atexmm-layout-cards .menu-item-has-children.atexmm-submenu-open{grid-column:1/-1!important}
  .atexmm-panel.atexmm-layout-tiles .menu-item-has-children.atexmm-submenu-open>a,
  .atexmm-panel.atexmm-layout-cards .menu-item-has-children.atexmm-submenu-open>a{padding-right:48px!important}
  .atexmm-theme-technical-dark .atexmm-submenu{background:rgba(13,27,42,.94);border-color:rgba(255,255,255,.15)}
  .atexmm-theme-technical-dark .atexmm-submenu-toggle{background:rgba(13,27,42,.92)!important}
  .atexmm-submenus-off .menu-item-has-children>.atexmm-submenu-toggle,
  .atexmm-submenus-off .menu-item-has-children>.sub-menu{display:none!important}
}

/* ==========================================================
   ATEX Menu 2.0.65 — Desktop w estetyce mobilnego ATEX
   Lekki panel nawigacji, spokojny active/hover i elegancki CTA.
   ========================================================== */
@media (min-width:768px){
  /* Nawigacja jako jedna lekka, półprzezroczysta powierzchnia — nawiązanie do mobilnych kafelków. */
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on .ast-desktop .main-header-menu{
    display:flex;
    align-items:center;
    gap:4px;
    padding:5px 6px!important;
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    background:rgba(10,27,45,.28);
    box-shadow:0 8px 24px rgba(5,18,31,.10);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }

  /* Pozycje desktopowe bez starej kreski — delikatne „mini-kafelki”. */
  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-desktop .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    min-height:42px!important;
    padding:0 12px!important;
    border:1px solid transparent;
    border-radius:10px;
    color:rgba(255,255,255,.94)!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:42px!important;
    letter-spacing:.035em!important;
    text-shadow:0 1px 7px rgba(0,0,0,.16);
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-uppercase .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-uppercase .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-uppercase .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    text-transform:uppercase!important;
    font-size:12.5px!important;
    letter-spacing:.055em!important;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item > a::after,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link::after,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link::after{
    display:none!important;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item:hover > .menu-link{
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.16)!important;
    color:#fff!important;
    transform:translateY(-1px);
  }
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-ancestor > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-ancestor > .menu-link{
    background:linear-gradient(145deg,rgba(255,250,232,.98),rgba(240,217,150,.95))!important;
    border-color:rgba(205,157,39,.92)!important;
    color:#102a45!important;
    text-shadow:none!important;
    box-shadow:inset 3px 0 0 var(--atexmm-accent,#b6902f),0 5px 14px rgba(4,18,31,.12)!important;
  }

  /* CTA jak mocniejszy element z mobilnej stylistyki ATEX. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    min-height:46px!important;
    padding:0 24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(145deg,#d9ad39,#b98516)!important;
    border:1px solid rgba(255,225,143,.75)!important;
    border-radius:10px!important;
    color:#102a45!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.055em!important;
    text-shadow:none!important;
    box-shadow:0 7px 18px rgba(8,23,37,.14)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button:hover{
    background:linear-gradient(145deg,#efd475,#c99925)!important;
    color:#0c2238!important;
    transform:translateY(-1px)!important;
    box-shadow:0 9px 22px rgba(8,23,37,.18)!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.67 — rozmiary akcji 1:1: 1/4, 1/2, cały kafel.
   Pełny kafel zajmuje wszystkie cztery pola wewnętrznej siatki 2×2.
   ========================================================== */
@media(max-width:767px){
  .atexmm-panel.atexmm-layout-tiles
  li.atexmm-action-tile-group > .atexmm-action-tile-grid > a.atexmm-action-tile-full{
    grid-column:span 2!important;
    grid-row:span 2!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.69 — Desktop refined
   Mniej złota, lżejsza typografia, opcjonalne ikony i tło mobile.
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on .ast-desktop .main-header-menu{
    gap:2px;
    padding:4px 6px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:12px!important;
    background:rgba(10,27,45,.38)!important;
    box-shadow:0 6px 18px rgba(5,18,31,.09)!important;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    overflow:hidden;
  }

  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-desktop .main-header-menu{
    background-color:rgba(255,255,255,.94)!important;
    background-image:linear-gradient(rgba(255,255,255,.77),rgba(255,255,255,.77)),var(--atexmm-desktop-bg-image)!important;
    background-size:cover!important;
    background-position:center!important;
    border-color:rgba(183,144,47,.20)!important;
    box-shadow:0 6px 20px rgba(17,39,63,.10)!important;
  }

  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-desktop .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    min-height:40px!important;
    padding:0 11px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    color:rgba(255,255,255,.94)!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.15!important;
    letter-spacing:.018em!important;
    text-shadow:0 1px 5px rgba(0,0,0,.14)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-weight-400 .main-header-menu > .menu-item > a{font-weight:400!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-500 .main-header-menu > .menu-item > a{font-weight:500!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-600 .main-header-menu > .menu-item > a{font-weight:600!important}

  body.atexmm-desktop-on.atexmm-desktop-uppercase .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-uppercase .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-uppercase .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    text-transform:uppercase!important;
    font-size:12px!important;
    letter-spacing:.04em!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    color:#11273f!important;
    text-shadow:none!important;
  }

  /* Złoto jest tylko akcentem, nie pełnym wypełnieniem pozycji. */
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item:hover > .menu-link{
    background:rgba(255,255,255,.09)!important;
    border-color:rgba(255,255,255,.12)!important;
    color:#fff!important;
    transform:none!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu > .menu-item:hover > .menu-link{
    background:rgba(255,255,255,.68)!important;
    border-color:rgba(182,144,47,.22)!important;
    color:#11273f!important;
  }

  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-ancestor > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-ancestor > .menu-link{
    position:relative!important;
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.14)!important;
    color:#fff!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .current-menu-ancestor > a{
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(182,144,47,.25)!important;
    color:#11273f!important;
  }
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a::before,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a::before,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a::before{
    content:""!important;
    position:absolute!important;
    left:11px!important;
    right:11px!important;
    bottom:4px!important;
    height:2px!important;
    border-radius:2px!important;
    background:var(--atexmm-accent,#b6902f)!important;
    opacity:.95!important;
  }

  /* Ikony są opcjonalne; używają tej samej mapy co mobile. */
  body.atexmm-desktop-on .main-header-menu .atexmm-menu-icon{display:none!important}
  body.atexmm-desktop-on.atexmm-desktop-icons-on .main-header-menu .atexmm-menu-icon{
    display:inline-flex!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    flex:0 0 16px!important;
    color:#d0a026!important;
    margin:0!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-icons-on .main-header-menu .atexmm-menu-icon svg,
  body.atexmm-desktop-on.atexmm-desktop-icons-on .main-header-menu .atexmm-menu-icon img{
    width:16px!important;height:16px!important;display:block!important;object-fit:contain!important;
  }
  body.atexmm-mobile-icons-off .atexmm-panel .atexmm-menu-icon{display:none!important}

  /* CTA: trzy spokojne warianty. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    min-height:44px!important;
    padding:0 22px!important;
    border-radius:8px!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.035em!important;
    text-shadow:none!important;
    box-shadow:0 5px 14px rgba(8,23,37,.12)!important;
    transform:none!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-navy .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-navy .ast-builder-button-wrap .ast-custom-button{
    background:#11273f!important;color:#fff!important;border:1px solid rgba(182,144,47,.75)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-gold .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-gold .ast-builder-button-wrap .ast-custom-button{
    background:#c99a28!important;color:#11273f!important;border:1px solid #d9b75a!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-outline .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-outline .ast-builder-button-wrap .ast-custom-button{
    background:rgba(17,39,63,.20)!important;color:#fff!important;border:1px solid #c99a28!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.70 — powrót do estetyki 2.0.68.
   Dodatki 2.0.69 (ikony/tło/wariant CTA) pozostają opcjonalne.
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on .ast-desktop .main-header-menu{
    gap:4px!important;
    padding:5px 6px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:14px!important;
    background:rgba(10,27,45,.28)!important;
    box-shadow:0 8px 24px rgba(5,18,31,.10)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-desktop .main-header-menu{
    background-image:linear-gradient(rgba(10,27,45,.42),rgba(10,27,45,.42)),var(--atexmm-desktop-bg-image)!important;
    background-size:cover!important;background-position:center!important;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-desktop .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    min-height:42px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:10px!important;
    background:transparent!important;color:rgba(255,255,255,.94)!important;font-size:13px!important;font-weight:500!important;
    line-height:42px!important;letter-spacing:.025em!important;text-shadow:0 1px 7px rgba(0,0,0,.16)!important;
    box-shadow:none!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-weight-400 .main-header-menu > .menu-item > a{font-weight:400!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-500 .main-header-menu > .menu-item > a{font-weight:500!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-600 .main-header-menu > .menu-item > a{font-weight:600!important}
  body.atexmm-desktop-on.atexmm-desktop-uppercase .main-header-menu > .menu-item > a{font-size:12.5px!important;letter-spacing:.045em!important}
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item:hover > .menu-link{
    background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;
  }
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-item > .menu-link{
    background:linear-gradient(145deg,rgba(255,250,232,.98),rgba(240,217,150,.95))!important;
    border-color:rgba(205,157,39,.92)!important;color:#102a45!important;text-shadow:none!important;
    box-shadow:inset 3px 0 0 var(--atexmm-accent,#b6902f),0 5px 14px rgba(4,18,31,.12)!important;
  }
  /* Domyślnie CTA: granat + złoty detal. Warianty z 2.0.69 nadal można wybrać. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-navy .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-navy .ast-builder-button-wrap .ast-custom-button{
    background:#102a45!important;border:1px solid var(--atexmm-accent,#c99724)!important;color:#fff!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.71 — desktop: pewne tło, transparentne
   przyciski z delikatnym złotym obrysem i aktywny hover CTA.
   ========================================================== */
@media (min-width:768px){
  /* Gdy wybrane jest tło mobilne, nawigacja staje się jego ramą —
     obraz pozostaje widoczny pod przezroczystymi przyciskami. */
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-desktop .main-header-menu{
    background-color:rgba(255,255,255,.16)!important;
    border-color:rgba(182,144,47,.46)!important;
    box-shadow:0 8px 24px rgba(5,18,31,.12)!important;
    overflow:hidden!important;
  }

  /* Menu: subtelny złoty kontur, przezroczyste wnętrze. */
  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-desktop .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(201,151,36,.32)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
    transition:background-color .20s ease,border-color .20s ease,color .20s ease,box-shadow .20s ease,transform .20s ease,border-radius .20s ease!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    background:rgba(255,255,255,.20)!important;
    border-color:rgba(182,144,47,.38)!important;
    color:#102a45!important;
    text-shadow:none!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important;
  }
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item:hover > .menu-link{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(217,177,74,.72)!important;
    box-shadow:0 5px 14px rgba(7,20,34,.10)!important;
    transform:translateY(-1px)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu > .menu-item:hover > .menu-link{
    background:rgba(255,255,255,.42)!important;
    color:#102a45!important;
  }

  /* Aktywna strona: nadal transparentna — tylko mocniejszy złoty sygnał. */
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .current-menu-ancestor > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .current-menu-ancestor > .menu-link{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(217,177,74,.86)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 var(--atexmm-accent,#b6902f),0 5px 14px rgba(4,18,31,.10)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-bg-on .ast-builder-menu-2 .main-header-menu > .current-menu-item > .menu-link{
    background:rgba(255,255,255,.52)!important;
    color:#102a45!important;
  }

  /* CTA: ruch i zmiana kształtu na hover — zauważalne, ale eleganckie. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    transition:background-color .22s ease,color .22s ease,border-color .22s ease,border-radius .22s ease,transform .22s ease,box-shadow .22s ease!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button:hover{
    border-radius:18px!important;
    transform:translateY(-2px)!important;
    box-shadow:0 9px 20px rgba(8,23,37,.18)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-navy .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-navy .ast-builder-button-wrap .ast-custom-button:hover{
    background:rgba(16,42,69,.88)!important;
    border-color:#e0b84d!important;
    color:#fff!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-outline .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-outline .ast-builder-button-wrap .ast-custom-button:hover{
    background:rgba(201,154,40,.14)!important;
    border-color:#e0b84d!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-gold .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-gold .ast-builder-button-wrap .ast-custom-button:hover{
    background:#d8ad3b!important;
    border-color:#f0cf75!important;
  }
}

/* ATEX 2.0.72 — docelowy desktop: grafit + regulowane złoto */
@media (min-width:768px){
body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu,body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu,body.atexmm-desktop-on .ast-desktop .main-header-menu{background:rgba(62,61,63,var(--atexmm-desktop-panel-opacity,.38))!important;background-image:none!important;border:1px solid rgba(201,151,36,.42)!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(5,18,31,.12)!important;backdrop-filter:blur(8px)!important;overflow:hidden!important}
body.atexmm-desktop-on .main-header-menu>.menu-item>a,body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu>.menu-item>.menu-link,body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu>.menu-item>.menu-link{background:transparent!important;border-color:transparent!important;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.16)!important}
body.atexmm-desktop-on.atexmm-desktop-weight-300 .main-header-menu>.menu-item>a{font-weight:300!important}body.atexmm-desktop-on.atexmm-desktop-weight-400 .main-header-menu>.menu-item>a{font-weight:400!important}body.atexmm-desktop-on.atexmm-desktop-weight-500 .main-header-menu>.menu-item>a{font-weight:500!important}body.atexmm-desktop-on.atexmm-desktop-weight-600 .main-header-menu>.menu-item>a{font-weight:600!important}
body.atexmm-desktop-on .main-header-menu>.menu-item:hover>a,body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu>.menu-item:hover>.menu-link,body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu>.menu-item:hover>.menu-link{background:rgba(201,151,36,.18)!important;border-color:rgba(230,190,84,.72)!important;color:#fff!important;transform:translateY(-1px)!important}
body.atexmm-desktop-on .main-header-menu>.current-menu-item>a,body.atexmm-desktop-on .main-header-menu>.current_page_item>a,body.atexmm-desktop-on .main-header-menu>.current-menu-ancestor>a,body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu>.current-menu-item>.menu-link,body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu>.current-menu-item>.menu-link{background:rgba(239,197,82,var(--atexmm-desktop-gold-opacity,.78))!important;border:1px solid rgba(230,190,84,.95)!important;color:#102a45!important;text-shadow:none!important;box-shadow:inset 3px 0 0 #b6902f,0 4px 12px rgba(4,18,31,.12)!important}
body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{background:rgba(218,166,40,var(--atexmm-desktop-gold-opacity,.78))!important;border:1px solid #e3b84a!important;color:#102a45!important;border-radius:9px!important;box-shadow:0 5px 14px rgba(8,23,37,.13)!important}
body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button:hover,body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button:hover{border-color:#f0ce75!important;border-radius:16px!important;transform:translateY(-2px)!important;filter:brightness(1.08)!important}
}


/* ==========================================================
   ATEX Menu 2.0.82 — skonsolidowany desktop
   Jeden blok CSS zamiast nakładających się poprawek 2.0.73–2.0.81.
   ========================================================== */
@media (min-width:768px){

  /* PANEL */
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on .ast-desktop .main-header-menu{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:4px 7px!important;
    margin:0!important;
    overflow:visible!important;
    background:
      color-mix(
        in srgb,
        var(--atexmm-desktop-panel-color,#3a3f4b)
        calc(var(--atexmm-desktop-panel-opacity,.42) * 100%),
        transparent
      )!important;
    background-image:none!important;
    border:1px solid color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 28%,transparent)!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(5,18,31,.10)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    backdrop-filter:blur(7px)!important;
  }

  /* POZYCJE MENU */
  body.atexmm-desktop-on .main-header-menu > .menu-item{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu > .menu-item > .menu-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    padding:0 14px!important;
    margin:0!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:var(--atexmm-desktop-menu-font-size,14px)!important;
    letter-spacing:.01em!important;
    border:1px solid transparent!important;
    border-radius:var(--atexmm-desktop-active-radius,9px)!important;
    background:transparent!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:none!important;
    text-shadow:none!important;
    text-decoration:none!important;
    transform:none!important;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-weight-300 .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-weight-300 .main-header-menu > .menu-item > .menu-link{font-weight:300!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-400 .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-weight-400 .main-header-menu > .menu-item > .menu-link{font-weight:400!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-500 .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-weight-500 .main-header-menu > .menu-item > .menu-link{font-weight:500!important}
  body.atexmm-desktop-on.atexmm-desktop-weight-600 .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-weight-600 .main-header-menu > .menu-item > .menu-link{font-weight:600!important}

  body.atexmm-desktop-transform-normal .main-header-menu > .menu-item > a,
  body.atexmm-desktop-transform-normal .main-header-menu > .menu-item > .menu-link{text-transform:none!important}
  body.atexmm-desktop-transform-uppercase .main-header-menu > .menu-item > a,
  body.atexmm-desktop-transform-uppercase .main-header-menu > .menu-item > .menu-link{text-transform:uppercase!important}
  body.atexmm-desktop-transform-lowercase .main-header-menu > .menu-item > a,
  body.atexmm-desktop-transform-lowercase .main-header-menu > .menu-item > .menu-link{text-transform:lowercase!important}

  /* Astra underline / pseudo-element — całkowicie wyłączony */
  body.atexmm-desktop-on .main-header-menu > .menu-item > a::before,
  body.atexmm-desktop-on .main-header-menu > .menu-item > a::after,
  body.atexmm-desktop-on .main-header-menu > .menu-item > .menu-link::before,
  body.atexmm-desktop-on .main-header-menu > .menu-item > .menu-link::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* HOVER ZWYKŁEJ POZYCJI */
  body.atexmm-desktop-on.atexmm-desktop-hover-border .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-border .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):hover > .menu-link{
    background:rgba(255,255,255,.045)!important;
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 52%,white)!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 12%,transparent)!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-hover-fill .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-fill .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):hover > .menu-link{
    background:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 12%,transparent)!important;
    border-color:transparent!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-hover-none .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-none .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):hover > .menu-link{
    background:transparent!important;
    border-color:transparent!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:none!important;
  }

  /* AKTYWNA POZYCJA */
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > .menu-link{
    background:
      color-mix(
        in srgb,
        var(--atexmm-desktop-active-color,#f3c95a)
        calc(var(--atexmm-desktop-gold-opacity,.72) * 100%),
        rgba(255,255,255,.92)
      )!important;
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border:var(--atexmm-desktop-active-border-width,1px) solid var(--atexmm-desktop-accent,#d9a528)!important;
    border-radius:var(--atexmm-desktop-active-radius,9px)!important;
    box-shadow:inset 3px 0 0 var(--atexmm-desktop-accent,#d9a528),0 2px 6px rgba(5,18,31,.12)!important;
    text-shadow:none!important;
  }

  body.atexmm-desktop-on .main-header-menu > .current-menu-item:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item:hover > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current_page_item:hover > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor:hover > .menu-link{
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 62%,white)!important;
    filter:brightness(1.03)!important;
  }

  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a *,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a *,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a *,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > .menu-link *,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > .menu-link *,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > .menu-link *{
    color:inherit!important;
    font-weight:inherit!important;
  }

  /* CTA — najważniejsza poprawka 2.0.82:
     rozmiar i waga pochodzą WYŁĄCZNIE z ustawień. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    white-space:nowrap!important;
    line-height:1.05!important;
    font-size:var(--atexmm-desktop-cta-font-size,16px)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    background:
      color-mix(
        in srgb,
        var(--atexmm-desktop-accent,#d9a528)
        calc(var(--atexmm-desktop-cta-opacity,.92) * 100%),
        transparent
      )!important;
    border:1px solid color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 76%,white)!important;
    color:var(--atexmm-desktop-cta-text,#102a45)!important;
    box-shadow:0 4px 12px rgba(8,23,37,.12)!important;
    text-shadow:none!important;
    transform:none!important;
    transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease!important;
  }

  /* CTA size changes padding only; font-size is controlled independently. */
  body.atexmm-desktop-on.atexmm-desktop-cta-size-small .ast-custom-button{padding:10px 18px!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-size-normal .ast-custom-button{padding:13px 24px!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-size-large .ast-custom-button{padding:16px 31px!important}

  /* CTA weight applies to button AND nested label/span so Astra cannot override it. */
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-300 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-300 .ast-custom-button *{font-weight:300!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-400 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-400 .ast-custom-button *{font-weight:400!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-500 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-500 .ast-custom-button *{font-weight:500!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-600 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-600 .ast-custom-button *{font-weight:600!important}

  /* Nested text inherits the selected CTA size too. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-custom-button span,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-custom-button .ast-custom-button-text{
    font-size:inherit!important;
    line-height:inherit!important;
    color:inherit!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-hover-border .ast-custom-button:hover{
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 42%,white)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 26%,white),0 5px 14px rgba(8,23,37,.14)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    transform:none!important;
    filter:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-hover-bright .ast-custom-button:hover{
    filter:brightness(1.10)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    transform:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-hover-none .ast-custom-button:hover{
    filter:none!important;
    transform:none!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
  }
}

/* ==========================================================
   ATEX Menu 2.0.83 — aktywna pozycja + odstępy
   ========================================================== */
@media (min-width:768px){
  /* Suwak odstępu steruje realnym gapem pomiędzy pozycjami menu. */
  body.atexmm-desktop-on .ast-builder-menu-1 .main-header-menu,
  body.atexmm-desktop-on .ast-builder-menu-2 .main-header-menu,
  body.atexmm-desktop-on .ast-desktop .main-header-menu{
    gap:var(--atexmm-desktop-item-gap,4px)!important;
    background:var(--atexmm-desktop-panel-bg,rgba(58,63,75,.42))!important;
    background-image:none!important;
  }

  /* WordPress/Astra + awaryjne oznaczenie URL przez JS. */
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_parent > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-parent > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current_page_parent > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current-menu-parent > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > .menu-link{
    background:var(--atexmm-desktop-active-bg,rgba(243,201,90,.72))!important;
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border:var(--atexmm-desktop-active-border-width,1px) solid var(--atexmm-desktop-accent,#d9a528)!important;
    border-radius:var(--atexmm-desktop-active-radius,9px)!important;
    box-shadow:inset 3px 0 0 var(--atexmm-desktop-accent,#d9a528),0 2px 7px rgba(5,18,31,.13)!important;
    text-shadow:none!important;
    transform:none!important;
  }

  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a *,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > .menu-link *,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a *,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a *{
    color:inherit!important;
  }

  /* Aktywna pozycja nie może wejść w zwykły biały hover. */
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current:hover > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current:hover > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_parent:hover > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-parent:hover > a{
    background:var(--atexmm-desktop-active-bg,rgba(243,201,90,.72))!important;
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 58%,white)!important;
    filter:brightness(1.035)!important;
  }

  /* CTA korzysta z policzonego przez PHP krycia — bez zależności od color-mix. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    background:var(--atexmm-desktop-cta-bg,rgba(217,165,40,.92))!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.85 — aktywna strona + stabilny hover CTA
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > .menu-link,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > a,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > .menu-link{
    background:var(--atexmm-desktop-active-bg,rgba(243,201,90,.72))!important;
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border:var(--atexmm-desktop-active-border-width,1px) solid var(--atexmm-desktop-accent,#d9a528)!important;
    border-radius:var(--atexmm-desktop-active-radius,9px)!important;
    box-shadow:inset 3px 0 0 var(--atexmm-desktop-accent,#d9a528),0 2px 7px rgba(5,18,31,.13)!important;
    text-shadow:none!important;transform:none!important;filter:none!important;
  }
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current:hover > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current:hover > .menu-link,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"]:hover > a,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"]:hover > .menu-link{
    background:var(--atexmm-desktop-active-bg,rgba(243,201,90,.72))!important;
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 55%,white)!important;
    border-radius:var(--atexmm-desktop-active-radius,9px)!important;
    transform:none!important;filter:none!important;
  }
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a *,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > .menu-link *,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > a *,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > .menu-link *{
    color:inherit!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button:focus,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button:focus{
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    transform:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.86 — uporządkowane sterowanie desktopem
   ========================================================== */
@media (min-width:768px){

  /* Label colors are independent hex settings. */
  body.atexmm-desktop-on .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    color:var(--atexmm-desktop-label-color,#fff)!important;
  }

  /* Combined hover: brighter border + gentle fill. */
  body.atexmm-desktop-on.atexmm-desktop-hover-both .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-both .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link{
    background:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 12%,transparent)!important;
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 48%,white)!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 12%,transparent)!important;
    transform:none!important;
  }

  /* Active item: independent fill, opacity and border color. */
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_parent > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-parent > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > .menu-link,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > .menu-link,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > .menu-link{
    background:var(--atexmm-desktop-active-bg,rgba(243,201,90,.72))!important;
    color:var(--atexmm-desktop-active-text,#102a45)!important;
    border:var(--atexmm-desktop-active-border-width,1px) solid var(--atexmm-desktop-active-border-color,#d9a528)!important;
    border-radius:var(--atexmm-desktop-active-radius,9px)!important;
    box-shadow:inset 3px 0 0 var(--atexmm-desktop-active-border-color,#d9a528),0 2px 7px rgba(5,18,31,.13)!important;
  }

  /* CTA typography: enforce on wrapper, button and every nested label. */
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-builder-button-wrap .ast-custom-button{
    font-size:var(--atexmm-desktop-cta-font-size,16px)!important;
    line-height:1.05!important;
    color:var(--atexmm-desktop-cta-text,#102a45)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-custom-button-link *{
    font-size:inherit!important;
    line-height:inherit!important;
    color:inherit!important;
    text-transform:inherit!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-weight-300 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-300 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-300 .ast-custom-button *{font-weight:300!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-400 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-400 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-400 .ast-custom-button *{font-weight:400!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-500 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-500 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-500 .ast-custom-button *{font-weight:500!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-600 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-600 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-weight-600 .ast-custom-button *{font-weight:600!important}

  body.atexmm-desktop-cta-transform-normal .ast-custom-button-link,
  body.atexmm-desktop-cta-transform-normal .ast-custom-button{text-transform:none!important}
  body.atexmm-desktop-cta-transform-uppercase .ast-custom-button-link,
  body.atexmm-desktop-cta-transform-uppercase .ast-custom-button{text-transform:uppercase!important}
  body.atexmm-desktop-cta-transform-lowercase .ast-custom-button-link,
  body.atexmm-desktop-cta-transform-lowercase .ast-custom-button{text-transform:lowercase!important}

  /* CTA size selector has an obvious effect on padding. */
  body.atexmm-desktop-on.atexmm-desktop-cta-size-small .ast-custom-button{padding:9px 17px!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-size-normal .ast-custom-button{padding:13px 24px!important}
  body.atexmm-desktop-on.atexmm-desktop-cta-size-large .ast-custom-button{padding:17px 32px!important}

  /* CTA hover never changes radius. */
  body.atexmm-desktop-on.atexmm-desktop-cta-hover-border .ast-custom-button:hover{
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 35%,white)!important;
    background:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 96%,white)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 28%,white),0 5px 14px rgba(8,23,37,.14)!important;
    transform:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.87 — uporządkowane krycie i kolory hover
   ========================================================== */
@media (min-width:768px){

  /* Hover: border */
  body.atexmm-desktop-on.atexmm-desktop-hover-border .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-border .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link{
    background:transparent!important;
    border-color:var(--atexmm-desktop-hover-border-color,#f1cf70)!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-hover-border-color,#f1cf70) 18%,transparent)!important;
  }

  /* Hover: fill */
  body.atexmm-desktop-on.atexmm-desktop-hover-fill .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-fill .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link{
    background:var(--atexmm-desktop-hover-bg,rgba(217,165,40,.12))!important;
    border-color:transparent!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:none!important;
  }

  /* Hover: border + fill */
  body.atexmm-desktop-on.atexmm-desktop-hover-both .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-both .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link{
    background:var(--atexmm-desktop-hover-bg,rgba(217,165,40,.12))!important;
    border-color:var(--atexmm-desktop-hover-border-color,#f1cf70)!important;
    color:var(--atexmm-desktop-label-color,#fff)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-hover-border-color,#f1cf70) 18%,transparent)!important;
  }

  /* CTA hover always keeps the exact same radius. */
  body.atexmm-desktop-on.atexmm-desktop-cta-hover-border .ast-custom-button:hover{
    background:var(--atexmm-desktop-cta-hover-bg,var(--atexmm-desktop-cta-bg))!important;
    border-color:color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 38%,white)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--atexmm-desktop-accent,#d9a528) 25%,white),0 5px 14px rgba(8,23,37,.14)!important;
    filter:none!important;
    transform:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-hover-bright .ast-custom-button:hover{
    background:var(--atexmm-desktop-cta-hover-bg,var(--atexmm-desktop-cta-bg))!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    filter:none!important;
    transform:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-hover-none .ast-custom-button:hover{
    background:var(--atexmm-desktop-cta-bg)!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    filter:none!important;
    transform:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.88 — dopracowany charakter domyślny
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .menu-item > .menu-link{
    letter-spacing:.025em!important;
  }

  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > a{
    box-shadow:
      inset 3px 0 0 var(--atexmm-desktop-active-border-color,#d8a62b),
      0 2px 8px rgba(5,18,31,.11)!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on .ast-custom-button{
    letter-spacing:.035em!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.89 — równe szerokości + kolor etykiety hover
   ========================================================== */
@media (min-width:768px){

  /* Gdy równe szerokości są włączone, KAŻDA pozycja ma tę samą
     szerokość. Aktywność ani długość etykiety jej nie zmienia. */
  body.atexmm-desktop-on.atexmm-desktop-equal-items .main-header-menu > .menu-item{
    box-sizing:border-box!important;
    flex:0 0 var(--atexmm-desktop-item-width,132px)!important;
    width:var(--atexmm-desktop-item-width,132px)!important;
    min-width:var(--atexmm-desktop-item-width,132px)!important;
    max-width:var(--atexmm-desktop-item-width,132px)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-equal-items .main-header-menu > .menu-item > a,
  body.atexmm-desktop-on.atexmm-desktop-equal-items .main-header-menu > .menu-item > .menu-link{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
  }

  /* Przy wyłączonej opcji szerokość ponownie zależy od treści. */
  body.atexmm-desktop-on.atexmm-desktop-auto-items .main-header-menu > .menu-item{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* Kolor etykiety po najechaniu jest niezależny od normalnego
     i od koloru aktywnej pozycji. */
  body.atexmm-desktop-on.atexmm-desktop-hover-border .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-border .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-hover-fill .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-fill .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link,
  body.atexmm-desktop-on.atexmm-desktop-hover-both .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-hover-both .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link{
    color:var(--atexmm-desktop-hover-text,#fff4c7)!important;
  }

  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > a{
    color:var(--atexmm-desktop-active-text,#102a45)!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.90 — naprawa wagi fontu CTA
   Wybrana waga 300/400/500/600 jest nadrzędna wobec Astry
   i wszystkich starszych reguł CTA.
   ========================================================== */
@media (min-width:768px){

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-300 .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-300 .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-300 .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-300 .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-300 .ast-builder-button-wrap .ast-custom-button *{
    font-weight:300!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-400 .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-400 .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-400 .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-400 .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-400 .ast-builder-button-wrap .ast-custom-button *{
    font-weight:400!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-500 .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-500 .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-500 .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-500 .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-500 .ast-builder-button-wrap .ast-custom-button *{
    font-weight:500!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-600 .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-600 .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-600 .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-600 .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-weight-600 .ast-builder-button-wrap .ast-custom-button *{
    font-weight:600!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.91 — niezależne krycie CTA po najechaniu
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-hover-border
  .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-hover-border
  .ast-builder-button-wrap .ast-custom-button:hover{
    background:var(--atexmm-desktop-cta-hover-bg,var(--atexmm-desktop-cta-bg))!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    transform:none!important;
    filter:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-hover-bright
  .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-hover-bright
  .ast-builder-button-wrap .ast-custom-button:hover{
    background:var(--atexmm-desktop-cta-hover-bg,var(--atexmm-desktop-cta-bg))!important;
    border-radius:var(--atexmm-desktop-cta-radius,9px)!important;
    transform:none!important;
    filter:none!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.92 — naprawa transformacji tekstu CTA
   ========================================================== */
@media (min-width:768px){

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-normal
  .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-normal
  .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-normal
  .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-normal
  .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-normal
  .ast-builder-button-wrap .ast-custom-button *{
    text-transform:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-uppercase
  .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-uppercase
  .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-uppercase
  .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-uppercase
  .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-uppercase
  .ast-builder-button-wrap .ast-custom-button *{
    text-transform:uppercase!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-lowercase
  .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-lowercase
  .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-lowercase
  .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-lowercase
  .ast-builder-button-wrap .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on.atexmm-desktop-cta-transform-lowercase
  .ast-builder-button-wrap .ast-custom-button *{
    text-transform:lowercase!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.93 — kolor etykiety CTA po najechaniu
   ========================================================== */
@media (min-width:768px){

  body.atexmm-desktop-on.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-cta-on
  .ast-builder-button-wrap .ast-custom-button:hover{
    color:var(--atexmm-desktop-cta-hover-text,var(--atexmm-desktop-cta-text,#102a45))!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button:hover *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-cta-on
  .ast-builder-button-wrap .ast-custom-button:hover *{
    color:var(--atexmm-desktop-cta-hover-text,var(--atexmm-desktop-cta-text,#102a45))!important;
  }
}


/* ==========================================================
   ATEX Menu 2.0.95 — czytelność ikon i etykiet na zmiennym tle
   ========================================================== */
@media (min-width:768px){

  /* Bazowy kolor ikon jest już ustawieniem, nie stałą w CSS. */
  body.atexmm-desktop-on.atexmm-desktop-icons-on .main-header-menu .atexmm-menu-icon{
    color:var(--atexmm-desktop-icon-color,#d8a62b)!important;
  }

  /* Tryb Standard: bez dodatkowej ingerencji. */
  body.atexmm-desktop-on.atexmm-desktop-contrast-standard
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on.atexmm-desktop-contrast-standard
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    text-shadow:none!important;
  }

  /* Tryb Jasne tło: wymusza czytelny ciemny wariant dla zwykłych pozycji. */
  body.atexmm-desktop-on.atexmm-desktop-contrast-light
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on.atexmm-desktop-contrast-light
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    color:var(--atexmm-desktop-light-label,#102a45)!important;
    text-shadow:0 1px 1px rgba(255,255,255,.35)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-contrast-light.atexmm-desktop-icons-on
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) .atexmm-menu-icon{
    color:var(--atexmm-desktop-light-icon,#8a6208)!important;
    filter:drop-shadow(0 1px 1px rgba(255,255,255,.45))!important;
  }

  /* Auto — JS dodaje jedną z klas: light, dark albo photo. */
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto
  .main-header-menu > .menu-item.atexmm-auto-bg-light:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto
  .main-header-menu > .menu-item.atexmm-auto-bg-light:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    color:var(--atexmm-desktop-light-label,#102a45)!important;
    text-shadow:0 1px 1px rgba(255,255,255,.30)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto.atexmm-desktop-icons-on
  .main-header-menu > .menu-item.atexmm-auto-bg-light:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) .atexmm-menu-icon{
    color:var(--atexmm-desktop-light-icon,#8a6208)!important;
    filter:drop-shadow(0 1px 1px rgba(255,255,255,.45))!important;
  }

  /* Zdjęcie / tło niejednoznaczne: dwustronny mikrokontur.
     Nie zmienia charakteru kolorów, tylko utrzymuje widoczność na jasnych
     i ciemnych fragmentach jednego obrazu. */
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto
  .main-header-menu > .menu-item.atexmm-auto-bg-photo:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto
  .main-header-menu > .menu-item.atexmm-auto-bg-photo:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    text-shadow:
      0 1px 2px rgba(5,18,31,var(--atexmm-desktop-contrast-strength,.68)),
      0 0 1px rgba(255,255,255,.28)!important;
  }
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto.atexmm-desktop-icons-on
  .main-header-menu > .menu-item.atexmm-auto-bg-photo:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) .atexmm-menu-icon{
    color:color-mix(in srgb,var(--atexmm-desktop-icon-color,#d8a62b) 82%,white)!important;
    filter:
      drop-shadow(0 1px 1px rgba(5,18,31,var(--atexmm-desktop-contrast-strength,.68)))
      drop-shadow(0 0 1px rgba(255,255,255,.30))!important;
  }

  /* Ciemne tło: zwykły wygląd, ale minimalny cień może pomóc na zdjęciu. */
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto
  .main-header-menu > .menu-item.atexmm-auto-bg-dark:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on.atexmm-desktop-contrast-auto
  .main-header-menu > .menu-item.atexmm-auto-bg-dark:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    color:var(--atexmm-desktop-label-color,#f7f5ef)!important;
    text-shadow:0 1px 1px rgba(5,18,31,.28)!important;
  }

  /* Hover i aktywna pozycja mają własne ustawienia kolorów i wygrywają
     nad trybem kontrastu. */
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > a,
  body.atexmm-desktop-on .main-header-menu > .menu-item:hover > .menu-link{
    text-shadow:none!important;
  }
  body.atexmm-desktop-on .main-header-menu > .current-menu-item > a,
  body.atexmm-desktop-on .main-header-menu > .current_page_item > a,
  body.atexmm-desktop-on .main-header-menu > .current-menu-ancestor > a,
  body.atexmm-desktop-on .main-header-menu > .atexmm-desktop-current > a,
  body.atexmm-desktop-on .main-header-menu > [data-atexmm-current="1"] > a{
    text-shadow:none!important;
  }
}

/* ==========================================================
   ATEX Menu 2.2.07 — artykuły desktopowe na jasnym tle
   Na pojedynczym wpisie etykiety nie mogą pozostać białe tylko
   dlatego, że tryb Auto wykrył zdjęcie lub tło niejednoznaczne.
   Używamy ustawionego koloru „jasne tło” (domyślnie ciemny granat).
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on.atexmm-desktop-article-light
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > a,
  body.atexmm-desktop-on.atexmm-desktop-article-light
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) > .menu-link{
    color:var(--atexmm-desktop-light-label,#102a45)!important;
    text-shadow:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-article-light
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > a,
  body.atexmm-desktop-on.atexmm-desktop-article-light
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current):hover > .menu-link{
    color:var(--atexmm-desktop-light-label,#102a45)!important;
    text-shadow:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-icons-on
  .main-header-menu > .menu-item:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.atexmm-desktop-current) .atexmm-menu-icon{
    color:var(--atexmm-desktop-light-icon,#8a6208)!important;
    filter:none!important;
  }
}

/* ==========================================================
   ATEX Menu 2.2.11 — CTA na artykułach/poradnikach z jasnym tłem
   Contrast Fix obejmuje również tekst przycisku „Umów konsultację”.
   Kolor CTA na zwykłych stronach pozostaje zgodny z ustawieniami;
   tylko na pojedynczej treści (post/CPT, bez zwykłych stron) CTA
   korzysta z ciemnego koloru wariantu „jasne tło”.
   ========================================================== */
@media (min-width:768px){
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button-link,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button-link .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-builder-button-wrap .ast-custom-button{
    color:var(--atexmm-desktop-light-label,#102a45)!important;
    text-shadow:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button *,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-builder-button-wrap .ast-custom-button *{
    color:inherit!important;
    text-shadow:none!important;
  }

  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button:focus,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button-link:hover,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-builder-button-wrap .ast-custom-button:hover,
  body.atexmm-desktop-on.atexmm-desktop-article-light.atexmm-desktop-cta-on
  .ast-builder-button-wrap .ast-custom-button:focus{
    color:var(--atexmm-desktop-light-label,#102a45)!important;
    text-shadow:none!important;
  }
}



/* ==========================================================
   ATEX Menu 2.3.5 — opcjonalny pływający nagłówek mobilny
   ========================================================== */
@media(max-width:767px){
  body.atexmm-mobile-floating-on .atexmm-mobile-floating-placeholder{
    display:block!important;
    width:100%!important;
    height:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
  }

  body.atexmm-mobile-floating-on .ast-mobile-header-wrap.atexmm-mobile-floating-active{
    position:fixed!important;
    top:var(--atexmm-mobile-floating-top,0px)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:100vw!important;
    margin:0!important;
    z-index:999990!important;
  }
}