:root{--topbar-height:38px;--header-h:80px;--header-h-shrink:60px;--header-bg:var(--primary-800);--header-bg-solid:var(--white)}.topbar{position:fixed;top:0;left:0;right:0;z-index:1005;height:var(--topbar-height);display:flex;align-items:center;background:linear-gradient(90deg,var(--primary-900) 0%,var(--primary-700) 50%,var(--primary-900) 100%);color:var(--accent-200);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);overflow:hidden;border-bottom:1px solid rgba(184,134,11,0.25);transform:translateY(0);transition:transform 0.4s var(--ease-in-out),opacity 0.4s var(--ease-in-out)}.topbar.dismissed,body.scrolled-down .topbar{transform:translateY(-100%);opacity:0;pointer-events:none}.topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.topbar-track{display:flex;align-items:center;white-space:nowrap;flex:1;overflow:hidden;padding-left:var(--space-4)}.topbar-content{display:inline-flex;align-items:center;gap:var(--space-7);padding-right:var(--space-7);animation:marquee 28s linear infinite;will-change:transform}.topbar:hover .topbar-content{animation-play-state:paused}.topbar-item{display:inline-flex;align-items:center;gap:var(--space-2)}.topbar-item i{color:var(--accent-color);font-size:0.85em}.topbar-item span{color:var(--neutral-100)}.topbar-sep{width:4px;height:4px;border-radius:50%;background:var(--accent-color);opacity:0.7;flex-shrink:0}.topbar-close{flex-shrink:0;margin-right:var(--space-3);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;background:rgba(255,255,255,0.08);color:var(--accent-200);border-radius:50%;cursor:pointer;transition:var(--transition-fast)}.topbar-close:hover{background:rgba(184,134,11,0.35);color:var(--white)}.topbar-close:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}body.topbar-on .header{top:var(--topbar-height)}@media (prefers-reduced-motion:reduce){.topbar-content{animation:none;padding-left:var(--space-4)}}@media (max-width:560px){:root{--topbar-height:34px}.topbar{font-size:0.7rem}.topbar-content{gap:var(--space-5);padding-right:var(--space-5)}}.header{transition:transform 0.3s var(--ease-in-out),background-color 0.3s var(--ease-in-out),box-shadow 0.3s var(--ease-in-out),height 0.3s var(--ease-in-out),top 0.4s var(--ease-in-out)}.header.shrink .nav-brand .logo{height:44px !important}.header.shrink{box-shadow:0 6px 24px rgba(61,40,23,0.14) !important}.header .nav-brand .logo{transition:height 0.3s var(--ease-in-out)}@media (min-width:1281px){.header.shrink .nav-menu{gap:10px}.header.shrink .nav-menu>li>a{font-size:0.85rem}}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:transparent;color:var(--white);border-radius:50%;cursor:pointer;font-size:1.1rem;transition:var(--transition-fast)}.header.scrolled .header-icon-btn,.page-interior .header-icon-btn{color:var(--text-dark)}.header-icon-btn:hover{background:rgba(184,134,11,0.15);color:var(--accent-color)}.header-icon-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.header-search-toggle.is-active{background:var(--accent-color);color:var(--white)}.header-cta-devis{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);color:var(--primary-900);background:linear-gradient(135deg,var(--accent-300) 0%,var(--accent-color) 55%,var(--accent-600) 100%);border:none;border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-accent);position:relative;overflow:hidden;transition:var(--transition-base)}.header-cta-devis::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.45) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s var(--ease-in-out)}.header-cta-devis:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(184,134,11,0.4);color:var(--primary-900)}.header-cta-devis:hover::before{transform:translateX(100%)}.header-cta-devis:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.header-cta-devis i{font-size:0.9em}@media (prefers-reduced-motion:no-preference){.header-cta-devis{animation:devisGlow 3.5s var(--ease-in-out) infinite}}@keyframes devisGlow{0%,100%{box-shadow:0 8px 24px rgba(184,134,11,0.25)}50%{box-shadow:0 8px 28px rgba(184,134,11,0.5)}}.cart-badge{display:none;position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:var(--accent-color);color:var(--white);font-size:0.7rem;font-weight:var(--font-bold);border-radius:var(--radius-full);align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px rgba(184,134,11,0.5);border:2px solid var(--bg-elevated)}.header:not(.scrolled):not(.page-interior) .cart-badge{border-color:var(--primary-800)}.cart-badge.pulse{animation:cartPulse 0.6s var(--ease-bounce)}@keyframes cartPulse{0%{transform:scale(1)}35%{transform:scale(1.5);background:var(--color-success)}60%{transform:scale(0.9)}100%{transform:scale(1)}}.header-search{position:absolute;top:100%;left:0;right:0;z-index:1004;background:var(--bg-elevated);border-top:3px solid var(--accent-color);box-shadow:var(--shadow-xl);transform:translateY(-12px) scaleY(0.96);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.32s var(--ease-spring),opacity 0.28s var(--ease-in-out),visibility 0.28s}.header-search.is-open{transform:translateY(0) scaleY(1);opacity:1;visibility:visible}.header-search-inner{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-6) var(--container-padding) var(--space-5)}.header-search-form{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:var(--bg-sunken);border:2px solid var(--border-default);border-radius:var(--radius-full);transition:var(--transition-fast)}.header-search-form:focus-within{border-color:var(--accent-color);background:var(--bg-base);box-shadow:0 0 0 4px rgba(184,134,11,0.12)}.header-search-form i{color:var(--text-tertiary);font-size:1.1rem}.header-search-input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-primary);padding:var(--space-3) 0}.header-search-input:focus{outline:none}.header-search-input::placeholder{color:var(--text-tertiary)}.header-search-submit{flex-shrink:0;padding:10px 22px;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.header-search-submit:hover{background:var(--primary-dark)}.header-search-submit:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.header-search-suggestions-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);margin:var(--space-5) 0 var(--space-3)}.header-search-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.header-search-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-fast);cursor:pointer}.header-search-chip:hover,.header-search-chip:focus-visible{background:var(--accent-50);border-color:var(--accent-color);color:var(--accent-700);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.header-search-chip i{color:var(--accent-color);font-size:0.8em}.header-breadcrumb{background:var(--bg-sunken);border-bottom:1px solid var(--border-light)}.header-breadcrumb .container{max-width:var(--container-2xl);padding:var(--space-2) var(--container-padding)}.header-breadcrumb .breadcrumb{padding:6px 0;margin:0}.nav-overlay{position:fixed;inset:0;background:rgba(26,27,26,0.55);backdrop-filter:blur(2px);z-index:998;opacity:0;visibility:hidden;transition:opacity 0.3s var(--ease-in-out),visibility 0.3s}.nav-overlay.is-open{opacity:1;visibility:visible}body.mobile-nav-open{overflow:hidden}.nav-toggle{position:relative;z-index:1001}.nav-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}@media (max-width:1280px){.nav-menu .header-actions,.nav-menu .header-cta-devis{display:none}}@media (max-width:1024px){.header-cta-devis{display:none}}@media (max-width:420px){.header-icon-btn{width:38px;height:38px;font-size:1rem}}@media (max-width:1280px){.nav-brand{order:1}.nav-toggle{order:2;margin-left:auto}.header-actions{order:3;margin-left:0}}