/* KUHNE PERGOLE v3 – podstrony: galeria, artykuły, polityka prywatności */
.sub main{background:var(--paper)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(28px,3vw,44px);padding:0;list-style:none;font-size:12px;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.6}
.crumbs a{border-bottom:1px solid transparent}
.crumbs a:hover{border-color:currentColor;color:var(--ink)}

.sub-head{margin:0 var(--pad);padding:clamp(40px,5vw,80px) 0 clamp(32px,4vw,56px);max-width:1100px}
.sub-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(16px,1.8vw,24px);font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tek)}
.sub-eyebrow::before{content:"";width:36px;height:1px;background:rgba(154,91,46,.5)}
.sub-head h1{margin:0;font-weight:500;font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.02;letter-spacing:-.035em;max-width:20ch}
.sub-lead{margin:clamp(18px,2vw,28px) 0 0;max-width:62ch;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.7;color:var(--muted)}

/* ---------- GALERIA ---------- */
.gl{margin:0 var(--pad)}
.gl-grid{columns:4 280px;column-gap:8px;margin:0;padding:0;list-style:none}
.gl-grid li{break-inside:avoid;margin-bottom:8px}
.gl-item{position:relative;display:block;overflow:hidden;background:#e6e1d8;cursor:zoom-in;scroll-margin-top:100px}
.gl-item img{width:100%;height:auto;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gl-item:hover img{transform:scale(1.04)}
.gl-zoom{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);opacity:0;transform:scale(.85);transition:opacity .3s,transform .3s var(--ease)}
.gl-item:hover .gl-zoom,.gl-item:focus-visible .gl-zoom{opacity:1;transform:none}
.sub-cta{margin:clamp(56px,7vw,110px) var(--pad) clamp(64px,8vw,120px);padding:clamp(40px,5vw,72px);background:var(--panel);display:grid;grid-template-columns:1fr auto;gap:12px 40px;align-items:center}
.sub-cta h2{margin:0;font-weight:500;font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.05;letter-spacing:-.03em}
.sub-cta p{margin:0;color:var(--muted);grid-column:1}
.sub-cta .btn-solid{grid-column:2;grid-row:1 / span 2}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(18,18,14,.94);padding:56px 72px 64px}
.lb[hidden]{display:none}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-fig img{max-width:100%;max-height:calc(100svh - 150px);width:auto;height:auto;object-fit:contain;transition:opacity .25s}
.lb-fig img.is-loading{opacity:.2}
.lb-fig figcaption{color:rgba(255,255,255,.82);font-size:14px;text-align:center}
.lb-count{position:absolute;top:22px;left:24px;margin:0;color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.14em;font-variant-numeric:tabular-nums}
.lb-count b{color:#fff;font-weight:500}
.lb-btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff;transition:background .3s,color .3s}
.lb-btn:hover{background:#fff;color:var(--ink)}
.lb-btn svg{width:20px;height:20px}
.lb-close{top:14px;right:16px}
.lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.lb-next{right:16px;top:50%;transform:translateY(-50%)}
body.lb-open{overflow:hidden}

/* ---------- ARTYKUŁ ---------- */
.ar-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:clamp(20px,2vw,28px) 0 0;font-size:13px;color:var(--muted)}
.ar-meta b{font-weight:500;color:var(--ink)}
.ar-cover{margin:0 var(--pad);aspect-ratio:21/9;overflow:hidden;background:#e6e1d8}
.ar-cover img{width:100%;height:100%;object-fit:cover}
.ar-body{max-width:760px;margin:0 auto;padding:clamp(48px,6vw,90px) 20px clamp(48px,6vw,80px)}
.ar-body>p,.ar-body li{font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.8;color:#4a4a43}
.ar-body>p{margin:0 0 1.1em}
.ar-body h2{margin:clamp(40px,4.5vw,64px) 0 16px;font-weight:500;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.15;letter-spacing:-.025em;color:var(--ink)}
.ar-body ul{margin:0 0 1.2em;padding:0;list-style:none;border-top:1px solid var(--line)}
.ar-body li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line)}
.ar-body li::before{content:"";position:absolute;left:0;top:25px;width:16px;height:1px;background:var(--tek)}
.ar-body strong{font-weight:500;color:var(--ink)}
.ar-body a:not(.btn-solid):not(.link-u){text-decoration:underline;text-underline-offset:3px}
.ar-body .pull{margin:clamp(36px,4vw,56px) 0;padding-left:24px;border-left:2px solid var(--tek);font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.ar-fig{margin:clamp(36px,4vw,56px) 0}
.ar-fig img{width:100%;height:auto;max-height:720px;object-fit:cover}
.ar-fig figcaption{margin-top:12px;font-size:13px;color:var(--muted)}
.ar-cta{margin-top:clamp(48px,5vw,72px);padding:clamp(28px,3.4vw,44px);background:var(--panel)}
.ar-cta h2{margin:0 0 10px}
.ar-cta p{margin:0;color:var(--muted);line-height:1.7}
.ar-cta-btns{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:24px}
.ar-updated{margin-top:40px!important;font-size:13px!important;color:var(--muted)!important}

.rel{background:#fff;padding:clamp(56px,7vw,110px) var(--pad)}
.rel h2{margin:0 0 clamp(24px,3vw,40px);font-weight:500;font-size:clamp(1.8rem,2.6vw,2.6rem);letter-spacing:-.03em}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,40px)}
.rel-card{display:flex;flex-direction:column;gap:10px}
.rel-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#e6e1d8;margin-bottom:8px}
.rel-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.rel-card:hover .rel-img img{transform:scale(1.05)}
.rel-eb{font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tek)}
.rel-t{font-size:clamp(1.15rem,1.4vw,1.4rem);font-weight:500;line-height:1.25;letter-spacing:-.015em}
.rel-card:hover .rel-t{color:var(--tek)}

@media (max-width:900px){
  .sub-head{margin:0 20px}
  .gl{margin:0 10px}
  .gl-grid{columns:2 140px}
  .gl-zoom{display:none}
  .sub-cta{margin-left:10px;margin-right:10px;grid-template-columns:1fr;padding:32px 24px}
  .sub-cta .btn-solid{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}
  .ar-cover{margin:0;aspect-ratio:4/3}
  .rel{padding-left:20px;padding-right:20px}
  .rel-grid{grid-template-columns:1fr;gap:36px}
  .lb{padding:56px 8px 64px}
  .lb-prev,.lb-next{top:auto;bottom:10px;transform:none;width:44px;height:44px}
  .lb-prev{left:calc(50% - 56px)}
  .lb-next{right:calc(50% - 56px)}
}