/* Strona marki /brand i /pl/marka (lib/brandpage.mjs). Mobile-first, bez przewijania w bok od 320 px. */
.br-hero .ihero-t{min-width:0}
.br-cover{max-width:520px}
.br-cover a{display:block;border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.br-cover img{display:block;width:100%;height:auto}
.br-hero .ihero-cta .btn svg{flex:none}
.br-note{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 18px;padding:12px 14px;background:var(--soft);border-left:4px solid var(--coral);border-radius:8px;color:var(--navy)}
.br-note svg{flex:none;margin-top:2px;color:var(--coral-d)}
.br{padding-bottom:40px}
.br-toc{margin:0 0 8px}
.br-sec{padding:26px 0 8px;border-top:1px solid var(--line);margin-top:22px;scroll-margin-top:80px}
.br-toc+.br-sec{border-top:0;margin-top:0;padding-top:10px}
.br-sec h2{font-size:clamp(1.45rem,4vw,2rem);color:var(--navy);margin:0 0 .5rem;line-height:1.2}
.br-h3{font-size:1.15rem;color:var(--navy);margin:26px 0 .4rem}
.br-lead{font-size:1.05rem;max-width:72ch;color:var(--ink);margin:0 0 16px}
.br-fig{margin:10px 0 0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.br-fig img{display:block;width:100%;height:auto;max-width:860px;margin:0 auto}
.br-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin-top:12px}
.br-card{min-width:0}
.br-card h3{font-size:1.02rem;margin:.55rem 0 .2rem;color:var(--navy)}
.br-card p{margin:.2rem 0}
.br-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:12%;border-radius:var(--r);border:1px solid var(--line)}
.br-tile img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.br-tile-horizontal img{width:100%}
.br-tile-vertical img{height:100%}
.br-tile-symbol img{height:100%}
.br-bg-white{background:#fff}.br-bg-mist{background:#F4F6FA}.br-bg-navy{background:#0E1B3D;border-color:#0E1B3D}.br-bg-coral{background:#FF5A36;border-color:#FF5A36}
.br-tag{display:inline-block;margin:.6rem 0 0!important;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-d)}
.br-tag+h3{margin-top:.1rem}
.br-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin:.5rem 0 0!important}
.br-dl{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.9rem;color:var(--coral-d);text-decoration:none}
.br-dl:hover{text-decoration:underline}
.br-col{min-width:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.br-sw{display:flex;flex-direction:column;justify-content:flex-end;min-height:120px;padding:16px;color:#fff}
.br-sw b{font-size:1.3rem}
.br-sw span{opacity:.9}
.br-vals{margin:0;padding:6px 16px 12px}
.br-vals div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:7px 0;border-bottom:1px solid var(--soft)}
.br-vals div:last-child{border-bottom:0}
.br-vals dt{color:var(--mut);font-size:.9rem}
.br-vals dt small{display:block;font-size:.72rem}
.br-vals dd{margin:0;font-weight:600;color:var(--navy);text-align:right;font-variant-numeric:tabular-nums}
.br-c-coral{background:#FF5A36}.br-c-navy{background:#0E1B3D}.br-c-navy2{background:#16264F}.br-c-coraltext{background:#C23B17}
.br-c-coralhover{background:#FF7250}.br-c-text2{background:#4A5578}.br-c-mist{background:#F4F6FA;box-shadow:inset 0 0 0 1px #d5d9e3}.br-c-line{background:#E3E6EE;box-shadow:inset 0 0 0 1px #d0d4de}
.br-warn{margin:16px 0 0;padding:12px 14px;background:#FFF1EC;border-left:4px solid var(--coral);border-radius:8px;font-size:.92rem;max-width:90ch}
.br-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border:1px solid var(--line);border-radius:var(--r)}
.br-tab{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}
.br-tab th,.br-tab td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--soft);vertical-align:top}
.br-tab thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);background:var(--soft);white-space:nowrap}
.br-tab tbody tr:last-child>*{border-bottom:0}
.br-tab td:first-child{white-space:nowrap}
.br-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px}
.br-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;white-space:nowrap}
.br-files th[scope=row]{font-weight:600;color:var(--navy);white-space:nowrap}
.br-files td{white-space:nowrap}
.br-files a{color:var(--coral-d);font-weight:600}
.br-type{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:start;margin:8px 0 12px}
.br-aa{font-size:clamp(5rem,22vw,8rem);font-weight:600;line-height:.9;letter-spacing:-.02em;color:var(--navy)}
.br-weights{list-style:none;margin:0;padding:0;font-size:1.25rem;color:var(--navy)}
.br-weights small{font-size:.75rem;color:var(--mut);font-weight:400}
.br-w300{font-weight:300}.br-w400{font-weight:400}.br-w500{font-weight:500}.br-w600{font-weight:600}.br-w700{font-weight:700}
.br-spec{min-width:0}
.br-spec p{margin:.3rem 0}
.br-abc{font-size:1.08rem;line-height:1.45;overflow-wrap:anywhere;color:var(--navy)}
.br-hd{font-size:1.7rem;font-weight:700;line-height:1.15;color:var(--navy);margin-top:.8rem!important}
.br-sub{font-size:1.15rem;font-weight:600;color:var(--navy)}
.br-label{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-d)}
.br-two{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:center}
.br-fig-space{margin:0}
.br-dont{margin:0;min-width:0}
.br-dont img{display:block;width:100%;height:auto}
.br-dont figcaption{font-size:.9rem;margin-top:.45rem}
.br-get{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:#fff}
.br-get-img{display:block;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.br-get-img img{display:block;width:100%;height:auto}
.br-get .btn{min-width:0;max-width:100%}
.br-contact{background:var(--soft);border-radius:var(--r);border-top:0;padding:20px 18px;margin-top:30px}
.br-contact .btn{max-width:100%;overflow-wrap:anywhere}
@media (min-width:600px){
  .br-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-type{grid-template-columns:auto minmax(0,1fr)}
  .br-spec{grid-column:1/-1}
  .br-get-row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:24px}
  .br-get-row .br-get-img{grid-row:1/6;align-self:center}
  .br-get-row h3{grid-column:2;grid-row:2}.br-get-row p.small{grid-column:2;grid-row:3}.br-get-row p.br-links{grid-column:2;grid-row:4}
}
@media (min-width:900px){
  .br-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .br-type{grid-template-columns:auto auto minmax(0,1fr);gap:36px}
  .br-spec{grid-column:auto}
  .br-two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}
  .br-cover{justify-self:end;width:100%}
}