/* Zumi Native Contact v1.1.31 */ #zumi-native-contact{ --znc-orange:#E85E2A; --znc-orange-hover:#E85E2A; --znc-ink:#24211F; --znc-text:#3E3935; --znc-muted:#706963; --znc-line:#E6E0DB; --znc-cream:#F7F4F0; --znc-green:#59C45A; --znc-instagram-purple:#833AB4; --znc-instagram-pink:#C13584; --znc-instagram-magenta:#E1306C; --znc-instagram-orange:#F77737; background:#fff; color:var(--znc-text); font-family:"Roboto", Arial, Helvetica, sans-serif; } #zumi-native-contact *,#zumi-native-contact *::before,#zumi-native-contact *::after{box-sizing:border-box} #zumi-native-contact svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #zumi-native-contact .znc-shell{width:100%;max-width:2200px;margin:0 auto;padding:15px 0} #zumi-native-contact .znc-page{width:100%;display:grid;gap:clamp(12px,1.05vw,20px);margin:0;padding:0} #zumi-native-contact .znc-hero,#zumi-native-contact .znc-section,#zumi-native-contact .znc-cta{margin-left:15px;margin-right:15px} #zumi-native-contact h1,#zumi-native-contact h2,#zumi-native-contact h3,#zumi-native-contact p{margin-top:0} #zumi-native-contact h1,#zumi-native-contact h2,#zumi-native-contact h3{color:var(--znc-ink);font-family:"Roboto", Arial, Helvetica, sans-serif} #zumi-native-contact a{text-decoration:none} #zumi-native-contact .znc-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--znc-orange);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase} #zumi-native-contact .znc-eyebrow::before{content:"";display:block;flex:0 0 24px;width:24px;height:2px;border-radius:999px;background:currentColor} #zumi-native-contact .znc-eyebrow--light{color:#F1C7A4} /* Compact contact hero: intentionally simpler than the Insurance hero. */ #zumi-native-contact .znc-hero{position:relative;isolation:isolate;display:block;min-height:clamp(300px,24vw,390px);padding:clamp(30px,3.6vw,52px);border:1px solid rgba(255,255,255,.14);border-radius:4px;background:linear-gradient(90deg,rgba(12,8,7,.96) 0%,rgba(12,8,7,.88) 28%,rgba(12,8,7,.62) 45%,rgba(12,8,7,.24) 61%,rgba(12,8,7,.05) 78%,rgba(12,8,7,.01) 100%),linear-gradient(180deg,rgba(0,0,0,.00) 0%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.20) 100%),url("https://zumirentals.com/wp-content/uploads/2026/09/zumi-contact-hero-zebras-sunset.webp") 58% 62% / cover no-repeat;box-shadow:0 22px 60px rgba(28,17,12,.11),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden} #zumi-native-contact .znc-hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 14%,rgba(232,94,42,.16),transparent 24%),linear-gradient(112deg,transparent 0 70%,rgba(232,94,42,.09) 70.08% 70.24%,transparent 70.34%),linear-gradient(112deg,transparent 0 80%,rgba(226,164,40,.06) 80.06% 80.16%,transparent 80.26%)} #zumi-native-contact .znc-hero::after{content:none} #zumi-native-contact .znc-hero>*{position:relative;z-index:1} #zumi-native-contact .znc-hero__copy{max-width:820px} #zumi-native-contact .znc-hero .znc-eyebrow{color:#F1C7A4;text-shadow:0 2px 12px rgba(0,0,0,.55)} #zumi-native-contact .znc-hero h1{position:relative;max-width:780px;margin-bottom:15px;color:#fff;font-size:clamp(38px,4vw,62px);font-weight:700;line-height:.99;letter-spacing:-.05em;text-wrap:balance;text-shadow:0 2px 4px rgba(0,0,0,.62),0 10px 34px rgba(0,0,0,.58)} #zumi-native-contact .znc-hero h1::after{content:"";display:block;width:clamp(72px,7vw,126px);height:5px;margin-top:16px;border-radius:999px;background:linear-gradient(90deg,#E85E2A 0%,#E2A428 100%);box-shadow:0 0 22px rgba(232,94,42,.28)} #zumi-native-contact .znc-hero__copy>p{width:fit-content;max-width:760px;margin:0 0 16px;padding:9px 12px;border:1px solid rgba(255,255,255,.11);border-radius:4px;background:rgba(12,8,7,.42);color:#fff;font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:clamp(14px,1vw,17px);font-weight:500;line-height:1.6;text-shadow:0 2px 14px rgba(0,0,0,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)} #zumi-native-contact .znc-pill-row{display:flex;flex-wrap:wrap;gap:8px} #zumi-native-contact .znc-pill{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(10,8,7,.52);color:rgba(255,255,255,.94);font-size:10.8px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} #zumi-native-contact .znc-pill svg{color:#F1C7A4;font-size:14px} /* Rounded site sections */ #zumi-native-contact .znc-section{margin-top:0;padding:clamp(34px,4vw,56px);border:1px solid var(--znc-line);border-radius:4px;background:#fff} #zumi-native-contact .znc-channels{background:linear-gradient(180deg,#fff 0%,#FCFAF8 100%)} #zumi-native-contact .znc-details{padding:clamp(22px,2.4vw,34px);background:var(--znc-cream)} #zumi-native-contact .znc-details .znc-section-head--stack{margin-bottom:4px} #zumi-native-contact .znc-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:34px;align-items:end;margin-bottom:24px} #zumi-native-contact .znc-section-head--stack{grid-template-columns:1fr;margin-bottom:28px} #zumi-native-contact .znc-section-head h2{max-width:820px;margin:0;font-size:clamp(32px,3vw,58px);font-weight:700;line-height:1.02;letter-spacing:-.045em;text-wrap:balance} #zumi-native-contact .znc-section-head>p{margin:0;color:var(--znc-muted);font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:14px;line-height:1.62} /* v1.1.15: keep the location heading above the map at every viewport width. */ @media (min-width:1360px){ #zumi-native-contact .znc-details{display:block;padding:24px 30px 30px} #zumi-native-contact .znc-details .znc-section-head--stack{margin:0 0 14px;padding:2px 0 0} #zumi-native-contact .znc-details .znc-section-head h2{max-width:820px;font-size:clamp(34px,2.45vw,48px);line-height:1;letter-spacing:-.045em} #zumi-native-contact .znc-details .znc-eyebrow{margin-bottom:7px} #zumi-native-contact .znc-details-grid{width:100%;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:18px} } /* Primary channels: one visual system, with Instagram retaining its brand gradient. */ #zumi-native-contact .znc-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #zumi-native-contact .znc-channel-card{display:flex;flex-direction:column;min-height:300px;padding:23px;border:1px solid var(--znc-line);border-radius:4px;background:#fff;box-shadow:0 10px 28px rgba(35,28,23,.03)} #zumi-native-contact .znc-channel-card__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:17px;border:1px solid #F1E8E1;border-radius:50%;background:#FFF8F4;color:var(--znc-orange);font-size:21px} #zumi-native-contact .znc-channel-card__icon--whatsapp{background:#F8FBF7} #zumi-native-contact .znc-channel-card__icon--whatsapp img{width:24px;height:24px;object-fit:contain} #zumi-native-contact .znc-channel-card--instagram{border-color:var(--znc-line);background:#fff} #zumi-native-contact .znc-channel-card__icon--instagram{border:0;background:linear-gradient(135deg,var(--znc-instagram-purple) 0%,var(--znc-instagram-pink) 38%,var(--znc-instagram-magenta) 68%,var(--znc-instagram-orange) 100%);color:#fff;box-shadow:0 8px 20px rgba(193,53,132,.14)} #zumi-native-contact .znc-channel-card__label,#zumi-native-contact .znc-channel-card--instagram .znc-channel-card__label{margin-bottom:7px;color:var(--znc-orange);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase} #zumi-native-contact .znc-channel-card h3{margin:0 0 10px;font-size:clamp(17px,1.35vw,22px);font-weight:700;line-height:1.2;overflow-wrap:anywhere} #zumi-native-contact .znc-channel-card p{margin:0 0 22px;color:var(--znc-muted);font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:13px;line-height:1.6} /* Email + WhatsApp: mirrors the Insurance-page action structure and state changes. State changes are intentionally instant, with no movement or animation. */ #zumi-native-contact .znc-ins-btn{display:grid;grid-template-columns:22px minmax(0,auto);justify-content:start;gap:10px;align-items:center;width:max-content;max-width:100%;min-height:48px;margin-top:auto;padding:11px 15px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700;line-height:1;transform:none!important;transition:none!important;animation:none!important} #zumi-native-contact .znc-ins-btn,#zumi-native-contact .znc-ins-btn *{transition:none!important;animation:none!important} #zumi-native-contact .znc-ins-btn:hover,#zumi-native-contact .znc-ins-btn:focus-visible{transform:none!important;outline:none} #zumi-native-contact .znc-ins-btn__icon{display:grid;place-items:center;width:22px;height:22px;font-size:20px} #zumi-native-contact .znc-ins-btn__arrow{display:none!important} #zumi-native-contact .znc-ins-btn--primary{background:#E85E2A !important;color:#fff!important} #zumi-native-contact .znc-ins-btn--primary:hover,#zumi-native-contact .znc-ins-btn--primary:focus-visible{background:#E85E2A !important;color:#fff!important} #zumi-native-contact .znc-ins-btn--ghost{border-color:#D9D2CD;background:#F7F4F1;color:#292522!important} #zumi-native-contact .znc-ins-btn--ghost:hover,#zumi-native-contact .znc-ins-btn--ghost:focus-visible{border-color:#BEB4AD;background:#EEE8E3;color:#211D1A!important} #zumi-native-contact .znc-ins-btn--whatsapp{grid-template-columns:24px minmax(0,auto)} #zumi-native-contact .znc-ins-btn__whatsapp-icon{display:grid;place-items:center;width:24px;height:24px} #zumi-native-contact .znc-ins-btn__whatsapp-icon img{display:block;width:22px;height:22px;object-fit:contain} /* Instagram retains its own brand palette while using the same compact action sizing. */ #zumi-native-contact .znc-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;min-width:132px;min-height:48px;margin-top:auto;padding:11px 15px;border:1px solid transparent;border-radius:4px;font-size:12.5px;font-weight:700;line-height:1;text-align:center;transition:none!important;animation:none!important} #zumi-native-contact .znc-action,#zumi-native-contact .znc-action *{transition:none!important;animation:none!important} #zumi-native-contact .znc-action:hover,#zumi-native-contact .znc-action:focus-visible{transform:none!important;outline:none} #zumi-native-contact .znc-action__icon{display:grid;place-items:center;flex:0 0 auto;font-size:18px} #zumi-native-contact .znc-action--instagram{border-color:rgba(193,53,132,.18);background:linear-gradient(135deg,var(--znc-instagram-purple) 0%,var(--znc-instagram-pink) 38%,var(--znc-instagram-magenta) 68%,var(--znc-instagram-orange) 100%);color:#fff!important} #zumi-native-contact .znc-action--instagram:hover,#zumi-native-contact .znc-action--instagram:focus-visible{border-color:rgba(131,58,180,.34);background:linear-gradient(135deg,#742FA1 0%,#AE2F78 38%,#CB2A61 68%,#E7672F 100%);color:#fff!important} /* Details */ #zumi-native-contact .znc-details-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:20px;align-items:stretch} #zumi-native-contact .znc-map-card,#zumi-native-contact .znc-info-card,#zumi-native-contact .znc-note-card{border:1px solid var(--znc-line);border-radius:4px;background:#fff} #zumi-native-contact .znc-map-card{overflow:hidden;display:grid;grid-template-rows:minmax(340px,1fr) auto;min-height:570px} #zumi-native-contact .znc-map-card__frame{position:relative;min-height:340px;background:#EDE9E4;overflow:hidden} #zumi-native-contact .znc-map-card__frame iframe{display:block;width:100%;height:100%;min-height:340px;border:0;filter:saturate(.92) contrast(.98)} #zumi-native-contact .znc-map-card__body{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 24px;border-top:1px solid var(--znc-line)} #zumi-native-contact .znc-map-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#FFF0E8;color:var(--znc-orange);font-size:18px} #zumi-native-contact .znc-map-card__copy{min-width:0} #zumi-native-contact .znc-map-card__copy>span{display:block;margin-bottom:3px;color:#8A817A;font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase} #zumi-native-contact .znc-map-card__copy strong{display:block;color:var(--znc-ink);font-size:14px;line-height:1.45} #zumi-native-contact .znc-map-card__copy p{margin:5px 0 0;color:var(--znc-muted);font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:12.5px;line-height:1.5} #zumi-native-contact .znc-map-card__link{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(232,94,42,.26);border-radius:4px;background:#FFF8F4;color:var(--znc-orange)!important;font-size:11px;font-weight:700;white-space:nowrap;transition:none!important;animation:none!important} #zumi-native-contact .znc-map-card__link *{transition:none!important;animation:none!important} #zumi-native-contact .znc-map-card__link:hover,#zumi-native-contact .znc-map-card__link:focus-visible{border-color:var(--znc-orange);background:#FFF0E8;color:var(--znc-orange-hover)!important;transform:none!important;outline:none} #zumi-native-contact .znc-map-card__google-icon{display:block;width:18px;height:18px;flex:0 0 auto;background:var(--znc-orange);-webkit-mask:url("https://zumirentals.com/wp-content/uploads/2026/09/google-maps-icon-final.svg") center/contain no-repeat;mask:url("https://zumirentals.com/wp-content/uploads/2026/09/google-maps-icon-final.svg") center/contain no-repeat} #zumi-native-contact .znc-info-card{padding:13px 24px} #zumi-native-contact .znc-info-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid var(--znc-line)} #zumi-native-contact .znc-info-row:last-child{border-bottom:0} #zumi-native-contact .znc-info-row__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#FFF0E8;color:var(--znc-orange);font-size:18px} #zumi-native-contact .znc-info-row span+div span,#zumi-native-contact .znc-info-row div>span{display:block;margin-bottom:3px;color:#8A817A;font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase} #zumi-native-contact .znc-info-row strong{display:block;color:var(--znc-ink);font-size:13px;line-height:1.45} #zumi-native-contact .znc-side-stack{display:grid;gap:16px;align-content:start} #zumi-native-contact .znc-note-card{padding:26px 27px} #zumi-native-contact .znc-note-card h3{margin:0 0 7px;font-size:17px;font-weight:700;line-height:1.28} #zumi-native-contact .znc-note-card p{margin:0;color:var(--znc-muted);font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:12.5px;line-height:1.58} #zumi-native-contact .znc-note-card--tip,#zumi-native-contact .znc-note-card--booking,#zumi-native-contact .znc-note-card--emergency{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;overflow:hidden;border-left-width:5px;border-left-style:solid;box-shadow:0 12px 34px rgba(61,42,30,.06)} #zumi-native-contact .znc-note-card--booking{border-color:rgba(232,94,42,.26);border-left-color:var(--znc-orange);background:radial-gradient(circle at 96% 10%,rgba(232,94,42,.10),transparent 28%),linear-gradient(135deg,#FFF9F5 0%,#FFFFFF 62%,#FFF5EE 100%)} #zumi-native-contact .znc-note-card--tip h3,#zumi-native-contact .znc-note-card--booking h3,#zumi-native-contact .znc-note-card--emergency h3{color:#211A16} #zumi-native-contact .znc-note-card--tip p,#zumi-native-contact .znc-note-card--booking p,#zumi-native-contact .znc-note-card--emergency p{color:#5E5148} #zumi-native-contact .znc-note-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:4px;background:#fff;font-size:20px} #zumi-native-contact .znc-note-card__icon--booking{border:1px solid rgba(232,94,42,.24);color:var(--znc-orange);box-shadow:0 8px 24px rgba(102,52,22,.06)} #zumi-native-contact .znc-note-card__icon--booking img{display:block;width:22px;height:22px;object-fit:contain;filter:sepia(1) saturate(7) hue-rotate(338deg) brightness(.92)} #zumi-native-contact .znc-note-card--tip{border-color:rgba(232,94,42,.18);border-left-color:#DFA26E;background:linear-gradient(135deg,#FFFCF9 0%,#FFFFFF 70%,#FFF9F4 100%);box-shadow:0 10px 28px rgba(61,42,30,.045)} #zumi-native-contact .znc-note-card__icon--tip{border:1px solid rgba(232,94,42,.18);background:#FFF8F3;color:var(--znc-orange);box-shadow:0 6px 18px rgba(102,52,22,.045)} /* Emergency card: same structure as the booking card, with red warning treatment. */ #zumi-native-contact .znc-note-card--emergency{border-color:rgba(198,40,40,.34);border-left-color:#C62828;background:radial-gradient(circle at 96% 10%,rgba(198,40,40,.12),transparent 28%),linear-gradient(135deg,#FFF5F5 0%,#FFFCFC 62%,#FFF0F0 100%);box-shadow:0 12px 34px rgba(92,27,27,.07)} #zumi-native-contact .znc-note-card--emergency .znc-note-card__icon{border:1px solid rgba(198,40,40,.24);color:#C62828;box-shadow:0 8px 24px rgba(92,27,27,.08)} #zumi-native-contact .znc-note-card--emergency a{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border:1px solid rgba(198,40,40,.22);border-radius:4px;background:rgba(255,255,255,.78);color:#C62828!important;font-size:12px;font-weight:800;transition:none!important;animation:none!important} #zumi-native-contact .znc-note-card--emergency a *{transition:none!important;animation:none!important} #zumi-native-contact .znc-note-card--emergency a:hover,#zumi-native-contact .znc-note-card--emergency a:focus-visible{border-color:#C62828;background:#C62828;color:#fff!important;transform:none!important;outline:none} #zumi-native-contact .znc-note-card--emergency a svg{font-size:14px} /* Bottom booking CTA, matching the dark Insurance-page panel rhythm. */ #zumi-native-contact .znc-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;margin-top:0;padding:clamp(28px,3.2vw,44px);border:1px solid rgba(255,255,255,.14);border-radius:4px;background:linear-gradient(90deg,rgba(18,12,10,.94) 0%,rgba(18,12,10,.86) 34%,rgba(18,12,10,.70) 62%,rgba(18,12,10,.58) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18)),url("https://zumirentals.com/wp-content/uploads/2026/09/zumi-oryx-dunes.webp") 50% 54% / cover no-repeat;color:#fff;box-shadow:0 18px 45px rgba(26,17,12,.12)} #zumi-native-contact .znc-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 110%,rgba(232,94,42,.20),transparent 34%);pointer-events:none} #zumi-native-contact .znc-cta>*{position:relative;z-index:1} #zumi-native-contact .znc-cta h2{max-width:850px;margin:0 0 8px;color:#fff;font-size:clamp(28px,2.7vw,48px);font-weight:700;line-height:1.04;letter-spacing:-.04em;text-wrap:balance} #zumi-native-contact .znc-cta p{max-width:760px;margin:0;color:rgba(255,255,255,.72);font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:13px;line-height:1.6} #zumi-native-contact .znc-cta__actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(100%,240px)} #zumi-native-contact .znc-footer-btn{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:50px;padding:11px 16px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:700;text-align:center;transition:none!important;animation:none!important} #zumi-native-contact .znc-footer-btn *{transition:none!important;animation:none!important} #zumi-native-contact .znc-footer-btn:hover,#zumi-native-contact .znc-footer-btn:focus-visible{transform:none!important;outline:none} #zumi-native-contact .znc-footer-btn--primary{background:#E85E2A !important;color:#fff!important} #zumi-native-contact .znc-footer-btn--primary:hover,#zumi-native-contact .znc-footer-btn--primary:focus-visible{background:#E85E2A !important;color:#fff!important} #zumi-native-contact .znc-footer-btn--ghost{grid-template-columns:22px minmax(0,1fr);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff!important} #zumi-native-contact .znc-footer-btn--ghost:hover,#zumi-native-contact .znc-footer-btn--ghost:focus-visible{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.11);color:#fff!important} #zumi-native-contact .znc-footer-btn__mail{display:grid;place-items:center;font-size:20px} #zumi-native-contact .znc-footer-btn__arrow{display:grid;place-items:center;font-size:16px} #zumi-native-contact .znc-footer-btn__plan-icon{display:grid;place-items:center;width:20px;height:20px} #zumi-native-contact .znc-footer-btn__plan-icon img{display:block;width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)} #zumi-native-contact .znc-footer-btn__label{min-width:0;text-align:center} /* Native email form */ #zumi-native-contact .znc-form-section{background:linear-gradient(180deg,#fff 0%,#FBF8F5 100%)} #zumi-native-contact .znc-form-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,64px);align-items:start} #zumi-native-contact .znc-form-intro{position:sticky;top:24px;max-width:540px;padding-top:4px} #zumi-native-contact .znc-form-intro h2{margin:0 0 14px;font-size:clamp(32px,3vw,56px);font-weight:700;line-height:1.02;letter-spacing:-.045em;text-wrap:balance} #zumi-native-contact .znc-form-intro>p{margin:0 0 20px;color:var(--znc-muted);font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:14px;line-height:1.65} #zumi-native-contact .znc-form-copy-note{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:start;padding:14px 15px;border:1px solid #EFE3DA;border-radius:4px;background:#FFF9F5;color:#655B54;font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:12.5px;line-height:1.55} #zumi-native-contact .znc-form-copy-note__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:#FFF0E8;color:var(--znc-orange);font-size:17px} #zumi-native-contact .znc-form-card{padding:clamp(20px,2.5vw,30px);border:1px solid var(--znc-line);border-radius:4px;background:#fff;box-shadow:0 12px 34px rgba(35,28,23,.035)} #zumi-native-contact .znc-contact-form{margin:0} #zumi-native-contact .znc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #zumi-native-contact .znc-field{min-width:0} #zumi-native-contact .znc-field--full{grid-column:1/-1} #zumi-native-contact .znc-field label{display:block;margin:0 0 7px;color:#39332F;font-size:11.5px;font-weight:700;line-height:1.35} #zumi-native-contact .znc-field label span{color:var(--znc-orange)} #zumi-native-contact .znc-field input,#zumi-native-contact .znc-field select,#zumi-native-contact .znc-field textarea{display:block;width:100%;max-width:none;margin:0;padding:11px 12px;border:1px solid #DCD5D0;border-radius:4px;background:#fff;color:#2C2825;font:500 13.5px/1.45 Arial,sans-serif;box-shadow:none;outline:none;transition:none!important;animation:none!important} #zumi-native-contact .znc-field input,#zumi-native-contact .znc-field select{height:46px} #zumi-native-contact .znc-field textarea{min-height:145px;resize:vertical} #zumi-native-contact .znc-field input:focus,#zumi-native-contact .znc-field select:focus,#zumi-native-contact .znc-field textarea:focus{border-color:var(--znc-orange);box-shadow:0 0 0 3px rgba(232,94,42,.10)} #zumi-native-contact .znc-field select{appearance:auto} #zumi-native-contact .znc-form-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:18px} #zumi-native-contact .znc-turnstile-wrap{min-height:65px;max-width:100%;overflow:hidden} #zumi-native-contact .znc-form-submit{display:inline-grid;grid-template-columns:21px auto;gap:9px;align-items:center;min-height:48px;padding:11px 16px;border:1px solid transparent;border-radius:4px;background:#E85E2A !important;color:#fff;font:700 13px/1 Poppins,Arial,sans-serif;cursor:pointer;box-shadow:none;transform:none!important;transition:none!important;animation:none!important} #zumi-native-contact .znc-form-submit *{transition:none!important;animation:none!important} #zumi-native-contact .znc-form-submit:hover,#zumi-native-contact .znc-form-submit:focus-visible{background:#E85E2A !important;color:#fff;transform:none!important;outline:none} #zumi-native-contact .znc-form-submit__icon{display:grid;place-items:center;font-size:19px} #zumi-native-contact .znc-form-submit.is-submitting,#zumi-native-contact .znc-form-submit:disabled{background:#E85E2A !important;cursor:wait;opacity:.92} #zumi-native-contact .znc-form-submit.is-submitting .znc-form-submit__icon svg{display:none} #zumi-native-contact .znc-form-submit.is-submitting .znc-form-submit__icon::before{content:"";display:block;width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:znc-contact-spin .7s linear infinite!important} @keyframes znc-contact-spin{to{transform:rotate(360deg)}} #zumi-native-contact .znc-form-footnote{margin:12px 0 0;color:#817870;font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:11.5px;line-height:1.5} #zumi-native-contact .znc-form-alert{margin:0 0 16px;padding:12px 14px;border:1px solid #E3DAD3;border-radius:4px;background:#F8F5F2;color:#3D3733;font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:12.5px;line-height:1.5} #zumi-native-contact .znc-form-alert--success{border-color:#B8DCC5;background:#F2FAF5;color:#215B36} #zumi-native-contact .znc-form-alert--copy-warning{border-color:#E9D19B;background:#FFF9E9;color:#745515} #zumi-native-contact .znc-form-alert--required,#zumi-native-contact .znc-form-alert--email,#zumi-native-contact .znc-form-alert--turnstile,#zumi-native-contact .znc-form-alert--mail,#zumi-native-contact .znc-form-alert--rate{border-color:#E4B5B5;background:#FFF5F5;color:#7D2929} #zumi-native-contact .znc-form-alert--config{margin:0} #zumi-native-contact .znc-form-alert--config a{color:var(--znc-orange)!important;font-weight:700;text-decoration:underline} #zumi-native-contact .znc-form-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important} /* Intermediate widths: stack section intros before translated headings get squeezed. */ @media (max-width:1100px){ #zumi-native-contact .znc-section-head{grid-template-columns:1fr;gap:10px;align-items:start} #zumi-native-contact .znc-section-head>p{max-width:760px} #zumi-native-contact .znc-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #zumi-native-contact .znc-channel-card:last-child{grid-column:1/-1;min-height:0} } @media (max-width:980px){ #zumi-native-contact .znc-form-layout{grid-template-columns:1fr;gap:22px} #zumi-native-contact .znc-form-intro{position:static;max-width:760px} #zumi-native-contact .znc-hero{min-height:285px;background:linear-gradient(90deg,rgba(12,8,7,.94) 0%,rgba(12,8,7,.82) 34%,rgba(12,8,7,.48) 54%,rgba(12,8,7,.16) 73%,rgba(12,8,7,.03) 100%),linear-gradient(180deg,rgba(0,0,0,.00) 0%,rgba(0,0,0,.16) 100%),url("https://zumirentals.com/wp-content/uploads/2026/09/zumi-contact-hero-zebras-sunset.webp") 58% 62% / cover no-repeat} #zumi-native-contact .znc-details-grid{grid-template-columns:1fr} #zumi-native-contact .znc-map-card{min-height:0} #zumi-native-contact .znc-cta{grid-template-columns:1fr} #zumi-native-contact .znc-cta__actions{justify-self:start} } @media (max-width:760px){ #zumi-native-contact .znc-form-layout{gap:16px} #zumi-native-contact .znc-form-intro h2{margin-bottom:9px;font-size:clamp(28px,8.4vw,38px)} #zumi-native-contact .znc-form-intro>p{margin-bottom:12px;font-size:13px;line-height:1.5} #zumi-native-contact .znc-form-copy-note{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:11px 12px;font-size:11.5px} #zumi-native-contact .znc-form-copy-note__icon{width:30px;height:30px;font-size:15px} #zumi-native-contact .znc-form-card{padding:14px;border-radius:4px} #zumi-native-contact .znc-form-grid{grid-template-columns:1fr;gap:11px} #zumi-native-contact .znc-field--full{grid-column:auto} #zumi-native-contact .znc-field input,#zumi-native-contact .znc-field select{height:43px} #zumi-native-contact .znc-field input,#zumi-native-contact .znc-field select,#zumi-native-contact .znc-field textarea{padding:10px 11px;font-size:13px} #zumi-native-contact .znc-field textarea{min-height:125px} #zumi-native-contact .znc-form-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px} #zumi-native-contact .znc-form-submit{width:max-content;min-height:44px;padding:9px 13px;font-size:11.5px} #zumi-native-contact .znc-form-footnote{font-size:10.5px} #zumi-native-contact .znc-shell{padding:8px 0} #zumi-native-contact .znc-page{width:100%;gap:18px;margin:0;padding:0} #zumi-native-contact .znc-hero,#zumi-native-contact .znc-section,#zumi-native-contact .znc-cta{margin-left:8px;margin-right:8px} #zumi-native-contact .znc-hero{min-height:250px;padding:22px 17px 18px;border-radius:4px;background:linear-gradient(90deg,rgba(12,8,7,.95) 0%,rgba(12,8,7,.84) 42%,rgba(12,8,7,.52) 62%,rgba(12,8,7,.17) 82%,rgba(12,8,7,.04) 100%),linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.18) 100%),url("https://zumirentals.com/wp-content/uploads/2026/09/zumi-contact-hero-zebras-sunset.webp") 60% 62% / cover no-repeat} #zumi-native-contact .znc-hero .znc-eyebrow{margin-bottom:7px} #zumi-native-contact .znc-hero h1{margin-bottom:10px;font-size:clamp(31px,8.8vw,42px);line-height:1} #zumi-native-contact .znc-hero h1::after{height:4px;margin-top:11px} #zumi-native-contact .znc-hero__copy>p{margin-bottom:11px;padding:8px 10px;border-radius:4px;font-size:13.5px;line-height:1.5} #zumi-native-contact .znc-pill-row{gap:6px} #zumi-native-contact .znc-pill{min-height:28px;padding:5px 9px;font-size:10px} #zumi-native-contact .znc-section{margin-top:0;padding:22px 16px;border-radius:4px} #zumi-native-contact .znc-section-head,#zumi-native-contact .znc-section-head--stack{gap:8px;margin-bottom:14px} #zumi-native-contact .znc-section-head h2{font-size:clamp(28px,8.4vw,38px);line-height:1.04} #zumi-native-contact .znc-section-head>p{font-size:13px;line-height:1.5} #zumi-native-contact .znc-eyebrow{margin-bottom:7px;font-size:10px} #zumi-native-contact .znc-channel-grid{grid-template-columns:1fr;gap:9px} #zumi-native-contact .znc-channel-card:last-child{grid-column:auto} #zumi-native-contact .znc-channel-card{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:11px;min-height:0;padding:14px;border-radius:4px;background:#fff;box-shadow:none} #zumi-native-contact .znc-channel-card__icon{grid-column:1;grid-row:1/span 3;width:38px;height:38px;margin:0;font-size:17px} #zumi-native-contact .znc-channel-card__icon--whatsapp img{width:20px;height:20px} #zumi-native-contact .znc-channel-card__label{grid-column:2;grid-row:1;margin:0 0 3px;font-size:9px} #zumi-native-contact .znc-channel-card h3{grid-column:2;grid-row:2;margin:0 0 5px;font-size:15px} #zumi-native-contact .znc-channel-card p{grid-column:2;grid-row:3;margin:0 0 11px;font-size:12px;line-height:1.48} #zumi-native-contact .znc-ins-btn,#zumi-native-contact .znc-action{grid-column:2;grid-row:4;width:max-content;max-width:100%;min-width:118px;min-height:40px;padding:8px 12px;font-size:11px;gap:7px} #zumi-native-contact .znc-ins-btn__whatsapp-icon{width:21px;height:21px} #zumi-native-contact .znc-ins-btn__whatsapp-icon img{width:20px;height:20px} #zumi-native-contact .znc-action__icon{font-size:20px} #zumi-native-contact .znc-details{padding:20px 18px} #zumi-native-contact .znc-details-grid,#zumi-native-contact .znc-side-stack{gap:12px} #zumi-native-contact .znc-map-card{grid-template-rows:250px auto;border-radius:4px} #zumi-native-contact .znc-map-card__frame,#zumi-native-contact .znc-map-card__frame iframe{min-height:250px;height:250px} #zumi-native-contact .znc-map-card__body{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:15px} #zumi-native-contact .znc-map-card__icon{width:34px;height:34px;font-size:16px} #zumi-native-contact .znc-map-card__link{grid-column:1/-1;justify-content:center;width:100%;min-height:40px;padding:8px 10px;font-size:10.5px} #zumi-native-contact .znc-map-card__google-icon{width:17px;height:17px} #zumi-native-contact .znc-info-card{padding:7px 16px} #zumi-native-contact .znc-info-row{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:12px 0} #zumi-native-contact .znc-info-row__icon{width:34px;height:34px;font-size:16px} #zumi-native-contact .znc-note-card{padding:18px} #zumi-native-contact .znc-note-card--booking,#zumi-native-contact .znc-note-card--emergency{grid-template-columns:36px minmax(0,1fr);gap:11px;border-left-width:3px} #zumi-native-contact .znc-note-card__icon--booking img{width:19px;height:19px} #zumi-native-contact .znc-note-card__icon{width:36px;height:36px;font-size:17px} #zumi-native-contact .znc-cta{grid-template-columns:1fr;gap:16px;margin-top:0;padding:22px 16px;border-radius:4px;background:linear-gradient(90deg,rgba(18,12,10,.94) 0%,rgba(18,12,10,.82) 52%,rgba(18,12,10,.64) 100%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.20)),url("https://zumirentals.com/wp-content/uploads/2026/09/zumi-oryx-dunes.webp") 58% 55% / cover no-repeat} #zumi-native-contact .znc-cta h2{font-size:clamp(26px,7.8vw,36px)} #zumi-native-contact .znc-cta__actions{grid-template-columns:1fr;gap:7px;width:min(100%,230px)} #zumi-native-contact .znc-footer-btn{min-height:44px;padding:9px 11px;font-size:11px;gap:7px} #zumi-native-contact .znc-footer-btn__plan-icon,#zumi-native-contact .znc-footer-btn__plan-icon img{width:18px;height:18px} } @media (max-width:440px){ #zumi-native-contact .znc-pill-row{display:grid;grid-template-columns:1fr;align-items:start} #zumi-native-contact .znc-pill{width:max-content;max-width:100%} #zumi-native-contact .znc-cta__actions{grid-template-columns:1fr} } /* Copy-email action */ #zumi-native-contact button.znc-ins-btn{font-family:"Roboto", Arial, Helvetica, sans-serif;cursor:pointer;box-shadow:none;appearance:none;-webkit-appearance:none} #zumi-native-contact .znc-copy-email-btn__icon img{display:block;width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)} @media (max-width:760px){ #zumi-native-contact .znc-copy-email-btn__icon img{width:18px;height:18px} } /* v1.1.4: tighter Useful Details rhythm + orange Google Maps glyph */ @media (max-width:760px){ #zumi-native-contact .znc-details .znc-section-head--stack{margin-bottom:6px} } /* v1.1.13 — Insurance-style guidance notes. Booking guidance and quick-answer tips intentionally use the same neutral, highly scannable information-note language as the Insurance page. */ #zumi-native-contact .znc-guidance-note{ position:relative; display:grid; grid-template-columns:23px minmax(0,1fr); gap:12px; align-items:center; margin:0; padding:17px 20px; border:1px solid #DDE1E4; border-radius:4px; background:#F5F7F8; color:#4F575D; box-shadow:none; cursor:default; } #zumi-native-contact .znc-guidance-note__icon{ display:grid; place-items:center; width:23px; height:23px; border:1px solid #B8C0C6; border-radius:50%; background:#FFFFFF; color:#68747C; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; font-style:normal; line-height:1; } #zumi-native-contact .znc-guidance-note__icon--booking{ overflow:hidden; } #zumi-native-contact .znc-guidance-note__icon--booking img{ display:block; width:14px; height:14px; object-fit:contain; filter:grayscale(1) brightness(.58); } #zumi-native-contact .znc-guidance-note__copy{ display:block; min-width:0; font-size:clamp(15px,.95vw,18px); line-height:1.65; } #zumi-native-contact .znc-guidance-note__copy strong{ display:inline; margin:0 .28em 0 0; color:#343B40; font:inherit; font-weight:700; } #zumi-native-contact .znc-guidance-note__copy span{ color:#4F575D; } /* Keep the emergency treatment visually separate and urgent. */ #zumi-native-contact .znc-note-card--emergency{ margin:0; } @media (max-width:620px){ #zumi-native-contact .znc-guidance-note{ grid-template-columns:20px minmax(0,1fr); gap:10px; padding:13px; border-radius:4px; } #zumi-native-contact .znc-guidance-note__icon{ width:20px; height:20px; font-size:11px; } #zumi-native-contact .znc-guidance-note__icon--booking img{ width:12px; height:12px; } #zumi-native-contact .znc-guidance-note__copy{ font-size:11.5px; line-height:1.55; } #zumi-native-contact .znc-guidance-note__copy strong{ display:block; margin:0 0 2px; font-size:12px; line-height:1.4; } } /* v1.1.14 — clearer guidance hierarchy. Booking-reference and quick-answer guidance use the Insurance-style blue info note. The existing-booking card mirrors the emergency-card structure but remains Zumi orange. */ #zumi-native-contact .znc-blue-note{ display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; align-items:center; padding:15px 18px; border:1px solid #C9D6E2; border-radius:4px; background:#F2F7FB; color:#4D5B67; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:13.5px; line-height:1.58; } #zumi-native-contact .znc-blue-note__icon{ display:grid; place-items:center; width:24px; height:24px; border:1px solid #9FB3C4; border-radius:50%; background:#FFFFFF; color:#3F6F97; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; line-height:1; } #zumi-native-contact .znc-blue-note__copy{min-width:0} #zumi-native-contact .znc-blue-note__copy strong{color:#315E83;font-family:"Roboto", Arial, Helvetica, sans-serif;font-weight:700} #zumi-native-contact .znc-blue-note--quick-tip .znc-blue-note__copy strong{display:block;margin:0 0 4px} #zumi-native-contact .znc-channels .znc-section-head{align-items:end} #zumi-native-contact .znc-channels .znc-blue-note{max-width:520px;justify-self:end} #zumi-native-contact .znc-form-intro .znc-blue-note--quick-tip{margin-top:14px} /* Existing booking = emergency-card construction, Zumi orange palette. */ #zumi-native-contact .znc-note-card--booking{ display:grid; grid-template-columns:44px minmax(0,1fr); gap:16px; align-items:start; margin:0; padding:22px; overflow:hidden; border:1px solid rgba(232,94,42,.30); border-left:5px solid var(--znc-orange); border-radius:4px; background:radial-gradient(circle at 96% 10%,rgba(232,94,42,.11),transparent 28%),linear-gradient(135deg,#FFF8F3 0%,#FFFCFA 62%,#FFF3EA 100%); box-shadow:0 12px 34px rgba(61,42,30,.06); } #zumi-native-contact .znc-note-card--booking .znc-note-card__icon{ display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(232,94,42,.24); border-radius:4px; background:rgba(255,255,255,.80); color:var(--znc-orange); box-shadow:0 8px 24px rgba(109,58,23,.07); } #zumi-native-contact .znc-note-card--booking .znc-note-card__icon img{ display:block; width:22px; height:22px; object-fit:contain; filter:sepia(1) saturate(5) hue-rotate(338deg) brightness(.98); } #zumi-native-contact .znc-note-card--booking h3, #zumi-native-contact .znc-note-card--emergency h3{ margin:0 0 6px; font-size:16px; line-height:1.3; } #zumi-native-contact .znc-note-card--booking p, #zumi-native-contact .znc-note-card--emergency p{ margin:0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:13px; line-height:1.55; } @media (max-width:1100px){ #zumi-native-contact .znc-channels .znc-blue-note{max-width:760px;justify-self:start} } @media (max-width:760px){ #zumi-native-contact .znc-blue-note{ grid-template-columns:21px minmax(0,1fr); gap:9px; padding:12px 13px; border-radius:4px; font-size:11.5px; line-height:1.5; } #zumi-native-contact .znc-blue-note__icon{width:21px;height:21px;font-size:11px} #zumi-native-contact .znc-form-intro .znc-blue-note--quick-tip{margin-top:10px} #zumi-native-contact .znc-note-card--booking{ grid-template-columns:36px minmax(0,1fr); gap:11px; padding:16px; border-left-width:3px; border-radius:4px; } #zumi-native-contact .znc-note-card--booking .znc-note-card__icon{width:36px;height:36px;border-radius:4px} #zumi-native-contact .znc-note-card--booking .znc-note-card__icon img{width:19px;height:19px} #zumi-native-contact .znc-note-card--booking h3, #zumi-native-contact .znc-note-card--emergency h3{font-size:14px} #zumi-native-contact .znc-note-card--booking p, #zumi-native-contact .znc-note-card--emergency p{font-size:11.5px;line-height:1.5} } /* ========================================================== v1.1.16 — HIGH-PRIORITY EMERGENCY NOTICE Mirrors the Insurance-page emergency banner and sits directly below the hero so urgent safety guidance is visible early. ========================================================== */ #zumi-native-contact .znc-emergency-banner { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: clamp(18px, 1.7vw, 30px); align-items: center; padding: clamp(24px, 2.1vw, 40px) clamp(24px, 3vw, 58px); overflow: hidden; border-color: rgba(198, 40, 40, .34); border-left: 5px solid #C62828; border-radius: 4px; background: radial-gradient(circle at 96% 10%, rgba(198, 40, 40, .12), transparent 28%), linear-gradient(135deg, #FFF5F5 0%, #FFFCFC 62%, #FFF0F0 100%); box-shadow: 0 12px 34px rgba(92, 27, 27, .07); } #zumi-native-contact .znc-emergency-banner__icon { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid rgba(198, 40, 40, .24); border-radius: 4px; background: #FFFFFF; box-shadow: 0 8px 24px rgba(92, 27, 27, .08); } #zumi-native-contact .znc-emergency-banner__icon img { width: 38px; height: 38px; object-fit: contain; filter: brightness(0) saturate(100%) invert(19%) sepia(96%) saturate(3341%) hue-rotate(350deg) brightness(86%) contrast(86%); } #zumi-native-contact .znc-emergency-banner__content { min-width: 0; } #zumi-native-contact .znc-emergency-banner__eyebrow { margin-bottom: 8px; color: #C62828; font-size: clamp(11px, .74vw, 14px); gap: 8px; } #zumi-native-contact .znc-emergency-banner h2 { max-width: 1050px; margin: 0; color: #211A16; font-size: clamp(24px, 2vw, 39px); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; overflow-wrap: normal; word-break: normal; hyphens: none; } #zumi-native-contact .znc-emergency-banner__content > p { max-width: 1420px; margin: 10px 0 0; color: #5E5148; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: clamp(13.5px, .9vw, 17px); line-height: 1.62; } #zumi-native-contact .znc-emergency-banner__reference { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin-top: 13px; padding: 8px 11px; border: 1px solid rgba(198, 40, 40, .20); border-radius: 4px; background: rgba(255,255,255,.76); color: #4D4139; font-size: 12.5px; font-weight: 650; line-height: 1.45; } #zumi-native-contact .znc-emergency-banner__reference-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #C62828; box-shadow: 0 0 0 4px rgba(198,40,40,.11); } #zumi-native-contact .znc-emergency-contact-link { color: #0B63CE; font-weight: 800; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 2px; transition: color 140ms ease, text-decoration-color 140ms ease; } #zumi-native-contact .znc-emergency-contact-link:hover, #zumi-native-contact .znc-emergency-contact-link:focus-visible { color: #084B9B; text-decoration-color: #084B9B; } #zumi-native-contact .znc-emergency-contact-link:focus-visible { outline: 2px solid rgba(11, 99, 206, .35); outline-offset: 3px; border-radius: 4px; } @media (max-width: 620px) { #zumi-native-contact .znc-emergency-banner { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding: 16px 14px 17px; border-left-width: 3px; } #zumi-native-contact .znc-emergency-banner__icon { width: 42px; height: 42px; border-radius: 4px; align-self: start; } #zumi-native-contact .znc-emergency-banner__icon img { width: 24px; height: 24px; } #zumi-native-contact .znc-emergency-banner__eyebrow { margin-bottom: 6px; font-size: 9.5px; letter-spacing: .10em; } #zumi-native-contact .znc-emergency-banner__eyebrow::before { width: 18px; flex-basis: 18px; } #zumi-native-contact .znc-emergency-banner h2 { font-size: 20px; line-height: 1.08; } #zumi-native-contact .znc-emergency-banner__content > p { margin-top: 8px; font-size: 12px; line-height: 1.52; } #zumi-native-contact .znc-emergency-banner__reference { align-items: flex-start; margin-top: 10px; padding: 7px 8px; font-size: 10.5px; line-height: 1.42; } #zumi-native-contact .znc-emergency-banner__reference-dot { margin-top: 4px; } } /* Exact Insurance-page eyebrow metrics inside the emergency notice. */ #zumi-native-contact .znc-emergency-banner__eyebrow { display: inline-flex; margin: 0 0 8px; line-height: 1; letter-spacing: .12em; } /* v1.1.17 — calmer, more compact location layout. The map no longer stretches across very wide screens, the office details stay compact, and the whole group gets balanced breathing room. */ @media (min-width:981px){ #zumi-native-contact .znc-details{ padding:30px clamp(34px,4vw,58px) 34px; } #zumi-native-contact .znc-details .znc-section-head--stack{ max-width:1206px; margin:0 auto 16px; padding:0; } #zumi-native-contact .znc-details-grid{ width:100%; max-width:1206px; margin:0 auto; grid-template-columns:minmax(0,820px) minmax(300px,360px); gap:26px; align-items:start; justify-content:center; } #zumi-native-contact .znc-map-card{ min-height:0; grid-template-rows:300px auto; } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:300px; height:300px; } #zumi-native-contact .znc-map-card__body{ padding:18px 20px; } #zumi-native-contact .znc-info-card{ width:100%; align-self:start; padding:8px 20px; } #zumi-native-contact .znc-info-row{ padding:16px 0; } } @media (min-width:761px) and (max-width:980px){ #zumi-native-contact .znc-details{ padding:28px 28px 30px; } #zumi-native-contact .znc-details .znc-section-head--stack, #zumi-native-contact .znc-details-grid{ max-width:900px; margin-left:auto; margin-right:auto; } #zumi-native-contact .znc-map-card{ grid-template-rows:290px auto; } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:290px; height:290px; } } /* v1.1.21 — compact booking CTA button + roomier location section. */ #zumi-native-contact .znc-cta__actions{ width:max-content; max-width:100%; justify-self:start; } #zumi-native-contact .znc-footer-btn{ display:inline-flex; align-items:center; justify-content:center; gap:0; width:max-content; max-width:100%; grid-template-columns:none; } #zumi-native-contact .znc-footer-btn__plan-icon{ flex:0 0 auto; margin:0; } #zumi-native-contact .znc-footer-btn__label{ flex:0 0 auto; min-width:0; text-align:left; white-space:nowrap; } @media (min-width:981px){ #zumi-native-contact .znc-details{ padding:38px clamp(44px,5vw,72px) 42px; } #zumi-native-contact .znc-details .znc-section-head--stack{ max-width:1120px; margin:0 auto 22px; } #zumi-native-contact .znc-details-grid{ max-width:1120px; gap:28px; } } @media (min-width:761px) and (max-width:980px){ #zumi-native-contact .znc-details{ padding:32px 34px 36px; } #zumi-native-contact .znc-details .znc-section-head--stack{ margin-bottom:18px; } #zumi-native-contact .znc-details-grid{ padding:0 6px; gap:18px; } } @media (max-width:760px){ #zumi-native-contact .znc-details{ padding:24px 22px 27px; } #zumi-native-contact .znc-details .znc-section-head--stack{ margin-bottom:16px; } #zumi-native-contact .znc-details-grid{ gap:16px; } #zumi-native-contact .znc-cta__actions{ width:max-content; max-width:100%; } #zumi-native-contact .znc-footer-btn{ width:max-content; max-width:100%; gap:0; } } @media (max-width:440px){ #zumi-native-contact .znc-details{ padding:22px 18px 24px; } } /* v1.1.22 — restore a small CTA icon/label gap and rebalance the location section on wide screens. */ #zumi-native-contact .znc-footer-btn{ gap:7px; } @media (min-width:981px){ /* Use more of a wide section without making the map itself oversized. */ #zumi-native-contact .znc-details{ padding:26px clamp(22px,2.4vw,38px) 30px; } #zumi-native-contact .znc-details .znc-section-head--stack{ width:100%; max-width:1320px; margin:0 auto 14px; } #zumi-native-contact .znc-details-grid{ width:100%; max-width:1320px; margin:0 auto; grid-template-columns:minmax(0,900px) minmax(300px,360px); gap:24px; justify-content:center; align-items:start; } #zumi-native-contact .znc-map-card{ grid-template-rows:290px auto; } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:290px; height:290px; } } @media (max-width:760px){ #zumi-native-contact .znc-footer-btn{ gap:6px; } } /* ============================================================ v1.1.24 — MATCH INSURANCE HERO SUPPORTING COPY Same Poppins typography and smoked-glass treatment used by the Insurance page, while leaving the Contact hero headline intact. ============================================================ */ #zumi-native-contact .znc-hero__copy > p{ position:relative; overflow:hidden; width:auto; max-width:820px; margin:16px 0 16px; padding:clamp(16px,1.2vw,21px) clamp(18px,1.5vw,26px); border:1px solid rgba(255,255,255,.15); border-radius:4px; background: radial-gradient(circle at 8% 0%,rgba(232,94,42,.15),transparent 34%), linear-gradient(135deg,rgba(18,13,11,.62) 0%,rgba(48,29,21,.46) 100%); color:rgba(255,255,255,.94); box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06); text-shadow:0 2px 14px rgba(0,0,0,.18); font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:clamp(16px,1.08vw,19px); font-weight:500; line-height:1.58; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } @media (max-width:700px){ #zumi-native-contact .znc-hero__copy > p{ margin:14px 0 11px; padding:14px 15px; border-color:rgba(255,255,255,.13); border-radius:4px; background: radial-gradient(circle at 10% 0%,rgba(232,94,42,.12),transparent 38%), linear-gradient(145deg,rgba(17,12,10,.60),rgba(45,27,20,.44)); color:rgba(255,255,255,.94); box-shadow:0 12px 27px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.045); text-shadow:none; font-size:clamp(12.8px,2.65vw,14px); font-weight:500; line-height:1.55; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); } } @media (max-width:420px){ #zumi-native-contact .znc-hero__copy > p{ font-size:12.8px; padding:13px 14px; } } /* ============================================================ v1.1.29 — WINDHOEK LOCAL SUPPORT PHOTO BACKGROUND Uses the Windhoek city/church image behind the local-support section while preserving the existing map and office cards. ============================================================ */ #zumi-native-contact .znc-details{ position:relative; isolation:isolate; overflow:hidden; border-color:rgba(255,255,255,.18); background: linear-gradient(180deg,rgba(17,13,11,.64) 0%,rgba(17,13,11,.53) 54%,rgba(17,13,11,.62) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") center 58% / cover no-repeat; box-shadow:0 18px 45px rgba(35,25,19,.10); } #zumi-native-contact .znc-details::before{ content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 42%,rgba(0,0,0,.05)); } #zumi-native-contact .znc-details .znc-section-head h2{ color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.36); } #zumi-native-contact .znc-details .znc-eyebrow{ color:#E85E2A; text-shadow:0 2px 12px rgba(0,0,0,.32); } #zumi-native-contact .znc-details .znc-map-card, #zumi-native-contact .znc-details .znc-info-card, #zumi-native-contact .znc-details .znc-note-card{ box-shadow:0 15px 36px rgba(0,0,0,.18); } @media (max-width:760px){ #zumi-native-contact .znc-details{ background: linear-gradient(180deg,rgba(17,13,11,.66) 0%,rgba(17,13,11,.57) 50%,rgba(17,13,11,.64) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") 58% 50% / cover no-repeat; } } /* ============================================================ v1.1.31 — CONTACT-PAGE FLOW + SUNSET LOCAL SUPPORT The local-support panel now uses the warmer Windhoek sunset image. The email-form section uses a warm sand bridge instead of a stark white block between the two photographic panels. ============================================================ */ #zumi-native-contact .znc-form-section{ position:relative; overflow:hidden; border-color:#E6D8CD; background: radial-gradient(circle at 9% 0%,rgba(232,94,42,.10),transparent 30%), radial-gradient(circle at 94% 100%,rgba(199,133,81,.09),transparent 34%), linear-gradient(180deg,#F4ECE5 0%,#FAF7F3 48%,#F1E7DE 100%); box-shadow:0 14px 34px rgba(59,42,31,.055),inset 0 1px 0 rgba(255,255,255,.78); } #zumi-native-contact .znc-form-section::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,rgba(232,94,42,.85),rgba(226,164,40,.45),rgba(232,94,42,0)); pointer-events:none; } #zumi-native-contact .znc-form-layout{ position:relative; z-index:1; } #zumi-native-contact .znc-form-card{ border-color:#E4D8CF; box-shadow:0 14px 34px rgba(45,32,24,.06); } #zumi-native-contact .znc-form-copy-note{ border-color:#E8D8CC; background:rgba(255,250,246,.86); } #zumi-native-contact .znc-details{ background: linear-gradient(180deg,rgba(23,13,8,.48) 0%,rgba(23,13,8,.42) 52%,rgba(20,11,7,.54) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") center 55% / cover no-repeat; } #zumi-native-contact .znc-details::before{ background: linear-gradient(90deg,rgba(0,0,0,.16),transparent 42%,rgba(0,0,0,.05)), linear-gradient(180deg,rgba(232,94,42,.06),transparent 34%); } @media (max-width:760px){ #zumi-native-contact .znc-form-section{ background: radial-gradient(circle at 12% 0%,rgba(232,94,42,.09),transparent 34%), linear-gradient(180deg,#F4ECE5 0%,#FAF7F3 50%,#F1E7DE 100%); } #zumi-native-contact .znc-details{ background: linear-gradient(180deg,rgba(23,13,8,.50) 0%,rgba(23,13,8,.44) 50%,rgba(20,11,7,.56) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") 58% 50% / cover no-repeat; } } /* ============================================================ v1.1.32 — SHORTER CONTACT COPY + AIRIER LOCATION HERO Keeps the office/map information easy to use while reducing the content footprint so more of the Windhoek sunset remains visible around the cards. ============================================================ */ #zumi-native-contact .znc-channel-card > p{ max-width:33ch; line-height:1.52; } @media (min-width:981px){ #zumi-native-contact .znc-details{ min-height:640px; padding:54px clamp(36px,4.5vw,72px) 68px; background: linear-gradient(180deg,rgba(23,13,8,.35) 0%,rgba(23,13,8,.30) 52%,rgba(20,11,7,.42) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") center 54% / cover no-repeat; } #zumi-native-contact .znc-details::before{ background: linear-gradient(90deg,rgba(0,0,0,.10),transparent 44%,rgba(0,0,0,.03)), linear-gradient(180deg,rgba(232,94,42,.04),transparent 34%); } #zumi-native-contact .znc-details .znc-section-head--stack{ max-width:1060px; margin:0 auto 28px; } #zumi-native-contact .znc-details-grid{ max-width:1060px; grid-template-columns:minmax(0,735px) minmax(250px,290px); gap:22px; } #zumi-native-contact .znc-map-card{ grid-template-rows:245px auto; background:rgba(255,255,255,.94); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:245px; height:245px; } #zumi-native-contact .znc-map-card__body{ padding:15px 17px; gap:13px; } #zumi-native-contact .znc-info-card{ padding:4px 17px; background:rgba(255,255,255,.94); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); } #zumi-native-contact .znc-info-row{ padding:13px 0; } } @media (min-width:761px) and (max-width:980px){ #zumi-native-contact .znc-details{ padding:42px 34px 52px; background: linear-gradient(180deg,rgba(23,13,8,.39) 0%,rgba(23,13,8,.34) 52%,rgba(20,11,7,.46) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") center 54% / cover no-repeat; } #zumi-native-contact .znc-details .znc-section-head--stack, #zumi-native-contact .znc-details-grid{ max-width:820px; } #zumi-native-contact .znc-details .znc-section-head--stack{ margin-bottom:24px; } #zumi-native-contact .znc-map-card{ grid-template-rows:245px auto; background:rgba(255,255,255,.94); } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:245px; height:245px; } #zumi-native-contact .znc-info-card{ background:rgba(255,255,255,.94); } } @media (max-width:760px){ #zumi-native-contact .znc-details{ padding:32px 18px 38px; background: linear-gradient(180deg,rgba(23,13,8,.42) 0%,rgba(23,13,8,.38) 50%,rgba(20,11,7,.48) 100%), url("https://zumirentals.com/wp-content/uploads/2026/09/windhoek-sunset-hero.webp") 60% 50% / cover no-repeat; } #zumi-native-contact .znc-details .znc-section-head--stack{ margin-bottom:20px; } #zumi-native-contact .znc-map-card, #zumi-native-contact .znc-info-card{ background:rgba(255,255,255,.95); } #zumi-native-contact .znc-map-card{ grid-template-rows:220px auto; } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:220px; height:220px; } } /* ================================================================ v1.1.33 — MOBILE CONTACT DESCRIPTION WIDTH Let the muted description copy use the full card width below the icon/title block instead of being constrained to column two. ================================================================ */ @media (max-width:760px){ #zumi-native-contact .znc-channel-card p{ grid-column:1 / -1; grid-row:3; width:100%; max-width:none; margin:7px 0 11px; } } /* ================================================================ v1.1.34 — NEUTRAL EMAIL ACTION + LINE-ART LOCATION PANEL The email contact method now uses a clean white/neutral treatment instead of the orange primary treatment. The Windhoek location section no longer uses a photograph; it uses a warm dark surface with the same orange concentric-line motif used by the Insurance hero, keeping the map and office information as the focal content. ================================================================ */ #zumi-native-contact .znc-channel-card--email .znc-channel-card__icon{ border-color:#E0D9D4; background:#FFFFFF; color:#2C2724; box-shadow:0 6px 16px rgba(38,29,24,.045); } #zumi-native-contact .znc-channel-card--email .znc-channel-card__label{ color:#716861; } #zumi-native-contact .znc-channel-card--email .znc-copy-email-btn{ border:1px solid #D9D2CD; background:#FFFFFF; color:#292522!important; box-shadow:0 6px 16px rgba(38,29,24,.045); } #zumi-native-contact .znc-channel-card--email .znc-copy-email-btn:hover, #zumi-native-contact .znc-channel-card--email .znc-copy-email-btn:focus-visible{ border-color:#BEB4AD; background:#F7F4F1; color:#211D1A!important; } #zumi-native-contact .znc-channel-card--email .znc-copy-email-btn__icon img{ filter:brightness(0) saturate(100%); opacity:.82; } #zumi-native-contact .znc-details{ position:relative; isolation:isolate; overflow:hidden; border-color:rgba(232,94,42,.16)!important; background: radial-gradient(circle at 8% 8%,rgba(232,94,42,.13),transparent 28%), linear-gradient(145deg,#171311 0%,#211814 58%,#181210 100%)!important; box-shadow:0 18px 46px rgba(35,25,19,.11),inset 0 1px 0 rgba(255,255,255,.035); } #zumi-native-contact .znc-details::before{ content:""; position:absolute; z-index:0; right:-135px; bottom:-285px; left:auto; top:auto; width:min(680px,48vw); height:auto; aspect-ratio:1; border:1px solid rgba(232,94,42,.26); border-radius:50%; background:transparent!important; box-shadow: 0 0 0 44px rgba(232,94,42,.070), 0 0 0 88px rgba(232,94,42,.040), 0 0 82px rgba(232,94,42,.08); pointer-events:none; } #zumi-native-contact .znc-details::after{ content:""; position:absolute; z-index:0; left:-14%; top:-48%; width:min(520px,38vw); aspect-ratio:1; border:1px solid rgba(226,164,40,.10); border-radius:50%; box-shadow:0 0 0 36px rgba(226,164,40,.025); pointer-events:none; } #zumi-native-contact .znc-details > *{ position:relative; z-index:1; } #zumi-native-contact .znc-details .znc-section-head h2{ color:#FFFFFF; text-shadow:none; } #zumi-native-contact .znc-details .znc-eyebrow{ color:#E85E2A; text-shadow:none; } #zumi-native-contact .znc-details .znc-map-card, #zumi-native-contact .znc-details .znc-info-card{ border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.96); box-shadow:0 18px 42px rgba(0,0,0,.20); } @media (min-width:981px){ #zumi-native-contact .znc-details{ background: radial-gradient(circle at 8% 8%,rgba(232,94,42,.13),transparent 28%), linear-gradient(145deg,#171311 0%,#211814 58%,#181210 100%)!important; } } @media (min-width:761px) and (max-width:980px){ #zumi-native-contact .znc-details{ background: radial-gradient(circle at 8% 8%,rgba(232,94,42,.12),transparent 30%), linear-gradient(145deg,#171311 0%,#211814 58%,#181210 100%)!important; } #zumi-native-contact .znc-details::before{ right:-190px; bottom:-260px; width:620px; } } @media (max-width:760px){ #zumi-native-contact .znc-details{ background: radial-gradient(circle at 10% 4%,rgba(232,94,42,.12),transparent 32%), linear-gradient(155deg,#171311 0%,#211814 60%,#181210 100%)!important; } #zumi-native-contact .znc-details::before{ right:-210px; bottom:-155px; width:470px; box-shadow: 0 0 0 30px rgba(232,94,42,.060), 0 0 0 60px rgba(232,94,42,.034), 0 0 60px rgba(232,94,42,.06); } #zumi-native-contact .znc-details::after{ display:none; } } /* ================================================================ v1.1.35 — MOBILE ACTION ALIGNMENT + EMAIL LABEL ACCENT Keep all contact action buttons aligned to the card's left edge on mobile, while restoring the Email eyebrow label to Zumi orange. ================================================================ */ #zumi-native-contact .znc-channel-card--email .znc-channel-card__label{ color:var(--znc-orange); } @media (max-width:760px){ #zumi-native-contact .znc-channel-card .znc-ins-btn, #zumi-native-contact .znc-channel-card .znc-action{ grid-column:1 / -1; justify-self:start; margin-left:0; } } /* ================================================================ v1.1.36 — COMPACT CONTACT CARDS Bring each action closer to its description on desktop/tablet. ================================================================ */ #zumi-native-contact .znc-channel-grid{ gap:10px; } #zumi-native-contact .znc-channel-card{ min-height:235px; padding:20px; } #zumi-native-contact .znc-channel-card__icon{ margin-bottom:12px; } #zumi-native-contact .znc-channel-card h3{ margin-bottom:7px; } #zumi-native-contact .znc-channel-card p{ margin-bottom:12px; line-height:1.5; } #zumi-native-contact .znc-channel-card .znc-ins-btn, #zumi-native-contact .znc-channel-card .znc-action{ margin-top:4px; } @media (max-width:760px){ #zumi-native-contact .znc-channel-card{ min-height:0; padding:14px; } #zumi-native-contact .znc-channel-card .znc-ins-btn, #zumi-native-contact .znc-channel-card .znc-action{ margin-top:0; } } /* ================================================================ v1.1.37 — SINGLE-LINE DESCRIPTIONS + NATURAL MAP Remove the legacy 33ch cap so short contact descriptions can use the full card width. The Google Maps iframe uses its normal light appearance again (base map styling only). ================================================================ */ @media (min-width:761px){ #zumi-native-contact .znc-channel-card > p{ width:100%; max-width:none; } } /* ================================================================ v1.1.40 — THREE CONTACT CARDS + WIDE LOCATION Restore Email, WhatsApp and Instagram as separate cards while retaining the larger Windhoek location treatment on wide screens. ================================================================ */ /* Give the location content substantially more presence on large screens. */ @media (min-width:1360px){ #zumi-native-contact .znc-details{ padding:30px clamp(34px,3vw,58px) 38px; } #zumi-native-contact .znc-details .znc-section-head--stack{ width:100%; max-width:1540px; margin:0 auto 20px; } #zumi-native-contact .znc-details .znc-section-head h2{ max-width:980px; font-size:clamp(44px,3.15vw,64px); } #zumi-native-contact .znc-details-grid{ width:100%; max-width:1540px; margin:0 auto; grid-template-columns:minmax(0,1fr) minmax(390px,430px); gap:28px; align-items:start; } #zumi-native-contact .znc-map-card{ grid-template-rows:360px auto; } #zumi-native-contact .znc-map-card__frame, #zumi-native-contact .znc-map-card__frame iframe{ min-height:360px; height:360px; } #zumi-native-contact .znc-map-card__body{ grid-template-columns:52px minmax(0,1fr) auto; gap:18px; padding:22px 24px; } #zumi-native-contact .znc-map-card__icon{ width:48px; height:48px; font-size:20px; } #zumi-native-contact .znc-map-card__copy>span, #zumi-native-contact .znc-info-row span+div span, #zumi-native-contact .znc-info-row div>span{ font-size:10.5px; } #zumi-native-contact .znc-map-card__copy strong{ font-size:16px; } #zumi-native-contact .znc-map-card__copy p{ font-size:13.5px; } #zumi-native-contact .znc-map-card__link{ padding:11px 15px; font-size:12px; } #zumi-native-contact .znc-info-card{ padding:14px 26px; border-radius:4px; } #zumi-native-contact .znc-info-row{ grid-template-columns:52px minmax(0,1fr); gap:18px; padding:23px 0; } #zumi-native-contact .znc-info-row__icon{ width:46px; height:46px; font-size:20px; } #zumi-native-contact .znc-info-row strong{ font-size:15px; line-height:1.45; } } @media (min-width:1800px){ #zumi-native-contact .znc-details .znc-section-head--stack, #zumi-native-contact .znc-details-grid{ max-width:1640px; } #zumi-native-contact .znc-details-grid{ grid-template-columns:minmax(0,1fr) 440px; gap:32px; } } /* ZUMI SOFT DESERT DESIGN SYSTEM — 2026-10-08 Consistent 4px soft corners on sections, buttons, media, images and icon tiles. SVG artwork, image pixels, sizing, layout, and interactive behaviour unchanged. Doubled ID specificity intentionally supersedes previous square-corner rules. */ #zumi-native-contact#zumi-native-contact { --znc-orange:#E85E2A;--znc-orange-hover:#E85E2A; --zumi-corner: 4px; } /* Keep native radio circles identifiable as radio inputs. */ #zumi-native-contact#zumi-native-contact input[type="radio"] { border-radius: 50% !important; } /* Preserve contrast: pale sand is used on photographic/dark hero kickers. */ #zumi-native-contact#zumi-native-contact .znc-hero .znc-eyebrow { color:#F1C7A4 !important; } #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:not(:disabled):not(.is-disabled) { background-color:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:hover:not(:disabled):not(.is-disabled), #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:focus-visible:not(:disabled):not(.is-disabled) { background-color:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } /* ZUMI BUTTON PALETTE — screenshot-matched orange #E85E2A (2026-10-08). Surface-only accents: preserves section colours, body copy, images and 4px corners. */ #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } #zumi-native-contact#zumi-native-contact .znc-form-submit { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } #zumi-native-contact#zumi-native-contact .znc-form-submit:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; } /* ZUMI: 4px on ordinary content surfaces; original banner artwork/radii preserved. */ #zumi-native-contact#zumi-native-contact .znc-blue-note, #zumi-native-contact#zumi-native-contact .znc-channel-card, #zumi-native-contact#zumi-native-contact .znc-form-alert, #zumi-native-contact#zumi-native-contact .znc-form-card, #zumi-native-contact#zumi-native-contact .znc-form-copy-note, #zumi-native-contact#zumi-native-contact .znc-guidance-note, #zumi-native-contact#zumi-native-contact .znc-info-card, #zumi-native-contact#zumi-native-contact .znc-map-card, #zumi-native-contact#zumi-native-contact .znc-note-card, #zumi-native-contact#zumi-native-contact .znc-note-card--booking, #zumi-native-contact#zumi-native-contact .znc-note-card--emergency {border-radius:4px!important;} /* Corner radius for real controls only, never banner layers or decorative pseudo-elements. */ #zumi-native-contact#zumi-native-contact :is(button, input:not([type="radio"]), textarea, select, a[class*="btn"], a[class*="button"], a[class*="action"]) {border-radius:4px!important;} /* Final solid orange surface contract — all orange action states use exact #E85E2A. */ #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary, #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:hover, #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:focus, #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:focus-visible, #zumi-native-contact#zumi-native-contact .znc-ins-btn--primary:active {background-color:#E85E2A!important; border-color:#E85E2A!important;} #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary, #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary:hover, #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary:focus, #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary:focus-visible, #zumi-native-contact#zumi-native-contact .znc-footer-btn--primary:active {background-color:#E85E2A!important; border-color:#E85E2A!important;} #zumi-native-contact#zumi-native-contact .znc-form-submit, #zumi-native-contact#zumi-native-contact .znc-form-submit:hover, #zumi-native-contact#zumi-native-contact .znc-form-submit:focus, #zumi-native-contact#zumi-native-contact .znc-form-submit:focus-visible, #zumi-native-contact#zumi-native-contact .znc-form-submit:active {background-color:#E85E2A!important; border-color:#E85E2A!important;} /* Zumi 2026-10-08: enforce 4px corners on every button-like control, including greyed-out, disabled and secondary span-based CTAs. Do not change pseudo-element artwork or the disabled state. */ #zumi-native-contact#zumi-native-contact :is( button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], [role="link"][aria-disabled="true"][class*="button"], [aria-disabled="true"][class*="btn"], [aria-disabled="true"][class*="button"], [aria-disabled="true"][class*="action"], a[class*="btn"]:not([class*="icon"]), a[class*="button"]:not([class*="icon"]), a[class*="action"]:not([class*="actions"]):not([class*="icon"]), .znc-action, .znc-copy-email-btn, .znc-footer-btn, .znc-ins-btn, .znc-form-submit ) { border-radius: 4px !important; } @font-face { font-family:"Zumi Poppins"; src:url("/cf-fonts/s/poppins/5.2.7/latin/700/normal.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; } /* ZUMI BANNER HEADING TYPE — POPPINS, October 2026. Scope: large banner/hero headings only. Body, controls and other headings stay Roboto. Existing sizes, layout, colour, weight and decoration are unchanged. */ #zumi-native-contact#zumi-native-contact .znc-hero h1 { font-family: "Zumi Poppins", "Poppins", Arial, sans-serif !important; letter-spacing: -.032em !important; } #zumi-native-contact#zumi-native-contact .znc-hero h1 span { font-family: "Zumi Poppins", "Poppins", Arial, sans-serif !important; }