/* Loaded after CMS styles so every published page shares the same mobile chrome. */
.ms-mobile-menu{display:none}
.ms-privacy[hidden],.ms-privacy-open[hidden],.ms-print-quantity-error[hidden]{display:none!important}
.ms-privacy-open{font:inherit;color:inherit;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ms-privacy{position:fixed;z-index:10050;right:24px;bottom:24px;box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fffdf8;color:#233d35;border:1px solid #dce2da;border-radius:16px;box-shadow:0 12px 60px #122b342b;padding:24px;font:15px/1.55 system-ui,sans-serif;letter-spacing:normal;text-align:left}
.ms-privacy h2{font:600 22px/1.3 system-ui,sans-serif;color:inherit;letter-spacing:normal;text-transform:none;margin:0 0 10px}
.ms-privacy p{font:inherit;color:inherit;margin:0 0 12px}
.ms-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ms-privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.ms-privacy-actions button{font:600 14px/1.35 system-ui,sans-serif;letter-spacing:normal;text-transform:none;min-height:48px;padding:12px;border:1px solid #284d41;border-radius:8px;background:#284d41;color:white;cursor:pointer}
.ms-privacy-actions button:hover{background:#17392f}
.ms-privacy [data-ms-privacy-status]:empty{display:none}
.ms-privacy [data-ms-privacy-status]:not(:empty){margin:12px 0 0;font-size:13px}
.ms-privacy :focus-visible,.ms-privacy-open:focus-visible,.ms-mobile-menu :focus-visible{outline:3px solid #b88938;outline-offset:4px}
.ms-print-bulk{background:#eef2ec;border:1px solid #d5dfd6;border-radius:12px;padding:20px;margin:20px 0;color:#233d35}
.ms-print-bulk h4{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:normal;text-transform:none}
.ms-print-bulk p{margin:0 0 14px;font-size:14px;line-height:1.5}
.ms-print-bulk-fields{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.ms-print-bulk-fields label{display:grid;gap:6px;flex:1;min-width:110px;font-size:13px}
.ms-print-bulk-fields select{width:100%;padding:12px;border:1px solid #a9b7ae;border-radius:6px;background:white;color:#233d35;font:inherit;font-size:16px;line-height:1.4}
.ms-print-bulk-fields button{min-height:48px;flex:1;padding:12px 16px;border:0;border-radius:6px;background:#284d41;color:white;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.ms-print-bulk-fields button:disabled{opacity:.5;cursor:default}
.ms-print-bulk [data-bulk=status]:empty{display:none}
.ms-print-bulk [data-bulk=status]:not(:empty){margin:12px 0 0}
.ms-print-quantity-error{display:block;color:#a72921;font-size:12px;line-height:1.4;margin-top:5px;text-transform:none;letter-spacing:normal}
.ms-print-fields input[aria-invalid=true]{border-color:#a72921;outline-color:#a72921}
@media(max-width:900px){
  /* Pasek zachowuje wygląd znany z komputera: przezroczysty nad hero i kremowy
     po przewinięciu (klasa .sx-solid). Dlatego nie ustawiamy tu tła ani koloru —
     wyłącznie układ: logo, ikony, hamburger w jednym rzędzie.
     will-change i backdrop-filter zdejmujemy celowo: każde z nich tworzy własny
     korzeń tła i odcina rozmycie rozwijanemu menu, które wisi pod paskiem.
     Przy kryciu 0,88 sam pasek wygląda tak samo, a menu zyskuje mleczne szkło. */
  html body .ms-topbar[data-ms-mobile]{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 16px!important;min-height:68px!important;height:auto!important;box-sizing:border-box!important;z-index:1000!important;width:100%!important;left:0!important;right:0!important;overflow:visible!important;transform:none!important;visibility:visible!important;opacity:1!important;will-change:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html body .ms-topbar[data-ms-mobile] .ms-main-nav{display:none!important}
  html body .ms-topbar[data-ms-mobile] .ms-brand{display:flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important}
  html body .ms-topbar[data-ms-mobile] .ms-brand-logo{display:block!important;width:74px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;opacity:1!important}

  /* Ikony między logo a hamburgerem — ten sam zestaw co na komputerze.
     Kolory zostawiamy stronie: nad hero są białe, po przewinięciu złote. */
  html body .ms-topbar[data-ms-mobile] .ms-header-tools{display:flex!important;flex:0 1 auto!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;width:auto!important;gap:7px!important;overflow:visible!important}
  html body .ms-topbar[data-ms-mobile] .ms-icon-link{width:28px!important;height:28px!important;flex:0 0 auto!important}
  html body .ms-topbar[data-ms-mobile] .ms-icon-link img,
  html body .ms-topbar[data-ms-mobile] .sx-ico{width:23px!important;height:23px!important}
  html body .ms-topbar[data-ms-mobile] .ms-divider{height:20px!important;flex:0 0 auto!important}
  /* „Zapytaj o ofertę" i „Panel" nie zmieszczą się obok pięciu ikon.
     Kontakt jest w menu pod hamburgerem, a Panel w stopce. */
  html body .ms-topbar[data-ms-mobile] .ms-header-tools .ms-header-btn{display:none!important}

  /* Hamburger domyślnie ciemny (galeria, polityka prywatności mają jasny pasek),
     biały tylko dopóki pasek jest przezroczysty nad zdjęciem. */
  .ms-mobile-menu{display:block;position:static;flex:0 0 auto;color:#233d35}
  .ms-mobile-menu summary{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:1px solid #cbd5cc;border-radius:8px;cursor:pointer;list-style:none;background:#fffdf8}
  .ms-topbar.is-hero-overlay:not(.sx-solid) .ms-mobile-menu{color:#fff}
  .ms-topbar.is-hero-overlay:not(.sx-solid) .ms-mobile-menu summary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .ms-mobile-menu summary::-webkit-details-marker{display:none}
  .ms-mobile-menu summary span{display:block;width:20px;height:2px;background:currentColor;transition:transform .15s}
  .ms-mobile-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .ms-mobile-menu[open] summary span:nth-child(2){opacity:0}
  .ms-mobile-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* Rozwijane menu jak przewinięty pasek: mleczne szkło zamiast pełnej bieli.
     Zdjęcie pod spodem prześwituje, a tekst zachowuje kontrast ponad 6:1. */
  .ms-mobile-menu nav{position:absolute;left:12px;right:12px;top:calc(100% + 8px);padding:10px;background:rgba(252,248,242,.82);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);border:1px solid rgba(222,207,190,.6);border-radius:12px;box-shadow:0 14px 35px #142a3538;max-height:calc(100dvh - 110px);overflow:auto;display:flex;flex-direction:column;gap:2px}
  /* Bez rozmycia tła (starsze przeglądarki) samo 78% bieli bywa za słabe. */
  @supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
    .ms-mobile-menu nav{background:rgba(252,248,242,.96)}
  }
  .ms-mobile-menu nav a{display:block;padding:14px 16px;min-height:48px;box-sizing:border-box;color:#233d35!important;font:500 16px/1.4 system-ui,sans-serif;text-decoration:none;letter-spacing:normal;text-transform:none;border-radius:6px}
  .ms-mobile-menu nav a:hover,.ms-mobile-menu nav a[aria-current=page]{background:rgba(35,61,53,.10)}
  .ms-print-fields input,.ms-print-fields select{font-size:16px!important}
}
@media(max-width:380px){
  html body .ms-topbar[data-ms-mobile]{padding:8px 12px!important;gap:6px!important}
  html body .ms-topbar[data-ms-mobile] .ms-brand-logo{width:64px!important;height:40px!important;max-height:40px!important}
  html body .ms-topbar[data-ms-mobile] .ms-header-tools{gap:4px!important}
  html body .ms-topbar[data-ms-mobile] .ms-icon-link{width:24px!important;height:24px!important}
  html body .ms-topbar[data-ms-mobile] .ms-icon-link img,
  html body .ms-topbar[data-ms-mobile] .sx-ico{width:20px!important;height:20px!important}
}
@media(max-width:520px){
  .ms-privacy{right:16px;bottom:16px;padding:20px}
  .ms-privacy-actions button{padding:10px 8px}
  .ms-print-bulk-fields button{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.ms-mobile-menu summary span{transition:none}}