:root{
  --max:1200px; --gap:16px; --bg:#ffffff; --ink:#0a0a0a; --muted:#6b7280;
  --brand:#1d4ed8; --brand-ink:#ffffff; --line:#e5e7eb; --radius:6px;
  --hdr-h:64px;
  --fg: var(--ink);
}

/* ========== BASE ========== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:400 16px/1.5 "InterVariable", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans";
  color:var(--fg);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  font-kerning:normal;
  font-optical-sizing:auto;
  font-variant-numeric:tabular-nums;
  text-rendering:optimizeLegibility;
  letter-spacing:.005em;
}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--max);width:100%;margin:auto;padding:0 var(--gap)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:var(--gap);top:var(--gap);width:auto;height:auto;background:#000;color:#fff;padding:8px 12px;z-index:1000}

/* ========== HEADER ========== */
.site-header{
  position:sticky; top:0; background:#fff; border-bottom:1px solid var(--line); z-index:1000;
}
.header__inner{
  display:flex; align-items:center; gap:var(--gap); min-height:64px;
}
.brand-wrap{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:inherit}
.custom-logo{
    height:auto;
    max-height:44px;
    width:auto;
    max-width:120px;
}
.brand-text{display:flex;flex-direction:column;min-width:0}
.site-title{
  font-weight:800;text-decoration:none;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.01em;
  font-size:clamp(0.95rem, 2vw, 1.25rem);
}
.site-desc{
  margin:2px 0 0;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:clamp(0.75rem, 1.5vw, 0.92rem);
}

/* ========== HERO ========== */
.hero{position:relative;min-height:calc(var(--hero-h, 100svh) - 64px);background:#0b111b center/cover no-repeat;display:grid;align-items:center}
.hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--hero-overlay,.45))}
.hero__inner{position:relative;color:#fff;padding:64px 0;text-align:center}
.hero__title{font-size:clamp(28px,5vw,45px);margin:0 0 10px;font-weight:800;letter-spacing:-0.01em}
.hero__lead{font-size:clamp(16px,2.2vw,22px);margin:0 0 18px;opacity:.95}

/* HERO chips */
.hero__features{
  display:grid;
  grid-template-columns:repeat(2, max-content);
  justify-content:center;
  align-items:center;
  gap:12px;
  margin:18px 0 26px;
  padding:0;
  list-style:none;
}
.hero__feature{
  width:clamp(260px, 28vw, 350px);
  display:flex; align-items:center; gap:8px;
  padding:10px 12px;
  background:rgba(255,255,255,.12);
  backdrop-filter:saturate(180%) blur(4px);
  border-radius:6px; font-weight:600;
  justify-self:center;
}
.hero__feature:nth-child(odd){ justify-self:end; }
.hero__feature:nth-child(even){ justify-self:start; }
.hero__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;opacity:.95}

.hero__cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-block;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:700;transition:transform .02s ease,opacity .2s ease;letter-spacing:.01em}
.btn--primary{background:var(--brand);color:var(--brand-ink)}
.btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.9)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:3px solid #111;outline-offset:2px}
.hero--btn-light .btn--primary{background:#fff;color:#111}
.hero--btn-light .btn--ghost{border-color:#fff;color:#fff}
.hero--btn-dark .btn--primary{background:var(--brand);color:var(--brand-ink)}
.hero--btn-dark .btn--ghost{border-color:rgba(255,255,255,.9);color:#fff}

/* Subtelna animacja hero */
.hero--animate .anim-item{opacity:0;transform:translateY(10px);animation:heroFade .6s ease forwards}
.hero--animate .hero__title{animation-delay:.05s}
.hero--animate .hero__lead{animation-delay:.15s}
.hero--animate .hero__features{animation-delay:.25s}
.hero--animate .hero__cta{animation-delay:.35s}
@keyframes heroFade{to{opacity:1;transform:none}}

/* ========== CONTENT / ARTICLE LAYOUT ========== */
.content__inner{padding:42px 0}

/* Grid: artykuł + sidebar */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:24px}
.article-layout>*{min-width:0}
@media (max-width:980px){.article-layout{grid-template-columns:1fr}}

.sidebar{position:sticky;top:calc(var(--hdr-h) + 16px);align-self:start}
@media (max-width:980px){.sidebar{position:static;top:auto}}

/* Nagłówek artykułu + responsywne meta */
.article__header{margin-bottom:16px}
.article__title{margin:0 0 6px;font-size:clamp(24px,3vw,34px);line-height:1.2;overflow-wrap:anywhere;word-break:break-word;font-weight:700;letter-spacing:-0.01em}

/* ---------- META (chipsy) ---------- */
.post-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem .8rem;
  margin:.25rem 0 1rem;
  padding:0;
  list-style:none;
  font-size:clamp(13px, 2.5vw, 13px);
  line-height:1.4;
  color:var(--muted);
}

.post-meta a{ text-decoration:none; color:inherit; }
.post-meta__cats a,
.post-meta__tags a{
  display:inline-block;
  max-width:60vw;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:bottom;
}
@media (min-width: 993px){
  .post-meta .meta__item + .meta__item{ position:relative; }
  .post-meta .meta__item + .meta__item::before{
    content:"·";
    margin:0 .35rem 0 .1rem;
  }
}
@media (max-width: 992px){
  .post-meta{ gap:.35rem .6rem; }
  .post-meta__readtime,
  .post-meta__date{ white-space:nowrap; }
}

/* SINGLE: karta z obramowaniem */
.article{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  padding:clamp(16px,2.2vw,28px);
  box-shadow:0 2px 16px rgba(0,0,0,.03);
}
.article__content > *:first-child{margin-top:0}
.article__content > *:last-child{margin-bottom:0}
.article__content{line-height:1.75;overflow-wrap:anywhere;word-break:break-word;font-size:14px;}
.article__content figure,
.article__content .wp-caption{border-radius:6px;overflow:hidden}
.article__content img,
.article__content figure img,
.article__content .wp-caption img{width:100% !important;max-width:100% !important;height:auto !important}
.article__content figure,.article__content .wp-caption{max-width:100%;margin:0 0 1em}
.article__content iframe,.article__content embed,.article__content video{max-width:100%;width:100%;height:auto;display:block}
.article__content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article__content pre{max-width:100%;overflow:auto}

/* Nawigacja i powiązane */
.article__footer{margin-top:22px;color:var(--muted);display:flex;gap:12px;flex-direction:column}
.post-nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);gap:10px}
.post-nav a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-size:12px;}
.post-nav a:hover{text-decoration:underline;text-underline-offset:2px}

.related{margin-top:28px}
.related a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-size:12px;}
.related__title{margin:0 0 12px;font-size:1.2rem}
.related__grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.related__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.related__grid{grid-template-columns:1fr}}
.related__item{border:1px solid var(--line);border-radius:6px;padding:12px;background:#fff}
.related__item-title{margin:0 0 6px;font-size:1rem;line-height:1.35}
.related__date{color:var(--muted);font-size:.7rem}

/* ========== WIDGETS ========== */
.widget{display:flex;flex-direction:column;gap:10px}
.widget__title,.widget h3,.widget h2,.widget-title{
  margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.2;position:relative;padding-bottom:8px
}
.widget__title::after,.widget h3::after,.widget h2::after,.widget-title::after{
  content:"";display:block;height:2px;width:52px;background:var(--line);border-radius:6px;margin-top:8px
}
.widget ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.widget ul li{display:flex;align-items:flex-start;gap:10px}
.widget ul li::before{content:"";flex:0 0 6px;height:6px;margin-top:.55em;border-radius:50%;background:var(--muted);opacity:.6}
.widget a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-size:12px;}
.widget li ul{margin-top:6px;padding-left:14px;border-left:1px solid var(--line)}

/* Wyszukiwarka */
.widget_search form{display:flex;gap:8px;align-items:stretch}
.widget_search input[type="search"]{
  flex:1;border:1px solid var(--line);border-radius:6px;
  padding:10px 12px;font:inherit;background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.widget_search input[type="search"]:focus{
  outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(29,78,216,.1);
}
.widget_search input[type="submit"]{
  border:0;background:var(--brand);color:var(--brand-ink);
  padding:10px 24px;border-radius:6px;font-weight:700;
  cursor:pointer;transition:background .2s ease, transform .02s ease;
  white-space:nowrap;min-width:90px;
}
.widget_search input[type="submit"]:hover{
  background:#1e40af;
}
.widget_search input[type="submit"]:active{
  transform:translateY(1px);
}

.widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.widget_tag_cloud a{display:inline-block;padding:8px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:inherit}

/* Odstępy między widgetami w sidebar i footer */
.sidebar .widget{
  padding:16px;border:1px solid var(--line);
  border-radius:6px;background:#fff;
  margin-bottom:18px;
}
.sidebar .widget:last-child{margin-bottom:0}

.footer__widgets .widget{
  padding:16px;border:1px solid var(--line);
  border-radius:6px;background:#fff;
}

/* ========== FOOTER ========== */
.site-footer{border-top:1px solid var(--line);margin-top:40px}
.footer__widgets{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);padding:28px 0}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;color:var(--muted)}
.footer-menu{display:flex;gap:12px;list-style:none;margin:0;padding:0}
@media (max-width:900px){.footer__widgets{grid-template-columns:1fr;row-gap:22px}}

/* ========== MOBILE PADDINGS ========== */
@media (max-width:900px){
  .container{padding-left:calc(var(--gap) + 10px);padding-right:calc(var(--gap) + 10px)}
  .hero .container{padding-left:var(--gap);padding-right:var(--gap)}
}
@supports(padding:max(0px)){
  @media (max-width:900px){
    .container{
      padding-left:max(calc(var(--gap) + 1px), env(safe-area-inset-left));
      padding-right:max(calc(var(--gap) + 1px), env(safe-area-inset-right))
    }
    .hero .container{padding-left:var(--gap);padding-right:var(--gap)}
  }
}

/* Mobile: jedna kolumna, pełna szerokość */
@media (max-width:720px){
  .hero__features{ grid-template-columns:1fr; }
  .hero__feature{ width:100%; justify-self:stretch; }
}

/* ===== Modern headings & links ===== */
h1,h2,h3,h4,h5,h6{line-height:1.15;letter-spacing:-0.01em;font-weight:600;margin:0 0 .55em}
h1{font-size:clamp(2rem,1.6rem + 2.5vw,2.25rem)}
h2{font-size:clamp(1.5rem,1.2rem + 1.6vw,1.25rem)}
h3{font-size:clamp(1.25rem,1.05rem + 1vw,0.75rem)}
h4{font-size:clamp(1.125rem,1.05rem + .6vw,0.35rem)}
a:hover{ text-decoration-thickness:2px; }

/* ========== FAQ (sekcja per strona) ========== */
.faq{margin:40px 0}
.faq__title{margin:0 0 10px;font-weight:700}
.faq__desc{margin:0 0 16px;color:var(--muted)}
.faq__list{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-items:start}
.faq__list > .faq-item{align-self:start}
@media (min-width:900px){ .faq__list{grid-template-columns:1fr 1fr;gap:14px} }
.faq-item > details{
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.faq-item > details[open]{border-color:#d4d7df;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.faq-item__q{
  display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 16px;font-weight:700;list-style:none;position:relative;
}
.faq-item__q::-webkit-details-marker{display:none}
.faq-item__q:after{
  content:"";width:10px;height:10px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(-45deg);opacity:.7;transition:transform .2s ease;
}
.faq-item > details[open] .faq-item__q{border-bottom:1px solid var(--line)}
.faq-item > details[open] .faq-item__q:after{transform:rotate(45deg)}
.faq-item__q:focus-visible{outline:3px solid #111;outline-offset:2px;border-radius:4px}
.faq-item__a{padding:14px 16px;color:var(--fg);line-height:1.7}
.faq-item__a > *:first-child{margin-top:0}
.faq-item__a > *:last-child{margin-bottom:0}

/* ========== COMMENTS ========== */
.comments{ margin-top:28px }
.comments__title{ margin:0 0 12px; font-size:1.25rem; font-weight:700 }
.comments__form-title{ margin:22px 0 10px; font-size:1.1rem; font-weight:700 }
.comments__closed{ color:var(--muted) }

.comment-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px }
.comment-list .children{ list-style:none; margin:12px 0 0 24px; padding:0; display:flex; flex-direction:column; gap:12px }

.comment-body{ border:1px solid var(--line); border-radius:var(--radius); background:#fff; padding:12px 14px; }
.comment-author{ display:flex; align-items:center; gap:8px; font-weight:700 }
.comment-author .avatar{ border-radius:50% }
.comment-metadata{ font-size:.85rem; color:var(--muted) }
.comment-content{ margin-top:8px; line-height:1.7 }
.comment-content > *:first-child{ margin-top:0 }
.comment-content > *:last-child{ margin-bottom:0 }
.reply{ margin-top:8px }
.reply a{ text-decoration:underline; text-underline-offset:2px }

.comment-form{ display:grid; gap:10px; max-width:680px }
.comment-form p{ margin:0 }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width:100%; border:1px solid var(--line); border-radius:var(--radius);
  padding:10px 12px; font:inherit; background:#fff;
}
.comment-form textarea{ resize:vertical }
.comment-form .form-submit{ margin-top:6px }
.comment-form input[type="submit"]{
  border:0; background:var(--brand); color:var(--brand-ink);
  padding:10px 14px; border-radius:var(--radius); font-weight:700; cursor:pointer;
}

/* ========== ARCHIVE LOOP / CARDS ========== */
.archive-header{ margin-bottom:16px }
.archive-title{ margin:0 0 6px; font-size:clamp(22px,2.6vw,28px); font-weight:800; letter-spacing:-.01em }
.archive-desc{ color:var(--muted) }

/* Domyślny grid (np. na stronach listujących), 3 kolumny */
.loop{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px }
@media (max-width:900px){ .loop{ grid-template-columns:1fr 1fr } }
@media (max-width:560px){ .loop{ grid-template-columns:1fr } }

/* W archiwach używamy: class="loop loop--grid" -> 4 kolumny */
.loop.loop--grid{ grid-template-columns:repeat(4, minmax(0,1fr)); }
@media (max-width:1200px){ .loop.loop--grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:900px){  .loop.loop--grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:560px){  .loop.loop--grid{ grid-template-columns:1fr; } }

.post-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  padding:14px;
  display:flex; flex-direction:column; gap:8px;
}

.post-card__title{
  margin:0; font-size:1.1rem; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.post-card__title a{ color:inherit; text-decoration:underline; text-underline-offset:2px }

.post-card__date{ color:var(--muted); font-size:.9rem }

.post-card__excerpt{
  color:var(--fg);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-size:12px;
}

.post-card__more{ margin-top:auto }

/* Pagination */
.posts-pagination{ margin-top:18px; }
.posts-pagination .page-numbers{ padding:8px 12px; border:1px solid var(--line); border-radius:var(--radius); margin-right:6px; text-decoration:none; color:inherit }
.posts-pagination .page-numbers.current{ background:#f6f7f9; font-weight:700 }

/* POCZĄTEK TABELEK SKĄPCA */
.tabela {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  margin-bottom: 12px;
  transition: box-shadow .2s ease;
}
.tabela:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

.pozycja {
  min-width: 32px;
  font-weight: 700;
  color: var(--muted);
  font-size: 0.95rem;
}

.zdjecie {
  flex-shrink: 0;
  width: 70px;
}

.imgskapiec {
  max-height: 60px;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 4px;
}

.nazwa {
  flex: 1;
  min-width: 200px;
  font-size: 0.95rem;
  line-height: 1.4;
}

.link {
  flex-shrink: 0;
}

.linek {
  display: inline-block;
  width: 100%;
  padding: 10px 16px;
  background: var(--brand);
  color: var(--brand-ink);
  border: 0;
  border-radius: var(--radius);
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .02s ease;
}

.linek:hover {
  background: #1e40af;
}

.linek:active {
  transform: translateY(1px);
}

/* Responsywność mobile */
@media (max-width: 720px) {
  .tabela {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .pozycja {
    top: 16px;
    right: 16px;
    font-size: 1.1rem;
  }
  
  .tabela {
    position: relative;
    padding-top: 16px;
  }
  
  .zdjecie {
    width: 100%;
    text-align: center;
  }
  
  .imgskapiec {
    max-width: 120px;
    margin: 0 auto;
  }
  
  .nazwa {
    width: 100%;
    text-align: center;
  }
  
  .link {
    width: 100%;
  }
}
/* KONIEC TABELEK SKĄPCA */

/* POCZĄTEK OPISU KATEGORII */

.uno {
margin-bottom: 20px;
box-shadow: 0px 0px 4px 1px rgba(242,242,242,1);
display: flex;
flex-wrap: wrap;
align-items: center; 
}

.tabelaa {
  width: 85%;
  padding: 10px;
}

.tabelac {
  width: 15%;
  padding: 10px; 
}

/* KONIEC OPISU KATEGORII */

/* POCZĄTEK DWUPAKU CENEO SKAPIEC */
.jedynka {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  text-align: center;
  transition: box-shadow .2s ease;
}

.jedynka:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

.tabsa {
  width: 100%;
  max-width: 120px;
}

.tabsa img {
  width: 100%;
  height: auto;
  display: block;
}

.tabsb {
  width: 100%;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 600;
}

.tabsc {
  width: 100%;
}

.tabsd,
.tabse,
.tabsf {
  width: 100%;
  padding: 8px 0;
}

.tabse {
  font-weight: 700;
  font-size: 1rem;
}

.120hz {
  display: inline-block;
  width: 100%;
  max-width: 280px;
  padding: 12px 24px;
  background: var(--brand);
  color: var(--brand-ink);
  border: 0;
  border-radius: var(--radius);
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .02s ease;
}

.120hz:hover {
  background: #1e40af;
}

.120hz:active {
  transform: translateY(1px);
}

/* Desktop - układ poziomy */
@media (min-width: 768px) {
  .jedynka {
    flex-direction: row;
    text-align: left;
    justify-content: space-between;
  }
  
  .tabsa {
    flex-shrink: 0;
    width: 100px;
  }
  
  .tabsb {
    flex: 1;
    padding: 0 20px;
    text-align: left;
  }
  
  .tabsc {
    flex-shrink: 0;
    width: auto;
  }
  
  .120hz {
    max-width: 200px;
  }
}
/* KONIEC DWUPAKU CENEO SKAPIEC */

/* ========== MENU (DESKTOP) ========== */
.site-nav{margin-left:auto}
.menu{
  margin:0;padding:0;list-style:none;
  display:flex;align-items:center;gap:10px;
  white-space:nowrap;
}
.menu > li{position:relative}
.menu > li > a{
  display:flex;align-items:center;gap:8px;
  border-radius:8px;text-decoration:none;
  color:var(--ink);font-weight:600;
}
.menu > li > a:hover{background:#f6f7f9}

/* Dropdowny: poziom 2 i 3 (pozycjonowanie + wygląd) */
.menu .sub-menu{
  position:absolute;left:0;top:calc(100% + 8px);
  min-width:330px;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:6px;margin:0;list-style:none;display:none;
  box-shadow:0 10px 30px rgba(0,0,0,.06);z-index:1000;
  white-space:normal;
}
.menu .sub-menu li{position:relative}
.menu .sub-menu a{
  display:flex;align-items:center;gap:8px;
  padding:9px 10px;border-radius:8px;text-decoration:none;color:inherit
}
.menu .sub-menu a:hover{background:#f6f7f9}

/* Poziom 3: w bok od poziomu 2 */
.menu .sub-menu .sub-menu{
  top:0; left:100%; margin-left:8px;
  z-index:1001; min-width:220px; display:none;
}

/* POKAZYWANIE WSZYSTKICH POZIOMÓW NA DESKTOPIE */
@media (hover:hover){
  .menu li:hover > .sub-menu,
  .menu li:focus-within > .sub-menu{ display:block; }
  .menu .sub-menu li:hover > .sub-menu,
  .menu .sub-menu li:focus-within > .sub-menu{ display:block; }
}

/* Strzałki przy elementach z dziećmi – poziom 1, 2 i 3 */
.menu > li.menu-item-has-children > a::after,
.menu .sub-menu li.menu-item-has-children > a::after{
  content:"";width:8px;height:8px;margin-left:6px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);opacity:.6
}

/* Stabilizatory hover (bez „dziury") */
@media (min-width:993px){
  .menu > li.menu-item-has-children::after{
    content:"";position:absolute;left:0;right:0;top:100%;height:10px
  }
  .menu .sub-menu li.menu-item-has-children::after{
    content:"";position:absolute;top:0;bottom:0;right:-8px;width:8px
  }
}

/* ========== HAMBURGER/MOBILE ========== */
.nav-toggle{
  display:none;background:transparent;border:1px solid var(--line);
  border-radius:8px;padding:8px 10px;cursor:pointer;margin-left:8px;
}
.nav-toggle__bar{display:block;width:26px;height:2px;background:var(--ink);
  margin:6px 0;border-radius:6px;transition:transform .2s,opacity .2s}
.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0}
.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:992px){
  .site-header{position:fixed;top:0;left:0;right:0;z-index:9999;background:#fff}
  .nav-toggle{display:inline-flex;z-index:10002}
  
  
  /* Panel rozsuwa się POD headerem */
  .site-nav{
    position:fixed;
    top:var(--hdr-h);
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    border-top:1px solid var(--line);
    overflow:auto;
    padding:12px;
    max-height:0;
    opacity:0;
    visibility:hidden;
    transition:max-height .28s ease, opacity .28s ease, visibility .28s;
    z-index:10000;
  }
  
  .site-nav.is-open{
    max-height:calc(100vh - var(--hdr-h));
    opacity:1;
    visibility:visible;
  }
  
  .menu{flex-direction:column;gap:0;align-items:stretch}
  .menu > li{border-bottom:1px solid var(--line)}
  .menu > li:last-child{border-bottom:0}
  .menu > li > a{padding:14px 10px;border-radius:8px}
  .menu .sub-menu{
    position:static;display:none;border:0;border-left:2px solid var(--line);
    border-radius:0;box-shadow:none;padding:0 0 0 12px;margin:6px 0
  }
  .menu li.submenu-open > .sub-menu{display:block}
  .menu .menu-item-has-children > a{position:relative;padding-right:30px}
  .menu .menu-item-has-children > a::after{
    content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-50%) rotate(-45deg);opacity:.6;transition:transform .2s
  }
  .menu li.submenu-open > a::after{transform:translateY(-50%) rotate(45deg)}
  .no-scroll{overflow:hidden}
  
  /* Header mobile - logo/tytuł po lewej, hamburger po prawej */
  .header__inner{ 
    justify-content: space-between;
    position: relative;
  }
  .brand-wrap{ 
    min-width: 0;
    position: absolute;
    left: var(--gap);
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(100% - 80px);
  }
  .nav-toggle{
    margin-left: auto;
  }
  .custom-logo{ max-height: 36px; }
}

/* Napraw skalowanie małych obrazów */
img[width="65"][height="65"] {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Zunifikowane style dla wszystkich info-boxów */
.page-pricing,
.contact-info,
.location-card,
.page-address {
    background: #f0f9ff;
    border-left: 4px solid #3b82f6;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 4px;
}

/* Tytuły sekcji */
.page-pricing__label,
.contact-info__label,
.location-card__title {
    color: #1e40af;
    font-weight: 600;
}

.location-card__title {
    font-size: 1.25rem;
    margin: 0 0 1rem;
}

/* Wartości/treść */
.page-pricing__value,
.contact-info__value,
.location-card__list,
.page-address {
    color: #1e3a8a;
}

.page-pricing__value {
    font-size: 1.125rem;
    font-weight: 600;
}

/* Contact info items */
.contact-info__item {
    margin: 0.75rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
}

.contact-info__label {
    margin-right: 0.5rem;
}

.contact-info__value a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

.contact-info__value a:hover {
    text-decoration: underline;
}

/* Location card list */
.location-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.location-card__list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #bfdbfe;
}

.location-card__list li:last-child {
    border-bottom: none;
}

.location-card__list strong {
    color: #1e40af;
    margin-right: 0.5rem;
    font-weight: 600;
}

/* Page address (jednolinijkowy) */
.page-address {
    font-style: normal;
    line-height: 1.6;
}

/* Pełna szerokość gdy sidebar jest ukryty */
.article-layout--full .faq {
    max-width: 100%;
    width: 100%;
}

.article-layout--full .faq .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.article-layout--full .faq__list {
    max-width: 100%;
}

/* Upewnij się, że layout bez sidebara używa pełnej szerokości */
.article-layout--full {
    display: block;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr; /* na wypadek gdyby był grid */
}

.article-layout--full .article {
    max-width: 100%;
    width: 100%;
}

.article-layout--full .article__content {
    max-width: 1200px;
    margin: 0 auto;
}

/* WIDGET: Menu nawigacji – wyrównanie do lewej + 100% szerokości */
.widget_nav_menu,
.widget_nav_menu .menu,
.widget_nav_menu .menu > li,
.widget_nav_menu .menu > li > a {
  text-align: left;
  width: 100%;
}

.widget_nav_menu .menu {
  align-items: stretch;   /* pełna szerokość kolumny */
}

.widget_nav_menu .menu > li {
  justify-content: flex-start;
}

.widget_nav_menu .menu > li > a {
  display: block;         /* link jako blok na całą szerokość */
}

/* Submenu nadal z wcięciem, ale też pełna szerokość */
.widget_nav_menu .sub-menu {
  width: 100%;
  margin-top: 6px;
  padding-left: 14px;
  border-left: 1px solid var(--line);
}

/* Zachowaj „kropkę” z Twojego stylu list */
.widget_nav_menu .menu > li::before {
  content: "";
  flex: 0 0 6px;
  height: 6px;
  margin-top: .55em;
  border-radius: 50%;
  background: var(--muted);
  opacity: .6;
}