/* Wspólny nagłówek Gildii Drukarzy — Drukarnia, strony produktów i „Dla firm”.
   Trzy rzędy o stałej wysokości (36 + 70 + 52 px) i jeden kontener (1240 px), więc logo jest zawsze w tym samym miejscu. */
.gh{--gh-w:1240px;--gh-pad:clamp(16px,4vw,40px);--gh-ink:#0E0D0E;--gh-line:#2A2528;--gh-fg:#F4F1F3;--gh-fg2:#B9B1B6;--gh-pink:#F149A6;
  position:sticky;top:0;z-index:40;background:var(--gh-ink);color:var(--gh-fg);font-family:Manrope,Arial,sans-serif;box-shadow:0 1px 0 var(--gh-line)}
.gh-in{max-width:var(--gh-w);margin:0 auto;padding:0 var(--gh-pad);box-sizing:border-box}
.gh-util{background:var(--gh-ink);border-bottom:1px solid var(--gh-line);font-size:12px;color:var(--gh-fg2)}
.gh-util .gh-in{height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.gh-util ul{display:flex;gap:22px;margin:0;padding:0;list-style:none;white-space:nowrap;overflow:hidden}
.gh-util li::before{content:'✦';color:var(--gh-pink);margin-right:7px;font-size:10px}
.gh-r{display:flex;align-items:center;gap:18px;white-space:nowrap}
.gh-r a{color:var(--gh-fg2);text-decoration:none}.gh-r a:hover{color:#fff}
.gh-r .vat-sw{border-color:var(--gh-line);background:none}
.gh-r .vat-sw button{color:var(--gh-fg2);min-height:0;padding:3px 10px;font-size:12px}
.gh-r .vat-sw button[aria-pressed=true]{background:var(--gh-fg);color:var(--gh-ink)}

.gh-main .gh-in{height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}
.gh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.gh-brand img{display:block;width:118px;height:42px;object-fit:contain}
.gh-brand span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gh-fg2);border-left:1px solid var(--gh-line);padding-left:12px;white-space:nowrap}
.gh-mid{min-width:0;justify-self:center;width:100%;max-width:560px}
.gh-act{display:flex;gap:8px;align-items:center}
.gh-btn{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border-radius:100px;border:1px solid #3A3438;color:var(--gh-fg);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;background:none;font-family:inherit}
.gh-btn:hover{border-color:var(--gh-fg)}
.gh-btn.accent{background:var(--gh-pink);border-color:var(--gh-pink);color:#000;font-weight:700}
.gh-btn.accent:hover{filter:brightness(1.06)}
.gh-count{background:var(--gh-pink);color:#000;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.gh-contact{display:flex;justify-content:center;gap:22px;font-size:14px;color:var(--gh-fg2);white-space:nowrap}
.gh-contact a{color:var(--gh-fg2);text-decoration:none}.gh-contact a:hover{color:#fff}
.gh-contact b{color:var(--gh-fg)}

.gh-cats{border-top:1px solid var(--gh-line)}
.gh-cats .gh-in{height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.gh-pills{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}
.gh-pills::-webkit-scrollbar{display:none}
.gh-pills a{text-decoration:none;color:#C6C2C5;padding:8px 14px;border-radius:100px;white-space:nowrap;font-size:14px}
.gh-pills a:hover{color:#fff;background:#1A1719}
.gh-pills a[aria-current]{background:var(--gh-pink);color:#000;font-weight:650}
.gh-side{white-space:nowrap;color:var(--gh-fg2);font-size:12px;text-decoration:none;font-weight:600}
.gh-side:hover{color:#fff}

@media (max-width:1080px){ .gh-contact{display:none} }
@media (max-width:760px){
  .gh-util ul{display:none}
  .gh-util .gh-in{justify-content:flex-end}
  .gh-r{width:100%;justify-content:space-between}
  .gh-r .gh-hide{display:none}
  .gh-main .gh-in{height:auto;grid-template-columns:auto auto;row-gap:10px;padding-top:12px;padding-bottom:12px}
  .gh-main .gh-in.no-mid{padding-bottom:12px}
  .gh-mid{grid-column:1/-1;grid-row:2;max-width:none}
  .gh-brand img{width:96px;height:36px}
  .gh-brand span{display:none}
  .gh-act{justify-self:end}
  .gh-btn .lbl{display:none}
  .gh-btn.accent .lbl{display:inline}
  .gh-btn{padding:0 12px}
  .gh-side{display:none}
}

.demo-strip,.demo-note{box-sizing:border-box;min-height:34px;padding:8px 16px;font-size:12px;line-height:18px}
.demo-strip,.demo-note{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.demo-strip .demo-dot{display:inline-block;vertical-align:middle;margin-right:8px}
@media (max-width:1080px) and (min-width:761px){ .gh-mid:has(.gh-contact){visibility:hidden} }
@media (max-width:760px){
  /* drugi rząd na telefonie ma tę samą wysokość na każdej stronie: wyszukiwarka albo kontakt */
  .gh-mid{height:44px}
  .gh-contact{display:flex;height:44px;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--gh-line);border-radius:100px;padding:0 16px;font-size:13px;overflow:hidden}
  .gh-contact a:last-child{overflow:hidden;text-overflow:ellipsis}
}

/* ikony kontaktu i godziny pracy w nagłówku */
.gh-ik{width:15px;height:15px;flex:none;color:var(--gh-pink)}
.gh-r a,.gh-godz,.gh-contact a{display:inline-flex;align-items:center;gap:7px}
.gh-godz{color:var(--gh-fg2)}
.gh-tel-maly{display:none!important}
@media (max-width:1080px){.gh-tel-maly{display:inline-flex!important}}
@media (max-width:760px){.gh-godz{display:none}}