.artrel-performance {
  margin: 1.25rem 0 .35rem;
  padding: 1.1rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .9rem;
  background: radial-gradient(circle at 100% 0, rgba(3,169,244,.13), transparent 42%), rgba(255,255,255,.025);
  color: #f8f9fa;
}
.artrel-performance__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }
.artrel-performance__eyebrow, .artrel-model-guide__heading>span, .artrel-model-table__heading>span {
  display:block; margin-bottom:.25rem; color:#03a9f4; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.artrel-performance h2 { margin:0; color:#fff; font-size:1.1rem; line-height:1.25; }
.artrel-performance__resolution { display:flex; gap:.35rem; padding:.25rem; border-radius:.7rem; background:rgba(0,0,0,.28); }
.artrel-performance__resolution button { min-width:3.25rem; padding:.38rem .6rem; border:0; border-radius:.5rem; background:transparent; color:rgba(255,255,255,.7); font-size:.78rem; font-weight:750; }
.artrel-performance__resolution button.is-active { background:#03a9f4; color:#061018; }
.artrel-performance__games { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; transition:opacity .18s ease; }
.artrel-performance.is-loading .artrel-performance__games { opacity:.45; }
.artrel-performance__game { min-width:0; padding:.75rem .65rem; border:1px solid rgba(255,255,255,.08); border-radius:.65rem; background:rgba(12,12,12,.65); text-align:center; }
.artrel-performance__game strong { color:#fff; font-size:1.5rem; line-height:1; }
.artrel-performance__game>span { margin-left:.2rem; color:#03a9f4; font-size:.7rem; font-weight:800; }
.artrel-performance__game small { display:block; overflow:hidden; margin-top:.3rem; color:rgba(255,255,255,.68); font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.artrel-performance__config { margin:.7rem 0 0; color:rgba(255,255,255,.62); font-size:.76rem; line-height:1.4; }
.artrel-performance__note { margin:.35rem 0 0; color:rgba(255,255,255,.48); font-size:.7rem; line-height:1.4; }
.artrel-performance__error { grid-column:1/-1; margin:0; color:rgba(255,255,255,.68); font-size:.82rem; }

.artrel-model-guide, .artrel-model-table {
  margin:3rem auto; padding:clamp(1.25rem,3vw,2rem); border:1px solid rgba(255,255,255,.1); border-radius:1rem;
  background:radial-gradient(circle at 50% 0,rgba(3,169,244,.11),transparent 38%),#111; color:#f8f9fa;
}
.artrel-model-guide__heading, .artrel-model-table__heading { max-width:52rem; margin:0 auto 1.5rem; text-align:center; }
.artrel-model-guide__heading h2, .artrel-model-table__heading h2 { margin:0; color:#fff; font-size:clamp(1.55rem,3vw,2.15rem); font-weight:800; line-height:1.2; }
.artrel-model-guide__heading p, .artrel-model-table__heading p { margin:.55rem 0 0; color:rgba(255,255,255,.67); line-height:1.55; }
.artrel-model-guide__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.artrel-model-card { position:relative; display:flex; min-width:0; min-height:20rem; padding:1.1rem; flex-direction:column; border:1px solid rgba(255,255,255,.09); border-radius:.8rem; background:rgba(24,24,24,.82); }
.artrel-model-card.is-current { border-color:rgba(3,169,244,.7); box-shadow:0 0 0 1px rgba(3,169,244,.16); }
.artrel-model-card__badge { align-self:flex-start; margin-bottom:.6rem; padding:.28rem .55rem; border-radius:999px; background:rgba(3,169,244,.16); color:#62cfff; font-size:.68rem; font-weight:800; text-transform:uppercase; }
.artrel-model-card h3 { margin:0 0 .45rem; color:#fff; font-size:1.05rem; font-weight:800; }
.artrel-model-card p { margin:0 0 .8rem; color:rgba(255,255,255,.7); font-size:.86rem; line-height:1.5; }
.artrel-model-card ul { margin:0 0 1rem; padding:0; list-style:none; }
.artrel-model-card li { position:relative; padding:.42rem 0 .42rem 1rem; border-top:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.82); font-size:.78rem; line-height:1.35; }
.artrel-model-card li::before { position:absolute; left:0; color:#03a9f4; content:'•'; }
.artrel-model-card a, .artrel-model-card__current { display:inline-flex; align-items:center; gap:.3rem; margin-top:auto; color:#53c7fb; font-size:.82rem; font-weight:750; text-decoration:none; }
.artrel-model-card a:hover { color:#9de2ff; }
.artrel-model-card a .material-icons { font-size:1rem; }
.artrel-model-card__current { color:rgba(255,255,255,.52); }
.artrel-model-guide__footer, .artrel-model-table__footer { margin-top:1.3rem; text-align:center; }

.artrel-model-table { max-width:1320px; }
.artrel-model-table__scroll { overflow-x:auto; border:1px solid rgba(255,255,255,.09); border-radius:.8rem; scrollbar-color:#35505e #171717; }
.artrel-model-table table { width:100%; min-width:980px; margin:0; border-collapse:separate; border-spacing:0; color:#f8f9fa; }
.artrel-model-table th, .artrel-model-table td { padding:.9rem .85rem; border-right:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); font-size:.82rem; line-height:1.45; text-align:left; vertical-align:top; }
.artrel-model-table thead th { position:sticky; top:0; z-index:2; background:#202020; color:#fff; font-size:.9rem; }
.artrel-model-table thead th:first-child, .artrel-model-table tbody th { position:sticky; left:0; z-index:1; width:12rem; background:#1b1b1b; color:rgba(255,255,255,.78); font-weight:750; }
.artrel-model-table thead th:first-child { z-index:3; }
.artrel-model-table td { width:calc((100% - 12rem)/4); background:rgba(20,20,20,.82); }
.artrel-model-table__summary td { color:#fff; font-weight:700; }
.artrel-model-table tr:last-child th, .artrel-model-table tr:last-child td { border-bottom:0; }
.artrel-model-table th:last-child, .artrel-model-table td:last-child { border-right:0; }

.product-family-nav__description { max-width:44rem; margin:.45rem 0 0; color:rgba(255,255,255,.65); font-size:.88rem; line-height:1.5; }
.product-family-nav__actions { flex-wrap:wrap; }

.artrel-home-compare { margin:2.25rem 0 1rem; padding:1.35rem; border:1px solid rgba(3,169,244,.25); border-radius:1rem; background:linear-gradient(135deg,rgba(3,169,244,.12),rgba(255,255,255,.025)); text-align:center; }
.artrel-home-compare h2 { margin:0; color:#fff; font-size:clamp(1.35rem,2.5vw,1.8rem); font-weight:800; }
.artrel-home-compare p { max-width:46rem; margin:.5rem auto 1rem; color:rgba(255,255,255,.68); line-height:1.5; }

@media (max-width:991.98px) {
  .artrel-model-guide__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .artrel-model-card { min-height:18rem; }
}
@media (max-width:575.98px) {
  .artrel-performance { padding:.9rem; }
  .artrel-performance__header { align-items:stretch; flex-direction:column; }
  .artrel-performance__resolution { width:100%; }
  .artrel-performance__resolution button { flex:1; }
  .artrel-performance__games { gap:.35rem; }
  .artrel-performance__game { padding:.65rem .3rem; }
  .artrel-performance__game strong { font-size:1.25rem; }
  .artrel-performance__game small { font-size:.64rem; }
  .artrel-model-guide, .artrel-model-table { margin:2rem auto; padding:1rem; border-radius:.85rem; }
  .artrel-model-guide__grid { grid-template-columns:1fr; }
  .artrel-model-card { min-height:0; }
  .artrel-model-table__scroll::after { display:block; padding:.55rem; color:rgba(255,255,255,.5); font-size:.7rem; text-align:center; content:'Przesuń tabelę w bok, aby zobaczyć kolejne modele'; }
  .artrel-home-compare { margin:1.5rem 0 .75rem; padding:1rem; }
}

/* Rich model comparison */
.artrel-model-card {
  min-height: 0;
  padding: 0 0 1.1rem;
  overflow: hidden;
}
.artrel-model-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 0 1rem;
  overflow: hidden;
  background: #e9e9e9;
}
.artrel-model-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  padding: .35rem;
  object-fit: contain;
}
.artrel-model-card__badge {
  position: absolute;
  top: .7rem;
  right: .7rem;
  z-index: 1;
  margin: 0;
  box-shadow: 0 .35rem 1rem rgba(0,0,0,.35);
}
.artrel-model-card h3,
.artrel-model-card__intro,
.artrel-model-card__footprint,
.artrel-model-card__facts,
.artrel-model-card__link,
.artrel-model-card__current {
  margin-right: 1.1rem;
  margin-left: 1.1rem;
}
.artrel-model-card h3 { margin-bottom: .45rem; font-size: 1.12rem; }
.artrel-model-card p.artrel-model-card__intro { min-height: 3.8rem; margin-bottom: .9rem; }
.artrel-model-card__footprint {
  margin-bottom: .85rem;
  padding: .8rem;
  border: 1px solid rgba(3,169,244,.2);
  border-radius: .65rem;
  background: rgba(3,169,244,.07);
}
.artrel-model-card__footprint > span {
  display: block;
  color: #62cfff;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.artrel-model-card__footprint strong { display: block; margin-top: .2rem; color: #fff; font-size: 1rem; }
.artrel-model-card__footprint small { display: block; color: rgba(255,255,255,.5); font-size: .65rem; }
.artrel-model-card__footprint p { margin: .55rem 0 0; color: rgba(255,255,255,.72); font-size: .76rem; line-height: 1.45; }
.artrel-model-card__facts { margin-bottom: 1rem; }
.artrel-model-card__facts > div { padding: .65rem 0; border-top: 1px solid rgba(255,255,255,.08); }
.artrel-model-card__facts dt { margin-bottom: .2rem; color: #62cfff; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.artrel-model-card__facts dd { margin: 0; color: rgba(255,255,255,.84); font-size: .76rem; line-height: 1.45; }
.artrel-model-card__link,
.artrel-model-card__current {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-top: auto;
  color: #53c7fb;
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}
.artrel-model-card__link:hover { color: #9de2ff; }
.artrel-model-card__link .material-icons { font-size: 1rem; }
.artrel-model-card__current { color: rgba(255,255,255,.52); }

.artrel-model-table table { min-width: 1120px; }
.artrel-model-table__model { display: flex; align-items: center; gap: .65rem; }
.artrel-model-table__model img {
  width: 3.75rem;
  height: 3.75rem;
  flex: 0 0 auto;
  border-radius: .55rem;
  background: #e9e9e9;
  object-fit: cover;
}
.artrel-model-table__model strong { color: #fff; font-size: .9rem; line-height: 1.25; }

@media (max-width: 1199.98px) {
  .artrel-model-guide__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .artrel-model-card p.artrel-model-card__intro { min-height: 0; }
}
@media (max-width: 575.98px) {
  .artrel-model-guide__grid { grid-template-columns: 1fr; }
  .artrel-model-card h3,
  .artrel-model-card__intro,
  .artrel-model-card__footprint,
  .artrel-model-card__facts,
  .artrel-model-card__link,
  .artrel-model-card__current { margin-right: .9rem; margin-left: .9rem; }
}
.artrel-model-card a.artrel-model-card__image {
  display: block;
  align-items: initial;
  gap: 0;
  margin: 0 0 1rem;
  color: inherit;
}

/* Balanced model facts and uncropped product images */
.artrel-model-card p.artrel-model-card__intro {
  margin-right: 0;
  margin-left: 0;
  padding-right: 1.1rem;
  padding-left: 1.1rem;
}
.artrel-model-card__facts dd strong,
.artrel-model-card__facts dd small,
.artrel-model-card__facts dd span { display: block; }
.artrel-model-card__facts dd strong { color: rgba(255,255,255,.9); font-size: .78rem; }
.artrel-model-card__facts dd small { margin-top: .12rem; color: rgba(255,255,255,.5); font-size: .65rem; }
.artrel-model-card__facts dd span { margin-top: .35rem; }
@media (max-width: 575.98px) {
  .artrel-model-card p.artrel-model-card__intro {
    padding-right: .9rem;
    padding-left: .9rem;
  }
}