.nft-proscons {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--color-divider);
}
.nft-proscons__col {
flex: 1 1 240px;
min-width: 0;
padding: 22px 26px;
}
.nft-proscons__col + .nft-proscons__col { border-left: 1px solid var(--color-divider); }
.nft-proscons__col h3 {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
margin: 0 0 14px;
}
.nft-proscons__col--cons h3 { color: var(--accent-ink); }
.nft-proscons ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 9px;
}
.nft-proscons li { display: flex; gap: 10px; font-size: 15px; line-height: 1.45; }
.nft-proscons li::before {
content: "";
flex: 0 0 auto;
width: 9px;
height: 9px;
margin-top: 6px;
}
.nft-proscons__col--pros li::before { background: var(--color-text); }
.nft-proscons__col--cons li::before { border: 2px solid var(--color-accent); }
.nft-affiliate { padding: 22px 26px; background: var(--color-neutral-100); }
.nft-affiliate__row {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.nft-affiliate__price {
font-size: 14px;
font-weight: 800;
letter-spacing: -0.01em;
margin-left: auto;
}
.nft-affiliate__disclosure {
font-size: 11px;
line-height: 1.5;
color: var(--color-neutral-700);
margin: 14px 0 0;
}
.nft-affiliate-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 90;
background: var(--color-bg);
border-top: 2px solid var(--color-text);
padding: 10px clamp(14px, 4vw, 20px);
display: flex;
align-items: center;
gap: 14px;
box-shadow: 0 -6px 20px rgba(32, 30, 29, 0.16);
}
.nft-affiliate-bar[hidden] { display: none; }
.nft-affiliate-bar__body { flex: 1; min-width: 0; }
.nft-affiliate-bar__name {
font-size: 14px;
font-weight: 800;
letter-spacing: -0.015em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nft-affiliate-bar__meta { font-size: 12px; color: var(--color-neutral-700); }
.nft-affiliate-bar .nft-btn { flex: 0 0 auto; }
@media (min-width: 900px) {
.nft-affiliate-bar { display: none !important; }
}
.nft-note {
border: 2px solid var(--color-divider);
padding: 20px 22px;
margin: clamp(28px, 3.5vw, 40px) 0;
}
.nft-note__label {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--accent-ink);
margin-bottom: 10px;
}
.nft-note p { font-size: 16px; line-height: 1.6; margin: 0; }
.nft-specs { margin: clamp(28px, 3.5vw, 40px) 0; overflow-x: auto; }
.nft-specs__label {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin-bottom: 10px;
}
.nft-specs table { width: 100%; border-collapse: collapse; min-width: 420px; font-size: 15px; }
.nft-specs th {
text-align: left;
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
color: var(--color-neutral-700);
border-bottom: 1px solid var(--color-divider);
padding: 10px 12px 10px 0;
width: 44%;
}
.nft-specs td { padding: 10px 0; font-weight: 600; border-bottom: 1px solid var(--color-divider); }
.nft-compare {
margin: 0 0 clamp(32px, 4vw, 48px);
overflow-x: auto;
border-top: 2px solid var(--color-divider);
}
.nft-compare table { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 15px; }
.nft-compare caption {
text-align: left;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--color-neutral-700);
padding: 14px 0 12px;
}
.nft-compare th {
text-align: left;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-neutral-700);
padding: 8px;
border-bottom: 2px solid var(--color-divider);
}
.nft-compare th:first-child,
.nft-compare td:first-child { padding-left: 0; }
.nft-compare td { padding: 8px; border-bottom: 1px solid var(--color-divider); }
.nft-compare tbody tr:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }
.nft-compare__model { font-weight: 800; display: flex; flex-direction: column; gap: 3px; }
.nft-compare__pick {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--accent-ink);
}
.nft-compare__num { font-variant-numeric: tabular-nums; }
.nft-compare tr[data-pick="1"] { background: var(--color-neutral-100); }
.nft-compare__who { color: var(--color-neutral-700); }
.nft-guide-head { display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 64px); }
.nft-guide-head__copy { flex: 1 1 520px; min-width: 0; }
.nft-guide-head__facts {
flex: 0 1 300px;
min-width: 240px;
border: 2px solid var(--color-text);
padding: 20px 22px;
align-self: flex-start;
}
.nft-guide-head__facts .nft-facts__row { padding: 9px 0; margin: 0; }
.nft-guide-head__facts .nft-facts__row:last-child { border-bottom: 0; }
.nft-guide-winner {
border-top: 2px solid var(--color-divider);
border-bottom: 2px solid var(--color-divider);
padding-block: clamp(24px, 3vw, 36px);
display: flex;
flex-wrap: wrap;
gap: clamp(24px, 3vw, 44px);
}
.nft-guide-winner__media { flex: 0 1 300px; min-width: 220px; }
.nft-guide-winner__body { flex: 1 1 380px; min-width: 0; }
.nft-guide-winner__badge {
display: inline-flex;
align-items: center;
gap: 8px;
border: 2px solid var(--color-accent);
padding: 4px 9px;
margin-bottom: 16px;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--accent-ink);
}
.nft-guide-winner__body h2 {
font-size: clamp(26px, 3.2vw, 40px);
font-weight: 800;
line-height: 1.02;
letter-spacing: -0.035em;
margin: 0 0 14px;
}
.nft-guide-winner__body > p {
font-size: clamp(16px, 1.4vw, 19px);
line-height: 1.55;
color: var(--color-neutral-700);
margin: 0 0 20px;
max-width: 56ch;
text-wrap: pretty;
}
.nft-guide-winner__figures {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
margin-bottom: 20px;
}
.nft-guide-winner__price { display: flex; flex-direction: column; gap: 2px; }
.nft-guide-winner__price span:first-child {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--color-neutral-700);
}
.nft-guide-winner__price span:last-child { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.nft-guide-winner__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.nft-pick {
display: flex;
flex-wrap: wrap;
gap: clamp(20px, 2.6vw, 36px);
padding-block: clamp(24px, 3vw, 34px);
border-bottom: 1px solid var(--color-divider);
}
.nft-pick__media { flex: 0 1 200px; min-width: 160px; }
.nft-pick__body { flex: 1 1 300px; min-width: 0; }
.nft-pick__body h3 {
font-size: clamp(20px, 2vw, 26px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.026em;
margin: 0 0 12px;
}
.nft-pick__body > p {
font-size: 16px;
line-height: 1.55;
color: var(--color-neutral-700);
margin: 0 0 14px;
max-width: 56ch;
text-wrap: pretty;
}
.nft-pick__plus {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.nft-pick__plus li { display: flex; gap: 9px; font-size: 14px; line-height: 1.45; }
.nft-pick__plus li::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
background: var(--color-text);
margin-top: 6px;
}
.nft-pick__aside {
flex: 0 1 190px;
min-width: 170px;
display: flex;
flex-direction: column;
gap: 12px;
}
.nft-pick__score {
border: 2px solid var(--color-text);
padding: 12px 14px;
display: flex;
flex-direction: column;
gap: 4px;
}
.nft-pick__score .nft-score { border: 0; padding: 0; }
.nft-pick__score .nft-score__value { font-size: 28px; letter-spacing: -0.04em; }
.nft-pick__score-price { font-size: 15px; font-weight: 800; letter-spacing: -0.015em; }
.nft-faq { border-top: 2px solid var(--color-divider); }
.nft-faq details { border-bottom: 1px solid var(--color-divider); }
.nft-faq summary {
padding: 16px 0;
font-size: 17px;
font-weight: 800;
letter-spacing: -0.015em;
cursor: pointer;
min-height: 48px;
display: flex;
align-items: center;
}
.nft-faq p {
font-size: 16px;
line-height: 1.6;
color: var(--color-neutral-700);
margin: 0 0 18px;
max-width: 60ch;
}
@media (max-width: 599px) {
.nft-verdict__score { flex: 1 1 100%; border-right: 0; border-bottom: 2px solid var(--color-text); }
.nft-proscons__col + .nft-proscons__col { border-left: 0; border-top: 1px solid var(--color-divider); }
.nft-affiliate__price { margin-left: 0; }
.nft-pick__aside { flex: 1 1 100%; }
}
.nft-contact {
max-width: 560px;
display: flex;
flex-direction: column;
gap: 18px;
margin-top: clamp(20px, 3vw, 28px);
}
.nft-contact__row { display: flex; flex-wrap: wrap; gap: 18px; }
.nft-contact__row .nft-field { flex: 1 1 200px; min-width: 0; }
.nft-contact button { align-self: flex-start; }
.nft-contact__note { font-size: 12px; line-height: 1.55; color: var(--color-neutral-700); margin: 0; }
.nft-contact__trap {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.nft-tabs--pills {
display: flex;
flex-wrap: wrap;
gap: 0;
border-top: 0;
border-bottom: 2px solid var(--color-divider);
margin-bottom: 4px;
}
.nft-tabs__radio {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
pointer-events: none;
}
.nft-tabs__label {
cursor: pointer;
padding: 12px 18px 11px;
font-size: 14px;
min-height: 46px;
display: inline-flex;
align-items: center;
border-bottom: 3px solid transparent;
color: var(--color-neutral-700);
margin-bottom: -2px;
}
.nft-tabs__label:hover { color: var(--color-text); }
.nft-tabs__radio:checked + .nft-tabs__label {
color: var(--color-text);
font-weight: 800;
border-bottom-color: var(--color-accent);
}
.nft-tabs__radio:focus-visible + .nft-tabs__label {
outline: 2px solid var(--color-accent);
outline-offset: -2px;
}
.nft-score--spec { border-style: dashed; }
.nft-verdict__basis {
margin: 0;
padding: 14px 26px 0;
font-size: 12px;
line-height: 1.5;
color: var(--color-neutral-700);
}
.nft-trust-box__sources {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--color-divider);
}
.nft-trust-box__sources-label {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin-bottom: 8px;
}
.nft-trust-box__sources ul { gap: 6px; }
.nft-trust-box__sources li { font-size: 12px; }
.nft-trust-box__sources li::before { background: var(--color-neutral-400); }