/* Expatriate Zone – marketplace visual system */
:root { --zone-navy:#062765; --zone-blue:#0b459b; --zone-blue-2:#1559b7; --zone-gold:#d7a708; --zone-gold-dark:#af8500; --zone-ink:#17243b; --zone-muted:#697387; --zone-mist:#f4f6fb; --zone-paper:#fff; --zone-line:#e4e8f0; --zone-purple:#8b47d6; --zone-green:#1d9b72; --zone-shadow:0 12px 28px rgba(16,43,91,.10); --zone-radius:12px; --zone-font:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--zone-ink); background:#fff; font:16px/1.55 var(--zone-font); } a { color:inherit; } img { max-width:100%; height:auto; } .wrap { width:min(1180px, calc(100% - 40px)); margin:auto; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header { position:relative; z-index:20; background:#fff; box-shadow:0 1px 0 var(--zone-line); }.topline { display:none; }.brandbar { min-height:76px; width:min(1180px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; gap:22px; }.brand { display:flex; align-items:center; gap:9px; min-width:218px; color:var(--zone-blue); text-decoration:none; }.brand-mark { display:grid; place-items:center; width:38px; height:38px; border:3px solid var(--zone-gold); border-radius:10px; color:var(--zone-blue); background:white; transform:rotate(45deg); }.brand-mark .dashicons { transform:rotate(-45deg); font-size:21px; width:21px; height:21px; }.brand-text { display:block; color:var(--zone-blue); font-size:21px; font-weight:800; line-height:1; letter-spacing:-.8px; }.brand-text span { display:block; margin-top:4px; color:#7d8796; font:600 8px/1 Arial,sans-serif; letter-spacing:.4px; text-transform:uppercase; }
.header-search { flex:1; display:grid; grid-template-columns:175px 1fr auto; align-items:stretch; min-height:46px; border:1px solid var(--zone-line); border-radius:8px; background:#fafbfe; overflow:hidden; }.header-search label { display:flex; align-items:center; gap:7px; padding:0 13px; color:#687387; font:12px Arial,sans-serif; }.header-search label:first-of-type { border-right:1px solid var(--zone-line); }.header-search .dashicons { color:#ef665e; }.header-search input,.header-search select { width:100%; border:0; outline:0; color:var(--zone-ink); background:transparent; font:600 13px var(--zone-font); }.header-search button { min-width:92px; border:0; color:#fff; background:var(--zone-gold); font:800 12px var(--zone-font); cursor:pointer; }.header-search button:hover { background:var(--zone-gold-dark); }.header-signin { padding:10px 15px; border-radius:6px; color:#fff; background:var(--zone-blue); font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; }.menu-toggle { display:none; }
.primary-nav { display:flex; gap:3px; padding:8px max(20px,calc((100% - 1180px)/2)); color:#fff; background:var(--zone-blue); }.primary-nav a { padding:7px 14px; border-radius:5px; color:#fff; text-decoration:none; font-size:12px; font-weight:800; }.primary-nav a:hover,.primary-nav .nav-cta { background:rgba(255,255,255,.15); }.primary-nav .nav-cta { margin-left:auto; }.site-main { min-height:60vh; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 18px; border:0; border-radius:6px; color:white; background:var(--zone-blue); box-shadow:0 4px 10px rgba(7,58,143,.16); font:800 13px var(--zone-font); text-decoration:none; cursor:pointer; }.button:hover { color:#fff; background:var(--zone-navy); }.button-gold { background:var(--zone-gold); }.button-gold:hover { background:var(--zone-gold-dark); }.button-secondary { border:1px solid #d5ddeb; color:var(--zone-blue); background:#fff; box-shadow:none; }.button-secondary:hover { color:#fff; background:var(--zone-blue); }.button-row { display:flex; flex-wrap:wrap; gap:10px; }.eyebrow { margin:0 0 9px; color:var(--zone-gold-dark); font:800 11px/1.3 Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; } h1,h2,h3,h4 { margin:0; color:var(--zone-ink); line-height:1.15; letter-spacing:-.65px; } h1 { font-size:clamp(34px,5vw,58px); } h2 { font-size:clamp(24px,3vw,34px); } h3 { font-size:18px; } p { margin:0 0 1rem; }.section { padding:54px 0; }.section-soft { background:var(--zone-mist); }.section-header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }.section-header > p { max-width:440px; margin:0; color:var(--zone-muted); font-size:14px; }.text-link { color:var(--zone-blue); font-size:13px; font-weight:800; text-decoration:none; }.text-link:hover { text-decoration:underline; }
.zone-hero { position:relative; min-height:420px; overflow:hidden; color:#fff; background:var(--zone-navy); }.zone-hero::before { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(4,30,81,.98) 0%,rgba(5,39,101,.92) 37%,rgba(5,39,101,.36) 65%,rgba(5,39,101,.10) 100%); }.zone-hero-picture { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center right; }.zone-hero-inner { position:relative; z-index:1; display:flex; align-items:center; min-height:420px; }.zone-hero-copy { width:min(510px,100%); padding:60px 0; }.zone-hero .eyebrow { color:#f2ca4e; }.zone-hero h1 { max-width:500px; color:#fff; }.zone-hero p:not(.eyebrow) { max-width:460px; margin:18px 0 24px; color:#e4ebff; font-size:16px; }.zone-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:20px 0; }.zone-trust > div { display:flex; align-items:center; gap:11px; color:#516077; font-size:12px; }.zone-trust .dashicons { color:var(--zone-gold); }
.zone-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.zone-service-card { min-height:145px; display:grid; place-items:center; align-content:center; gap:12px; padding:18px; border:1px solid #edf0f6; border-radius:10px; color:#20324f; background:#fafbfe; box-shadow:0 3px 10px rgba(18,43,88,.03); text-align:center; text-decoration:none; }.zone-service-card:hover { border-color:#cbd8ef; transform:translateY(-2px); }.zone-service-icon { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; color:var(--zone-blue); background:#eaf1ff; }.zone-service-icon .dashicons { width:31px; height:31px; font-size:31px; }.zone-service-card strong { font-size:13px; }
.zone-category-shell { padding:28px; border-radius:16px; background:var(--zone-mist); }.zone-category-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:10px; }.zone-category { min-height:117px; display:grid; align-content:center; justify-items:center; gap:10px; padding:10px 6px; border:1px solid #edf0f5; border-radius:8px; color:#243553; background:#fff; text-align:center; text-decoration:none; }.zone-category:hover { border-color:#c7d5ee; color:var(--zone-blue); }.zone-category .dashicons { width:32px; height:32px; color:var(--zone-blue); font-size:32px; }.zone-category span:last-child { font-size:10px; font-weight:800; line-height:1.25; }
.zone-provider-callout { display:grid; grid-template-columns:1.1fr 1.6fr; gap:30px; align-items:center; padding:33px; border-radius:14px; color:#fff; background:var(--zone-purple); }.zone-provider-callout h2,.zone-provider-callout p { color:#fff; }.zone-provider-callout .eyebrow { color:#eedbff; }.zone-provider-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.zone-mini-feature { min-height:132px; padding:17px; border:2px solid rgba(255,255,255,.55); border-radius:10px; color:var(--zone-ink); background:#fff; }.zone-mini-feature .dashicons { color:var(--zone-purple); }.zone-mini-feature strong { display:block; margin-top:10px; font-size:13px; }.zone-mini-feature span:last-child { display:block; margin-top:4px; color:var(--zone-muted); font-size:11px; }
.zone-discovery { display:grid; grid-template-columns:1fr 1.25fr; gap:18px; }.zone-panel { padding:22px; border:1px solid var(--zone-line); border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(23,48,91,.04); }.zone-panel h2 { margin-bottom:18px; font-size:21px; }.guide-mini-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }.guide-mini { min-height:114px; display:flex; flex-direction:column; justify-content:space-between; padding:14px; border-radius:8px; color:#fff; background:var(--zone-blue); text-decoration:none; }.guide-mini:nth-child(2n) { background:#305f9f; }.guide-mini span { color:#dce7ff; font:800 10px Arial,sans-serif; letter-spacing:.08em; }.guide-mini strong { font-size:13px; line-height:1.25; }.zone-empty { display:flex; gap:15px; align-items:flex-start; padding:18px; border:1px dashed #c8d3e6; border-radius:9px; color:var(--zone-muted); background:#fafcff; }.zone-empty .dashicons { color:var(--zone-gold); }.zone-banner { padding:28px 0; color:#fff; background:var(--zone-navy); }.zone-banner .wrap { display:flex; align-items:center; justify-content:space-between; gap:20px; }.zone-banner h2 { color:#fff; font-size:26px; }.zone-banner p { margin:4px 0 0; color:#dae5fc; font-size:13px; }
.page-hero,.archive-header { padding:46px 0 34px; background:#f6f8fc; border-bottom:1px solid var(--zone-line); }.page-hero h1,.archive-header h1 { max-width:760px; font-size:38px; }.archive-header p:last-child { max-width:670px; margin:12px 0 0; color:var(--zone-muted); }.breadcrumb { margin:0 0 13px; color:#778397; font:12px Arial,sans-serif; }.breadcrumb a { color:var(--zone-blue); text-decoration:none; }.entry { width:min(850px, calc(100% - 40px)); margin:auto; padding:52px 0; }.entry h2 { margin:32px 0 14px; }.entry p,.entry li { color:#4f5d72; }.notice-card,.account-panel { padding:23px; border:1px solid var(--zone-line); border-radius:10px; background:#fff; box-shadow:0 4px 15px rgba(23,48,91,.04); }.notice-card.success { border-color:#abdac8; background:#effaf5; }.exparts-form { padding:23px; border:1px solid var(--zone-line); border-radius:10px; background:#fff; box-shadow:var(--zone-shadow); }.exparts-form input:not([type=checkbox]):not([type=radio]),.exparts-form select,.exparts-form textarea { width:100%; margin-top:5px; padding:11px; border:1px solid #dce2ec; border-radius:6px; color:var(--zone-ink); background:#fff; }.exparts-form label { display:grid; margin:0 0 14px; color:#33415a; font-size:13px; font-weight:800; }.exparts-form fieldset { display:grid; gap:9px; margin:18px 0; padding:15px; border:1px solid var(--zone-line); border-radius:8px; }.exparts-form fieldset label { display:block; margin:0; font-weight:600; }.market-toolbar { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:0 0 20px; }.chip-row { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }.chip-row a { padding:8px 12px; border:1px solid #dde3ed; border-radius:6px; color:var(--zone-blue); background:#fff; font-size:12px; font-weight:800; text-decoration:none; }.chip-row a:hover { color:#fff; background:var(--zone-blue); }
.zone-legal { max-width:760px; }.zone-legal > p:first-of-type:not(.eyebrow) { max-width:690px; margin:0 0 28px; color:#324460; font-size:18px; line-height:1.65; }.zone-legal h2 { margin:36px 0 11px; padding-top:14px; border-top:1px solid var(--zone-line); color:var(--zone-navy); font-size:23px; }.zone-legal h2:first-of-type { border-top:0; }.zone-legal p { color:#4f5d72; }.zone-legal a { color:var(--zone-blue); font-weight:800; text-underline-offset:3px; }.zone-legal-date { display:inline-block; margin:0 0 17px!important; padding:5px 9px; border-radius:4px; color:#62708a!important; background:var(--zone-mist); font:700 11px Arial,sans-serif; }
.zone-directory { display:grid; grid-template-columns:220px minmax(0,1fr) 300px; gap:18px; align-items:start; }.zone-filter-panel,.zone-map-panel,.zone-result-card { border:1px solid var(--zone-line); border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(23,48,91,.04); }.zone-filter-panel { padding:16px; }.zone-filter-panel h2 { margin-bottom:14px; font-size:18px; }.zone-filter-panel label { display:block; margin:13px 0 5px; color:#394861; font-size:11px; font-weight:800; }.zone-filter-panel input,.zone-filter-panel select { width:100%; padding:10px; border:1px solid #dce2ec; border-radius:6px; background:#fff; font:12px var(--zone-font); }.zone-filter-panel .button { width:100%; margin-top:14px; }.zone-filter-block { margin:18px 0 0; padding-top:16px; border-top:1px solid var(--zone-line); }.zone-filter-block strong { display:block; margin-bottom:7px; font-size:12px; }.zone-filter-block span { display:block; margin:8px 0; color:#718096; font:11px Arial,sans-serif; }.zone-results-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; padding:16px; border-radius:9px; background:var(--zone-mist); }.zone-results-head h1 { font-size:22px; }.zone-results-head p { margin:5px 0 0; color:var(--zone-muted); font-size:12px; }.zone-result-card { display:flex; gap:15px; margin-bottom:12px; padding:15px; }.zone-result-logo { display:grid; flex:0 0 82px; place-items:center; width:82px; height:82px; border-radius:8px; color:var(--zone-blue); background:#edf3ff; }.zone-result-logo .dashicons { width:38px; height:38px; font-size:38px; }.zone-result-card h3 { margin:1px 0 5px; }.zone-result-card h3 a { text-decoration:none; }.zone-result-card p { margin:0; color:#69768a; font-size:12px; }.zone-result-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:8px; color:#55647a; font:11px Arial,sans-serif; }.zone-result-meta .dashicons { width:14px; height:14px; color:var(--zone-gold-dark); font-size:14px; }.zone-map-panel { position:sticky; top:16px; min-height:400px; overflow:hidden; }.zone-map-title { padding:15px; border-bottom:1px solid var(--zone-line); font-size:14px; font-weight:800; }.zone-map-empty { min-height:340px; display:grid; place-content:center; justify-items:center; gap:10px; padding:24px; color:#748095; background:#f8faff; text-align:center; }.zone-map-empty .dashicons { width:48px; height:48px; color:#afc6ee; font-size:48px; }.zone-map-empty p { max-width:190px; margin:0; font-size:12px; }.zone-directory-empty { padding:25px; border:1px dashed #c9d4e6; border-radius:10px; background:#fafcff; }.zone-directory-empty h3 { margin-bottom:7px; }.zone-directory-empty p { margin:0; color:var(--zone-muted); font-size:13px; }
.zone-profile-hero { position:relative; min-height:230px; overflow:hidden; background:var(--zone-navy); }.zone-profile-hero img { width:100%; height:230px; object-fit:cover; opacity:.54; }.zone-profile-hero .wrap { position:absolute; inset:0; display:flex; align-items:end; padding-bottom:26px; }.zone-profile-hero h1 { color:#fff; font-size:36px; }.zone-profile-hero .eyebrow { color:#f1cc51; }.zone-profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:22px; align-items:start; padding:28px 0 52px; }.zone-profile-card { margin-top:-71px; position:relative; z-index:2; }.zone-profile-card h2 { margin-bottom:7px; }.zone-status { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:4px; color:#157352; background:#e5f6ef; font:800 10px Arial,sans-serif; }.zone-status.pending { color:#8e6900; background:#fff7d8; }.zone-status .dashicons { width:14px; height:14px; font-size:14px; }.zone-contact-list { margin:17px 0 0; padding:0; list-style:none; }.zone-contact-list li { display:flex; gap:8px; margin:9px 0; color:#657186; font-size:13px; }.zone-contact-list .dashicons { color:var(--zone-blue); }.zone-profile-tabs { display:flex; gap:17px; margin:0 0 25px; padding:0 0 12px; border-bottom:1px solid var(--zone-line); list-style:none; }.zone-profile-tabs a { color:var(--zone-blue); font-size:12px; font-weight:800; text-decoration:none; }.zone-profile-section { margin-bottom:20px; }.zone-profile-section h2 { margin-bottom:10px; font-size:23px; }.zone-profile-side { display:grid; gap:14px; }.zone-profile-side .notice-card { font-size:13px; }.zone-profile-side h3 { margin-bottom:8px; }.zone-profile-side p { margin:0; color:var(--zone-muted); font-size:12px; }
.zone-account { display:grid; grid-template-columns:230px minmax(0,1fr); gap:20px; }.zone-account-nav { padding:20px; border-radius:10px; color:#fff; background:var(--zone-navy); }.zone-account-nav h2 { color:#fff; font-size:22px; }.zone-account-nav p { color:#c5d5f4; font-size:12px; }.zone-account-nav a { display:block; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.16); color:#fff; font-size:12px; font-weight:800; text-decoration:none; }.zone-account-nav a:last-child { border-bottom:0; }.zone-account-main { min-width:0; }.zone-account-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }.zone-account-stat { padding:17px; border:1px solid var(--zone-line); border-radius:9px; background:#fff; }.zone-account-stat span { display:block; color:var(--zone-muted); font-size:11px; }.zone-account-stat strong { display:block; margin-top:5px; color:var(--zone-blue); font-size:25px; }.account-list { margin:0; padding:0; list-style:none; }.account-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid var(--zone-line); }.account-list a { color:var(--zone-blue); font-size:13px; font-weight:800; text-decoration:none; }.account-list span { color:#6e7b90; font-size:11px; }.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.zone-member-portal .account-panel { margin-bottom:16px; }.zone-member-portal .account-panel h2 { margin-bottom:15px; font-size:23px; }.zone-portal-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }.zone-portal-actions a { min-height:156px; display:flex; flex-direction:column; gap:9px; padding:17px; border:1px solid #dce6f7; border-radius:9px; color:var(--zone-ink); background:linear-gradient(150deg,#fff,#f6f9ff); text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }.zone-portal-actions a:hover { border-color:#9eb9e8; box-shadow:0 10px 20px rgba(11,69,155,.12); transform:translateY(-2px); }.zone-portal-actions .dashicons { width:30px; height:30px; color:var(--zone-blue); font-size:30px; }.zone-portal-actions strong { color:var(--zone-blue); font-size:14px; }.zone-portal-actions small { color:var(--zone-muted); font:12px/1.4 Arial,sans-serif; }.zone-kyc-intro { display:flex; gap:16px; align-items:flex-start; margin:0 0 15px; padding:22px; border-radius:11px; color:#fff; background:linear-gradient(120deg,var(--zone-navy),var(--zone-blue)); }.zone-kyc-intro h2,.zone-kyc-intro p { color:#fff; }.zone-kyc-intro .eyebrow { color:#f4d66f; }.zone-kyc-intro .dashicons { width:39px; height:39px; color:#f4d66f; font-size:39px; }.zone-kyc-intro p:last-child { margin:0; color:#dae6fc; font-size:13px; }.zone-kyc-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 14px; }.zone-kyc-consent { display:flex!important; align-items:flex-start; gap:8px; font-weight:600!important; }
.pricing-grid,.exparts-card-grid,.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.exparts-card,.guide-card,.pricing-grid article { padding:19px; border:1px solid var(--zone-line); border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(23,48,91,.04); }.exparts-card h3,.guide-card h3 { margin-bottom:8px; }.exparts-card h3 a,.guide-card { color:var(--zone-ink); text-decoration:none; }.exparts-card p:not(.eyebrow),.guide-card p { color:var(--zone-muted); font-size:13px; }.guide-card:hover,.exparts-card:hover { border-color:#c7d5ee; }.guide-number { display:block; margin-bottom:24px; color:var(--zone-gold-dark); font-size:12px; font-weight:800; }.featured-plan { color:#fff; background:var(--zone-blue)!important; }.featured-plan h2,.featured-plan p { color:#fff; }.featured-plan .eyebrow { color:#f1cf58; }
.site-footer { color:#cfdbf2; background:var(--zone-navy); }.footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:30px; padding:48px 0 26px; }.footer-grid h3 { color:#fff; font-size:16px; }.footer-grid ul { margin:0; padding:0; list-style:none; }.footer-grid li { margin:8px 0; }.footer-grid a { color:#cfdbf2; font-size:12px; text-decoration:none; }.footer-note { padding:16px 0; border-top:1px solid rgba(255,255,255,.15); color:#99add2; font-size:11px; }
.zone-cookie-consent { position:fixed; z-index:9999; right:22px; bottom:22px; width:min(510px,calc(100% - 32px)); display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; padding:17px; border:1px solid rgba(215,167,8,.62); border-radius:12px; color:#e7efff; background:linear-gradient(120deg,#062765,#0b459b); box-shadow:0 19px 48px rgba(1,20,60,.34); animation:zone-cookie-in .32s ease-out; }.zone-cookie-consent.is-accepted { opacity:0; transform:translateY(12px); transition:opacity .2s ease,transform .2s ease; }.zone-cookie-mark { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; color:#f2cd58; background:rgba(255,255,255,.12); }.zone-cookie-mark .dashicons { width:23px; height:23px; font-size:23px; }.zone-cookie-consent h2 { margin:0 0 3px; color:#fff; font-size:16px; }.zone-cookie-consent p { margin:0; color:#d3e0f8; font:12px/1.45 Arial,sans-serif; }.zone-cookie-consent p a { color:#ffe284; font-weight:700; }.zone-cookie-consent .button { min-height:38px; white-space:nowrap; }.zone-cookie-consent .button-gold { color:#17243b; }.zone-cookie-consent .button-gold:hover { color:#fff; }@keyframes zone-cookie-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:980px) { .brandbar { flex-wrap:wrap; padding:12px 0; }.header-search { order:3; flex-basis:100%; }.zone-category-grid { grid-template-columns:repeat(4,1fr); }.zone-directory { grid-template-columns:220px minmax(0,1fr); }.zone-map-panel { grid-column:1 / -1; position:static; min-height:180px; }.zone-map-empty { min-height:140px; }.zone-provider-callout { grid-template-columns:1fr; }.zone-profile-layout { grid-template-columns:1fr; }.zone-profile-card { margin-top:-60px; }.zone-profile-side { grid-template-columns:repeat(2,1fr); }.zone-account { grid-template-columns:1fr; }.zone-account-nav { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }.zone-account-nav h2,.zone-account-nav p { grid-column:1/-1; } }
@media (max-width:720px) { .wrap,.brandbar { width:min(100% - 28px,1180px); }.header-search { grid-template-columns:1fr auto; }.header-search label:first-of-type { display:none; }.header-search label { padding:0 10px; }.header-signin { margin-left:auto; }.menu-toggle { display:block; margin-left:auto; padding:8px 10px; border:1px solid #dbe2ee; border-radius:5px; color:var(--zone-blue); background:#fff; font:800 12px var(--zone-font); }.primary-nav { display:none; position:absolute; right:0; left:0; padding:10px 20px; flex-direction:column; }.primary-nav.is-open { display:flex; }.primary-nav .nav-cta { margin-left:0; }.zone-hero,.zone-hero-inner { min-height:410px; }.zone-hero::before { background:linear-gradient(90deg,rgba(4,30,81,.96),rgba(4,30,81,.68)); }.zone-hero-picture { object-position:65% center; }.zone-hero-copy { padding:46px 0; }.zone-trust,.zone-service-grid,.pricing-grid,.exparts-card-grid,.guide-grid,.zone-account-summary,.zone-portal-actions,.zone-kyc-grid { grid-template-columns:repeat(2,1fr); }.zone-category-grid { grid-template-columns:repeat(3,1fr); }.zone-category-shell { padding:17px; }.zone-discovery { grid-template-columns:1fr; }.zone-provider-callout { grid-template-columns:1fr; }.zone-directory { grid-template-columns:1fr; }.zone-filter-panel { order:2; }.zone-results { order:1; }.zone-map-panel { order:3; }.zone-result-card { align-items:flex-start; }.zone-profile-side { grid-template-columns:1fr; }.account-grid,.footer-grid { grid-template-columns:1fr; }.section-header,.market-toolbar,.zone-banner .wrap { align-items:flex-start; flex-direction:column; }.zone-cookie-consent { right:14px; bottom:14px; grid-template-columns:auto 1fr; gap:11px; }.zone-cookie-consent .button { grid-column:2; justify-self:start; } }
@media (max-width:430px) { .brand { min-width:0; }.brand-text { font-size:18px; }.header-signin { padding:9px 10px; }.header-search button { min-width:72px; }.zone-trust,.zone-service-grid,.pricing-grid,.exparts-card-grid,.guide-grid,.zone-account-summary,.zone-portal-actions,.zone-kyc-grid { grid-template-columns:1fr; }.zone-category-grid { grid-template-columns:repeat(2,1fr); }.zone-result-card { flex-direction:column; }.zone-profile-hero h1 { font-size:29px; }.zone-profile-tabs { overflow:auto; } }