/* Contact, enquiry review and support as a mobile service screen. */
@media(max-width:1000px){
 .mobile-app.contact-page .container {width:calc(100% - 32px);}
 .mobile-app.contact-page .contact-hero {padding:22px 20px;margin:16px auto 24px;border:1px solid #d5e4f0;border-radius:24px;background:linear-gradient(120deg,#eaf4fff0,#e3f0ffdd),url('/assets/hero-visuals/contact-generated.png') center/cover;}
 .mobile-app.contact-page .contact-hero::before,.mobile-app.contact-page .contact-hero::after {content:none;}
 .mobile-app.contact-page .breadcrumbs {display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:12px;color:#577a92;}
 .mobile-app.contact-page .breadcrumbs a {color:#286590;}
 .mobile-app.contact-page .contact-hero .page-intro-grid {display:flex;flex-direction:column;gap:22px;}
 .mobile-app.contact-page .contact-hero .section-label {font-size:10px;color:#557f92;}
 .mobile-app.contact-page .contact-hero h1 {font-size:34px;line-height:1.12;color:#193e5d;margin:14px 0 18px;}
 .mobile-app.contact-page .contact-hero .page-intro-grid > div > p {font-size:15px;line-height:1.75;color:#506f86;}
 .mobile-app.contact-page .contact-hero .hero-actions {display:grid;gap:6px;margin-top:22px;}
 .mobile-app.contact-page .contact-hero .hero-actions .button {width:100%;background:#165fc4;color:#fff;}
 .mobile-app.contact-page .contact-hero .hero-actions .text-link {min-height:48px;justify-content:center;font-size:14px;color:#27668f;}
 .mobile-app.contact-page .contact-hero-visual {display:block;width:100%;margin:0;padding:0;border:0;border-radius:18px;overflow:hidden;transform:none;background:#f8fcff;}
 .mobile-app.contact-page .contact-hero-visual img {display:block;width:100%;height:180px;object-fit:cover;border-radius:0;}
 .mobile-app.contact-page .contact-hero-visual figcaption {padding:14px;font-size:12px;color:#426680;}
 .mobile-app.contact-page .contact-offices {padding:8px 0 28px;}
 .mobile-app.contact-page .contact-offices-heading {margin:0 4px 22px;}
 .mobile-app.contact-page .contact-offices-heading h2 {font-size:29px;line-height:1.2;margin:14px 0 0;color:#224b67;}
 .mobile-app.contact-page .office-cards {display:grid;grid-template-columns:1fr;gap:12px;}
 .mobile-app.contact-page .office-card {display:flex;flex-direction:column;padding:22px 20px;border:1px solid #d2e2d0;border-radius:22px;margin:0;background:#eaf3e7;}
 .mobile-app.contact-page .office-card:nth-child(2) {background:#fff0e7;border-color:#e6d8cb;border-radius:22px;}
 .mobile-app.contact-page .office-card:nth-child(3) {background:#193f60;border-color:#193f60;}
 .mobile-app.contact-page .office-card > .icon {width:28px;height:28px;margin-bottom:16px;color:#43825e;}
 .mobile-app.contact-page .office-card h3 {font-size:23px;margin:0 0 12px;color:#28524c;}
 .mobile-app.contact-page .office-card p {font-size:15px;line-height:1.75;margin:0 0 10px;color:#546e62;max-width:none;}
 .mobile-app.contact-page .office-card .text-link {min-height:48px;font-size:14px;margin:0;color:#216345;}
 .mobile-app.contact-page .office-card:nth-child(3) h3 {color:#fff;}
 .mobile-app.contact-page .office-card:nth-child(3) > .icon {color:#b9d8f0;}
 .mobile-app.contact-page .office-card .contact-line {display:flex;align-items:center;min-height:48px;margin:0;border-bottom:1px solid #ffffff1c;font-size:19px;overflow-wrap:anywhere;color:#eaf5ff;}
 .mobile-app.contact-page .office-card .contact-line:last-child {font-size:14px;}
 .mobile-app.contact-page .contact-page-form {padding:0;margin:0 auto 28px;scroll-margin-top:92px;}
 .mobile-app.contact-page .contact-page-form .contact-grid {display:block;padding:0;border:0;background:none;border-radius:0;}
 .mobile-app.contact-page .contact-intro {padding:24px 20px;border:1px solid #d4e3ef;border-radius:24px 24px 0 0;background:#e8f1fa;}
 .mobile-app.contact-page .contact-intro h2 {font-size:29px;line-height:1.2;color:#244c6c;margin:14px 0 18px;}
 .mobile-app.contact-page .contact-intro > p {font-size:15px;line-height:1.75;color:#506f83;}
 .mobile-app.contact-page .enquiry-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:22px 0 0;}
 .mobile-app.contact-page .enquiry-steps li {display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0;border:0;font-size:12px;line-height:1.5;color:#56768e;}
 .mobile-app.contact-page .enquiry-steps li > span {display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:12px;background:#d4e3f1;color:#456c8b;}
 .mobile-app.contact-page .enquiry-steps li[aria-current=step] > span {background:#165fc4;color:#fff;}
 .mobile-app.contact-page .contact-form-panel {padding:24px 20px;border:1px solid #d4e3ef;border-top:0;border-radius:0 0 24px 24px;background:#fff;scroll-margin-top:92px;}
 .mobile-app.contact-page .form-intro {margin-bottom:22px;}
 .mobile-app.contact-page .form-intro h3 {font-size:25px;color:#204a68;margin:0 0 12px;}
 .mobile-app.contact-page .form-intro p {font-size:14px;line-height:1.7;color:#5a7487;}
 .mobile-app.contact-page .form-grid {display:grid;grid-template-columns:1fr;gap:18px;}
 .mobile-app.contact-page .form-grid label {font-size:14px;color:#345974;}
 .mobile-app.contact-page .form-grid :is(input,select,textarea) {font-size:16px;min-height:52px;padding:13px 12px;border:1px solid #bdd1e0;border-radius:12px;background:#f8fbfd;color:#1b496a;scroll-margin-block:110px;}
 .mobile-app.contact-page .form-grid textarea {min-height:130px;}
 .mobile-app.contact-page .field-hint {font-size:12px;line-height:1.6;color:#688397;}
 .mobile-app.contact-page .consent {display:flex;align-items:flex-start;min-height:52px;gap:12px;margin:22px 0;font-size:13px;line-height:1.65;color:#537086;}
 .mobile-app.contact-page .consent input {width:24px;height:24px;min-width:24px;min-height:24px;margin:0;accent-color:#165fc4;}
 .mobile-app.contact-page .form-submit {width:100%;min-height:52px;font-size:14px;background:#165fc4;color:#fff;border-radius:14px;}
 .mobile-app.contact-page .form-note {font-size:12px;line-height:1.65;color:#647f94;margin-top:14px;}
 .mobile-app.contact-page .enquiry-review {padding:0;border:0;background:none;scroll-margin-top:92px;}
 .mobile-app.contact-page .contact-form-panel:has(#enquiry-review:not([hidden])) .form-intro {display:none;}
 .mobile-app.contact-page #enquiry-preview {max-height:none;height:auto;overflow:visible;}
 .mobile-app.contact-page .review-heading {display:flex;gap:12px;align-items:flex-start;}
 .mobile-app.contact-page .review-heading h3 {font-size:24px;line-height:1.3;color:#23573e;}
 .mobile-app.contact-page .review-heading .icon {flex-shrink:0;width:28px;height:28px;color:#28825a;}
 .mobile-app.contact-page .enquiry-review > p {font-size:14px;line-height:1.65;color:#537568;margin:16px 0;}
 .mobile-app.contact-page #enquiry-preview {font:400 14px/1.75 'DM Sans',sans-serif;padding:18px;border:1px solid #d4e6d7;border-radius:16px;background:#edf6ef;color:#345e47;white-space:pre-wrap;overflow-wrap:anywhere;}
 .mobile-app.contact-page .review-actions {display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px;}
 .mobile-app.contact-page .review-actions :is(.button,.text-link) {width:100%;min-height:52px;justify-content:center;font-size:14px;border-radius:14px;}
 .mobile-app.contact-page .checkout-basket {padding:24px 20px;margin:0 auto 24px;border:1px solid #d2e3d1;border-radius:24px;background:#eaf3e7;}
 .mobile-app.contact-page .checkout-basket h2 {font-size:26px;margin:0 0 18px;}
 .mobile-app.contact-page .checkout-basket .basket-line {grid-template-columns:64px minmax(0,1fr);gap:12px;}
 .mobile-app.contact-page .checkout-basket .basket-line img {width:64px;height:80px;object-fit:contain;}
 .mobile-app.contact-page .checkout-basket .basket-line h3 {font-size:15px;line-height:1.5;}
 .mobile-app.contact-page .checkout-basket .quantity-control {display:flex;flex-wrap:wrap;gap:6px;}
 .mobile-app.contact-page .checkout-basket .quantity-control button {color:#215b83;background:#fff;border:1px solid #c0d6c6;border-radius:12px;}
 .mobile-app.contact-page .checkout-basket .quantity-control .remove-item {margin-left:auto;padding-inline:10px;}
 .mobile-app.contact-page .checkout-basket .basket-totals {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;}
 .mobile-app.contact-page .checkout-basket .basket-totals > span {font-size:14px;min-width:0;}
 .mobile-app.contact-page .checkout-basket .basket-totals > strong {font:500 23px/1.3 Outfit,sans-serif;white-space:nowrap;color:#21577c;}
 .mobile-app.contact-page .source-faq {padding:0;margin:0 auto 28px;scroll-margin-top:92px;}
 .mobile-app.contact-page .faq-layout {display:grid;grid-template-columns:1fr;gap:18px;}
 .mobile-app.contact-page .faq-intro {padding:24px 20px;border:1px solid #d6e4cf;border-radius:24px;background:#edf4e7;}
 .mobile-app.contact-page .faq-intro h2 {font-size:29px;line-height:1.2;margin:14px 0 18px;color:#365c43;}
 .mobile-app.contact-page .faq-intro p {font-size:15px;line-height:1.7;color:#5a755e;}
 .mobile-app.contact-page .faq-intro img {height:160px;width:100%;object-fit:cover;border-radius:16px;margin-top:20px;}
 .mobile-app.contact-page .faq-list details {margin:0 0 10px;padding:0 18px;border:1px solid #d9e5ed;border-radius:18px;background:#fff;}
 .mobile-app.contact-page .faq-list details[open] {background:#edf5fc;border-color:#bfd6e9;}
 .mobile-app.contact-page .faq-list summary {min-height:64px;padding:18px 0;font-size:15px;line-height:1.55;color:#2d5571;}
 .mobile-app.contact-page .faq-list details p {font-size:15px;line-height:1.75;padding:0 0 20px;color:#516f84;}
 .mobile-app.contact-page .contact-support-grid {display:grid;grid-template-columns:1fr;gap:16px;margin:0 auto 28px;}
 .mobile-app.contact-page .contact-support-grid .support-section {margin:0;padding:24px 20px;border:1px solid #d3e3d0;border-radius:22px;background:#eaf3e7;scroll-margin-top:92px;}
 .mobile-app.contact-page .contact-support-grid .support-section:last-child {background:#fff0e7;border-color:#e6d7cc;}
 .mobile-app.contact-page .support-section h2 {font-size:26px;line-height:1.25;margin:14px 0 18px;}
 .mobile-app.contact-page .support-section p {font-size:15px;line-height:1.75;color:#54705c;}
 .mobile-app.contact-page.app-keyboard-open .app-bottom-nav,.mobile-app.contact-page.app-keyboard-open .whatsapp-float {display:none;}
 @media(min-width:601px){.mobile-app.contact-page .contact-hero .page-intro-grid {display:grid;grid-template-columns:1fr 1fr;align-items:center;}.mobile-app.contact-page .office-cards {grid-template-columns:1fr 1fr;}.mobile-app.contact-page .office-card:last-child {grid-column:1/-1;}.mobile-app.contact-page .form-grid {grid-template-columns:1fr 1fr;}.mobile-app.contact-page .contact-support-grid {grid-template-columns:1fr 1fr;}}
}