.component-header{background:var(--deep);color:white;padding:18px 24px;max-width:1100px}
.component-header-line{display:flex;align-items:center;gap:24px}
.component-brand{display:block;margin-right:auto;flex-shrink:0}
.component-brand img{display:block;width:76px;height:76px;object-fit:contain}
.component-header .header-direct{display:flex;gap:24px}
.component-header a{text-decoration:none}
.component-header a:hover{text-decoration:underline}
.component-header .header-account{font-size:14px}
.component-header .component-menu-button{display:flex;gap:20px;align-items:center;background:transparent;border:1px solid #78a2a9;color:inherit;font-size:16px;padding:10px 14px}
.component-header .component-menu-button:hover{background:#15616c}
.component-header #menu{width:100%;max-width:none;padding-bottom:0}
.component-header #menu summary{font-size:18px}
.component-header #menu a{font-size:16px}
.component-header.header-light{background:white;color:var(--ink);border-block:1px solid #bacdd0}
.header-light .component-menu-button:hover{background:#edf4f3}
.component-header.header-light :focus-visible{outline-color:var(--teal);box-shadow:none}
.component-footer{max-width:1100px}
.component-footer .wrap{width:auto;margin:0 28px}
.component-footer .footer-contact{gap:20px 32px}
.component-footer .footer-contact a{overflow-wrap:anywhere}
.component-footer.footer-light{background:#f0f6f5;color:var(--ink)}
.component-footer.footer-light nav{border-color:#bacdd0}
.component-footer.footer-light :focus-visible{outline-color:var(--teal);box-shadow:none}
.component-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:700;text-decoration:none}
.component-back:hover{text-decoration:underline}
.component-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0;list-style:none;margin:0}
.component-breadcrumb li{display:flex;gap:14px;align-items:baseline;font-size:14px}
.component-breadcrumb .breadcrumb-separator{color:#527780}
.component-breadcrumb a{display:inline-block;padding-block:12px}
.component-breadcrumb [aria-current]{padding-block:12px;overflow-wrap:anywhere}
.component-enquiry{max-width:680px}
.component-enquiry .form-context{font-size:14px;color:#405d63;margin:0 0 24px}
.component-enquiry .form-fields{display:grid;gap:20px}
.component-enquiry .enquiry-field label{display:block;font-size:16px;font-weight:700;margin-bottom:8px}
.component-enquiry .enquiry-field label span{font-size:13px;font-weight:400;color:#405d63}
.component-enquiry .enquiry-field input,.component-enquiry .enquiry-field textarea{width:100%;font:inherit;color:var(--ink);border:1px solid #527780;border-radius:4px;background:#f3f7f6;padding:12px;min-height:48px}
.component-enquiry .enquiry-field textarea{resize:vertical;display:block}
.component-enquiry .enquiry-field input:focus,.component-enquiry .enquiry-field textarea:focus{background:white}
.component-enquiry .enquiry-field [aria-invalid=true]{border-color:#a3301a}
.component-enquiry .field-error{color:#a3301a;font-size:14px;margin:6px 0 0}
.component-enquiry .form-error-summary{background:#fff0eb;color:#842815;padding:14px 18px;margin-bottom:20px}
.component-enquiry .form-actions{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:24px}
.component-enquiry .form-actions>a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.component-enquiry .enquiry-feedback{font-size:15px;margin:20px 0 0}
.component-enquiry .enquiry-feedback:empty{display:none}
.component-enquiry button:disabled{opacity:.55;cursor:wait}
.component-enquiry.form-paired .form-fields{grid-template-columns:1fr 1fr}
.component-enquiry.form-paired .field-message{grid-column:1/-1}
@media(max-width:650px){
 .component-header{padding:14px 16px}
 .component-header-line{gap:14px;flex-wrap:wrap}
 .component-header .header-account{display:none}
 .component-header .header-direct{order:3;flex-basis:100%;gap:24px}
 .component-header .header-direct>a{padding:8px 0}
 .component-brand img{width:64px;height:64px}
 .component-header #menu.grouped-menu>details{max-width:none}
 .component-footer .wrap{margin-inline:20px}
 .component-footer .footer-contact a{font-size:16px}
 .component-footer nav{gap:12px 20px}
 .component-enquiry.form-paired .form-fields{grid-template-columns:1fr}
}
.component-header .header-direct>a,.component-header .header-account{padding-block:10px;min-height:44px;display:inline-flex;align-items:center}
.component-footer .footer-contact>a,.component-footer nav a{min-height:44px;display:inline-flex;align-items:center}
.component-footer nav{padding-top:12px;margin-top:16px}
.component-footer .footer-contact{gap:8px 32px}
@media(max-width:650px){.component-header .header-account{display:none}}
.component-enquiry .form-error-summary p{margin:0 0 8px;font-weight:700}
.component-enquiry .form-error-summary ul{margin:0;padding-left:20px}
.component-enquiry .form-error-summary a{display:inline-flex;align-items:center;min-height:44px}
.component-enquiry [readonly]{cursor:wait;opacity:.7}
.component-enquiry form[data-state="failed"] .enquiry-feedback{border-left:3px solid #a3301a;background:#fff0eb;padding:12px 16px;color:#842815}
.component-enquiry form[data-state="success"] .enquiry-feedback{color:var(--deep)}
@media(max-width:650px){
 .component-footer .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .component-footer .footer-contact>a{margin-top:0}
}