/* Strona główna — Node-RED Flow Generator, domknięte siatki, karta poradnika, karuzela bez pustych pól (24.09.2026) */

/* Node-RED Flow Generator w nagłówku — pulsujące czerwone logo */
.nr-cta{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:8px 12px 8px 8px;border-radius:12px;background:rgba(5,22,44,.62);border:1px solid rgba(255,90,80,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-decoration:none;max-width:100%;transition:border-color .2s,background .2s}
.nr-cta:hover{background:rgba(5,22,44,.8);border-color:rgba(255,90,80,.75)}
.nr-logo{position:relative;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:linear-gradient(145deg,#ff3b30 0%,#c4161c 55%,#8f0000 100%);display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(196,22,28,.8);animation:nrPuls 1.8s ease-in-out infinite}
.nr-logo svg{width:23px;height:23px;display:block}
.nr-logo::before,.nr-logo::after{content:"";position:absolute;inset:0;border-radius:9px;border:2px solid rgba(255,59,48,.85);animation:nrFala 1.8s ease-out infinite;pointer-events:none}
.nr-logo::after{animation-delay:.9s}
@keyframes nrPuls{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes nrFala{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
.nr-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.nr-txt b{font-family:var(--f-h);font-size:14.5px;line-height:1.2;color:#fff}
.nr-txt small{font-size:12.5px;line-height:1.35;color:#c9d5e5}
.nr-new{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#c4161c;border-radius:999px;padding:3px 8px}
@media(prefers-reduced-motion:reduce){.nr-logo,.nr-logo::before,.nr-logo::after{animation:none}}
@media(max-width:600px){.nr-cta{display:flex;margin-top:14px}.nr-new{display:none}.nr-txt small{font-size:12px}}

/* Rodziny produktów — 15 kafelków (14 + katalog), bez pustych miejsc */
@media(min-width:1181px){.cats{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1001px) and (max-width:1180px){.cats{grid-template-columns:repeat(3,1fr)}}
.cat-all{background:linear-gradient(160deg,#0a2c57 0%,var(--ink) 70%);border-color:transparent;color:#fff;justify-content:center;padding:22px 20px}
.cat-all .cat-all-n{font:700 44px/1 var(--f-h);color:#9fd3ff;letter-spacing:-.02em;margin:0 4px 10px}
.cat-all h3{color:#fff}
.cat-all p{color:var(--inv-dim)!important}
.cat-all-go{display:inline-flex;align-items:center;gap:6px;margin:14px 4px 0;font-weight:600;font-size:14px;color:#fff}
.cat-all-go .ico{width:16px;height:16px}
.cat-all:hover{background:linear-gradient(160deg,#0d3a70 0%,#0a2240 70%)}
@media(max-width:1000px){.cat-all{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px}.cat-all .cat-all-n{margin:0;font-size:34px}.cat-all h3{margin:0}.cat-all p{display:block!important;flex:1 1 100%;margin:0 4px}.cat-all-go{margin-top:6px}}

/* Poradniki — grafika wypełnia kartę do wysokości listy, bez pustego pola */
.g-feat .g-img{aspect-ratio:auto;flex:1 1 auto;min-height:320px;background:#05162C}
.g-feat .g-img img{object-position:50% 50%}
.g-go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:600;font-size:14.5px;color:var(--amber-text)}
.g-go .ico{width:16px;height:16px}
.queue .klist li:has(a[href="/poradniki/instalacja-w-kamperze-od-zera/"]){display:none}
.q-all{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:14px 0 6px;border-top:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--amber-text)}
.q-all .ico{width:16px;height:16px}
@media(max-width:900px){.g-feat .g-img{flex:none;aspect-ratio:1/1;min-height:0}.g-feat .g-img img{object-position:50% 52%}}

/* Karuzela produktów — parametry zaraz pod opisem, przycisk zawsze na dole */
.prod h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.prod p{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.prod .spec{max-height:60px;overflow:hidden;margin-bottom:16px}
.prod-go{margin-top:auto}