.site-header .nav-row{height:178px}.site-header .brand{width:215px}.site-header .brand img{width:100%;height:168px;object-fit:contain}.footer-brand>img,.footer-brand>a>img{width:180px!important;max-height:180px;object-fit:contain;background:white;padding:10px;border-radius:6px}.cp-brand-emblem{display:flex;align-items:center;justify-content:center;width:220px;height:94px;padding:14px;background:white;border-radius:7px;margin:0 0 22px}.cp-brand-emblem img{max-width:100%;max-height:100%;object-fit:contain}.cp-brand-emblem.dark{background:#0d2940}.cp-brand-emblem.cad{height:175px}.detail-heading-simple .cp-brand-emblem{border:1px solid #dce7ee;margin:0 0 20px}.home-brand-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100px;padding:10px;background:white;border-radius:5px;margin-bottom:16px}.home-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.home-brand-logo.dark,.cp-brand-logo.dark{background:#0d2940}.cp-brand-logo img{max-height:100px;max-width:100%;object-fit:contain}.home-brand-card .home-brand-name{margin-top:0}.home-brand-card[href="marque-control-access.html"] .home-brand-logo,.home-brand-card[href="marque-portes-magnetiques-brushless.html"] .home-brand-logo{height:145px}.cp-brand-logo[href="marque-control-access.html"],.cp-brand-logo[href="marque-portes-magnetiques-brushless.html"]{height:150px}.cp-brand-logo[href="marque-control-access.html"] img,.cp-brand-logo[href="marque-portes-magnetiques-brushless.html"] img{max-height:140px}.cp-brand-manufacturer{display:inline-block;font-weight:700;font-size:12px;color:#087f9a;margin-top:12px}.cp-brand-emblem:focus-visible,.home-brand-card:focus-visible{outline:3px solid #11abc5;outline-offset:4px}@media(max-width:760px){.site-header .nav-row{height:143px;gap:12px}.site-header .brand{width:145px}.site-header .brand img{height:132px}.cp-brand-emblem{width:185px;height:80px;padding:12px}.cp-brand-emblem.cad{height:145px}.home-brand-logo{height:90px}.site-header .header-actions{gap:8px}}

/* Accueil : logo agrandi et retour immédiatement dessous. */
.home-logo-stack{display:flex;flex-direction:column;align-items:center;gap:7px;flex:none}.home-logo-stack .home-underlogo{display:none}body[data-page="index.html"] .site-header .nav-row{height:276px}body[data-page="index.html"] .site-header .brand{width:250px}body[data-page="index.html"] .site-header .brand img{height:224px}body[data-page="index.html"] .home-underlogo{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #8aaac2;border-radius:4px;padding:8px 14px;color:#11406c;background:#fff;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}body[data-page="index.html"] .home-underlogo:hover{background:#f1f7fb}body[data-page="index.html"] .home-underlogo:focus-visible{outline:3px solid #0f9eb8;outline-offset:3px}@media(max-width:760px){body[data-page="index.html"] .site-header .nav-row{height:199px}body[data-page="index.html"] .site-header .brand{width:160px}body[data-page="index.html"] .site-header .brand img{height:148px}body[data-page="index.html"] .home-underlogo{font-size:11px;padding:7px 9px}.home-logo-stack{gap:5px}}

/* Retour accueil : surbrillance visible. */
body[data-page="index.html"] .home-underlogo{transition:background .15s,color .15s,box-shadow .15s,transform .15s}body[data-page="index.html"] .home-underlogo:hover,body[data-page="index.html"] .home-underlogo:focus-visible{background:#22c4de;color:#052b43;border-color:#087f9f;box-shadow:0 0 0 3px #22c4de44,0 4px 14px #087f9f26;transform:translateY(-1px)}





























/* En-tête compact et sélection CAD. */
.topline{padding:4px 0}.site-header .nav-row{height:112px}.site-header .brand{width:285px;flex-shrink:0}.site-header .brand img{width:100%;height:96px;object-fit:contain}
body[data-page="index.html"] .site-header .nav-row{height:148px}body[data-page="index.html"] .site-header .brand{width:300px}body[data-page="index.html"] .site-header .brand img{height:100px}.home-logo-stack{gap:3px}body[data-page="index.html"] .home-underlogo{padding:6px 12px;font-size:11px}
.home-brand-card[href="marque-control-access.html"] .home-brand-logo{height:190px}.home-brand-card[href="marque-control-access.html"] .home-brand-logo img{width:100%;height:100%;max-height:175px}.cp-brand-logo[href="marque-control-access.html"]{height:205px}.cp-brand-logo[href="marque-control-access.html"] img{max-height:190px;width:100%}body[data-page="marque-control-access.html"] .cp-brand-emblem.cad{width:300px;height:240px}
.cad-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.cad-reference-link{display:flex;flex-direction:column;gap:10px;background:white;border:1px solid #c9dfe9;border-radius:5px;padding:22px;text-decoration:none;color:#173a5e}.cad-reference-link span{font-size:13px;color:#087f9a}.cad-reference-link:hover,.cad-reference-link:focus-visible{border-color:#0eabc1;box-shadow:0 0 0 3px #22c4de33}
@media(max-width:1100px){.site-header .brand{width:240px}.main-nav{gap:16px}}@media(max-width:760px){.site-header .nav-row{height:88px}.site-header .brand{width:190px}.site-header .brand img{height:74px}body[data-page="index.html"] .site-header .nav-row{height:112px}body[data-page="index.html"] .site-header .brand{width:190px}body[data-page="index.html"] .site-header .brand img{height:68px}body[data-page="index.html"] .home-underlogo{font-size:10px;padding:5px 8px}.main-nav{top:100%}.cad-reference-grid{grid-template-columns:1fr}body[data-page="marque-control-access.html"] .cp-brand-emblem.cad{width:245px;height:210px}}
/* Fin en-tête compact. */

/* CAD reference visuals 25oct. */
.cad-reference-link[data-cad-reference]{display:grid;grid-template-columns:116px minmax(0,1fr);align-content:start;gap:9px 18px}
.cad-reference-link[data-cad-reference] img{grid-row:1/6;width:116px;height:116px;object-fit:contain;background:#fff;align-self:start}
.cad-reference-link[data-cad-reference] strong{font-size:16px;line-height:1.35}
.cad-reference-link[data-cad-reference] .cad-reference-maker{font-size:12px;color:#526577}
.cad-reference-link[data-cad-reference] .cad-reference-caption{font-size:12px;line-height:1.45;color:#42596c}
.cad-reference-link[data-cad-reference] .cad-reference-limit{font-size:12px;line-height:1.45;color:#42596c}
.cad-family-main-image{display:block;width:100%;max-height:460px;object-fit:contain;background:white}
.cad-reference-visuals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.cad-reference-visuals figure{margin:0}.cad-reference-visuals img{width:100%;height:280px;object-fit:contain;background:white}
.cad-reference-visuals figcaption{font-size:13px;line-height:1.5;margin-top:10px}
@media(max-width:480px){.cad-reference-link[data-cad-reference]{grid-template-columns:84px minmax(0,1fr);gap:8px 12px}.cad-reference-link[data-cad-reference] img{width:84px;height:84px}}
/* Fin CAD reference visuals 25oct. */




















/* Navigation proportionnée. */
.site-header .main-nav{font-size:16px;gap:18px}.site-header .nav-row .main-nav>a{font-size:16px;min-height:48px;display:inline-flex;align-items:center;line-height:1.3}.site-header .header-actions .btn{font-size:15px;min-height:50px;padding:13px 19px}.site-header .quote-count{width:24px;height:24px;font-size:13px}.site-header .menu-btn{width:48px;height:48px}.site-header .nav-row .main-nav.open>a{font-size:17px;min-height:50px}
body[data-page="index.html"] .home-underlogo{font-size:14px;padding:8px 14px;min-height:36px}.cp-brand-logo[href="marque-control-access.html"],.cp-brand-logo[href="marque-portes-magnetiques-brushless.html"]{width:100%}.cp-brand-logo[href="marque-control-access.html"] img{width:100%;height:190px;max-height:190px;object-position:center}.cp-brand-logo[href="marque-portes-magnetiques-brushless.html"] img{width:100%;height:140px;object-position:center}
.home-brand-card[href="marque-motorline.html"] .home-brand-logo{height:125px}.home-brand-card[href="marque-motorline.html"] .home-brand-logo img{width:100%;height:100%;object-fit:contain}.cp-brand-logo[href="marque-motorline.html"]{width:100%;height:115px}.cp-brand-logo[href="marque-motorline.html"] img{width:100%;height:100px;max-height:100px;object-position:center}.cp-brand-emblem:has(img[src*="logos-officiels/motorline"]){width:330px;height:125px}.cp-brand-emblem img[src*="logos-officiels/motorline"]{width:100%;height:auto}
@media(min-width:951px)and(max-width:1350px){.site-header .main-nav{font-size:16px;gap:12px}.site-header .nav-row .main-nav:not(.open)>a{font-size:16px}.site-header .header-actions .btn{font-size:15px;padding:12px 16px}.site-header .brand,body[data-page="index.html"] .site-header .brand{width:260px}}
@media(max-width:1350px){.site-header .main-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:18px 24px;background:white;border-bottom:1px solid #d7e5ed;box-shadow:0 16px 24px #173a5e10}.site-header .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;top:100%;max-height:calc(100dvh - 170px);overflow-y:auto}.site-header .menu-btn{display:flex}.site-header .header-actions{margin-left:auto}}
@media(max-width:950px){.site-header .main-nav.open{top:100%;max-height:calc(100dvh - 170px);overflow-y:auto}.site-header .main-nav>a{font-size:17px;min-height:50px;padding:14px 16px}.site-header .header-actions .btn{font-size:15px}}
@media(max-width:760px){.site-header .header-actions .btn{min-height:46px;padding:10px}.site-header .menu-btn{width:46px;height:46px}.site-header .header-actions{gap:7px}.site-header .quote-count{width:22px;height:22px;font-size:13px}body[data-page="index.html"] .home-underlogo{font-size:13px;min-height:32px;padding:6px 10px}}
@media(max-width:400px){.site-header .brand,body[data-page="index.html"] .site-header .brand{width:164px}.site-header .nav-row{gap:8px}.site-header .header-actions{gap:6px}}
/* Fin navigation proportionnée. */

/* Uniform brand logos ABEXO 25oct */
.home-brands-grid .home-brand-card .home-brand-logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:100px!important;min-height:100px!important;max-height:100px!important;padding:10px!important;margin:0 0 16px!important;overflow:visible}
.home-brands-grid .home-brand-card .home-brand-logo img{display:block;flex-shrink:1;width:193.25px!important;height:80px!important;max-width:100%!important;max-height:80px!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;transform:none!important}
.cp-brands-grid .cp-brand-card .cp-brand-logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:65px!important;min-height:65px!important;max-height:65px!important;padding:0!important;margin-bottom:24px;overflow:visible}
.cp-brands-grid .cp-brand-card .cp-brand-logo img{display:block;flex-shrink:1;width:157px!important;height:65px!important;max-width:100%!important;max-height:65px!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;transform:none!important}
/* End uniform brand logos ABEXO 25oct */





/* Compteurs cliquables. */
.hero-stat-link{display:block;color:white;text-decoration:none;min-height:70px;border-radius:4px;transition:color .15s,background .15s,box-shadow .15s}.hero-stat-link .hero-stat-arrow{font-style:normal;color:#56dcf1;margin-left:5px}.hero-stat-link:hover,.hero-stat-link:focus-visible{color:#70e5f5;background:#20bdd327;box-shadow:0 0 0 2px #58dff0;outline:none}.hero-stat-link:hover>span,.hero-stat-link:focus-visible>span{text-decoration:underline;text-underline-offset:4px}.hero-stat-link:focus-visible{outline:3px solid #8cebf7;outline-offset:4px}
/* Fin compteurs. */