/* Little Lights Soccer Tournament 2026 (templates/soccer.php) – colours from the poster: deep navy, gold, LIS red */
.lis-rd .lrd-soccer { --st-navy: #0e2443; --st-gold: #f5c330; --st-gold2: #e2a823; --st-grass: #3fa535; background: #fff; }

/* ---------- Hero ---------- */
.lis-rd .lrd-soccer .st-hero { position: relative; min-height: min(78vh, 760px); display: flex; align-items: flex-end; color: #fff; overflow: hidden; background: var(--st-navy); }
.lis-rd .lrd-soccer .st-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.lis-rd .lrd-soccer .st-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14, 36, 67, .94) 0%, rgba(14, 36, 67, .72) 40%, rgba(14, 36, 67, 0) 70%), linear-gradient(0deg, rgba(14, 36, 67, .85) 0%, rgba(14, 36, 67, 0) 45%); }
.lis-rd .lrd-soccer .st-hero__in { position: relative; z-index: 1; width: 100%; padding-top: 120px; padding-bottom: 130px; }
.lis-rd .lrd-soccer .st-hero .lrd-crumbs, .lis-rd .lrd-soccer .st-hero .lrd-crumbs a { color: rgba(255, 255, 255, .8); }
.lis-rd .lrd-soccer .st-hero__kicker { display: flex; align-items: center; gap: 10px; margin: 18px 0 12px; font: 600 12px/1.3 var(--lrd-head); letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.lis-rd .lrd-soccer .st-hero__kicker::before { content: ''; width: 22px; height: 2px; background: var(--lrd-red); }
.lis-rd .lrd-soccer .st-hero__title { max-width: 640px; margin: 0 0 22px; font: 700 clamp(38px, 5.4vw, 70px)/1.02 var(--lrd-head); letter-spacing: -0.02em; color: #fff; }
.lis-rd .lrd-soccer .st-hero__title span { display: block; font-size: .5em; letter-spacing: .02em; color: var(--st-gold); }
.lis-rd .lrd-soccer .st-hero__title em { font-style: normal; color: var(--st-gold); }
.lis-rd .lrd-soccer .st-hero__meta { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0 0 28px; padding: 0; font: 500 15.5px/1.3 var(--lrd-body); }
.lis-rd .lrd-soccer .st-hero__meta li { display: inline-flex; align-items: center; gap: 8px; }
.lis-rd .lrd-soccer .st-hero__meta .lrd-ico { width: 18px; height: 18px; color: var(--st-gold); }
.lis-rd .lrd-soccer .st-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.lis-rd .lrd-soccer .st-btn--red { background: var(--lrd-red) !important; color: #fff !important; }
.lis-rd .lrd-soccer .st-btn--red:hover { background: #c91a1f !important; }
.lis-rd .lrd-soccer .st-btn--ghost { display: inline-flex; align-items: center; gap: 8px; color: #fff; font: 600 15px/1.2 var(--lrd-head); border-bottom: 1px solid rgba(255, 255, 255, .5); padding-bottom: 3px; }
.lis-rd .lrd-soccer .st-btn--ghost:hover { color: var(--st-gold); border-color: var(--st-gold); }
.lis-rd .lrd-soccer .st-btn--ghost .lrd-ico { width: 18px; height: 18px; }

/* ---------- Key facts (overlaps the hero) ---------- */
.lis-rd .lrd-soccer .st-facts { position: relative; z-index: 2; margin-top: -84px; }
.lis-rd .lrd-soccer .st-facts__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; background: #fff; border-radius: 12px; box-shadow: 0 30px 60px -30px rgba(14, 36, 67, .45); overflow: hidden; }
.lis-rd .lrd-soccer .st-facts__grid > li { padding: 26px 24px 24px; border-right: 1px solid var(--lrd-line); }
.lis-rd .lrd-soccer .st-facts__grid > li:last-child { border-right: 0; }
.lis-rd .lrd-soccer .st-facts__ico { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 14px; border-radius: 50%; background: var(--lrd-sky, #eef4fb); color: var(--lrd-blue); }
.lis-rd .lrd-soccer .st-facts__ico .lrd-ico { width: 21px; height: 21px; }
.lis-rd .lrd-soccer .st-facts h2 { margin: 0 0 8px; font: 600 12.5px/1.3 var(--lrd-head); letter-spacing: .12em; text-transform: uppercase; color: var(--lrd-blue); }
.lis-rd .lrd-soccer .st-facts p { margin: 0 0 4px; font-size: 15px; line-height: 1.45; color: var(--lrd-text); }
.lis-rd .lrd-soccer .st-facts p strong { color: var(--lrd-ink); font-weight: 600; }
.lis-rd .lrd-soccer .st-facts__note { margin-top: 8px !important; font-size: 13.5px !important; color: var(--lrd-muted) !important; }
.lis-rd .lrd-soccer .st-facts__big { font: 700 26px/1.15 var(--lrd-head) !important; color: var(--lrd-ink) !important; letter-spacing: -0.01em; }
.lis-rd .lrd-soccer .st-facts__deadline { background: var(--st-navy); }
.lis-rd .lrd-soccer .st-facts__deadline .st-facts__ico { background: rgba(245, 195, 48, .16); color: var(--st-gold); }
.lis-rd .lrd-soccer .st-facts__deadline h2 { color: rgba(255, 255, 255, .78); }
.lis-rd .lrd-soccer .st-facts__deadline .st-facts__big { color: var(--st-gold) !important; }
.lis-rd .lrd-soccer .st-facts__deadline a { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: #fff; font: 600 14.5px/1.2 var(--lrd-head); }
.lis-rd .lrd-soccer .st-facts__deadline a .lrd-ico { width: 16px; height: 16px; transition: transform .3s; }
.lis-rd .lrd-soccer .st-facts__deadline a:hover .lrd-ico { transform: translateX(4px); }

/* ---------- How to register ---------- */
.lis-rd .lrd-soccer .st-how__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .9fr); gap: 56px; align-items: center; }
.lis-rd .lrd-soccer .st-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.lis-rd .lrd-soccer .st-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; }
.lis-rd .lrd-soccer .st-steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--st-navy); color: var(--st-gold); font: 700 19px/1 var(--lrd-head); }
.lis-rd .lrd-soccer .st-steps h3 { margin: 4px 0 4px; font: 600 18.5px/1.3 var(--lrd-head); color: var(--lrd-ink); }
.lis-rd .lrd-soccer .st-steps p { margin: 0; color: var(--lrd-text); font-size: 15.5px; line-height: 1.6; }
.lis-rd .lrd-soccer .st-till { border: 2px solid var(--st-grass); border-radius: 14px; overflow: hidden; text-align: center; background: #fff; }
.lis-rd .lrd-soccer .st-till__brand { margin: 0; padding: 16px; background: var(--st-grass); color: #fff; font: 700 20px/1.2 var(--lrd-head); letter-spacing: .04em; text-transform: uppercase; }
.lis-rd .lrd-soccer .st-till__label { margin: 20px 0 12px; font: 700 15px/1.2 var(--lrd-head); letter-spacing: .06em; text-transform: uppercase; color: var(--st-grass); }
.lis-rd .lrd-soccer .st-till__digits { display: flex; justify-content: center; gap: 6px; margin: 0 20px 14px; }
.lis-rd .lrd-soccer .st-till__digits span { flex: 1 1 0; max-width: 46px; padding: 8px 0; border: 1.5px solid var(--st-grass); border-radius: 6px; font: 700 26px/1.1 var(--lrd-head); color: var(--lrd-ink); }
.lis-rd .lrd-soccer .st-till__name { margin: 0 20px; padding: 8px; border: 1px solid #cfe8cc; border-radius: 6px; font: 600 14px/1.3 var(--lrd-head); color: var(--lrd-ink); }
.lis-rd .lrd-soccer .st-till__amount { margin: 16px 0 20px; font: 700 22px/1.2 var(--lrd-head); color: var(--lrd-ink); }
.lis-rd .lrd-soccer .st-till__amount small { font: 500 14px/1 var(--lrd-body); color: var(--lrd-muted); }

/* ---------- Awards ---------- */
.lis-rd .lrd-soccer .st-awards { background: var(--st-navy); color: #fff; }
.lis-rd .lrd-soccer .st-awards .lrd-head h2 { color: #fff; }
.lis-rd .lrd-soccer .st-awards .lrd-eyebrow { color: var(--st-gold); }
.lis-rd .lrd-soccer .st-awards__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.lis-rd .lrd-soccer .st-awards__grid li { padding: 26px 24px; border-radius: 12px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
.lis-rd .lrd-soccer .st-awards__grid li > span { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-bottom: 16px; border-radius: 12px; background: rgba(245, 195, 48, .14); color: var(--st-gold); }
.lis-rd .lrd-soccer .st-awards__grid .lrd-ico { width: 26px; height: 26px; }
.lis-rd .lrd-soccer .st-awards__grid li.is-gold { background: linear-gradient(160deg, var(--st-gold), var(--st-gold2)); border-color: transparent; color: var(--st-navy); }
.lis-rd .lrd-soccer .st-awards__grid li.is-gold > span { background: rgba(14, 36, 67, .12); color: var(--st-navy); }
.lis-rd .lrd-soccer .st-awards__grid h3 { margin: 0 0 6px; font: 600 19px/1.25 var(--lrd-head); color: inherit; }
.lis-rd .lrd-soccer .st-awards__grid p { margin: 0; font-size: 15px; line-height: 1.5; opacity: .85; }

/* ---------- Registration ---------- */
.lis-rd .lrd-soccer .st-reg { background: var(--lrd-tint, #f5f8fc); scroll-margin-top: 90px; }
.lis-rd .lrd-soccer .st-reg__grid { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.6fr); gap: 48px; align-items: start; }
.lis-rd .lrd-soccer .st-reg__aside { position: sticky; top: 110px; }
.lis-rd .lrd-soccer .st-reg__aside h2 { margin: 0 0 12px; }
.lis-rd .lrd-soccer .st-reg__aside > p { color: var(--lrd-text); font-size: 15.5px; line-height: 1.6; }
.lis-rd .lrd-soccer .st-reg__need { list-style: none; margin: 16px 0 22px; padding: 0; display: grid; gap: 12px; }
.lis-rd .lrd-soccer .st-reg__need li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 15px; line-height: 1.45; color: var(--lrd-ink); }
.lis-rd .lrd-soccer .st-reg__need .lrd-ico { width: 20px; height: 20px; color: var(--st-grass); margin-top: 1px; }
.lis-rd .lrd-soccer p.st-reg__dead { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 12px 16px; border-radius: 10px; background: var(--st-navy); color: #fff; font-size: 14.5px; }
.lis-rd .lrd-soccer .st-reg__dead .lrd-ico { width: 18px; height: 18px; color: var(--st-gold); }
.lis-rd .lrd-soccer .st-reg__dead strong { color: var(--st-gold); font-weight: 600; }
.lis-rd .lrd-soccer .st-form { background: #fff; border: 1px solid var(--lrd-line); border-radius: 14px; padding: 34px 34px 30px; box-shadow: 0 24px 50px -34px rgba(14, 36, 67, .35); }
.lis-rd .lrd-soccer .st-form__soon { margin: 0; font-size: 16px; }

/* Fluent form on this page only – spacing and the player rows; fields keep Fluent's own look */
.lis-rd .lrd-soccer .st-form .ff-el-section-break { margin: 30px 0 18px; }
.lis-rd .lrd-soccer .st-form .ff-el-section-break:first-child { margin-top: 0; }
.lis-rd .lrd-soccer .st-form .ff-el-section-title { margin: 0 0 4px; font: 600 19px/1.3 var(--lrd-head); color: var(--lrd-ink); }
.lis-rd .lrd-soccer .st-form .ff-section_break_desk { font-size: 14.5px; color: var(--lrd-muted); }
.lis-rd .lrd-soccer .st-form .ff-el-section-break hr { display: none; }
.lis-rd .lrd-soccer .st-form .st-player { counter-increment: st-player; margin: 0 0 8px !important; padding: 12px 14px 2px; border-radius: 10px; background: #f6f8fb; border: 1px solid #e7edf5; }
.lis-rd .lrd-soccer .st-form .st-player .ff-el-group { margin-bottom: 10px; }
.lis-rd .lrd-soccer .st-form .st-player .ff-el-input--label label { font-size: 13.5px; }
.lis-rd .lrd-soccer .st-form .st-player input[name$="_age"] { background: #eef3f9; text-align: center; }
.lis-rd .lrd-soccer .st-form .st-cats .ff-el-input--content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lis-rd .lrd-soccer .st-form .st-cats .ff-el-form-check { margin: 0; padding: 10px 12px; border: 1px solid var(--lrd-line); border-radius: 8px; background: #fff; }
.lis-rd .lrd-soccer .st-form .st-cats .ff-el-form-check:has(input:checked) { border-color: var(--lrd-blue); background: var(--lrd-sky, #eef4fb); }
.lis-rd .lrd-soccer .st-form .st-till { display: flex; flex-direction: column; gap: 2px; margin: 0 0 18px; padding: 14px 16px; border: 1.5px solid var(--st-grass); border-radius: 10px; text-align: left; }
.lis-rd .lrd-soccer .st-form .st-till span { font: 600 12.5px/1.3 var(--lrd-head); letter-spacing: .08em; text-transform: uppercase; color: var(--st-grass); }
.lis-rd .lrd-soccer .st-form .st-till strong { font: 700 24px/1.2 var(--lrd-head); color: var(--lrd-ink); letter-spacing: .04em; }
.lis-rd .lrd-soccer .st-form .st-till small { font-size: 13.5px; color: var(--lrd-muted); }
.lis-rd .lrd-soccer .st-form .ff-message-success { padding: 22px 24px; border-radius: 12px; border: 1px solid #cfe8cc; background: #f3faf2; }

/* ---------- Enquiries ---------- */
.lis-rd .lrd-soccer .st-ask { background: linear-gradient(90deg, var(--st-gold), var(--st-gold2)); }
.lis-rd .lrd-soccer .st-ask__in { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; padding-top: 26px; padding-bottom: 26px; }
.lis-rd .lrd-soccer .st-ask h2 { margin: 0 12px 0 0; font: 700 22px/1.2 var(--lrd-head); color: var(--st-navy); text-transform: uppercase; letter-spacing: .02em; }
.lis-rd .lrd-soccer .st-ask a { display: inline-flex; align-items: center; gap: 10px; color: var(--st-navy); font: 600 18px/1.2 var(--lrd-head); }
.lis-rd .lrd-soccer .st-ask a .lrd-ico { width: 20px; height: 20px; }
.lis-rd .lrd-soccer .st-ask a:hover { text-decoration: underline; }

/* ---------- Smaller screens ---------- */
@media (max-width: 1100px) {
    .lis-rd .lrd-soccer .st-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lis-rd .lrd-soccer .st-facts__grid > li:nth-child(2) { border-right: 0; }
    .lis-rd .lrd-soccer .st-facts__grid > li:nth-child(-n+2) { border-bottom: 1px solid var(--lrd-line); }
    .lis-rd .lrd-soccer .st-awards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lis-rd .lrd-soccer .st-how__grid, .lis-rd .lrd-soccer .st-reg__grid { grid-template-columns: 1fr; gap: 36px; }
    .lis-rd .lrd-soccer .st-reg__aside { position: static; }
    .lis-rd .lrd-soccer .st-how__grid .st-till { max-width: 460px; }
}
@media (max-width: 640px) {
    .lis-rd .lrd-soccer .st-hero { min-height: 0; display: block; }
    .lis-rd .lrd-soccer .st-hero__img { position: relative; height: auto; aspect-ratio: 16 / 10; }
    .lis-rd .lrd-soccer .st-hero::after { top: auto; height: 0; }
    .lis-rd .lrd-soccer .st-hero__in { padding-top: 22px; padding-bottom: 104px; background: var(--st-navy); }
    .lis-rd .lrd-soccer .st-hero__kicker { margin-top: 12px; font-size: 10.5px; letter-spacing: .1em; }
    .lis-rd .lrd-soccer .st-hero__title { font-size: 36px; }
    .lis-rd .lrd-soccer .st-hero__meta { flex-direction: column; gap: 8px; margin-bottom: 24px; font-size: 15px; }
    .lis-rd .lrd-soccer .st-hero__cta .lrd-btn { width: 100%; justify-content: center; }
    .lis-rd .lrd-soccer .st-facts { margin-top: -76px; }
    .lis-rd .lrd-soccer .st-facts__grid { grid-template-columns: 1fr; }
    .lis-rd .lrd-soccer .st-facts__grid > li { border-right: 0; border-bottom: 1px solid var(--lrd-line); padding: 20px 18px; }
    .lis-rd .lrd-soccer .st-facts__grid > li:last-child { border-bottom: 0; }
    .lis-rd .lrd-soccer .st-awards__grid { grid-template-columns: 1fr; gap: 12px; }
    .lis-rd .lrd-soccer .st-form { padding: 22px 16px; border-radius: 12px; }
    .lis-rd .lrd-soccer .st-form .st-cats .ff-el-input--content { grid-template-columns: 1fr; }
    .lis-rd .lrd-soccer .st-ask h2 { width: 100%; font-size: 19px; }
    .lis-rd .lrd-soccer .st-ask a { font-size: 16.5px; }
}

/* ===== Lighter, tighter version (2026-10-19): less text, compact phone layout, cleaner form ===== */
.lis-rd .lrd-soccer .st-hero__title { margin-top: 14px; }
.lis-rd .lrd-soccer .st-steps { gap: 14px; }
.lis-rd .lrd-soccer .st-steps li { align-items: center; }
.lis-rd .lrd-soccer .st-steps h3 { margin: 0 0 2px; }
.lis-rd .lrd-soccer .st-steps p { font-size: 15px; color: var(--lrd-muted); }
.lis-rd .lrd-soccer .st-reg__aside > p:not(.st-reg__dead) { margin: 0 0 18px; }

/* Form: white fields, 16px text (no zoom on phones), less helper text */
.lis-rd .lrd-soccer .st-form .ff-el-form-control { background: #fff !important; border: 1px solid #d5dde8 !important; border-radius: 8px !important; min-height: 46px; font-size: 16px !important; box-shadow: none !important; }
.lis-rd .lrd-soccer .st-form .ff-el-form-control:focus { border-color: var(--lrd-blue) !important; box-shadow: 0 0 0 3px rgba(23, 104, 178, .12) !important; }
.lis-rd .lrd-soccer .st-form .ff-el-form-control::placeholder { color: #9aa6b5; }
.lis-rd .lrd-soccer .st-form .ff-section_break_desk, .lis-rd .lrd-soccer .st-form .ff-el-help-message { display: none; }
.lis-rd .lrd-soccer .st-form .ff-el-group:has(input[name="mpesa_code"]) .ff-el-help-message { display: block; font-style: normal; font-size: 13px; color: var(--lrd-muted); }
.lis-rd .lrd-soccer .st-form .ff-el-input--label label { font-weight: 500; }
.lis-rd .lrd-soccer .st-form .st-cats .ff-el-form-check label { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; cursor: pointer; }
.lis-rd .lrd-soccer .st-form .st-cats .ff-el-form-check { padding: 12px 14px; cursor: pointer; }

/* Players: hidden until a category is chosen */
.lis-rd .lrd-soccer .st-form .st-players-hint { display: none; margin: 0 0 8px; padding: 14px 16px; border: 1px dashed #c9d4e2; border-radius: 10px; color: var(--lrd-muted); font-size: 14.5px; }
.lis-rd .lrd-soccer .st-form.st-form form.st-nocat .st-player, .lis-rd .lrd-soccer .st-form form.st-nocat .st-player { display: none !important; }
.lis-rd .lrd-soccer .st-form form.st-nocat .st-players-hint { display: block; }
.lis-rd .lrd-soccer .st-form .st-player input[name$="_age"] { pointer-events: none; color: var(--lrd-ink); font-weight: 600; }
.lis-rd .lrd-soccer .st-form .st-player.st-too-old { border-color: #f1b5b7; background: #fff5f5; }
.lis-rd .lrd-soccer .st-form .st-player.st-too-old input[name$="_age"] { color: #c01b20; border-color: #e88b8e !important; }
.lis-rd .lrd-soccer .st-form .st-age-note { width: 100%; flex-basis: 100%; grid-column: 1 / -1; margin: 0 0 10px; color: #c01b20; font-size: 13.5px; font-weight: 500; }
.lis-rd .lrd-soccer .st-form .st-player { flex-wrap: wrap; }

/* In-form till: one tidy line */
.lis-rd .lrd-soccer .st-form .st-till { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 12px 14px; }
.lis-rd .lrd-soccer .st-form .st-till strong { font-size: 20px; }
.lis-rd .lrd-soccer .st-form .st-till small { flex-basis: 100%; }

@media (max-width: 640px) {
    /* Hero */
    .lis-rd .lrd-soccer .st-hero__in { padding-top: 18px; padding-bottom: 96px; }
    .lis-rd .lrd-soccer .st-hero__title { font-size: 32px; margin: 12px 0 16px; }
    .lis-rd .lrd-soccer .st-hero__meta { gap: 6px; margin-bottom: 20px; font-size: 14.5px; }
    .lis-rd .lrd-soccer .st-hero__cta { gap: 14px; }
    /* Facts: 2 × 2 compact tiles */
    .lis-rd .lrd-soccer .st-facts { margin-top: -70px; }
    .lis-rd .lrd-soccer .st-facts__grid { grid-template-columns: 1fr 1fr; }
    .lis-rd .lrd-soccer .st-facts__grid > li { padding: 16px 14px; border-right: 1px solid var(--lrd-line); border-bottom: 1px solid var(--lrd-line); }
    .lis-rd .lrd-soccer .st-facts__grid > li:nth-child(2n) { border-right: 0; }
    .lis-rd .lrd-soccer .st-facts__grid > li:nth-child(n+3) { border-bottom: 0; }
    .lis-rd .lrd-soccer .st-facts__ico { width: 32px; height: 32px; margin-bottom: 8px; }
    .lis-rd .lrd-soccer .st-facts__ico .lrd-ico { width: 17px; height: 17px; }
    .lis-rd .lrd-soccer .st-facts h2 { font-size: 11px; margin-bottom: 4px; }
    .lis-rd .lrd-soccer .st-facts p { font-size: 13.5px; }
    .lis-rd .lrd-soccer .st-facts__big { font-size: 19px !important; }
    .lis-rd .lrd-soccer .st-facts__deadline a { font-size: 13.5px; margin-top: 4px; }
    /* Steps + till */
    .lis-rd .lrd-soccer .st-how { padding-top: 48px; padding-bottom: 48px; }
    .lis-rd .lrd-soccer .st-steps li { grid-template-columns: 40px 1fr; gap: 14px; }
    .lis-rd .lrd-soccer .st-steps li > span { width: 40px; height: 40px; font-size: 16px; }
    .lis-rd .lrd-soccer .st-steps h3 { font-size: 16.5px; }
    .lis-rd .lrd-soccer .st-steps p { font-size: 14px; }
    .lis-rd .lrd-soccer .st-till__brand { padding: 12px; font-size: 17px; }
    .lis-rd .lrd-soccer .st-till__label { margin: 14px 0 10px; font-size: 13px; }
    .lis-rd .lrd-soccer .st-till__digits { gap: 4px; margin: 0 12px 10px; }
    .lis-rd .lrd-soccer .st-till__digits span { font-size: 21px; padding: 6px 0; }
    .lis-rd .lrd-soccer .st-till__name { margin: 0 12px; font-size: 12.5px; }
    .lis-rd .lrd-soccer .st-till__amount { margin: 12px 0 14px; font-size: 19px; }
    /* Awards: 2 × 2 */
    .lis-rd .lrd-soccer .st-awards { padding-top: 48px; padding-bottom: 48px; }
    .lis-rd .lrd-soccer .st-awards__grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .lis-rd .lrd-soccer .st-awards__grid li { padding: 16px 14px; }
    .lis-rd .lrd-soccer .st-awards__grid li > span { width: 36px; height: 36px; margin-bottom: 10px; border-radius: 9px; }
    .lis-rd .lrd-soccer .st-awards__grid .lrd-ico { width: 20px; height: 20px; }
    .lis-rd .lrd-soccer .st-awards__grid h3 { font-size: 16px; }
    .lis-rd .lrd-soccer .st-awards__grid p { font-size: 13px; }
    /* Registration */
    .lis-rd .lrd-soccer .st-reg { padding-top: 48px; padding-bottom: 48px; }
    .lis-rd .lrd-soccer .st-reg__grid { gap: 22px; }
    .lis-rd .lrd-soccer .st-form { padding: 20px 14px; }
    .lis-rd .lrd-soccer .st-form .st-cats .ff-el-input--content { grid-template-columns: 1fr 1fr; }
    .lis-rd .lrd-soccer .st-form .st-cats .ff-el-form-check { padding: 11px 10px; }
    .lis-rd .lrd-soccer .st-form .st-cats .ff-el-form-check label { font-size: 14.5px; }
    /* Player row: name on top, date of birth + age side by side */
    .lis-rd .lrd-soccer .st-form .st-player { display: grid !important; grid-template-columns: minmax(0, 1fr) 76px; gap: 0 10px; padding: 12px 12px 2px; }
    .lis-rd .lrd-soccer .st-form .st-player .ff-t-cell { width: auto !important; flex-basis: auto !important; padding: 0 !important; max-width: none !important; }
    .lis-rd .lrd-soccer .st-form .st-player .ff-t-column-1 { grid-column: 1 / -1; }
    .lis-rd .lrd-soccer .st-form .st-player .ff-el-group { margin-bottom: 10px; }
    .lis-rd .lrd-soccer .st-form .st-player .ff-el-input--label { margin-bottom: 4px; }
    .lis-rd .lrd-soccer .st-form .ff-btn-submit { width: 100%; }
    .lis-rd .lrd-soccer .st-ask__in { gap: 8px 22px; padding-top: 20px; padding-bottom: 20px; }
}
/* small tidy-ups */
.lis-rd .lrd-soccer .st-form .st-cats > .ff-el-input--label { display: none; } /* the section title already says it */
.lis-rd .lrd-soccer .st-form form > .ff-el-section-break:first-of-type, .lis-rd .lrd-soccer .st-form .ff-el-section-break:first-of-type { margin-top: 0; }
@media (max-width: 640px) { .lis-rd .lrd-soccer .st-hero__meta { margin-bottom: 26px; } }

/* Hero rhythm (2026-10-19): the site-wide list reset (.lrd ul:not(.fluentform *)) outranked the details row's
   margin, so the buttons sat on it. Even steps now: crumbs → title → details → buttons */
.lis-rd .lrd-soccer .st-hero .lrd-crumbs { margin: 0 0 18px; }
.lis-rd .lrd-soccer .st-hero__title { margin: 0 0 26px; }
.lis-rd .lrd-soccer ul.st-hero__meta { margin: 0 0 34px; padding: 0; gap: 10px 26px; }
.lis-rd .lrd-soccer .st-hero__cta { gap: 14px 28px; }
@media (max-width: 640px) {
    .lis-rd .lrd-soccer .st-hero .lrd-crumbs { margin-bottom: 14px; }
    .lis-rd .lrd-soccer .st-hero__title { margin: 0 0 18px; }
    .lis-rd .lrd-soccer ul.st-hero__meta { margin: 0 0 26px; gap: 8px; }
    .lis-rd .lrd-soccer .st-hero__cta { gap: 18px; }
}