.bcm-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #d9e5e8;backdrop-filter:none}
.bcm-header .bcm-mainnav{width:min(1480px,calc(100% - 32px));min-height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.bcm-brand{flex-shrink:0}.bcm-brand img{display:block;width:150px;height:62px;object-fit:contain}
.bcm-links{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:700}
.bcm-header a{color:#0b2636;text-decoration:none}.bcm-header a:hover{color:#087d88}.bcm-header a:focus-visible,.bcm-header summary:focus-visible{outline:3px solid #f58220;outline-offset:3px}
.bcm-links>a[href="/bg-graspointner/"],.bcm-mobile-links>a[href="/bg-graspointner/"]{color:#a8192d}
.bcm-links>a[href="/geoplast/"],.bcm-mobile-links>a[href="/geoplast/"]{color:#ee8022}
.bcm-links>a[href="/xypex/"],.bcm-mobile-links>a[href="/xypex/"]{color:#075b9b}
.bcm-links>a[href="/bg-graspointner/"]:hover,.bcm-mobile-links>a[href="/bg-graspointner/"]:hover,.bcm-links>a[href="/geoplast/"]:hover,.bcm-mobile-links>a[href="/geoplast/"]:hover,.bcm-links>a[href="/xypex/"]:hover,.bcm-mobile-links>a[href="/xypex/"]:hover{filter:brightness(.78)}
.page-local .bcm-links>a[href="/gestion-eaux-pluviales-bretagne-pays-de-la-loire/"],.page-local .bcm-mobile-links>a[href="/gestion-eaux-pluviales-bretagne-pays-de-la-loire/"]{color:#087d88;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.bcm-overseas{display:flex;align-items:center;gap:3px}.bcm-submenu{position:relative}.bcm-header summary{cursor:pointer;font-weight:700;list-style:none}.bcm-header summary::-webkit-details-marker{display:none}
.bcm-submenu>summary{padding:10px 8px;color:#087d88}.bcm-dropdown{position:absolute;top:100%;left:-110px;width:270px;background:#fff;border:1px solid #d9e5e8;border-top:4px solid #00b8c8;box-shadow:0 12px 28px #0b263629;padding:12px;max-height:70vh;overflow:auto}
.bcm-dropdown a{display:block;padding:10px 12px}.bcm-region{border-top:1px solid #d9e5e8}.bcm-region summary{padding:12px;color:#0b2636}.bcm-region summary:after{content:' +';float:right;color:#087d88}.bcm-region[open] summary:after{content:' −'}.bcm-region a{padding-left:24px;font-weight:500}.bcm-region a:hover{background:#edf8f9}
.bcm-header .bcm-contact{padding:10px 12px;background:#0b2636;color:white;border-radius:24px;white-space:nowrap}.bcm-mobile{display:none}
.bcm-territories{display:flex;flex-wrap:wrap;justify-content:flex-start;min-height:0;gap:10px;margin-top:16px}.bcm-territories a{padding:7px 12px;color:#fff;text-underline-offset:4px;border-bottom:2px solid #00b8c8}
.territory-card{scroll-margin-top:110px}.territory-card:target{outline:3px solid #f58220}.territory-tags a{padding:7px 10px;background:#edf8f9;color:#075d65;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.region-choice.indian .territory-tags a{background:#fff1e6;color:#9b4600}
@media(max-width:1300px){.bcm-links{display:none}.bcm-mobile{display:block}.bcm-mobile>summary{padding:10px 16px;background:#0b2636;color:white;border-radius:4px}.bcm-mobile-links{position:absolute;left:0;right:0;top:100%;padding:14px 24px;background:white;border-bottom:1px solid #d9e5e8;max-height:calc(100dvh - 84px);overflow:auto;box-shadow:0 15px 25px #0b263629}.bcm-mobile-links>a{display:block;padding:12px 0;border-bottom:1px solid #d9e5e8;font-weight:700}.bcm-mobile-links .bcm-overseas{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #d9e5e8;gap:0}.bcm-mobile-links .bcm-overseas>a{padding:12px 0;font-weight:700}.bcm-mobile-links .bcm-submenu{display:contents}.bcm-mobile-links .bcm-submenu>summary{padding:12px 20px}.bcm-mobile-links .bcm-dropdown{position:static;width:auto;grid-column:1/-1;box-shadow:none;max-height:none;border-top:2px solid #00b8c8}.bcm-mobile-links .bcm-contact{display:inline-block;margin-top:12px}.bcm-mobile-links>a:last-child{margin-top:8px}.bcm-brand img{width:140px}}
