/* Shared presentation layer. Form endpoints, field attributes and commerce scripts stay unchanged. */
html#etc-ds#etc-ds#etc-ds{--epg-paper:#fff;--epg-soft:#f2f7f3;--epg-line:#d9e5dd;--epg-ink:#193b2c;--epg-muted:#5e7468}
html#etc-ds#etc-ds#etc-ds[data-etc-theme=dark]{--epg-paper:#172c22;--epg-soft:#213c2c;--epg-line:#395542;--epg-ink:#e6eee3;--epg-muted:#b7cabb}
html#etc-ds#etc-ds#etc-ds .etc-pay-wrap{width:calc(100% - 64px)!important;max-width:1280px!important;margin:40px auto 48px!important;padding:0!important}
html#etc-ds#etc-ds#etc-ds .etc-pay{display:grid!important;grid-template-columns:.95fr 1.05fr;gap:0;max-width:none!important;width:100%!important;padding:0!important;border:1px solid var(--epg-line)!important;border-radius:24px!important;background:var(--epg-paper)!important;overflow:hidden;box-shadow:0 18px 48px #163b2110!important}
.etc-pay__intro{padding:40px;background:radial-gradient(ellipse at 0 0,#e8edd7,transparent 65%),var(--epg-soft)}.etc-pay__checkout{padding:40px;background:var(--epg-paper)}
html#etc-ds#etc-ds#etc-ds .etc-pay__head{margin:0 0 26px!important;padding:0!important;background:none!important;box-shadow:none!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__title{font-size:40px!important;line-height:1.1!important;letter-spacing:-1.2px!important;color:var(--epg-ink)!important;margin:16px 0!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__lead{font-size:15px!important;line-height:1.65!important;color:var(--epg-muted)!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__steps{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:24px 0!important;padding:0!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__steps li{min-height:54px;padding:12px 15px!important;border:1px solid var(--epg-line);border-radius:12px;background:var(--epg-paper)!important;font-size:13px!important;line-height:19px!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__notes{margin:26px 0 0!important;padding:22px 0 0!important;font-size:12px!important;line-height:1.65!important;gap:14px!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__chips{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__chip{min-height:44px!important;width:100%;border-radius:11px!important;background:var(--epg-soft);font-size:14px!important;padding:9px!important;box-shadow:inset 0 1px #ffffff80,0 2px 5px #163b2108}
html#etc-ds#etc-ds#etc-ds .etc-pay__chip.is-active{background:#1c6645!important;color:#fff!important;border-color:#1c6645!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__field input{min-height:60px!important;font-size:20px!important;border-radius:12px!important;padding:16px!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__summary{padding:20px!important;border-radius:13px!important;background:var(--epg-soft)!important}
html#etc-ds#etc-ds#etc-ds .etc-pay__submit{min-height:56px!important;border-radius:13px!important;background:radial-gradient(ellipse at 100% 0,#477a55,transparent 60%),linear-gradient(125deg,#173f30,#286442)!important;border:1px solid #37654c!important;box-shadow:inset 0 1px #d8e6b566,inset 0 -3px #0b271c66,0 6px 12px #123b2120!important;font-size:16px!important}
/* Account, editorial and learning surfaces use the same spacing and controls. */
html#etc-ds#etc-ds#etc-ds .etc-acc__wrap{max-width:1200px!important;width:100%!important;padding:0!important}
html#etc-ds#etc-ds#etc-ds .etc-acc__hero,html#etc-ds#etc-ds#etc-ds .etc-acc__panel{border-radius:20px!important;border:1px solid var(--epg-line)!important;background:var(--epg-paper)!important;box-shadow:0 8px 25px #163b2108!important}
html#etc-ds#etc-ds#etc-ds .etc-acc__certificate{background:radial-gradient(ellipse at 100% 0,#f1edd0,transparent 70%),var(--epg-soft)!important;border-color:#d0d8b9!important;box-shadow:inset 0 1px #ffffffaa,0 5px 12px #163b210b!important}
html#etc-ds#etc-ds#etc-ds .etc-acc a[href*="certificate_verify"]:not(.etc-acc__card),html#etc-ds#etc-ds#etc-ds .etcmk-cert a.etcmk-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 18px;border:1px solid #446b4e;border-radius:12px;background:linear-gradient(125deg,#194833,#326044);color:#fff!important;text-decoration:none!important;box-shadow:inset 0 1px #ffffff44,0 3px 8px #1439211a}
html#etc-ds#etc-ds#etc-ds .etc-articles{padding-top:32px!important;padding-bottom:40px!important}
html#etc-ds#etc-ds#etc-ds .etc-articles__search{padding:18px!important;border:1px solid var(--epg-line);border-radius:16px;background:var(--epg-paper);gap:12px}
html#etc-ds#etc-ds#etc-ds .etc-article-card,html#etc-ds#etc-ds#etc-ds .etc-learn__card{border-radius:18px!important;box-shadow:0 6px 20px #163b2109!important}
html#etc-ds#etc-ds#etc-ds .page:not(.etc-acc){padding-top:28px!important}
html#etc-ds#etc-ds#etc-ds .page>h1{font-size:36px!important;line-height:1.2!important;margin-bottom:26px!important;color:var(--epg-ink)!important}
/* Existing contact form inputs, honeypots and submit button are preserved. */
html#etc-ds#etc-ds#etc-ds #contact_us{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;padding:32px;border:1px solid var(--epg-line);border-radius:22px;background:var(--epg-paper);box-shadow:0 12px 35px #163b210b}
.etc-contact-details{grid-column:1;grid-row:1/span 8;border-right:1px solid var(--epg-line);padding-right:32px;line-height:1.7;overflow-wrap:anywhere}
html#etc-ds#etc-ds#etc-ds .etc-contact-details p{font-size:14px!important;line-height:1.7!important;margin-bottom:18px!important}
#contact_us>.form-group,#contact_us>div:not(.form-anti-bot):not(.form-anti-bot-2){grid-column:2}#contact_us>br{display:none}
html#etc-ds#etc-ds#etc-ds #contact_us input.form-control,html#etc-ds#etc-ds#etc-ds #contact_us textarea{border:1px solid var(--epg-line)!important;border-radius:12px!important;background:var(--epg-soft)!important;min-height:48px!important;font-size:15px!important}
html#etc-ds#etc-ds#etc-ds #contact_us textarea{height:170px;min-height:130px!important;resize:vertical}
html#etc-ds#etc-ds#etc-ds #contact_us button[type=submit]{min-height:48px;border:1px solid #386447;border-radius:12px;padding:12px 24px;background:linear-gradient(125deg,#193f30,#326448);color:#fff;box-shadow:inset 0 1px #ffffff55,0 4px 10px #163b2115}
/* Standalone order page; scoped to its actual form. */
html#etc-ds#etc-ds#etc-ds #firmware-order-form{border-radius:20px!important;border:1px solid var(--epg-line)!important;background:var(--epg-paper)!important;padding:32px!important;box-shadow:0 12px 35px #163b210c!important}
html#etc-ds#etc-ds#etc-ds #firmware-order-form input:not([type=checkbox]):not([type=hidden]),html#etc-ds#etc-ds#etc-ds #firmware-order-form select{min-height:46px;border-radius:11px!important}
/* Certificate check screen only; issued certificate and print sheet untouched. */
@media screen{.etcert-page:has(.etcert-card) .etcert-shell{max-width:1100px;width:calc(100% - 40px);margin:32px auto}.etcert-page:has(.etcert-card) .etcert-top{margin-bottom:40px}.etcert-page:has(.etcert-card) .etcert-h1{font-size:36px;line-height:1.15;margin-bottom:16px;color:#173d2d}.etcert-page:has(.etcert-card) .etcert-card{padding:32px;border:1px solid #d5e2d9;border-radius:22px;background:linear-gradient(135deg,#fff,#f2f7f1);box-shadow:0 15px 38px #183e2110}.etcert-page:has(.etcert-card) .etcert-input{min-height:56px;border-radius:12px}.etcert-page:has(.etcert-card) .etcert-btn{min-height:56px;border-radius:12px;padding:14px 28px;background:linear-gradient(125deg,#173f30,#326a45);box-shadow:inset 0 1px #ffffff55,0 4px 10px #1438211a}.etcert-page:has(.etcert-card) .etcert-sub{font-size:15px;line-height:1.7;max-width:820px}}
@media(max-width:991px){html#etc-ds#etc-ds#etc-ds .etc-pay-wrap{width:calc(100% - 32px)!important;margin:24px auto!important}html#etc-ds#etc-ds#etc-ds .etc-pay{grid-template-columns:1fr!important}.etc-pay__intro,.etc-pay__checkout{padding:24px}html#etc-ds#etc-ds#etc-ds .etc-pay__title{font-size:32px!important}html#etc-ds#etc-ds#etc-ds .etc-pay__notes{font-size:12px!important}html#etc-ds#etc-ds#etc-ds #contact_us{grid-template-columns:1fr;padding:22px;gap:16px}.etc-contact-details{grid-column:auto;grid-row:auto;border-right:0;border-bottom:1px solid var(--epg-line);padding:0 0 20px}#contact_us>.form-group,#contact_us>div:not(.form-anti-bot):not(.form-anti-bot-2){grid-column:1}}
@media(max-width:575px){.etc-pay__intro,.etc-pay__checkout{padding:20px}html#etc-ds#etc-ds#etc-ds .etc-pay__chips{grid-template-columns:repeat(3,1fr)!important}html#etc-ds#etc-ds#etc-ds .etc-pay__chip{font-size:13px!important}.etcert-page:has(.etcert-card) .etcert-card{padding:20px}.etcert-page:has(.etcert-card) .etcert-check-row{display:flex;flex-direction:column;align-items:stretch;gap:12px}.etcert-page:has(.etcert-card) .etcert-h1{font-size:28px}html#etc-ds#etc-ds#etc-ds #firmware-order-form{padding:20px!important}}

html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__chip{white-space:nowrap!important}
html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__chip.is-active{background:#1c6645!important;color:#fff!important;opacity:1!important}
html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__chip small{color:inherit!important}
html#etc-ds#etc-ds#etc-ds #contact_us .button button[type=submit]{background:linear-gradient(125deg,#193f30,#326448)!important;color:#fff!important;border-color:#386447!important;min-height:48px!important;border-radius:12px!important}
@media(max-width:991px){.etc-pay__intro{display:contents}html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__head{padding:24px 24px 0!important;margin:0!important}.etc-pay__steps{order:1}html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__steps{padding:0 24px!important;margin:20px 0 0!important}.etc-pay__checkout{order:2}.etc-pay__notes{order:3}html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__notes{padding:20px 24px!important;margin:0!important;background:var(--epg-soft)}}
@media(max-width:360px){html#etc-ds#etc-ds#etc-ds .etc-pay .etc-pay__chip{padding:8px 4px!important;font-size:12px!important}}
/* Mobile vehicle finder: full-width action and viewport-safe dropdown portal. */
@media(max-width:767px){
html#etc-ds#etc-ds#etc-ds #etcVsearchContainer{width:calc(100% - 32px)!important;max-width:none!important;padding:0!important;margin:24px auto!important}
html#etc-ds#etc-ds#etc-ds #etcVsearchContainer .etc-vsearch{width:100%!important;margin:0!important;padding:16px!important;border-radius:20px!important;box-sizing:border-box!important}
html#etc-ds#etc-ds#etc-ds .etc-vsearch__pills{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html#etc-ds#etc-ds#etc-ds .etc-vsearch__pills .etc-pill{min-width:0!important;min-height:60px!important;padding:10px 12px!important}
html#etc-ds#etc-ds#etc-ds .etc-pill__value{min-width:0;gap:6px}
html#etc-ds#etc-ds#etc-ds .etc-pill__value>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html#etc-ds#etc-ds#etc-ds #etcVsearchSubmit{grid-column:1 / -1!important;width:100%!important;min-height:50px!important;font-size:15px!important;margin:2px 0 0!important;justify-content:center!important;border-radius:12px!important}
html#etc-ds#etc-ds#etc-ds .etc-idsearch{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important;align-items:center!important}
html#etc-ds#etc-ds#etc-ds .etc-idsearch input{width:100%!important;min-width:0!important;height:46px!important;font-size:16px!important;box-sizing:border-box!important}
html#etc-ds#etc-ds#etc-ds .etc-idsearch button{grid-column:1 / -1!important;width:100%!important;min-height:46px!important;margin:0!important}
html#etc-ds#etc-ds#etc-ds .etc-idsearch__label{display:block;line-height:1.5;text-align:left;padding:6px 2px 0}
html#etc-ds#etc-ds#etc-ds .etc-pill__menu--portal{left:16px!important;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;box-sizing:border-box!important;border-radius:14px!important;max-height:320px!important;overflow-y:auto!important;overscroll-behavior:contain}
html#etc-ds#etc-ds#etc-ds .etc-pill__menu-search input{font-size:16px!important;min-height:44px!important;width:100%!important;box-sizing:border-box!important}
html#etc-ds#etc-ds#etc-ds .etc-pill__menu-item{min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left}
}
@media(max-width:767px){html#etc-ds#etc-ds#etc-ds body:has(#etcVsearchContainer) .etc-social-dock{display:none!important}html#etc-ds#etc-ds#etc-ds .etc-idsearch input::placeholder{font-size:14px!important}}
@media(max-width:360px){html#etc-ds#etc-ds#etc-ds .etc-vsearch__pills .etc-pill{padding:10px!important}html#etc-ds#etc-ds#etc-ds .etc-pill__value{font-size:13px!important}}