/* Server-rendered (indexable) single-item page. Dark, matches the public site;
   uses the site vars (--primary-color / --text-*) with explicit fallbacks. */
.iseo { max-width: 960px; margin: 0 auto; padding: 34px 20px 64px; font-family: 'Poppins', sans-serif; color: var(--text-light, #e7e8ec); }

.iseo-crumbs { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--text-medium, #9498a6); margin-bottom: 24px; }
.iseo-crumbs a { color: var(--text-medium, #9498a6); text-decoration: none; }
.iseo-crumbs a:hover { color: var(--primary-color, #5865F2); }
.iseo-crumbs i { font-size: 9px; opacity: .55; }
.iseo-crumbs span { color: var(--text-light, #e7e8ec); font-weight: 500; }

/* shared pill button */
.iseo-btn.primary { display: inline-flex; align-items: center; gap: 9px; background: var(--primary-color, #5865F2); color: #fff; font-weight: 600; font-size: 14.5px; padding: 12px 24px; border-radius: 999px; text-decoration: none; box-shadow: 0 4px 14px rgba(88,101,242,.28); transition: transform .2s, background .2s; white-space: nowrap; }
a.iseo-ctacard:hover .iseo-btn.primary, .iseo-btn.primary:hover { background: #4752c4; }
.iseo-bigcta .iseo-btn.primary:hover { transform: translateY(-2px); }
.iseo-btn.primary.lg { font-size: 15.5px; padding: 15px 32px; }
.iseo-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.iseo-tags .tag { font-size: 12px; font-weight: 600; padding: 4px 11px; border-radius: 999px; background: #232634; color: #c7cad6; border: 1px solid #2f3342; }
.iseo-tags .tag.ench { color: #b79bff; border-color: rgba(137,120,255,.4); }
.iseo-tags .tag.code { font-family: ui-monospace, "SFMono-Regular", monospace; color: #7f8496; }
.iseo-desc { color: var(--text-medium, #9498a6); font-size: 14px; line-height: 1.6; margin: 4px 0 0; max-width: 640px; }

/* identity banner */
.iseo-banner { display: flex; gap: 26px; align-items: center; background: linear-gradient(135deg, #16181f, #101218); border: 1px solid #262a36; border-radius: 18px; padding: 24px 28px; position: relative; overflow: hidden; }
.iseo-banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(440px 220px at 12% 15%, rgba(88,101,242,.15), transparent 70%); pointer-events: none; }
.iseo-banner-icon { width: 128px; height: 128px; flex: none; background: #0f1117; border: 1px solid #2a2d38; border-radius: 16px; display: grid; place-items: center; position: relative; z-index: 1; }
.iseo-banner-icon img { width: 112px; height: 112px; }
.iseo-banner-main { position: relative; z-index: 1; min-width: 0; flex: 1; }
.iseo-banner-main h1 { font-size: 32px; font-weight: 700; margin: 0 0 12px; line-height: 1.12; }

/* cta card (below the banner) */
.iseo-ctacard { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; background: rgba(88,101,242,.09); border: 1px solid rgba(88,101,242,.28); border-radius: 14px; padding: 15px 20px; text-decoration: none; transition: background .15s, border-color .15s; }
.iseo-ctacard:hover { background: rgba(88,101,242,.15); border-color: rgba(88,101,242,.5); }
.iseo-ctacard-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.iseo-ctacard-text strong { font-size: 15px; color: var(--text-light, #e7e8ec); }
.iseo-ctacard-text > span { font-size: 13px; color: var(--text-medium, #9498a6); }

/* big bottom cta */
.iseo-bigcta { margin-top: 44px; text-align: center; background: linear-gradient(135deg, rgba(88,101,242,.16), rgba(88,101,242,.04)); border: 1px solid rgba(88,101,242,.3); border-radius: 18px; padding: 42px 28px; }
.iseo-bigcta-icon { width: 72px; height: 72px; margin-bottom: 6px; }
.iseo-bigcta h2 { font-size: 24px; font-weight: 700; margin: 0 0 10px; }
.iseo-bigcta p { color: var(--text-medium, #9498a6); font-size: 14px; line-height: 1.6; max-width: 580px; margin: 0 auto 22px; }

.iseo-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 26px 0 0; }
.iseo-card { background: #14161c; border: 1px solid #23262f; border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; gap: 5px; }
.iseo-card .l { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: #7f8496; }
.iseo-card b { font-size: 21px; font-weight: 700; font-variant-numeric: tabular-nums; }
.iseo-card b.sell { color: #f04747; } .iseo-card b.buy { color: #43b581; } .iseo-card b.emv { color: #e0b341; }

.iseo-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 36px 0 14px; flex-wrap: wrap; }
.iseo-section-head h2 { font-size: 19px; font-weight: 600; margin: 0; }
.iseo-servers { display: inline-flex; background: #14161c; border: 1px solid #23262f; border-radius: 999px; padding: 3px; }
.iseo-servers a { font-size: 13px; font-weight: 600; color: #9498a6; text-decoration: none; padding: 6px 15px; border-radius: 999px; transition: color .15s; }
.iseo-servers a:hover { color: #c7cad6; }
.iseo-servers a.on { background: var(--primary-color, #5865F2); color: #fff; }

.iseo-tablewrap { overflow-x: auto; border: 1px solid #23262f; border-radius: 14px; }
.iseo-prices { width: 100%; border-collapse: collapse; font-size: 14px; }
.iseo-prices th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: #7f8496; padding: 12px 18px; background: #14161c; border-bottom: 1px solid #23262f; }
.iseo-prices th.r, .iseo-prices td.r { text-align: right; }
.iseo-prices td { padding: 13px 18px; border-bottom: 1px solid #1c1f27; font-variant-numeric: tabular-nums; }
.iseo-prices tr:last-child td { border-bottom: 0; }
.iseo-prices td.sell { color: #f04747; font-weight: 600; } .iseo-prices td.buy { color: #43b581; font-weight: 600; }
.iseo-empty { text-align: center; color: #7f8496; padding: 26px !important; }
.iseo-empty a { color: var(--primary-color, #5865F2); text-decoration: none; }

.iseo-related { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 10px; }
.iseo-rel { display: flex; align-items: center; gap: 10px; background: #14161c; border: 1px solid #23262f; border-radius: 11px; padding: 9px 12px; text-decoration: none; color: #c7cad6; font-size: 13px; transition: border-color .15s; }
.iseo-rel:hover { border-color: var(--primary-color, #5865F2); }
.iseo-rel img { width: 40px; height: 40px; flex: none; }
.iseo-rel span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.iseo-foot { color: #7f8496; font-size: 12.5px; margin-top: 32px; text-align: center; line-height: 1.6; }

@media (max-width: 640px) {
  .iseo-cards { grid-template-columns: repeat(2, 1fr); }
  .iseo-head-main h1 { font-size: 27px; }
}