.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 { display: flex; flex-wrap: wrap; gap: 8px; }
.blt-file-list span { background: var(--blt-pale); padding: 6px 10px; border-radius: 4px; font-size: 12px; overflow-wrap: anywhere; }
.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%; } }
