.mz-page{--mz-ink:#10243a;--mz-muted:#506780;--mz-blue:#1555fc;--mz-line:#bfcee0;background:#f1f5fa;color:var(--mz-ink);font-family:Open Sans,sans-serif}.mz-page *,.mz-dialog *{box-sizing:border-box}.mz-page h2,.mz-dialog h2{font-family:Gilroy,sans-serif;font-weight:600;letter-spacing:-.03em;font-size:clamp(34px,4.2vw,60px);line-height:1.06;margin:0 0 28px;text-wrap:balance}.mz-page h2 span{display:block;color:var(--mz-blue)}.mz-page h3,.mz-dialog h3{font-family:Gilroy,sans-serif;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.mz-page p{font-size:17px;line-height:1.8;max-width:66ch;color:var(--mz-muted);margin:0 0 24px}.mz-page figure{margin:0;min-width:0}.mz-page figure>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:20px}.mz-wrap{width:calc(100% - clamp(40px,9vw,144px));max-width:1400px;margin-inline:auto}.mz-section{padding:100px 0;scroll-margin-top:90px}.mz-dark{--mz-ink:#fff;--mz-muted:#c4d5e6;--mz-blue:#a8caff;--mz-line:#3f586e;background:#061424;color:var(--mz-ink)}.mz-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.mz-intro h2,.mz-intro p{margin:0}.mz-split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.mz-features{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:24px}.mz-features li{display:flex;gap:20px}.mz-features p{font-size:15px;margin:0}.mz-features h3{font-size:21px;margin-bottom:5px}[data-mz-icon]{display:inline-flex;flex-shrink:0;color:var(--mz-blue,#a8caff)}[data-mz-icon] svg{width:28px;height:28px;display:block}.mz-features [data-mz-icon]{padding-top:1px}.mz-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:15px 26px;border:0;border-radius:100px;background:#1555fc;color:#fff;font:600 14px/1.4 Open Sans,sans-serif;cursor:pointer;text-decoration:none}.mz-button [data-mz-icon]{color:inherit}.mz-button svg{width:22px;height:22px}.mz-button:hover{background:#0b40d3}.mz-button:disabled{opacity:.6;cursor:wait}.mz-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;border:0;padding:0;background:none;color:var(--mz-blue);font:600 15px Open Sans,sans-serif;text-decoration:none;cursor:pointer}.mz-link:hover{text-decoration:underline;text-underline-offset:5px}.mz-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.mz-section-heading p{margin-bottom:20px}.mz-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin:50px 0 100px}.mz-apps>div{border-top:1px solid var(--mz-line);padding-top:26px}.mz-apps [data-mz-icon]{margin-bottom:24px}.mz-apps p{font-size:16px;margin:0}.mz-controls{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.mz-wireless{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:center}.mz-wireless-offer{border-left:1px solid var(--mz-line);padding-left:20%}.mz-wireless-offer svg{width:58px;height:58px}.mz-wireless-offer h3{margin-top:24px}.mz-wireless-offer>strong{display:block;font:600 64px/1 Gilroy,sans-serif;letter-spacing:-.03em;margin-bottom:20px}.mz-wireless-offer p{font-size:14px;max-width:28ch;margin:0}.mz-steps{padding:0;margin:48px 0 0;list-style:none;counter-reset:install;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}.mz-steps li{counter-increment:install;border-top:1px solid var(--mz-line);padding-top:25px}.mz-steps li:before{content:counter(install,decimal-leading-zero);display:block;color:#a8caff;font-size:13px;margin-bottom:18px}.mz-steps p{font-size:16px;margin:0}.mz-page .mz-small,.mz-dialog .mz-small{font-size:13px;line-height:1.7}.mz-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.mz-faq h2{font-size:clamp(32px,3.3vw,48px)}.mz-faq details{border-top:1px solid var(--mz-line);padding:22px 0}.mz-faq details:last-child{border-bottom:1px solid var(--mz-line)}.mz-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-weight:600;font-size:17px}.mz-faq summary::-webkit-details-marker{display:none}.mz-faq summary svg{width:22px;height:22px}.mz-faq details[open] summary svg{transform:rotate(45deg)}.mz-faq details p{font-size:15px;margin:20px 0 0}.mz-final{text-align:center}.mz-final>p{margin:0 auto 28px}.mz-final>.mz-small{margin-top:25px}.mz-final a{color:inherit;text-underline-offset:4px}.version-two #main .mz-opening .p30-h-scroll{height:var(--h-height)}.version-two #main .mz-opening .p30-h-stage{position:relative;top:auto}.version-two #main .mz-opening .p30-h-content{grid-template-rows:auto 1fr auto}.version-two #main .mz-opening .p30-h-car{margin-top:20px;font-size:14px}.version-two #main .mz-opening .p30-h-buy{width:min(100%,560px)}.version-two #main .mz-opening .p30-h-product small{display:block;color:#c4d5e6;font-size:11px;margin-top:5px}.version-two #main .mz-opening .p30-h-image-note{font-size:10px}.version-two #main .mz-opening .p30-h-scroll-cue{font-size:12px}.version-two dialog#co-mazda-request{--mz-blue:#a8caff;width:min(680px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:40px;border:1px solid #49677f;border-radius:24px;background:#10283b;color:#fff;overflow:auto;font:15px/1.65 Open Sans,sans-serif;box-shadow:0 25px 80px #0006;scrollbar-color:#6e8ca3 #10283b}.mz-dialog::backdrop{background:#030d19b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mz-dialog h2{font-size:38px;margin:0 32px 16px 0}.mz-dialog>p{color:#c4d5e6;margin:0 0 28px}.mz-close{position:absolute;right:14px;top:14px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#fff;cursor:pointer}.mz-options{border:0;margin:0 0 28px;padding:0}.mz-options legend{font-weight:600;margin-bottom:12px}.mz-options label{display:flex;align-items:center;gap:12px;padding:16px 14px;border:1px solid #567089;border-radius:12px;margin:10px 0;cursor:pointer}.mz-options label:has(input:checked){border-color:#a8caff;background:#1b3d5b}.mz-options input{accent-color:#1555fc;width:18px;height:18px;flex-shrink:0}.mz-options span{flex:1}.mz-options strong,.mz-options small{display:block}.mz-options small{color:#c4d5e6;font-size:12px}.mz-options b{font-variant-numeric:tabular-nums;font-size:20px}.mz-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mz-form-grid label,.mz-note{display:block;font-size:13px;font-weight:600}.mz-form-grid input,.mz-note textarea{display:block;width:100%;margin-top:7px;background:#0b2135;color:#fff;border:1px solid #567089;border-radius:10px;padding:12px;font:16px/1.4 Open Sans,sans-serif;min-height:48px;caret-color:#a8caff}.mz-note{margin-top:18px}.mz-note textarea{resize:vertical}.mz-note textarea::placeholder{color:#a9bfd3}.mz-total{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #567089;margin-top:25px;padding-top:22px;font-size:14px}.mz-total strong{font:600 34px/1 Gilroy,sans-serif;font-variant-numeric:tabular-nums}.mz-dialog .mz-small{color:#c4d5e6}.mz-dialog form>.mz-button,.mz-dialog [data-mz-fields]>.mz-button{width:100%}.mz-dialog [data-mz-edit]{display:flex;margin-top:15px}.mz-dialog [data-mz-preview] p{color:#c4d5e6}.mz-page :is(a,button,summary):focus-visible,.mz-dialog :is(button,a,input,textarea):focus-visible{outline:3px solid #6fa6ff;outline-offset:4px}.mz-page ::selection,.mz-dialog ::selection{background:#a8caff;color:#061424}@media(min-width:651px){.mz-form-grid label:first-child{grid-column:1/-1}}@media(max-width:900px){.mz-section{padding:72px 0}.mz-intro,.mz-section-heading{gap:6%}.mz-split{gap:5%}.mz-wireless{gap:7%}.mz-controls{gap:5%}}@media(max-width:650px){.mz-section{padding:64px 0}.mz-page h2{font-size:36px;margin-bottom:22px}.mz-page p{font-size:16px}.mz-intro,.mz-split,.mz-section-heading,.mz-controls,.mz-wireless,.mz-faq{grid-template-columns:1fr;gap:30px}.mz-intro{gap:20px}.mz-apps{grid-template-columns:1fr;gap:28px;margin:20px 0 60px}.mz-apps>div{display:grid;grid-template-columns:32px 1fr;gap:0 18px;padding-top:24px}.mz-apps [data-mz-icon]{grid-row:1/3;margin:0}.mz-apps p{grid-column:2}.mz-apps h3{font-size:22px}.mz-wireless-offer{border-left:0;border-top:1px solid var(--mz-line);padding:28px 0 0}.mz-wireless-offer>strong{font-size:52px}.mz-wireless-offer p{max-width:none}.mz-steps{grid-template-columns:1fr;gap:28px;margin-top:25px}.mz-steps li{padding-top:20px}.mz-steps h3{font-size:23px}.mz-steps li:before{margin-bottom:10px}.mz-page figure>img{border-radius:16px}.mz-faq summary{font-size:16px}.mz-faq h2{margin-bottom:0}.version-two dialog#co-mazda-request{padding:28px 20px}.mz-dialog h2{font-size:30px}.mz-form-grid{grid-template-columns:1fr}.mz-dialog .mz-button{font-size:13px}.mz-options label{padding:14px 10px}.mz-options small{font-size:11px}.mz-options b{font-size:18px}.version-two #main .mz-opening .p30-h-content{grid-template-rows:auto 1fr auto;padding-bottom:40px}.version-two #main .mz-opening .p30-h-car{font-size:12px;margin-top:18px}.version-two #main .mz-opening .p30-h-buy{grid-row:3;grid-template-columns:1fr auto;gap:12px}.version-two #main .mz-opening .p30-h-buy .mz-button{min-height:48px;font-size:11px;padding:11px 14px;gap:10px}.version-two #main .mz-opening .p30-h-image-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.version-two #main .mz-opening .p30-h-copy h1,.version-two #main .mz-opening .p30-h-buy{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-mazda.css.map */