/* ============================================================
   INFO PAGES — Kolory RAL / Gwarancja
   ============================================================ */
.info-page { background: var(--paper); overflow: hidden; }
.info-hero {
  position: relative; min-height: 520px; display: flex; align-items: center;
  color: white; background: var(--black); overflow: hidden;
}
.info-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background:
    linear-gradient(90deg, rgba(20,21,28,.97) 0%, rgba(20,21,28,.84) 48%, rgba(20,21,28,.28) 100%),
    linear-gradient(180deg, rgba(20,21,28,.08), rgba(20,21,28,.78));
}
.info-hero::after {
  content: attr(data-mark); position: absolute; right: -24px; bottom: -42px; z-index: 1;
  color: rgba(254,240,19,.08); font-family: var(--serif); font-size: clamp(150px,22vw,320px);
  font-weight: 900; line-height: .82; letter-spacing: 1px;
}
.info-hero__bg { position:absolute; inset:0; background:var(--black); background-size:cover; background-position:center; transform:scale(1.04); }
.info-hero__inner { position:relative; z-index:2; width:100%; max-width:1340px; margin:0 auto; padding:74px 28px 96px; }
.info-hero .breadcrumb,.info-hero .breadcrumb a { color:rgba(255,255,255,.62); }
.info-hero .breadcrumb a:hover { color:var(--yellow); }
.info-hero h1 {
  max-width: 920px; margin-top:6px; color:white; font-family:var(--serif);
  font-size:clamp(56px,8vw,108px); font-weight:900; line-height:.86; text-transform:uppercase; letter-spacing:1px;
}
.info-hero h1 span { color:var(--yellow); }
.info-hero p { max-width:680px; margin-top:24px; color:rgba(255,255,255,.86); font-size:18px; font-weight:600; line-height:1.7; }
.info-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.info-band { margin-top:-52px; position:relative; z-index:3; }
.info-band__inner { max-width:1340px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.info-band__item { min-height:132px; padding:24px; background:white; border:1px solid var(--line); box-shadow:0 14px 34px rgba(20,21,28,.08); }
.info-band__item strong { display:block; color:var(--black); font-family:var(--serif); font-size:30px; line-height:1; text-transform:uppercase; }
.info-band__item span { display:block; margin-top:9px; color:var(--steel); font-size:12px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
.info-section { padding:72px 0; }
.info-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:start; }
.info-copy,.info-card { background:white; border:1px solid var(--line); border-radius:8px; padding:34px; box-shadow:0 14px 36px rgba(20,21,28,.06); }
.info-copy h2,.info-card h2,.info-card h3 { font-family:var(--serif); font-weight:900; text-transform:uppercase; line-height:.94; color:var(--black); }
.info-copy h2 { font-size:clamp(34px,4vw,58px); margin-bottom:18px; }
.info-card h3 { font-size:30px; margin-bottom:14px; }
.info-copy p,.info-card p { color:var(--steel); font-size:16px; line-height:1.75; }
.info-copy p + p { margin-top:14px; }
.info-list { display:grid; gap:12px; margin-top:22px; }
.info-list li { display:flex; gap:12px; color:var(--ink); font-weight:750; line-height:1.45; }
.info-list li::before { content:''; width:9px; height:9px; margin-top:7px; flex:0 0 auto; background:var(--yellow); box-shadow:0 0 0 4px rgba(254,240,19,.25); }
.ral-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:28px; }
.ral-card { overflow:hidden; background:white; border:1px solid var(--line); border-radius:6px; box-shadow:0 12px 28px rgba(20,21,28,.05); }
.ral-card__swatch { height:86px; border-bottom:1px solid rgba(0,0,0,.08); }
.ral-card__body { padding:13px; }
.ral-card strong { display:block; color:var(--black); font-size:13px; line-height:1.25; }
.ral-card span { display:block; margin-top:5px; color:var(--steel); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.warranty-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.warranty-step { padding:26px; background:white; border:1px solid var(--line); border-radius:8px; }
.warranty-step span { color:var(--red); font-family:var(--serif); font-size:40px; font-weight:900; line-height:1; }
.warranty-step h3 { margin-top:12px; font-family:var(--serif); font-size:26px; font-weight:900; line-height:.98; text-transform:uppercase; }
.warranty-step p { margin-top:10px; color:var(--steel); line-height:1.65; }
.info-cta { background:var(--black); color:white; padding:54px 0; }
.info-cta__inner { max-width:1340px; margin:0 auto; padding:0 28px; display:flex; justify-content:space-between; gap:28px; align-items:center; }
.info-cta h2 { color:white; font-family:var(--serif); font-size:clamp(34px,5vw,64px); line-height:.9; text-transform:uppercase; }
.info-cta p { margin-top:14px; color:rgba(255,255,255,.72); max-width:680px; line-height:1.7; }
@media(max-width:1024px){.info-band__inner,.info-grid,.warranty-steps,.info-cta__inner{grid-template-columns:1fr}.info-cta__inner{display:grid}.ral-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.info-hero{min-height:0}.info-hero__inner{padding:56px 24px 84px}.info-band__inner{grid-template-columns:1fr}.info-copy,.info-card{padding:24px}.ral-grid{grid-template-columns:repeat(2,1fr)}}