/* katalogi.css — /katalogi: karty katalogowe producentów (PDF). Paleta i typografia DS RobimyBaseny.
   Klasy .rb-eyebrow / .rb-kat-band celowo powtarzają wzorce z poradniki.css — ten plik ładuje się sam,
   bez zależności od stylu poradników. */

.rb-kat{padding:0 0 clamp(50px,7vw,90px)}
.rb-kat-wrap{width:min(1280px,92%);margin:0 auto}

/* ====== HERO ====== */
.rb-kat-hero{padding:clamp(30px,4vw,58px) 0 clamp(20px,2.4vw,28px);max-width:760px}
.rb-kat .rb-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-size:11px;letter-spacing:.16em;color:#47618C;text-transform:uppercase;margin-bottom:18px}
.rb-kat .rb-eyebrow span{width:7px;height:7px;border-radius:999px;background:#DB451E}
.rb-kat-hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(34px,5.4vw,68px);line-height:1;letter-spacing:-.025em;color:#2A4D7A;margin:0;text-wrap:balance}
.rb-kat-hero p{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:#4A5957;max-width:620px;margin:20px 0 0}

/* ====== CHIPY GRUP (kotwice) ====== */
.rb-kat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(26px,3vw,36px)}
.rb-kat-chips a{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1.5px solid #E4DDCB;background:#fff;color:#3A4746;font-family:'Manrope',sans-serif;font-weight:600;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s}
.rb-kat-chips a:hover{border-color:#2A4D7A;color:#2A4D7A}
.rb-kat-chips b{font-weight:700;opacity:.5}

/* ====== GRUPA ====== */
.rb-kat-group{margin-bottom:clamp(30px,4vw,48px);scroll-margin-top:104px}
.rb-kat-group h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(20px,2.3vw,26px);line-height:1.15;letter-spacing:-.015em;color:#15201F;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #E4DDCB}

/* ====== KARTA (link do PDF) ====== */
.rb-kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:clamp(14px,1.8vw,20px)}
.rb-kat-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px 16px;text-decoration:none;background:#FBF9F2;border:1px solid #E4DDCB;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}
.rb-kat-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(20,30,40,.5);border-color:#CFD9E6}
.rb-kat-card:focus-visible{outline:3px solid #2A4D7A;outline-offset:3px}

.rb-kat-ico{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 11px 7px 9px;border-radius:11px;background:#EEF2F7;border:1px solid #DCE4EE;color:#2A4D7A}
.rb-kat-ico b{font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em}

.rb-kat-body{flex:1}
.rb-kat-brand{display:block;font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;color:#2E8B6E;margin-bottom:7px;min-height:14px}
.rb-kat-brand-none{visibility:hidden} /* marka niepotwierdzona — miejsce zostaje, żeby tytuły w rzędzie były równo */
.rb-kat-body h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17.5px;line-height:1.22;color:#15201F;margin:0 0 8px;text-wrap:balance}
.rb-kat-body p{font-size:13.5px;line-height:1.55;color:#5C6B69;margin:0}

.rb-kat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #ECE6D8}
.rb-kat-size{font-family:'Manrope',sans-serif;font-size:11.5px;color:#8A968F;white-space:nowrap}
.rb-kat-dl{display:inline-flex;align-items:center;gap:6px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;color:#2A4D7A}
.rb-kat-card:hover .rb-kat-dl{color:#DB451E}

/* ====== NOTKA + PASEK CTA ====== */
.rb-kat-note{font-family:'Manrope',sans-serif;font-size:12.5px;line-height:1.6;color:#8A968F;margin:0;max-width:760px}
.rb-kat-empty{font-size:15px;line-height:1.6;color:#5C6B69;margin:0 0 10px}
.rb-kat-empty a{color:#2A4D7A}

.rb-kat-band{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:clamp(28px,3.5vw,42px);padding:clamp(22px,2.8vw,32px);border-radius:20px;background:#2A4D7A;color:#F4F0E5}
.rb-kat-band>div{flex:1;min-width:240px}
.rb-kat-band h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.12;color:#FBF9F2;margin:0 0 6px}
.rb-kat-band p{font-size:14.5px;line-height:1.55;color:#BCC8E8;margin:0}
.rb-kat-band>a{flex:none;display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:12px;background:#DB451E;color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 12px 28px -12px rgba(219,69,30,.7);transition:background .2s,transform .2s}
.rb-kat-band>a:hover{background:#C23C18;transform:translateY(-1px)}

@media(max-width:520px){
	.rb-kat-card{padding:16px 16px 14px}
	.rb-kat-foot{padding-top:11px}
}