TEST OFFRE FLOCON -2026

.cde-flocon-offer { --cde-red: #8c2835; --cde-red-dark: #70202b; --cde-ink: #302c29; --cde-muted: #736b62; --cde-line: #ded7ce; --cde-paper: #fbf9f6; --cde-soft: #f2eee8; max-width: 1200px; margin: 32px auto; color: var(--cde-ink); font-family: inherit; } .cde-flocon-offer * { box-sizing: border-box; } .cde-flocon-intro { margin: 0 0 22px; padding: 28px 30px 24px; text-align: center; background: var(--cde-paper); border: 1px solid var(--cde-line); border-top: 4px solid var(--cde-red); } .cde-flocon-kicker { display: inline-block; margin: 0 0 9px; color: var(--cde-red); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; } .cde-flocon-intro h2 { margin: 0 0 12px; color: var(--cde-ink); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(25px, 3vw, 36px); font-weight: 500; line-height: 1.15; } .cde-flocon-intro p { max-width: 900px; margin: 0 auto 10px; color: var(--cde-muted); font-size: 14px; line-height: 1.65; } .cde-flocon-code { display: inline-block; margin-top: 5px; padding: 9px 18px; border: 1px solid var(--cde-red); color: var(--cde-red); font-size: 12px; font-weight: 700; letter-spacing: .12em; } .cde-flocon-code strong { color: var(--cde-red-dark); } .cde-flocon-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--cde-line); background: #fff; -webkit-overflow-scrolling: touch; scrollbar-color: var(--cde-red) var(--cde-soft); } .cde-flocon-table { width: 100%; min-width: 1120px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 13px; } .cde-flocon-table caption { padding: 0; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute; white-space: nowrap; } .cde-flocon-table th, .cde-flocon-table td { height: 43px; padding: 9px 7px; border-right: 1px solid var(--cde-line); border-bottom: 1px solid var(--cde-line); text-align: center; vertical-align: middle; } .cde-flocon-table thead th { position: sticky; height: 39px; top: 0; z-index: 3; color: #fff; background: var(--cde-red); font-size: 12px; font-weight: 700; letter-spacing: .04em; } .cde-flocon-table thead tr:nth-child(2) th { top: 39px; height: 39px; z-index: 3; background: var(--cde-red-dark); font-size: 11px; letter-spacing: 0; } .cde-flocon-table thead th:first-child { left: 0; z-index: 5; width: 225px; min-width: 225px; text-align: left; padding-left: 18px; background: var(--cde-ink); } .cde-flocon-table tbody th { position: sticky; left: 0; z-index: 2; width: 225px; min-width: 225px; background: #f8f5f1; color: var(--cde-ink); text-align: left; font-weight: 600; padding-left: 18px; white-space: nowrap; } .cde-flocon-table tbody tr:nth-child(even) th, .cde-flocon-table tbody tr:nth-child(even) td { background-color: #fcfbf9; } .cde-flocon-table tbody tr:hover th, .cde-flocon-table tbody tr:hover td { background-color: #f5eee8; } .cde-flocon-table td { color: var(--cde-red); font-variant-numeric: tabular-nums; } .cde-flocon-rate { font-weight: 700; white-space: nowrap; } .cde-flocon-table .cde-month-start { border-left: 2px solid #b9a89a; } .cde-flocon-table thead .cde-month-start { border-left: 2px solid rgba(255,255,255,.38); } .cde-flocon-table tr:last-child th, .cde-flocon-table tr:last-child td { border-bottom: 0; } .cde-flocon-table th:last-child, .cde-flocon-table td:last-child { border-right: 0; } .cde-flocon-note { margin: 13px 2px 0; color: var(--cde-muted); font-size: 12px; line-height: 1.5; } .cde-flocon-note strong { color: var(--cde-red); } @media (max-width: 640px) { .cde-flocon-offer { margin: 22px auto; } .cde-flocon-intro { padding: 22px 17px 19px; } .cde-flocon-intro p { font-size: 13px; } .cde-flocon-table { min-width: 1080px; } .cde-flocon-table th, .cde-flocon-table td { height: 40px; } .cde-flocon-table thead th:first-child, .cde-flocon-table tbody th { width: 200px; min-width: 200px; padding-left: 12px; } }