@font-face{font-family:HPShopBebas;src:url('/themes/default-bootstrap/assets/hp-grid-v1/bebas.ttf') format('truetype');font-display:swap;font-weight:400}
html body .hp-shop-announcement{background:#171717;color:#fff;text-align:center;padding:10px 4%;font:400 14px/1.2 HPShopBebas,Arial,sans-serif;letter-spacing:.15em}
html body .hp-shop-header{position:sticky;top:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px;min-height:100px;padding:0 4%;background:#fff;border-bottom:1px solid #eee;box-sizing:border-box}
html body .hp-shop-header *{box-sizing:border-box}
html body .hp-shop-header .hp-brand{display:block;width:185px;flex:none}
html body .hp-shop-header .hp-brand img{display:block;width:100%;height:auto}
html body .hp-shop-header .hp-navigation{display:flex;align-items:center;gap:22px;margin:0;padding:0}
html body .hp-shop-header .hp-navigation a{font:400 20px/1.4 HPShopBebas,Arial,sans-serif;letter-spacing:.035em;color:#171717;text-decoration:none;white-space:nowrap}
html body .hp-shop-header .hp-navigation a:hover{color:#67503a}
html body .hp-shop-header .hp-header-actions{display:flex;align-items:center;gap:19px;flex:none}
html body .hp-shop-header .hp-header-actions svg{width:21px;height:21px;display:block}
html body .hp-shop-header .hp-header-actions a,html body .hp-shop-header .hp-header-actions button{position:relative;display:grid;place-items:center;min-width:24px;min-height:44px;padding:0;border:0;background:transparent;color:#171717;box-shadow:none;cursor:pointer}
html body .hp-shop-header .hp-header-actions .hp-menu-toggle,html body .hp-shop-header .hp-menu-heading,html body .hp-shop-header .hp-menu-secondary,html body .hp-shop-header .hp-mobile-extra{display:none}
html body .hp-shop-cart-count{position:absolute;right:-7px;top:0;border-radius:20px;background:#171717;color:#fff;font:12px/18px Arial,sans-serif;min-width:18px;text-align:center;padding:0 3px}
html body .hp-shop-cart-count[hidden],html body #hp-search-panel[hidden]{display:none!important}
html body #hp-search-panel{position:fixed;top:var(--hp-header-bottom,130px);left:0;right:0;z-index:10002;padding:24px 5%;background:#fff;border-bottom:1px solid #d8cbb7;box-shadow:0 10px 20px #0001}
html body #hp-search-panel label{font:400 18px HPShopBebas,Arial,sans-serif}
html body #hp-search-panel form>div{display:flex;gap:12px;margin-top:12px}
html body #hp-search-panel input{min-width:0;flex:1;padding:12px;border:1px solid #d8cbb7;font:16px Arial,sans-serif;border-radius:0}
html body #hp-search-panel button{border:0;background:#171717;color:#fff;padding:12px 20px;font:400 18px HPShopBebas,Arial,sans-serif;cursor:pointer}
html body .hp-shop-header a:focus-visible,html body .hp-shop-header button:focus-visible,html body #hp-search-panel :focus-visible{outline:2px solid #67503a;outline-offset:3px}
/* Keep native modules and cart updates in place. Replace only navigation presentation. */
html body #header_logo,html body #Hpmg-Megamenu,html body #Hpmg-Menuboutons,html body #Hpmg-Recherche{display:none!important}
html body #page .header-container,html body #page #header{height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
html body #catalogmode-message{height:auto;min-height:30px;margin:0;padding:7px 10px;background:#fff;color:#171717;font:12px/1.4 Arial,sans-serif;border-bottom:1px solid #eee}
@media(min-width:768px) and (max-width:1100px){html body .hp-shop-header{padding:0 20px;gap:12px}html body .hp-shop-header .hp-brand{width:120px}html body .hp-shop-header .hp-navigation{gap:10px}html body .hp-shop-header .hp-navigation a{font-size:16px}html body .hp-shop-header .hp-header-actions{gap:10px}}
@media(max-width:767px){
 html body .hp-shop-header{height:76px;min-height:76px;padding:0 24px;gap:16px}
 html body .hp-shop-header .hp-brand{width:147px}
 html body .hp-shop-header .hp-header-actions{gap:15px}
 html body .hp-shop-header .hp-header-actions .hp-menu-toggle{display:grid}
 html body .hp-shop-header .hp-header-actions .hp-account-icon{display:none}
 html body .hp-shop-header .hp-navigation{display:none;position:fixed;top:var(--hp-header-bottom,110px);bottom:0;left:0;right:0;width:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px;background:#fff}
 html body .hp-shop-header .hp-navigation.hp-open{display:block}
 html body .hp-shop-header .hp-menu-heading{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid #eee;font:400 18px HPShopBebas,Arial,sans-serif}
 html body .hp-shop-header .hp-menu-close{width:44px;height:44px;border:0;background:transparent;color:#171717;font:26px Arial,sans-serif}
 html body .hp-shop-header .hp-navigation>a,html body .hp-shop-header .hp-menu-secondary>a{display:flex;align-items:center;min-height:49px;padding:10px 0;font-size:20px}
 html body .hp-shop-header .hp-menu-secondary{display:block;border-top:1px solid #eee;margin-top:14px;padding-top:14px}
 html body #hp-search-panel form>div{flex-wrap:wrap}
 html body #hp-search-panel input{flex-basis:65%}
}
@media(max-width:390px){html body .hp-shop-header{padding:0 16px;gap:10px}html body .hp-shop-header .hp-brand{width:130px}html body .hp-shop-header .hp-header-actions{gap:4px}html body .hp-shop-header .hp-header-actions a,html body .hp-shop-header .hp-header-actions button{min-width:44px}}

/* The former fixed mobile bar used a body offset; the shared header is in normal flow. */
html body{margin-top:0!important}