.ec-admin-nav,.ec-admin-tools{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 28px;align-items:center}.ec-admin-nav a,.ec-admin-tools a{display:inline-block;border:1px solid #ccd5d5;padding:10px 14px;background:#fff;text-decoration:none;font-weight:700}.ec-admin-kicker{font-size:12px;letter-spacing:.12em;color:#087f83;font-weight:800}.ec-admin-filter{display:flex;gap:20px;flex-wrap:wrap;padding:20px;background:#eef4f3}.ec-admin-filter label{display:grid;gap:8px;flex:1;min-width:220px;font-weight:700}.ec-admin-filter input,.ec-admin-filter select{width:100%;padding:12px;border:1px solid #b8c8c7;background:white}.ec-admin-card{display:grid;grid-template-columns:1fr 240px;gap:28px;border:1px solid #d4d7d5;background:#fff;padding:24px;margin:16px 0}.ec-admin-card h2{font-size:22px;margin:12px 0}.ec-admin-card p{margin:6px 0;overflow-wrap:anywhere}.ec-admin-summary{min-width:0}.ec-admin-card-actions{display:flex;flex-direction:column;gap:10px;justify-content:center}.ec-admin-card-actions a{text-align:center}.ec-state{display:inline-block;font-size:13px;font-weight:800;padding:5px 10px;background:#e3efed;color:#175e60;margin:0 8px 5px 0}.ec-pending{background:#087f83;color:white}.ec-danger{color:#a9231b!important;border:1px solid #ba4038!important;background:white!important}.ec-admin-section{border:1px solid #d4d7d5;background:white;padding:24px;margin:24px 0}.ec-admin-pending{border:3px solid #087f83;padding:20px;margin:28px 0}.ec-admin-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ec-admin-images img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f4f4}.ec-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d4d7d5;border:1px solid #d4d7d5}.ec-admin-fields>div{padding:16px;background:white;min-width:0}.ec-admin-fields dt{color:#657073;font-size:13px}.ec-admin-fields dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:700}.ec-pre{white-space:pre-wrap;overflow-wrap:anywhere}.ec-admin-pending table{width:100%;table-layout:fixed}.ec-admin-pending td{overflow-wrap:anywhere}@media(max-width:650px){.ec-admin-card{grid-template-columns:1fr;padding:18px}.ec-admin-fields{grid-template-columns:1fr}.ec-admin-images{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-admin-section,.ec-admin-pending{padding:14px}.ec-admin-nav a{font-size:13px}.ec-admin-tools>*{max-width:100%}}

.ec-admin-card-actions>.primary,.ec-admin-tools>.primary{display:block;padding:14px 16px;background:#087f83;color:#fff;text-decoration:none;font-weight:800;border:0;line-height:1.5}.ec-admin-tools button{padding:10px 14px}
.ec-link-panel label{display:grid;gap:8px;font-weight:800;margin:18px 0}.ec-link-panel select{width:min(100%,560px);padding:12px;border:1px solid #bfc9c8;background:#fff;font:inherit}.ec-link-panel .primary{margin-top:4px}

/* Keep long external URLs inside public shop details at every viewport width. */
#profile,#profile .profilehead,#profile .profilehead>*,#profile .profileblock{min-width:0;max-width:100%}
#profile .sources,#profile .sources a,#profile .profileblock p,#profile .profileblock a{overflow-wrap:anywhere;word-break:normal}

/* Dedicated backgrounds use the installer guide's 18-second fade/zoom cycle. */
.hero .ecHeroMedia{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#edf2f0;pointer-events:none}
.hero .ecHeroMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;opacity:0;animation:ecHeroFade 18s infinite ease-in-out}
.hero .ecHeroMedia img:nth-child(1){animation-delay:0s}
.hero .ecHeroMedia img:nth-child(2){animation-delay:-12s}
.hero .ecHeroMedia img:nth-child(3){animation-delay:-6s}
.hero .ecHeroMedia::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f8f7 0%,rgba(247,248,247,.94) 26%,rgba(247,248,247,.5) 51%,rgba(247,248,247,0) 75%)}
.hero>div:not(.ecHeroMedia):not(.ecHeroControls){z-index:1;pointer-events:none}
.hero .ecHeroControls{position:absolute;right:12px;bottom:24px;z-index:2;display:flex}
.hero .ecHeroControls button{padding:6px 10px;font-size:12px;min-height:34px;background:#fffffff0;color:#08696c;border:1px solid #bdcecd}
.hero .ecHeroMedia.is-paused img{animation-play-state:paused}
@keyframes ecHeroFade{0%,28%{opacity:1;transform:scale(1)}35%,94%{opacity:0;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
@media(max-width:650px){.hero .ecHeroMedia img{object-position:68% center}.hero .ecHeroMedia::after{background:linear-gradient(90deg,rgba(247,248,247,.97),rgba(247,248,247,.82) 42%,rgba(247,248,247,.28))}.hero .ecHeroControls{bottom:20px;right:6px}}
@media(prefers-reduced-motion:reduce){.hero .ecHeroMedia img{animation:none;opacity:0;transform:none}.hero .ecHeroMedia img:first-child{opacity:1}}

/* Keep the car central when the illustrated first slide is cropped on phones. */
@media(max-width:650px){.hero .ecHeroMedia img:first-child{object-position:55% center}}

/* Keep the gallery close control in its own row above the enlarged image. */
#lightbox>.close{float:none;display:block;position:relative;z-index:2;min-height:44px;margin:0 0 14px auto;background:#fff}
#lightbox>img{clear:both;margin-top:0}
@media(max-width:650px){
  #lightbox{width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:12px}
  #lightbox>.close{margin-bottom:12px;padding:10px 16px}
  #lightbox>img{max-height:calc(100dvh - 220px)}
}

/* Match the installer guide's compact mobile header and dropdown menu. */
header.ec-site-header{position:relative;z-index:10}
.ec-site-header .ec-mobile-menu{display:none}
@media(max-width:650px){
  header.ec-site-header{flex-wrap:nowrap;gap:8px;padding:12px 16px}
  header.ec-site-header .ec-header-brand{width:auto;flex:1;min-width:0;gap:7px}
  header.ec-site-header .brandlogo{width:min(34vw,145px);max-width:145px}
  header.ec-site-header .ec-beta{flex-shrink:0;font-size:9px;padding:4px}
  header.ec-site-header .ec-desktop-nav{display:none}
  .ec-site-header .ec-mobile-menu{display:block;flex:0 0 auto;margin-left:auto}
  .ec-mobile-menu summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4d7d5;border-radius:3px;background:white;cursor:pointer;font-size:23px;line-height:1;list-style:none}
  .ec-mobile-menu summary::-webkit-details-marker{display:none}
  .ec-mobile-menu summary:focus-visible{outline:2px solid #087f83;outline-offset:2px}
  .ec-mobile-menu[open] summary{background:#151719;color:white}
  header.ec-site-header .ec-mobile-menu nav{position:absolute;top:100%;right:16px;width:min(290px,calc(100vw - 32px));display:grid;gap:0;padding:6px;background:white;border:1px solid #d4d7d5;box-shadow:0 12px 24px #0003;font-size:14px}
  header.ec-site-header .ec-mobile-menu nav a{display:block;padding:12px 13px;line-height:1.5;white-space:normal;border-bottom:1px solid #d4d7d5}
  header.ec-site-header .ec-mobile-menu nav a:last-child{border-bottom:0}
}