.compare { padding: 96px 0; background: var(--iron); border-top: 1px solid var(--charcoal); border-bottom: 1px solid var(--charcoal); } .table { max-width: 1100px; margin: 0 auto; padding: 0 40px; } .row { display: grid; grid-template-columns: 1.4fr 1.3fr 1fr 1fr 1fr; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--charcoal); align-items: center; font-size: 14px; letter-spacing: 0.12px; word-break: break-word; } .row > span { color: var(--steel); text-transform: uppercase; } .row > span:first-child { color: var(--white); font-weight: 700; } .head { border-bottom-color: var(--gold); } .head span { font-size: 11px; letter-spacing: 0.96px; color: var(--ash) !important; font-weight: 400 !important; } .head .mine { color: var(--gold) !important; } .mine { color: var(--gold) !important; font-weight: 700 !important; } @media (max-width: 1024px) { .row { grid-template-columns: 1.4fr 1fr; gap: 8px 16px; } .row span:nth-child(n + 3) { display: none; } .head span:nth-child(n + 3) { display: none; } } @media (max-width: 640px) { .table { padding: 0 20px; } }