/* Podstrony huba: cennik i produkty. Tokeny Lawtern z styles.css, układ jak /podlacz/ i /metodologia/, bez inline (CSP). */
body{min-height:100vh;display:flex;flex-direction:column}
.lw-main{flex:1 0 auto}
.lw-znacznik{display:inline-block;align-self:flex-start;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:2px 12px;font:var(--type-meta);font-weight:500;color:var(--navy-700)}
.lw-cennik h2{margin-top:var(--space-7);padding-top:0;border-top:0}
.lw-dostepne{margin:0;padding:0;list-style:none}
.lw-main .lw-prose .lw-dostepne li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line-hairline);max-width:none}
.lw-main .lw-prose .lw-dostepne li:last-child{border-bottom:1px solid var(--line-hairline)}
.lw-dostepne span{color:var(--text-muted)}
.lw-produkt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-7);align-items:start}
.lw-produkt>div{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.lw-produkt>div>*{margin:0}
.lw-ekran{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}
.lw-ekran picture{display:block}
.lw-ekran img{display:block;width:100%;height:auto;border:1px solid var(--line-strong);border-radius:var(--radius-md)}
.lw-ekran figcaption{font:var(--type-meta);color:var(--text-muted)}
.lw-akcje{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.lw-tabela{width:100%;border-collapse:collapse;font:var(--type-body-sm)}
.lw-tabela th,.lw-tabela td{text-align:left;padding:10px var(--space-4) 10px 0;border-top:1px solid var(--line-hairline);vertical-align:top}
.lw-tabela th{font:var(--type-label);color:var(--text-strong)}
.lw-tabela td.lw-liczba,.lw-tabela th.lw-liczba{text-align:right;white-space:nowrap;padding-right:0}
.lw-prose .lw-lista{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:var(--space-2)}
.lw-ceny,.lw-poziomy{margin:0;padding:0;list-style:none}
.lw-main .lw-prose .lw-ceny>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) 160px;gap:var(--space-5);align-items:center;padding:var(--space-4) 0;border-top:1px solid var(--line-hairline);max-width:none}
.lw-main .lw-prose .lw-ceny>li:last-child{border-bottom:1px solid var(--line-hairline)}
.lw-ceny-nazwa{display:flex;flex-direction:column;gap:2px}
.lw-main .lw-prose .lw-ceny h3{margin:0;font:var(--type-title);color:var(--text-strong)}
.lw-ceny-nazwa .lw-note{font:var(--type-meta);color:var(--text-muted)}
.lw-ceny-kredyty{color:var(--text-body)}
.lw-ceny-kwota{color:var(--text-muted)}
.lw-ceny-kwota .lw-brutto{display:block;font:var(--type-meta);color:var(--text-muted)}
.lw-ceny-kwota strong{font:var(--type-display-3);letter-spacing:var(--tracking-display);color:var(--text-strong);white-space:nowrap;margin-right:var(--space-1)}
.lw-ceny .lw-button,.lw-cennik .lw-button{justify-content:center;text-align:center;box-sizing:border-box;min-width:160px}
.lw-main .lw-prose .lw-poziomy>li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--line-hairline);max-width:none}
.lw-main .lw-prose .lw-poziomy>li:last-child{border-bottom:1px solid var(--line-hairline)}
.lw-main .lw-prose .lw-poziomy h3{margin:0;font:var(--type-title);color:var(--text-strong)}
.lw-poziomy p{margin:0}
@media (max-width:760px){
.lw-main .lw-prose .lw-ceny>li{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-4)}
.lw-ceny-kredyty{grid-column:1/-1;order:3}
.lw-ceny-kwota{order:2;text-align:right}
.lw-ceny .lw-button{grid-column:1/-1;order:4;margin-top:var(--space-2)}
.lw-ceny .lw-button{width:100%}
.lw-main .lw-prose .lw-poziomy>li{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
}
@media (max-width:900px){
.lw-produkt{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
}
.lw-prose>.lw-ekran{max-width:720px}
@media (max-width:560px){.lw-main .lw-prose .lw-dostepne li{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}}
/* 29.10.2026: strony błędów (404, 50x). Scena z latarnią na całą szerokość, tekst na niebie w kolorze tła ilustracji. */
.lw-main.is-blad{max-width:none;width:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column}
.lw-blad{--niebo:#86bcbf;position:relative;flex:1 0 auto;min-height:min(62vw,860px);background:var(--niebo);overflow:hidden;display:flex}
.lw-blad-scena{position:absolute;inset:0;display:block}
.lw-blad-scena img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;display:block}
.lw-blad-tekst{position:relative;z-index:1;width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding:clamp(48px,9vh,112px) var(--gutter) var(--space-8);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}
.lw-blad-tekst>*{margin:0;max-width:30ch}
.lw-blad-tekst .lw-akcje{max-width:560px}
.lw-blad-kod{font:var(--type-label);color:var(--navy-900)}
.lw-blad h1{font:var(--type-display-1);letter-spacing:var(--tracking-display);color:var(--navy-1000);max-width:12ch}
.lw-blad-tekst p{font:var(--type-body-lg);color:var(--navy-1000)}
.lw-blad-tekst p a{color:var(--navy-1000)}
.lw-blad .lw-button.is-secondary{border-color:var(--navy-1000);background:rgba(255,255,255,.18)}
.lw-blad .lw-button.is-secondary:hover{background:rgba(255,255,255,.4)}
@media (max-width:700px){
.lw-blad{flex-direction:column;min-height:0}
.lw-blad-scena{position:static}
.lw-blad-scena img{height:auto;max-height:70vh;object-position:50% 100%}
.lw-blad-tekst{padding-bottom:0;box-sizing:border-box}
.lw-blad h1{font:var(--type-display-2)}
}
/* 29.10.2026: strona Konektor Lawtern */
.lw-wstep{display:flex;flex-direction:column;gap:var(--space-4);max-width:72ch}
.lw-wstep>*{margin:0}
.lw-main .lw-prose .lw-daje{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-7);max-width:none}
.lw-main .lw-prose .lw-daje li{display:flex;flex-direction:column;gap:6px;padding-top:var(--space-4);border-top:1px solid var(--line-strong);max-width:none}
.lw-daje h3{margin:0 !important;font:var(--type-title) !important;font-size:18px !important;color:var(--text-strong)}
.lw-daje p{margin:0;color:var(--text-muted)}
@media (max-width:760px){.lw-main .lw-prose .lw-daje{grid-template-columns:minmax(0,1fr)}}
/* /monitoring/ (29.10.2026): ilustracja w nagłówku strony obok tekstu, bez ramki zrzutu; tekst wyśrodkowany w pionie. */
.lw-produkt:has(.lw-ilustracja){align-items:center}
.lw-ekran.lw-ilustracja img{border:0}