/* SYM – Specyfikacja techniczna: scoped exclusively to this component. */
#top .sym-spec { font-family: 'Figtree', sans-serif; color: #222; padding: 45px 0; }
#top .sym-spec__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 28px; margin-bottom: 65px; }
#top .sym-spec__heading { font-family: inherit; color: #202020; font-size: clamp(28px,3.2vw,46px); line-height: 1.12; letter-spacing: -0.035em; font-weight: 700; margin: 0; text-transform: none; }
#top .sym-spec__variant { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; padding: 14px 32px; background: #e6002d; color: white; border: 5px solid white; border-radius: 99px; box-shadow: 0 0 0 1px #dedede; font-weight: 700; font-size: 21px; line-height: 1.2; white-space: nowrap; }
#top .sym-spec__group { display: grid; grid-template-columns: minmax(160px,28%) minmax(0,1fr); gap: 26px; margin: 0; padding: 40px 0; border-top: 1px dotted #d4d4d4; }
#top .sym-spec__top + .sym-spec__group { border-top: 0; }
#top .sym-spec__category { font-family: inherit; color: #222; font-size: 26px; font-weight: 700; line-height: 1.2; margin: 14px 0 0; text-transform: none; letter-spacing: -0.02em; }
#top .sym-spec__rows { margin: 0; min-width: 0; }
#top .sym-spec__row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; padding: 17px 28px; border-radius: 100px; }
#top .sym-spec__row:nth-child(even) { background: #f4f4f4; }
#top .sym-spec__row dt { color: #777; font-size: 15px; font-weight: 400; letter-spacing: 0.045em; line-height: 1.4; }
#top .sym-spec__row dd { margin: 0; color: #222; font-size: 17px; line-height: 1.4; font-weight: 700; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  #top .sym-spec { padding: 25px 0; }
  #top .sym-spec__top { margin-bottom: 30px; gap: 12px; }
  #top .sym-spec__heading { font-size: 30px; }
  #top .sym-spec__variant { min-width: 0; padding: 10px 15px; font-size: 16px; }
  #top .sym-spec__group { display: block; padding: 26px 0; }
  #top .sym-spec__category { margin: 0 0 12px; font-size: 22px; }
  #top .sym-spec__row { grid-template-columns: minmax(0,1fr); gap: 5px; padding: 15px 18px; border-radius: 20px; }
  #top .sym-spec__row dt { font-size: 13px; }
  #top .sym-spec__row dd { font-size: 14px; }
}

/* Informacja o możliwych zmianach parametrów – stała część modułu. */
#top .sym-spec__disclaimer { margin: 42px 0 0; padding: 0; color: #777; font-size: 13px; font-weight: 400; line-height: 1.65; max-width: 900px; }
@media (max-width: 767px) { #top .sym-spec__disclaimer { margin-top: 26px; font-size: 12px; } }
