.support-page {max-width:1240px!important;padding:48px 24px 64px!important;margin:auto!important;color:#172b43;}
.support-intro {max-width:660px;margin-bottom:32px;}
.support-eyebrow {font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#1265e8;margin-bottom:12px;}
.support-intro h1 {font-size:clamp(32px,3.3vw,46px);font-weight:700;letter-spacing:-.04em;margin:0 0 14px;}
.support-intro p:last-child {color:#62738a;font-size:17px;line-height:1.7;margin:0;}
.support-grid {display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);gap:28px;align-items:start;}
.support-card {background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 28px #132a4210;overflow:hidden;}
.support-contact {padding:30px;}
.support-contact h2,.support-chat h2 {font-size:23px;font-weight:700;margin:0 0 10px;letter-spacing:-.025em;}
.support-contact>p {line-height:1.7;color:#62738a;margin-bottom:24px;}
.support-contact-link {display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f5;text-decoration:none;color:#172b43;}
.support-contact-link i {display:grid;place-items:center;width:42px;height:42px;background:#edf4ff;color:#1265e8;border-radius:12px;font-size:19px;flex-shrink:0;}
.support-contact-link span {display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;}
.support-contact-link small {color:#62738a;}
.support-hours {margin:24px 0 0;padding:16px;background:#f7f9fc;border-radius:12px;font-size:14px;line-height:1.7;}
.support-hours strong {display:block;}
.support-order-link {display:inline-flex;gap:8px;align-items:center;margin-top:22px;font-size:14px;font-weight:600;}
.support-chat-head {padding:26px 28px 18px;border-bottom:1px solid #edf1f5;display:flex;gap:14px;align-items:center;}
.support-chat-icon {width:44px;height:44px;border-radius:14px;background:#1265e8;display:grid;place-items:center;color:white;font-size:22px;flex-shrink:0;}
.support-chat-head h2 {margin:0 0 3px;font-size:21px;}
.support-chat-head p {font-size:13px;color:#62738a;margin:0;}
.support-quick {display:flex;gap:8px;flex-wrap:wrap;padding:18px 24px;background:#fbfcfe;}
.support-quick button {border:1px solid #d9e5f5;background:#fff;color:#25466b;padding:9px 12px;border-radius:20px;font-size:13px;cursor:pointer;transition:background .15s;}
.support-quick button:hover {background:#edf4ff;border-color:#1265e8;}
.support-chat-log {height:340px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth;}
.support-message {max-width:90%;padding:14px 17px;border-radius:16px;background:#f0f4f9;align-self:flex-start;overflow-wrap:anywhere;}
.support-message.user {align-self:flex-end;background:#1265e8;color:#fff;border-bottom-right-radius:4px;}
.support-message-label {display:block;font-size:11px;font-weight:700;letter-spacing:.025em;margin-bottom:6px;opacity:.75;}
.support-message p {margin:0;font-size:14px;line-height:1.7;white-space:pre-wrap;}
.support-message-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.support-message-actions a {border:1px solid #ccdbee;background:#fff;padding:6px 10px;border-radius:8px;font-size:12px;text-decoration:none;font-weight:600;}
.support-compose {padding:18px 24px;border-top:1px solid #edf1f5;display:flex;gap:10px;}
.support-compose input {min-width:0;flex:1;border:1px solid #d9e2ed;border-radius:12px;padding:13px 15px;font-size:14px;}
.support-compose button {border:0;background:#1265e8;color:#fff;border-radius:12px;padding:12px 18px;font-weight:600;}
.support-compose button:disabled,.support-quick button:disabled {opacity:.55;cursor:wait;}
.support-page :focus-visible {outline:3px solid #83b7ff;outline-offset:3px;}
.support-chat-status {padding:0 24px 18px;font-size:12px;color:#62738a;min-height:35px;}
.support-page #service-enquiry {max-width:none!important;margin:36px 0 0!important;padding:32px!important;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 28px #132a4210;}
.support-enquiry-grid {display:grid;grid-template-columns:.8fr 1.5fr;gap:42px;}
.support-enquiry-intro h2 {font-size:25px;font-weight:700;letter-spacing:-.025em;}
.support-enquiry-intro p {line-height:1.7;color:#62738a;font-size:14px;}
.support-enquiry-intro a {font-weight:600;font-size:14px;}
.support-page #serviceEnquiryForm .form-control,.support-page #serviceEnquiryForm .form-select {border-radius:10px;padding:11px 13px;font-size:14px;}
.support-page #serviceEnquiryForm .form-label {font-size:13px;font-weight:600;}
.support-page #serviceEnquiryForm button {border-radius:10px;padding:11px 18px;}
@media(max-width:800px){.support-page{padding:30px 16px 44px!important;}.support-grid,.support-enquiry-grid{grid-template-columns:1fr;gap:22px;}.support-chat-log{height:320px;padding:18px;}.support-contact{padding:24px;}.support-chat-head{padding:22px;}.support-page #service-enquiry{padding:24px!important;}.support-message{max-width:95%;}.support-compose{padding:16px;}.support-quick{padding:16px;}}
@media(prefers-reduced-motion:reduce){.support-chat-log{scroll-behavior:auto;}.support-quick button{transition:none;}}