.blt-support { --blt-green: #4b632f; --blt-pale: #eef1e7; max-width: 1120px; margin: 0 auto; padding: 52px 24px 72px; color: #20251e; font-family: inherit; font-size: 16px; line-height: 1.6; }
.blt-support * { box-sizing: border-box; }
.blt-support [hidden] { display: none !important; }
.blt-support .blt-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .13em; color: var(--blt-green); margin: 0 0 12px; }
.blt-support h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.1; margin: 0 0 18px; font-weight: 750; }
.blt-support h2 { font-size: 26px; line-height: 1.25; margin: 0 0 18px; }
.blt-support h3 { font-size: 20px; margin: 0 0 12px; }
.blt-support p { margin: 0 0 18px; }
.blt-support-heading { max-width: 740px; margin-bottom: 32px; }
.blt-support-choices { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 12px; margin-bottom: 32px; }
.blt-support-choices button { appearance: none; cursor: pointer; text-align: left; padding: 20px; background: white; border: 1px solid #d5dbce; border-radius: 8px; color: inherit; font: inherit; display: flex; flex-direction: column; gap: 7px; }
.blt-support-choices button span { color: var(--blt-green); font-size: 12px; font-weight: 700; }
.blt-support-choices button strong { line-height: 1.3; }
.blt-support-choices button small { color: #596052; font-size: 13px; line-height: 1.45; }
.blt-support-choices button[aria-pressed="true"] { border-color: var(--blt-green); background: var(--blt-pale); box-shadow: inset 0 -3px var(--blt-green); }
.blt-support-layout { max-width: 880px; margin: 0 auto; }
.blt-support-guidance { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #d5dbce; font-size: 16px; }
.blt-support-guidance h2 { margin-bottom: 10px; }
.blt-support-guidance p { margin-bottom: 0; }
.blt-support a { color: var(--blt-green); text-decoration: underline; text-underline-offset: 3px; }
.blt-support-form { display: grid; gap: 20px; min-width: 0; }
.blt-support-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.blt-support-row.is-single { grid-template-columns: 1fr; }
.blt-support label { display: grid; gap: 7px; font-size: 14px; font-weight: 650; margin: 0; align-content: start; }
.blt-support input, .blt-support select, .blt-support textarea { width: 100%; min-width: 0; border: 1px solid #bbc4b4; border-radius: 5px; background: white; color: #20251e; padding: 12px; font: inherit; font-weight: 400; font-size: 16px; min-height: 48px; }
.blt-support textarea { resize: vertical; }
.blt-support label small { color: #596052; font-size: 12px; font-weight: 400; line-height: 1.4; }
.blt-support :focus-visible { outline: 3px solid #6d873f; outline-offset: 3px; }
.blt-support [data-message-fields] { display: grid; gap: 20px; }
.blt-support [data-product-field], .blt-support [data-custom-field], .blt-recovery { display: grid; gap: 18px; }
.blt-support .blt-text-button { appearance: none; background: none; border: 0; color: var(--blt-green); font: inherit; font-size: 14px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; padding: 12px 0; display: block; min-height: 44px; text-align: left; }
.blt-recovery { padding: 22px; background: var(--blt-pale); border: 1px solid #d5dbce; border-radius: 6px; }
.blt-help-answers { margin-top: 26px; }
.blt-help-answers details { border-top: 1px solid #d5dbce; padding: 14px 0; }
.blt-help-answers summary { cursor: pointer; font-weight: 650; min-height: 32px; }
.blt-help-answers details p { margin: 12px 0 0; font-size: 15px; }
.blt-order-issue { display: grid; gap: 20px; border-top: 1px solid #d5dbce; padding-top: 24px; }
.blt-order-issue h3 { margin-bottom: 0; }
.blt-issue-answer:not(:empty) { background: var(--blt-pale); border-left: 3px solid var(--blt-green); padding: 16px 20px; }
.blt-support .blt-button { appearance: none; border: 1px solid var(--blt-green); border-radius: 5px; padding: 13px 20px; font: inherit; font-weight: 650; cursor: pointer; min-height: 48px; }
.blt-support .blt-secondary { color: var(--blt-green); background: white; }
.blt-tracking-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-top: 20px; }
.blt-support .blt-details-link { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; color: white; background: var(--blt-green); text-decoration: none; text-align: center; }
.blt-support .blt-submit { color: white; background: var(--blt-green); width: 100%; }
.blt-support button:disabled { opacity: .6; cursor: wait; }
.blt-support .blt-consent { display: flex; align-items: flex-start; gap: 12px; font-weight: 400; font-size: 13px; }
.blt-support .blt-consent input { width: 20px; height: 20px; min-height: 20px; flex: 0 0 20px; margin-top: 3px; accent-color: var(--blt-green); }
.blt-form-footnote { font-size: 12px; color: #596052; }
.blt-tracking-result:not(:empty) { margin-top: 20px; background: #f5f7f1; padding: 22px; border: 1px solid #d5dbce; border-radius: 6px; }
.blt-parcel { padding: 14px 0; border-top: 1px solid #d5dbce; }
.blt-parcel p { margin: 5px 0; font-size: 14px; }
.blt-parcel small { display: block; font-size: 14px; color: #414a39; }
.blt-parcel.needs-attention { border: 1px solid #b37b21; border-left: 4px solid #9b6518; border-radius: 5px; background: #fff6e5; padding: 16px; margin: 16px 0; }
.blt-parcel .blt-parcel-alert { color: #75470b; font-size: 15px; font-weight: 700; margin: 0 0 8px; }
.blt-file-list { list-style: none; padding: 0; display: grid; gap: 8px; }
.blt-file-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--blt-pale); padding: 6px 10px; border-radius: 4px; }
.blt-file-list span { min-width: 0; font-size: 14px; overflow-wrap: anywhere; }
.blt-file-list button { flex-shrink: 0; min-width: 44px; min-height: 44px; }
.blt-form-status { font-size: 14px; }
.blt-form-status.is-error { color: #9d201d; border-left: 3px solid #9d201d; padding-left: 12px; }
.blt-success { padding: 30px; border: 1px solid var(--blt-green); border-radius: 8px; background: var(--blt-pale); }
@media (max-width: 760px) { .blt-support { padding: 30px 18px 48px; } .blt-support-choices { grid-template-columns: 1fr 1fr; } .blt-support-choices button:first-child { grid-column: 1 / -1; } .blt-support-guidance { padding-bottom: 20px; margin-bottom: 20px; } .blt-support-guidance h2 { font-size: 22px; } }
@media (max-width: 440px) { .blt-support-row { grid-template-columns: 1fr; } .blt-support-choices button { padding: 14px; } .blt-tracking-actions .blt-button { width: 100%; } }

/* Mobile reach fixes (26 Oct 2026). The theme's floating MENU pill sits about 90px tall over the bottom of the screen. Give this page extra room at the end, and keep focused or scrolled-to controls clear of it, so Send enquiry is never hidden. Scoped to .blt-support only. */
.blt-support { padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px)); }
.blt-support :is(input, select, textarea, button, a, [data-form-status]) { scroll-margin-top: 24px; scroll-margin-bottom: calc(120px + env(safe-area-inset-bottom, 0px)); }
.blt-support .blt-consent { min-height: 44px; align-items: flex-start; gap: 4px; cursor: pointer; }
.blt-support .blt-consent input { width: 24px; height: 24px; min-height: 24px; flex: 0 0 24px; margin: 10px; cursor: pointer; }
.blt-support .blt-consent > :not(input) { padding-top: 10px; }
@media (max-width: 760px) { .blt-support { padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px)); } }