/* mod_atelier_megamenu — pasek menu z rozwijanymi panelami.
   Każdy selektor zaczyna się od .amm.amm: reguły szablonu typu „.sp-module ul > li > a” (Helix) mają
   wyższą wagę niż pojedyncza klasa i przebarwiały pozycje menu. */
/* Szerokość treści i „wcięcie” pola logo — jak na stronie wzorcowej: treść w kontenerze o stałych
   szerokościach na progach, a białe pole logo sięga od lewej krawędzi do (margines kontenera + stała). */
.amm.amm{--amm-teraz-wys:var(--amm-wys-m);--amm-kont:100vw;--amm-wciecie:160px;position:relative;z-index:1000;font-family:var(--amm-font-tresci)}
@media (min-width:640px){.amm.amm{--amm-kont:640px;--amm-wciecie:calc((100vw - 640px) / 2 + 160px)}}
@media (min-width:768px){.amm.amm{--amm-kont:768px;--amm-wciecie:calc((100vw - 768px) / 2 + 160px)}}
@media (min-width:1024px){.amm.amm{--amm-kont:1024px;--amm-wciecie:calc((100vw - 1024px) / 2 + 264px)}}
@media (min-width:1220px){.amm.amm{--amm-kont:1220px;--amm-wciecie:calc((100vw - 1220px) / 2 + 264px)}}
@media (min-width:1392px){.amm.amm{--amm-kont:1392px;--amm-wciecie:calc((100vw - 1392px) / 2 + 264px)}}
@media (min-width:1536px){.amm.amm{--amm-kont:1536px;--amm-wciecie:calc((100vw - 1536px) / 2 + 264px)}}
@media (min-width:1728px){.amm.amm{--amm-kont:1728px;--amm-wciecie:calc((100vw - 1728px) / 2 + 296px)}}
@media (min-width:1920px){.amm.amm{--amm-kont:1920px;--amm-wciecie:calc((100vw - 1920px) / 2 + 328px)}}
.amm.amm *,.amm.amm *::before,.amm.amm *::after{box-sizing:border-box}
.amm.amm ul{list-style:none;margin:0;padding:0}
.amm.amm a{text-decoration:none;color:inherit}
/* 3.064: Helix (preset) barwi linki w modułach po najechaniu — `.sp-module ul>li>a:hover{color:…}`. Ta sama waga
   (:where nie dodaje), plik modułu ładowany później — pozycje menu zostają w kolorze paska; tło rozjaśnia ::before. */
.amm.amm ul li a:where(:hover,:focus,:active){color:inherit}
.amm.amm button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
.amm.amm img{display:block;max-width:100%}
.amm.amm .amm--odstep{height:var(--amm-teraz-wys)}

.amm.amm .amm-nav{position:fixed;top:0;left:0;right:0;z-index:1000}
.amm.amm .amm-pasek{position:relative;z-index:30;height:var(--amm-teraz-wys);background:var(--amm-pasek);color:var(--amm-tekst);transition:background-color .25s ease,color .25s ease}
.amm.amm.amm--jasny .amm-pasek{background:var(--amm-pasek-jasny);color:var(--amm-tekst-jasny)}

/* Pole logo: białe od lewej krawędzi do „wcięcia”, a w nim pole zwisające pod paskiem. */
.amm.amm .amm-logo{position:absolute;left:0;top:0;z-index:10;height:100%;width:var(--amm-wciecie);background:var(--amm-logo-tlo);display:block}
.amm.amm .amm-logo-pole{position:absolute;right:0;top:0;display:flex;align-items:flex-end;justify-content:center;width:var(--amm-pole-szer-m);height:var(--amm-pole-wys-m);padding-bottom:36px;background:var(--amm-logo-tlo);transition:height .3s ease,padding .3s ease}
.amm.amm .amm-logo-duze{width:96px;height:auto;transition:opacity .2s ease}
.amm.amm .amm-logo-male{position:absolute;left:50%;top:50%;height:calc(var(--amm-teraz-wys) * .55);width:auto;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}
.amm.amm.amm--jasny .amm-logo-pole{height:var(--amm-teraz-wys);padding-bottom:0}
.amm.amm.amm--jasny .amm-logo-duze{opacity:0}
.amm.amm.amm--jasny .amm-logo-male{opacity:1}

.amm.amm .amm-kontener{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:var(--amm-kont);height:100%;margin:0 auto;padding:0 16px}
.amm.amm .amm-lista{display:none;align-items:center;gap:4px}
.amm.amm .amm-przycisk{position:relative;display:flex;align-items:center;gap:4px;overflow:hidden;border-radius:4px;padding:10px 8px;font-family:var(--amm-font-menu);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.amm.amm .amm-przycisk::before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .2s ease;pointer-events:none}
.amm.amm .amm-przycisk:hover::before,.amm.amm .amm-przycisk[aria-expanded="true"]::before,.amm.amm .amm-poz--aktywna>.amm-przycisk::before{opacity:.05}
.amm.amm .amm-przycisk[aria-expanded="true"]::before{opacity:.08}
.amm.amm .amm-chevron{display:grid;place-items:center;width:14px;height:14px;border-radius:2px;transition:background-color .2s ease}
.amm.amm .amm-chevron svg{width:10px;height:10px;transition:transform .2s ease}
.amm.amm .amm-przycisk[aria-expanded="true"] .amm-chevron{background:var(--amm-akcent);color:#000}
.amm.amm .amm-przycisk[aria-expanded="true"] .amm-chevron svg{transform:rotate(180deg)}
.amm.amm .amm-hamburger{display:grid;place-items:center;width:36px;height:36px}
.amm.amm .amm-hamburger svg{width:28px;height:28px}
.amm.amm .amm-hamburger path{transition:transform .25s ease,opacity .2s ease;transform-origin:16px 16px}
.amm.amm.amm--mobile-otwarte .amm-h1{transform:translateY(6px) rotate(45deg)}
.amm.amm.amm--mobile-otwarte .amm-h2{opacity:0}
.amm.amm.amm--mobile-otwarte .amm-h3{transform:translateY(-6px) rotate(-45deg)}

/* Panele (komputer). */
.amm.amm .amm-panele{position:absolute;left:0;right:0;top:var(--amm-teraz-wys);z-index:20;display:none;max-height:calc(100vh - var(--amm-teraz-wys));overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}
.amm.amm.amm--panel .amm-panele{opacity:1;pointer-events:auto;transform:none}
.amm.amm .amm-panele-wnetrze{display:flex;background:var(--amm-panel);color:#fff}
.amm.amm .amm-pionowe{flex:none;border-right:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);padding:0 20px}
.amm.amm .amm-pionowe img{width:32px;margin-top:24px}
.amm.amm .amm-panele-tresc{position:relative;flex:1;min-width:0}
.amm.amm .amm-panel{display:none;height:var(--amm-panel-wys)}
.amm.amm .amm-panel.amm-aktywny{display:flex}
.amm.amm .amm-kolumna{display:flex;flex-direction:column;justify-content:space-between;flex:none;width:426px;background:var(--amm-kolumna);padding:40px 32px}
.amm.amm .amm-tytul{width:fit-content;font-family:var(--amm-font-menu);font-size:24px;font-weight:600;line-height:1.3}
.amm.amm .amm-pod{display:flex;flex-direction:column;gap:12px}
.amm.amm .amm-pod-link{display:block;width:fit-content;font-family:var(--amm-font-tresci);font-size:16px;font-weight:500;line-height:1.4;opacity:.4;transition:opacity .2s ease}
.amm.amm .amm-pod-link.amm-aktywny,.amm.amm .amm-pod-link:hover,.amm.amm .amm-pod-link:focus-visible{opacity:1}
.amm.amm .amm-podglad{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}
.amm.amm .amm-slajd{position:absolute;inset:0;opacity:0;transition:opacity .25s ease;pointer-events:none}
.amm.amm .amm-slajd.amm-aktywny{opacity:1;pointer-events:auto}
.amm.amm .amm-slajd img{width:100%;height:100%;object-fit:cover}
.amm.amm .amm-slajd-dol{position:absolute;left:0;right:0;bottom:0;padding-bottom:32px}
.amm.amm .amm-slajd-gora{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 56px}
.amm.amm .amm-slajd-tytul{margin:0;font-family:var(--amm-font-menu);font-size:32px;font-weight:600;line-height:1.4}
.amm.amm .amm-strzalka{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:4px;background:var(--amm-akcent);color:#000;transition:filter .2s ease}
.amm.amm .amm-strzalka:hover{background:var(--amm-akcent-hover,#E0FF12)}
.amm.amm .amm-strzalka svg{width:18px;height:18px}
.amm.amm .amm-slajd-dol hr{margin:24px 0;border:0;border-top:1px solid rgba(255,255,255,.2)}
.amm.amm .amm-slajd-opis{margin:0;max-width:calc(55ch + 112px);min-height:5.6em;padding:0 56px;font-size:16px;font-weight:500;line-height:1.4}

/* Przyciemnienie strony pod otwartym panelem. */
.amm.amm .amm-cien-warstwa{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s ease}
.amm.amm.amm--cien.amm--panel .amm-cien-warstwa{opacity:1}

/* Menu na telefonie. */
.amm.amm .amm-mobile{position:fixed;left:0;right:0;top:var(--amm-teraz-wys);bottom:0;z-index:25;overflow-y:auto;background:var(--amm-panel);color:#fff;padding:24px 24px 48px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}
.amm.amm.amm--mobile-otwarte .amm-mobile{opacity:1;pointer-events:auto;transform:none}
.amm.amm .amm-mobile-poz{border-bottom:1px solid rgba(255,255,255,.2)}
.amm.amm .amm-mobile-przycisk{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 0;font-family:var(--amm-font-menu);font-size:22px;font-weight:600;text-align:left}
.amm.amm .amm-mobile-przycisk[aria-expanded="true"] .amm-chevron{background:var(--amm-akcent);color:#000}
.amm.amm .amm-mobile-przycisk[aria-expanded="true"] .amm-chevron svg{transform:rotate(180deg)}
.amm.amm .amm-mobile-przycisk .amm-chevron{width:28px;height:28px;border-radius:4px}
.amm.amm .amm-mobile-przycisk .amm-chevron svg{width:16px;height:16px}
.amm.amm .amm-mobile-pod{display:none;padding:0 0 16px}
.amm.amm .amm-mobile-przycisk[aria-expanded="true"]+.amm-mobile-pod{display:block}
.amm.amm .amm-mobile-pod a{display:block;padding:8px 0;font-size:16px;font-weight:500;opacity:.85}
.amm.amm .amm-mobile-pod .amm-mobile-tytul{font-weight:600;opacity:1}

@media (min-width:1024px){
  .amm.amm{--amm-teraz-wys:var(--amm-wys)}
  .amm.amm .amm-logo-pole{width:var(--amm-pole-szer);height:var(--amm-pole-wys);padding-bottom:28px}
  .amm.amm .amm-logo-duze{width:128px}
  .amm.amm .amm-kontener{padding:0 32px}
  .amm.amm .amm-lista{display:flex}
  .amm.amm .amm-hamburger,.amm.amm .amm-mobile{display:none}
  .amm.amm .amm-panele{display:block}
}
@media (min-width:1280px){
  .amm.amm .amm-lista{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .amm.amm *{transition:none!important}
}