.variant-extra {
    position: relative; z-index: 3; width: calc(100% - 64px); max-width: 1120px;
    margin: 32px auto; padding: 28px; color: #f5f5f5; background: rgba(8, 8, 8, 0.96);
    border: 1px solid #1376D1; border-radius: 18px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45); box-sizing: border-box;
}
.variant-extra * { box-sizing: border-box; }
.variant-extra h2 { margin: 0 0 8px; color: #1376D1; font-size: 24px; text-align: center; }
.variant-extra .variant-lead { max-width: 720px; margin: 0 auto 24px; color: #d2d2d2; text-align: center; line-height: 1.7; }
.variant-extra .variant-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.variant-extra .variant-item { padding: 18px; background: #131313; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 10px; }
.variant-extra .variant-item strong { display: block; margin-bottom: 7px; color: #1376D1; font-size: 16px; }
.variant-extra .variant-item p { margin: 0; color: #d5d5d5; font-size: 14px; line-height: 1.65; }
.variant-extra .variant-number { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 12px; color: #050505; background: #1376D1; border-radius: 50%; font-weight: 800; }
.variant-extra .variant-cta { display: flex; justify-content: center; gap: 12px; margin-top: 22px; flex-wrap: wrap; }
.variant-extra .variant-cta a { padding: 11px 22px; color: #050505; background: #1376D1; border-radius: 6px; font-weight: 800; text-decoration: none; }
.variant-extra .variant-cta a:last-child { color: #1376D1; background: transparent; border: 1px solid #1376D1; }
.variant-extra .variant-table { width: 100%; border-collapse: collapse; }
.variant-extra .variant-table th, .variant-extra .variant-table td { padding: 13px; border-bottom: 1px solid #333; text-align: left; }
.variant-extra .variant-table th { color: #1376D1; }
.menu-3d-wrap { justify-content: center !important; }
@media (max-width: 767px) {
    .variant-extra { width: calc(100% - 24px); padding: 20px 14px; }
    .variant-extra .variant-grid { grid-template-columns: 1fr; }
    .variant-extra h2 { font-size: 20px; }
    .variant-extra .variant-table { font-size: 13px; }
}
.variant-06 .variant-help { text-align: center; } .variant-06 .variant-help .variant-grid { grid-template-columns: 1fr 1fr; text-align: left; } @media (max-width: 767px) { .variant-06 .variant-help .variant-grid { grid-template-columns: 1fr; } }