.topnav-container{z-index:99999;pointer-events:auto;isolation:isolate;background:#1a1a1a;border-radius:20px;justify-content:space-between;align-items:center;width:calc(100vw - 48px);height:66px;padding-left:19px;padding-right:19px;display:flex;position:fixed;top:24px;left:24px;right:24px;box-shadow:0 4px 6px #0000001a}.topnav-logo{cursor:pointer;flex-shrink:0;align-items:center;height:28px;text-decoration:none;transition:all .2s;display:flex}.topnav-logo:hover{opacity:.8;transform:scale(1.02)}.topnav-logo-image{width:auto;height:28px}.topnav-links{flex:1;justify-content:flex-start;align-items:center;gap:clamp(20px,3.33vw,48px);margin-left:clamp(20px,3.36vw,48.35px);display:flex}.influenceurs{color:#fff;align-items:center;gap:10px;text-decoration:none;transition:all .2s;display:flex;position:relative}.influenceurs:hover{opacity:.9;transform:translateY(-1px)}.influenceurs-icon{flex-shrink:0;width:19px;height:19px}.influenceurs-text{color:#fff;text-align:left;font:normal normal medium 14px/19px var(--font-sans);font-family:var(--font-sans);letter-spacing:0;transition:color .2s}.influenceurs:hover .influenceurs-text{color:#fddd3d}.produits{color:#fff;align-items:center;gap:10px;text-decoration:none;transition:all .2s;display:flex;position:relative}.produits:hover{opacity:.9;transform:translateY(-1px)}.produits-icon{flex-shrink:0;width:19px;height:19px}.produits-text{color:#fff;text-align:left;font:normal normal medium 14px/19px var(--font-sans);font-family:var(--font-sans);letter-spacing:0;transition:color .2s}.produits:hover .produits-text{color:#e13e85}.topnav-mobile-menu{cursor:pointer;z-index:10001;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:none}.topnav-mobile-menu:hover{opacity:.8}.topnav-mobile-menu-dropdown{z-index:10001;background:#1a1a1a;border-radius:20px;min-width:200px;padding:20px;display:none;position:absolute;top:calc(100% + 10px);right:24px;box-shadow:0 4px 6px #0000004d}.mobile-menu-item{color:#fff;font:normal normal medium 14px/19px var(--font-sans);letter-spacing:0;border-radius:8px;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:block}.mobile-menu-item:hover{background-color:#ffffff1a}.topnav-right{align-items:center;gap:clamp(8px,1.25vw,18px);display:flex}.topnav-icon-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.topnav-icon-button:hover{opacity:.9;background:#ffffff1a;transform:translateY(-1px)scale(1.05);box-shadow:0 2px 8px #00000026}.topnav-icon-button svg{width:100%;height:100%}.topnav-favorites-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:all .2s;display:flex;position:relative}.topnav-favorites-button:hover{opacity:.9;background:#ffffff1a;transform:translateY(-1px)scale(1.05);box-shadow:0 2px 8px #00000026}@media (max-width:1024px){.topnav-container{padding:0 12px}.topnav-links{gap:clamp(16px,2vw,32px);margin-left:clamp(16px,2vw,32px)}.influenceurs-text,.produits-text{font-size:12px}.topnav-right{gap:clamp(6px,1vw,12px)}}@media (max-width:768px){.topnav-container{width:calc(100vw - 24px);height:56px;padding:0 12px;top:12px;left:12px;right:12px}.topnav-logo{height:24px}.topnav-logo-image{width:auto;height:24px}.topnav-links{display:none}.topnav-right{gap:8px}.topnav-mobile-menu{display:flex}.topnav-mobile-menu-dropdown{display:block}.topnav-right{display:none}.topnav-icon-button,.topnav-favorites-button{width:32px;height:32px;padding:4px}}.topnav-mobile-actions{display:none}.mobile-menu-separator{background:#323232;height:1px;margin:8px 0}button.mobile-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%}.mobile-menu-item-primary{text-align:center;background:linear-gradient(270deg,#e13e85 0%,#7344e4 100%);margin-top:4px;font-weight:700}@media (max-width:768px){.topnav-mobile-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.topnav-mobile-actions .top-header-notification{border-radius:12px;width:36px;height:36px}.topnav-mobile-menu{min-width:44px;min-height:44px}.topnav-mobile-menu-dropdown{box-sizing:border-box;width:min(280px,100vw - 24px);min-width:0;max-height:calc(100dvh - 90px);padding:12px;top:calc(100% + 8px);right:0;overflow-y:auto}.mobile-menu-item{padding:13px 16px}.topnav-logo{flex-shrink:1;min-width:0}.topnav-logo-image{max-width:100%}}@media (max-width:380px){.topnav-logo,.topnav-logo-image{height:20px}}@media (min-width:769px) and (max-width:1200px){.topnav-signed-in .topnav-right{display:none}.topnav-signed-in .topnav-mobile-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topnav-signed-in .topnav-mobile-menu{min-width:44px;min-height:44px;display:flex}.topnav-signed-in .topnav-mobile-menu-dropdown{box-sizing:border-box;width:280px;min-width:0;padding:12px;display:block;top:calc(100% + 10px);right:0}.topnav-signed-in .topnav-mobile-menu-dropdown a[href=\/influenceurs],.topnav-signed-in .topnav-mobile-menu-dropdown a[href=\/products]{display:none}}.influenceurs .influenceurs-indicator,.produits .produits-indicator{top:-21px;left:50%;transform:translate(-50%)}.produits-indicator{opacity:1;pointer-events:none;justify-content:center;align-items:center;width:24px;height:12px;display:flex;position:absolute;top:4px;left:503px}.produits-indicator-image{width:24px;height:12px;display:block}.influenceurs-indicator{opacity:1;pointer-events:none;justify-content:center;align-items:center;width:24px;height:12px;display:flex;position:absolute;top:4px;left:354px}.influenceurs-indicator-image{width:24px;height:12px;display:block}.topnav-count-badge{color:#fff;min-width:18px;height:18px;font:normal normal bold 9px/18px var(--font-sans);text-align:center;pointer-events:none;background:#e13e85;border-radius:999px;padding:0 5px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #1d1d1f}.topnav-mobile-menu{position:relative}.mobile-menu-item--with-badge{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-menu-badge{color:#fff;min-width:20px;height:20px;font:normal normal bold 10px/20px var(--font-sans);text-align:center;background:#e13e85;border-radius:999px;padding:0 6px}.topnav-mobile-menu .topnav-count-badge{top:0;right:0}
