/* MacMar - delikatne odświeżenie 2026, zachowano oryginalną kolorystykę i układ. */
#footer_wrapper { clear:both; max-width:900px; width:100%; margin:0 auto; padding-top:8px; }
#footer_inner { max-width:896px; width:100%; box-sizing:border-box; min-height:58px; height:auto!important; background:#080808; border-top:3px solid #00a5ef; border-radius:5px 5px 0 0; }
.macmar-footer {display:flex; justify-content:space-between; align-items:center; gap:10px 18px; flex-wrap:wrap; font:12px/1.6 Verdana,Arial,sans-serif; padding:13px 18px;color:#d6e0e7;}
.macmar-footer-nav {display:flex; flex-wrap:wrap; gap:6px 12px;}
.macmar-footer a,.macmar-footer a:visited {color:#f0f7fc!important; text-decoration:none!important;}
.macmar-footer a:hover,.macmar-footer a:focus {color:#64d6fd!important; text-decoration:underline!important;}
.macmar-footer-brand {font-weight:700; color:#fff; white-space:nowrap;}
.macmar-footer-meta {font-size:11px; color:#b8c8d3;}
/* Nie zmieniamy barw menu, tła, belki nagłówka ani proporcji witryny na desktopie. */
@media(max-width:930px){
 body{overflow-x:hidden;} #outer_wrapper,#content_wrapper,#menu_bar,#content_header,#footer_wrapper {max-width:900px; width:100%!important;box-sizing:border-box;}
 #inner_wrapper {height:auto;min-height:112px;display:flex;align-items:center;gap:12px;}
 #logo {float:none;flex:0 0 20%;} #logo img {max-width:100%;height:auto;}
 #barkode {float:none;flex:1;min-width:0;} #barkode img {max-width:100%;height:auto;}
 #menu_bar {height:auto!important;min-height:51px;background-size:100% 100%;}
 #buttons {margin:0!important;padding:5px;display:flex;gap:2px;flex-wrap:wrap;justify-content:center;}
 #buttons a {display:block;flex:1 1 17%;min-width:132px;max-width:178px;} #buttons a img{display:block;max-width:100%;height:auto;}
 #content_bg,#content_bg_drukarki,#content_bg_karty,#content_bg_czytniki,#content_bg_kolektory,#content_bg_akcesoria,#content_bg_opr {max-width:100%;width:100%!important;min-height:520px;height:auto!important;display:flow-root;}
 #content_header {background-size:100% 100%;} #content_header_text {max-width:100%;box-sizing:border-box;padding-left:25%!important;}
 #content_field {max-width:calc(100% - 192px)!important;width:calc(100% - 192px)!important;box-sizing:border-box;}
 img {max-width:100%;height:auto;}
}
@media(max-width:650px){
 #inner_wrapper{min-height:85px;} #buttons a {flex:1 1 45%;min-width:115px;max-width:none;}
 #menu_boczne{float:none!important;width:100%!important;height:auto!important;min-height:0!important;}
 #menuboczne_linki{height:auto!important;width:auto!important;padding:8px!important;}
 #content_field{float:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;}
 #content_header_text{padding-left:12px!important;font-size:15px!important;}
 #content_bg,#content_bg_drukarki,#content_bg_karty,#content_bg_czytniki,#content_bg_kolektory,#content_bg_akcesoria,#content_bg_opr {background:#fff!important;}
 #contact_info{float:none!important;} .macmar-footer{justify-content:center;text-align:center;}
}


/* Ostateczne wspólne reguły v1.32.711. */
/* MacMar v1.32.711 — jeden układ menu bocznego we wszystkich działach.
   Poprzednia szerokość 180px + odsunięcie 12px powodowała, że obok prawej
   kolumny 683–700px nie mieściły się oba floaty w 899px i menu spadało pod treść. */
#menu_boczne,
#menu_boczne_gr,
#menu_boczne_karty,
.macmar-sidebar #menu_boczne {
  display:block!important;
  float:left!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:160px!important;
  min-width:160px!important;
  max-width:160px!important;
  min-height:0!important;
  height:auto!important;
  margin:13px 0 9px 6px!important;
  padding:12px 8px 14px!important;
  background:#04a9dc!important;
  background-image:linear-gradient(180deg,#03ace5 0%,#04a9df 53%,#089ecb 77%,#158cae 90%,#2c718e 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  color:#fff!important;
  text-align:left!important;
  border:1px solid rgba(6,135,174,.38)!important;
  border-radius:6px 6px 7px 7px!important;
  box-shadow:2px 4px 4px rgba(42,61,68,.42)!important;
}
#menuboczne_linki,
#menu_boczne_gr #menuboczne_linki,
.macmar-sidebar #menuboczne_linki {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font:700 10px/1.40 Verdana,Arial,sans-serif!important;
}
#menuboczne_linki > br,
#menu_boczne_karty > br,
.macmar-sidebar #menuboczne_linki > br{display:none!important;}
#menuboczne_linki li,
#menu_boczne_gr #menuboczne_linki li,
#menu_boczne_karty li,
.macmar-sidebar #menuboczne_linki li {
  display:list-item!important;
  list-style:disc inside!important;
  box-sizing:border-box!important;
  font:700 10px/1.43 Verdana,Arial,sans-serif!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#fff!important;
}
#menuboczne_linki li:last-child,#menu_boczne_karty li:last-child{margin-bottom:0!important;}
#menuboczne_linki a,#menuboczne_linki a:link,#menuboczne_linki a:visited,#menuboczne_linki a:hover,
#menu_boczne_karty a,#menu_boczne_karty a:link,#menu_boczne_karty a:visited,#menu_boczne_karty a:hover {
  color:white!important;text-decoration:none!important;
  font:700 10px/1.43 Verdana,Arial,sans-serif!important;
}
#menuboczne_linki a:hover,#menu_boczne_karty a:hover{text-decoration:underline!important;}
/* Float layout: on legacy subpages the article itself is a right float. */
#content_field{box-sizing:border-box!important;}
/* Every legacy content wrapper now encloses its floats; footer cannot overtake the menu. */
#content_bg,#content_bg_papierowe,#content_bg_wszywki,#content_bg_etykiety,#content_bg_drewno,
#content_bg_laminat,#content_bg_polimer,#content_bg_identyfikatory,#content_bg_medale,
#content_bg_przywieszki,#content_bg_kontakt,#content_bg_karty,#content_bg_strony {
  height:auto!important;min-height:460px!important;display:flow-root!important;
}
/* The same ID is used by both the static "Karty plastikowe" page and the
   Woo-generated "Drukarki kart" catalogue: only the latter needs flex. */
#content_bg_karty:has(> .macmar-sidebar){display:flex!important;}
/* AI catalogues use flex; keep 160px menu + 6px inset and a safe reserve for the header logo. */
.macmar-sidebar{width:172px!important;flex:0 0 172px!important;min-width:0!important;}
.macmar-sidebar #menu_boczne{float:none!important;}
.macmar-sidebar #contact_info{clear:none!important;float:none!important;}
#contact_info{clear:left!important;}
#contact_info > span.styl2,#contact_info > span.styl4,
.macmar-sidebar #contact_info > span.styl2,.macmar-sidebar #contact_info > span.styl4{
 color:#0099ff!important;font-weight:700!important;
}
/* The logo is the 159px source file scaled DOWN for the footer, not a fuzzy GIF. */
.macmar-footer-brand img{width:44px!important;height:40px!important;max-width:44px!important;object-fit:contain!important;}
.macmar-footer-brand{display:flex!important;align-items:center!important;min-width:44px!important;}
/* Five top buttons keep the same visual frame on every static page. */
#menu_bar{height:51px!important;min-height:51px!important;max-height:51px!important;padding:0!important;box-sizing:border-box!important;margin:0!important;}
#buttons{display:flex!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;height:51px!important;box-sizing:border-box!important;margin:0!important;padding:5px 4px!important;}
#buttons>a{display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;height:41px!important;line-height:0!important;padding:0!important;margin:0!important;}
#buttons>a>img{display:block!important;width:100%!important;max-width:100%!important;height:41px!important;margin:0!important;padding:0!important;border:0!important;}
@media(max-width:650px){
 #menu_bar,#buttons{height:auto!important;max-height:none!important;min-height:51px!important;}
 #buttons{flex-wrap:wrap!important;gap:2px!important;}
 #buttons>a{flex:1 1 45%!important;width:auto!important;min-width:115px!important;}
 #menu_boczne,#menu_boczne_gr,#menu_boczne_karty,.macmar-sidebar #menu_boczne{float:none!important;width:calc(100% - 12px)!important;min-width:0!important;max-width:none!important;margin:10px 6px 9px!important;}
 .macmar-sidebar{width:100%!important;flex:1 1 auto!important;}
 #content_field{width:100%!important;max-width:100%!important;float:none!important;}
}


/* MacMar v1.32.713: one vertical baseline for the header on all static pages.
   No extra margin on the title or its logo strip; only the space after
   the five-button navigation is controlled here. */
@media (min-width: 651px) {
  #menu_bar + #content_wrapper { margin-top: 25px !important; }
  #content_wrapper > #content_inner { padding-top: 1px !important; }
}
/* New high-resolution B/W MacMar mark provided for the footer.
   Screen blending makes its black JPG background disappear on dark footer. */
.macmar-footer-brand img[src*="macmar-footer-bw-713"] {
  width: 56px !important;
  height: 50px !important;
  max-width: 56px !important;
  max-height: 50px !important;
  object-fit: contain !important;
  mix-blend-mode: screen;
  display: block !important;
}
.macmar-footer-brand:has(img[src*="macmar-footer-bw-713"]) { min-width: 56px !important; }

/* v1.32.714: Only the classic static sections had a lower content frame.
   Raise the CONTENT WRAPPER, not the navigation bar; Woo AI catalogue is
   the reference and intentionally retains its existing vertical geometry. */
@media (min-width:651px) {
  body.macmar-static-page #menu_bar + #content_wrapper {
    margin-top: 11px !important;
  }
}